@charset "UTF-8";
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Thin.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Thin.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/Spoqa Han Sans Thin.woff2") format("woff2"), url("/assets/web/fonts/Spoqa Han Sans Thin.woff") format("woff"), url("/assets/web/fonts/Spoqa Han Sans Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Light.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Light.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/Spoqa Han Sans Light.woff2") format("woff2"), url("/assets/web/fonts/Spoqa Han Sans Light.woff") format("woff"), url("/assets/web/fonts/Spoqa Han Sans Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-DemiLight.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-DemiLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Regular.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/Spoqa Han Sans Regular.woff2") format("woff2"), url("/assets/web/fonts/Spoqa Han Sans Regular.woff") format("woff"), url("/assets/web/fonts/Spoqa Han Sans Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Medium.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/Spoqa Han Sans Regular.woff2") format("woff2"), url("/assets/web/fonts/Spoqa Han Sans Regular.woff") format("woff"), url("/assets/web/fonts/Spoqa Han Sans Regular.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Bold.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/Spoqa Han Sans Bold.woff2") format("woff2"), url("/assets/web/fonts/Spoqa Han Sans Bold.woff") format("woff"), url("/assets/web/fonts/Spoqa Han Sans Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/assets/web/fonts/NotoSansKR-Black.woff2") format("woff2"), url("/assets/web/fonts/NotoSansKR-Black.woff") format("woff"), url("/assets/web/fonts/NotoSansKR-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@-webkit-keyframes tt-bounce-up {
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes tt-bounce-up {
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes tt-bounce-down {
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes tt-bounce-down {
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  vertical-align: baseline;
  word-break: keep-all;
  word-wrap: break-word;
  -ms-overflow-style: scrollbar;
}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {
  display: block;
}

select::-ms-expand {
  display: none;
}

/* 익스에서 input 입력시 (X) 버튼 비노출 */
input[type=text]::-ms-clear,
input[type=email]::-ms-clear {
  display: none;
}

/* input type=number 카운트 화살표 비노출 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body {
  color: #000;
  background-color: transparent;
  -webkit-text-size-adjust: none;
}

img {
  border: 0px;
  display: block;
}

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

a:hover {
  color: #000;
  text-decoration: none;
  outline-style: none;
}

a:focus, a:active, a:visited {
  text-decoration: none;
  outline: none;
  outline-offset: 0;
  outline-style: none;
}

a:focus, button:focus {
  outline: none;
}

table {
  table-layout: fixed;
}

ul, ol {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

input, textarea, select {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  letter-spacing: 0;
  border: 0;
  outline-style: none;
  border-radius: 0;
}

caption, legend, label.hidden, .invisible {
  position: absolute;
  left: -9999px;
  font-size: 0;
  line-height: 0%;
  overflow: hidden;
}

button {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  background: none;
  border: 0;
  cursor: pointer;
  outline-style: none;
}

button > span {
  position: relative;
  outline-style: none;
}

em {
  font-style: normal;
}

label {
  cursor: pointer;
}

a, a > span, button, button > span {
  letter-spacing: 0px;
}

.t_tit1 {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #000;
  line-height: 1.5;
}

.t_tit2 {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  color: #000;
  line-height: 1.45;
}

.t_tit3 {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.t_tit3 .nec {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  margin-left: 5px;
}

.t_tit4 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  color: #000;
  line-height: 1.35;
}
.t_tit4 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 400;
}

.t_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}

/**************** common ****************/
.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

.relative {
  position: relative;
}

.elps {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.elps2 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.elps3 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.wb {
  word-break: break-all;
}

.border {
  border: 1px solid red;
}

.inline {
  display: inline;
}

.inblock {
  display: inline-block;
}

.block {
  display: block !important;
}

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

.tar {
  text-align: right !important;
}

.tal {
  text-align: left !important;
}

.vam {
  vertical-align: middle !important;
}

.cursor {
  cursor: pointer;
}

.posR {
  position: absolute;
  right: 0;
  top: 0;
}

.posL {
  position: absolute;
  left: 0;
  top: 0;
}

.vStnd:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  margin-right: -3px;
}

.vCenter {
  display: inline-block;
  width: 99%;
  vertical-align: middle;
}

.sr_only {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

.dim_full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

.stnd_bar {
  width: 0px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
}

/*********** z-index ***********/
#header {
  z-index: 100;
}

#menu_all .wrap_all {
  z-index: 99;
}

#menu_all .dim {
  z-index: 98;
}

.popup {
  z-index: 110;
}

/*********** layout ***********/
#contents {
  width: 100%;
  max-width: 1920px;
  min-width: 1440px;
  min-height: calc(100vh - 240px);
  margin: 0 auto;
  position: relative;
}
#contents .pageTitle {
  margin-bottom: 33px;
}
#contents .pageTitle .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 34px;
  color: #000;
  line-height: 1.47;
}
#contents .sub_bottom_blank1 {
  width: 100%;
  height: 120px;
}

.w520 {
  width: 520px;
  margin: 0 auto;
  position: relative;
}

.w800 {
  width: 800px;
  margin: 0 auto;
  position: relative;
}

.w840 {
  width: 840px;
  position: relative;
}

.w1440 {
  width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}

/*********** margin ***********/
.mb_5 {
  margin-bottom: 5px !important;
}

/*********** loading ***********/
.loading_obj {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #da1a32;
  overflow: hidden;
  z-index: 200;
}
.loading_obj .hat {
  display: block;
  width: 116px;
  height: 48px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/assets/web/img/common/loading_bg.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-animation-name: loading;
          animation-name: loading;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes loading {
  0%, 4.99% {
    background-position: 0 0;
  }
  5%, 9.99% {
    background-position: -116px 0;
  }
  10%, 14.99% {
    background-position: -232px 0;
  }
  15%, 19.99% {
    background-position: -348px 0;
  }
  20%, 24.99% {
    background-position: -464px 0;
  }
  25%, 29.99% {
    background-position: -580px 0;
  }
  30%, 34.99% {
    background-position: -696px 0;
  }
  35%, 39.99% {
    background-position: -812px 0;
  }
  40%, 44.99% {
    background-position: -928px 0;
  }
  45%, 49.99% {
    background-position: -1044px 0;
  }
  50%, 54.99% {
    background-position: -1160px 0;
  }
  55%, 59.99% {
    background-position: -1276px 0;
  }
  60%, 64.99% {
    background-position: -1392px 0;
  }
  65%, 69.99% {
    background-position: -1508px 0;
  }
  70%, 74.99% {
    background-position: -1624px 0;
  }
  75%, 79.99% {
    background-position: -1740px 0;
  }
  80%, 84.99% {
    background-position: -1856px 0;
  }
  85%, 89.99% {
    background-position: -1972px 0;
  }
  90%, 94.99% {
    background-position: -2088px 0;
  }
  95%, 99.99% {
    background-position: -2204px 0;
  }
  100% {
    background-position: -1160px 0;
  }
}

@keyframes loading {
  0%, 4.99% {
    background-position: 0 0;
  }
  5%, 9.99% {
    background-position: -116px 0;
  }
  10%, 14.99% {
    background-position: -232px 0;
  }
  15%, 19.99% {
    background-position: -348px 0;
  }
  20%, 24.99% {
    background-position: -464px 0;
  }
  25%, 29.99% {
    background-position: -580px 0;
  }
  30%, 34.99% {
    background-position: -696px 0;
  }
  35%, 39.99% {
    background-position: -812px 0;
  }
  40%, 44.99% {
    background-position: -928px 0;
  }
  45%, 49.99% {
    background-position: -1044px 0;
  }
  50%, 54.99% {
    background-position: -1160px 0;
  }
  55%, 59.99% {
    background-position: -1276px 0;
  }
  60%, 64.99% {
    background-position: -1392px 0;
  }
  65%, 69.99% {
    background-position: -1508px 0;
  }
  70%, 74.99% {
    background-position: -1624px 0;
  }
  75%, 79.99% {
    background-position: -1740px 0;
  }
  80%, 84.99% {
    background-position: -1856px 0;
  }
  85%, 89.99% {
    background-position: -1972px 0;
  }
  90%, 94.99% {
    background-position: -2088px 0;
  }
  95%, 99.99% {
    background-position: -2204px 0;
  }
  100% {
    background-position: -1160px 0;
  }
}
.loading_obj2 {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 20px;
  text-align: center;
  z-index: 200;
}
.loading_obj2 span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 8px;
  border-radius: 50%;
  vertical-align: top;
  -webkit-animation-name: loading2;
          animation-name: loading2;
  -webkit-animation-duration: 1.64s;
          animation-duration: 1.64s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.loading_obj2 span:nth-child(1) {
  background: #de4b50;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading_obj2 span:nth-child(2) {
  background: #f66945;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading_obj2 span:nth-child(3) {
  background: #f9b53e;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.loading_obj2 span:nth-child(4) {
  background: #93c92d;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes loading2 {
  0% {
    margin-top: 0px;
    -webkit-animation-timing-function: cubic-bezier(0, 0.01, 0.03, 0.91);
            animation-timing-function: cubic-bezier(0, 0.01, 0.03, 0.91);
  }
  22%, 36% {
    margin-top: -25px;
    -webkit-animation-timing-function: cubic-bezier(0, 0.01, 0.99, 0.17);
            animation-timing-function: cubic-bezier(0, 0.01, 0.99, 0.17);
  }
  60%, 100% {
    margin-top: 0px;
  }
}

@keyframes loading2 {
  0% {
    margin-top: 0px;
    -webkit-animation-timing-function: cubic-bezier(0, 0.01, 0.03, 0.91);
            animation-timing-function: cubic-bezier(0, 0.01, 0.03, 0.91);
  }
  22%, 36% {
    margin-top: -25px;
    -webkit-animation-timing-function: cubic-bezier(0, 0.01, 0.99, 0.17);
            animation-timing-function: cubic-bezier(0, 0.01, 0.99, 0.17);
  }
  60%, 100% {
    margin-top: 0px;
  }
}
/*********** box gap line ***********/
.gap_border1 {
  border-bottom: 8px solid #f7f7f7;
}

/*********** no data type ***********/
.no_content_type1 {
  text-align: center;
}
.no_content_type1 .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  padding-top: 100px;
  background: url("/assets/web/img/common/ic_nodata1.png") no-repeat center top;
}

/*********** comment list ***********/
.cmt_guide1 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #6E839D;
  line-height: 24px;
  padding-left: 21px;
}
.cmt_guide1:before {
  content: "※";
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0px;
}

.cmt_guide2 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  line-height: 24px;
  padding-left: 21px;
}
.cmt_guide2:before {
  content: "※";
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0px;
}

.cmt_guide3 {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #6E839D;
  line-height: 1.43;
  padding-left: 17px;
}
.cmt_guide3:before {
  content: "※";
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0px;
}
.cmt_guide3.no_ic {
  padding-left: 0;
}
.cmt_guide3.no_ic:before {
  display: none;
}

.wrap_note {
  margin-top: 55px;
}
.wrap_note button {
  position: relative;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
  padding-right: 19px;
  margin-bottom: 13px;
}
.wrap_note button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  width: 7px;
  height: 6px;
  background: url("/assets/web/img/common/ic_arrow1.png") no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wrap_note button.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.wrap_note button span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.wrap_note .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 8px;
}
.wrap_note .tit_normal {
  position: relative;
  padding-left: 40px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 14px;
}
.wrap_note .tit_normal .ico_benefit {
  position: absolute;
  left: 0;
  top: 4px;
}

.wrap-toggle .toggle-button {
  position: relative;
}
.wrap-toggle .toggle-button:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 12px;
  width: 18px;
  height: 12px;
  background: url("/assets/web/img/common/icon-arrow-big.png") 50% 50%/contain no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wrap-toggle .toggle-button.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*********** bullet list ***********/
.bullet_type1 > li {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.71;
  padding-left: 10px;
  margin-top: 6px;
  word-break: break-all;
}
.bullet_type1 > li:first-child {
  margin-top: 0;
}
.bullet_type1 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}
.bullet_type1 > li.red {
  color: #DE4B50;
}
.bullet_type1 > li.red:before {
  background: #DE4B50;
}

.bullet_type2 > li {
  position: relative;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  padding-left: 13px;
  margin-top: 19px;
}
.bullet_type2 > li:first-child {
  margin-top: 0;
}
.bullet_type2 > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 50%;
}

/*********** tab ***********/
.tab_type1 {
  position: relative;
  width: 100%;
}
.tab_type1:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.tab_type1 .tab_wrap {
  width: 100%;
  overflow: visible;
  border-bottom: 1px solid #ddd;
}
.tab_type1 .tab_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab_type1 .tab {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
}
.tab_type1 .tab a, .tab_type1 .tab button {
  position: relative;
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 22px;
  color: #777;
  text-align: center;
  padding-bottom: 15px;
  cursor: pointer;
}
.tab_type1 .tab a .point, .tab_type1 .tab button .point {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.tab_type1 .tab a .point:after, .tab_type1 .tab button .point:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #3CFFB9; /*   #de4b50;  */
  vertical-align: top;
  margin-left: 8px;
  margin-top: -5px;
}
.tab_type1 .tab a .tooltip, .tab_type1 .tab button .tooltip {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.tab_type1 .tab a .tooltip:before, .tab_type1 .tab button .tooltip:before {
  content: attr(data-tooltip);
  position: absolute;
  right: -67px;
  top: -34px;
  display: block;
  min-width: 30px;
  max-width: 150px;
  height: 45px;
  padding-left: 13px;
  background: url("/assets/web/img/common/bg_tabtooltip.png") 0 0/auto 100% no-repeat;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: -0.14px;
  color: #fff;
  font-weight: 800;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tab_type1 .tab a .tooltip:after, .tab_type1 .tab button .tooltip:after {
  content: "";
  position: absolute;
  right: -80px;
  top: -34px;
  width: 26px;
  height: 45px;
  background: url("/assets/web/img/common/bg_tabtooltip_r.png") 100% 0/auto 100% no-repeat;
}
.tab_type1 .tab a .adot, .tab_type1 .tab button .adot {
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  padding-left: 32px;
}
.tab_type1 .tab a .adot:before, .tab_type1 .tab button .adot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 26px;
  height: 22px;
  margin-top: -11px;
  background: url("/assets/web/img/common/icon_adot.png") 50% 50%/contain no-repeat;
}
.tab_type1 .tab a:after, .tab_type1 .tab button:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0%;
  height: 2px;
  background: #DA1A32;
}
.tab_type1 .tab a:hover, .tab_type1 .tab a.active, .tab_type1 .tab button:hover, .tab_type1 .tab button.active {
  font-weight: 800;
  color: #000;
}
.tab_type1 .tab a:hover:after, .tab_type1 .tab a.active:after, .tab_type1 .tab button:hover:after, .tab_type1 .tab button.active:after {
  left: 0%;
  width: 100%;
}
.tab_type1.size_s .tab a, .tab_type1.size_s .tab button {
  font-size: 18px;
  line-height: 22px;
}
.tab_type1.col1 .tab {
  width: 100%;
}
.tab_type1.col2 .tab {
  width: 50%;
}
.tab_type1.col3 .tab {
  width: 33.33%;
}
.tab_type1.col4 .tab {
  width: 25%;
}
.tab_type1.col5 .tab {
  width: 20%;
}
.tab_type1.col6 .tab {
  width: 16.66%;
}
.tab_type1.col7 .tab {
  width: 14.28%;
}

.tab_type2 {
  position: relative;
  width: 100%;
  margin-top: 16px;
}
.tab_type2 .tab_wrap {
  width: 100%;
}
.tab_type2 .tab_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab_type2 .tab {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  margin-right: 60px;
}
.tab_type2 .tab a, .tab_type2 .tab button {
  position: relative;
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #777;
  text-align: center;
  padding-bottom: 13px;
}
.tab_type2 .tab a:hover, .tab_type2 .tab a.active, .tab_type2 .tab button:hover, .tab_type2 .tab button.active {
  font-weight: 800;
  color: #000;
}
.tab_type2 .tab a:hover:after, .tab_type2 .tab a.active:after, .tab_type2 .tab button:hover:after, .tab_type2 .tab button.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background: #DA1A32;
  border-radius: 50%;
}

.tab_type3 {
  width: 100%;
}
.tab_type3:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.tab_type3 a, .tab_type3 button, .tab_type3 div {
  float: left;
  display: block;
  width: auto;
  height: 60px;
  overflow: visible;
}
.tab_type3 a span, .tab_type3 button span, .tab_type3 div span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #777;
  text-align: center;
  line-height: 60px;
  background: #f7f7f7;
  border-right: 2px solid #fff;
}
.tab_type3 a span.multiline, .tab_type3 button span.multiline, .tab_type3 div span.multiline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  line-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab_type3 a:first-child span, .tab_type3 button:first-child span, .tab_type3 div:first-child span {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.tab_type3 a:last-child span, .tab_type3 button:last-child span, .tab_type3 div:last-child span {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-right: 0;
}
.tab_type3 a.active span, .tab_type3 a.current span, .tab_type3 button.active span, .tab_type3 button.current span, .tab_type3 div.active span, .tab_type3 div.current span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 58px;
  background: #fff;
  border: 1px solid #DA1A32;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.tab_type3 a.active span.multiline, .tab_type3 a.current span.multiline, .tab_type3 button.active span.multiline, .tab_type3 button.current span.multiline, .tab_type3 div.active span.multiline, .tab_type3 div.current span.multiline {
  line-height: 24px;
}
.tab_type3 a.disabled span, .tab_type3 button.disabled span, .tab_type3 div.disabled span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #ddd;
  background: #f7f7f7;
}
.tab_type3 a.disabled.active span, .tab_type3 a.disabled.current span, .tab_type3 button.disabled.active span, .tab_type3 button.disabled.current span, .tab_type3 div.disabled.active span, .tab_type3 div.disabled.current span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #ddd;
  background: #fff;
  border: 1px solid #ddd;
}
.tab_type3.col2 a, .tab_type3.col2 button, .tab_type3.col2 div {
  width: 50%;
}
.tab_type3.col3 a, .tab_type3.col3 button, .tab_type3.col3 div {
  width: 33.33%;
}
.tab_type3.col4 a, .tab_type3.col4 button, .tab_type3.col4 div {
  width: 25%;
}
.tab_type3.col5 a, .tab_type3.col5 button, .tab_type3.col5 div {
  width: 20%;
}
.tab_type3.col6 a, .tab_type3.col6 button, .tab_type3.col6 div {
  width: 16.66%;
}
.tab_type3.col7 a, .tab_type3.col7 button, .tab_type3.col7 div {
  width: 14.28%;
}
.tab_type3.col8 a, .tab_type3.col8 button, .tab_type3.col8 div {
  width: 12.5%;
}

.category_btns {
  font-size: 0;
  padding: 30px 0 0;
}
.category_btns li {
  display: inline-block;
  width: 180px;
  height: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.category_btns li + li {
  padding-left: 10px;
}
.category_btns a, .category_btns button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.category_btns a span, .category_btns button span {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #777;
  line-height: 1.444;
}
.category_btns a span sub, .category_btns button span sub {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.category_btns a.active, .category_btns a:hover, .category_btns button.active, .category_btns button:hover {
  border-color: #da1a32;
  background-color: #da1a32;
}
.category_btns a.active span, .category_btns a:hover span, .category_btns button.active span, .category_btns button:hover span {
  color: #fff;
  font-weight: 800;
}
.category_btns a.active span sub, .category_btns a:hover span sub, .category_btns button.active span sub, .category_btns button:hover span sub {
  font-weight: 800;
}
.category_btns.center_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px auto 0;
  padding: 0;
  border-radius: 10px;
}
.category_btns.center_tab li {
  overflow: hidden;
  min-width: 203px;
  background-color: #f6f6f6;
}
.category_btns.center_tab li + li {
  padding-left: 0;
}
.category_btns.center_tab li:first-child {
  border-radius: 10px 0 0 10px;
}
.category_btns.center_tab li:last-child {
  border-radius: 0 10px 10px 0;
}
.category_btns.center_tab li a, .category_btns.center_tab li button {
  border: none;
  border-radius: 0;
}
.category_btns.center_tab li a span, .category_btns.center_tab li button span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #777;
  line-height: 1.444;
}
.category_btns.center_tab li a.active, .category_btns.center_tab li a:hover, .category_btns.center_tab li button.active, .category_btns.center_tab li button:hover {
  border-color: #da1a32;
  background-color: #da1a32;
}
.category_btns.center_tab li a.active span, .category_btns.center_tab li a:hover span, .category_btns.center_tab li button.active span, .category_btns.center_tab li button:hover span {
  color: #fff;
}

/*********** button ***********/
.btn_typeA1 {
  display: inline-block;
  width: 520px;
  height: 90px;
  overflow: visible;
}
.btn_typeA1 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  background: #DA1A32;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.btn_typeA1:hover span {
  color: #D7A6AB;
  background: #B40E29;
}
.btn_typeA1.disabled span {
  color: #cfcfcf;
  background: #ddd;
}
.btn_typeA1.disabled:hover span {
  color: #cfcfcf;
  background: #ddd;
}

.btn_typeA2 {
  display: inline-block;
  width: 520px;
  height: 90px;
  overflow: visible;
}
.btn_typeA2 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 28px;
  color: #000;
  text-align: center;
  line-height: 90px;
  background: #f7f7f7;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.btn_typeA2:hover span {
  color: #000;
  background: #cfcfcf;
}
.btn_typeA2.disabled span {
  color: #cfcfcf;
  background: #ddd;
}
.btn_typeA2.disabled:hover span {
  color: #cfcfcf;
  background: #ddd;
}

.btn_typeB1 {
  display: inline-block;
  width: 520px;
  height: 90px;
  overflow: visible;
}
.btn_typeB1 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  background: #DA1A32;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.btn_typeB1:hover span {
  color: #D7A6AB;
  background: #B40E29;
}
.btn_typeB1.disabled span {
  color: #cfcfcf;
  background: #ddd;
}
.btn_typeB1.disabled:hover span {
  color: #cfcfcf;
  background: #ddd;
}

.btn_typeB2 {
  display: inline-block;
  width: 520px;
  height: 90px;
  overflow: visible;
}
.btn_typeB2 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #000;
  text-align: center;
  line-height: 90px;
  background: #f7f7f7;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.btn_typeB2:hover span {
  color: #000;
  background: #cfcfcf;
}
.btn_typeB2.disabled span {
  color: #cfcfcf;
  background: #ddd;
}
.btn_typeB2.disabled:hover span {
  color: #cfcfcf;
  background: #ddd;
}

.btn_typeB3 {
  display: inline-block;
  width: 520px;
  height: 60px;
  overflow: visible;
}
.btn_typeB3 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 58px;
  background: #fff;
  border: 1px solid #777;
  border-radius: 16px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.btn_typeB3:hover span {
  color: #777;
  background: #fff;
  border: 1px solid #000;
}
.btn_typeB3.disabled span {
  color: #cfcfcf;
  background: #eee;
  border: 1px solid #ddd;
}
.btn_typeB3.disabled span:before {
  opacity: 0.3;
}
.btn_typeB3.disabled:hover span {
  color: #cfcfcf;
  background: #eee;
}
.btn_typeB3.typeDownload span:before {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  width: 30px;
  height: 20px;
  background: url("/assets/web/img/common/ic_download1.png") 0 50% no-repeat;
  vertical-align: middle;
}

.btn_typeB5 {
  display: inline-block;
  width: 460px;
  height: 90px;
  overflow: visible;
}
.btn_typeB5 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  background: #DA1A32;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.btn_typeB6 {
  display: inline-block;
  width: 260px;
  height: 60px;
  overflow: visible;
}
.btn_typeB6 span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  text-align: center;
  line-height: 58px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #f7f7f7;
}
.btn_typeB6:hover span {
  color: #777;
  background: #f7f7f7;
  border: 1px solid #ddd;
}

.btn_typeB7 {
  display: inline-block;
  width: 240px;
  height: 80px;
  overflow: visible;
  border: 1px solid #fff;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  line-height: 80px;
}
.btn_typeB7 span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 26px;
  line-height: 28px;
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
}
.btn_typeB7:hover span {
  color: #777;
}

.btn_typeGreen {
  display: inline-block;
  width: 240px;
  height: 80px;
  overflow: visible;
  border: 1px solid #1a8034;
  border-radius: 12px;
  background: #1a8034;
  text-align: center;
  line-height: 80px;
  vertical-align: middle;
}
.btn_typeGreen span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 26px;
  line-height: 78px;
  padding-bottom: 2px;
  color: #fff;
}
.btn_typeGreen span:before {
  content: "";
  position: relative;
  top: -4px;
  display: inline-block;
  width: 30px;
  height: 20px;
  background: url("/assets/web/img/common/ic_download_white.png") 0 50% no-repeat;
  vertical-align: middle;
}
.btn_typeGreen:hover span {
  color: #fff;
}

.btn_typeC1 {
  display: inline-block;
  width: auto;
  height: 32px;
}
.btn_typeC1 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 30px !important;
  padding: 0 16px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
}
.btn_typeC1.disabled span {
  color: #cfcfcf;
  background: #eee;
  border: 1px solid #ddd;
  cursor: default;
}
.btn_typeC1.green span {
  background: #0a8020;
  color: #fff;
  border: 1px solid #0a8020;
}
.btn_typeC1.red span {
  color: #DA1A32;
}

.btn_typeC2 {
  display: inline-block;
  width: auto;
  height: 32px;
}
.btn_typeC2 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #777;
  text-align: center;
  line-height: 30px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.btn_find_location {
  position: relative;
  display: inline-block;
  padding-left: 33px;
}
.btn_find_location:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url("/assets/web/img/common/ic_location1.png") no-repeat center;
}
.btn_find_location span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

.btn_typeD1 {
  position: relative;
  display: inline-block;
  width: auto;
  padding-right: 13px;
}
.btn_typeD1 span {
  display: inline-block;
  font-size: 16px;
}
.btn_typeD1::after {
  content: "";
  width: 7px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 9px;
  background: url("/assets/web/img/common/ic_arrow6.png") no-repeat right center;
}

.btn_typeBox {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.btn_typeBox span {
  display: inline-block;
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  color: #000;
  vertical-align: middle;
  text-align: center;
}
.btn_typeBox span.red {
  color: #de4b50;
}

.btn_shortcut1 {
  display: inline-block;
  width: auto;
}
.btn_shortcut1 span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #678AC5 !important;
  border-bottom: 1px solid #678AC5;
}
.btn_shortcut1:hover span {
  color: #678AC5;
  border-bottom: 1px solid #678AC5;
}

.btn_shortcut3 {
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
.btn_shortcut3 span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 15px;
  color: #000;
}
.btn_shortcut3 .ic_plus2 {
  position: absolute;
  right: 0;
  top: 7px;
}

.btn_reset {
  display: inline-block;
}
.btn_reset span {
  display: inline-block;
  width: auto;
  height: auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  padding-right: 30px;
  background: url("/assets/web/img/common/ic_reset.png") no-repeat right center;
}

.btn_order_count1 {
  display: inline-block;
  width: 100%;
  height: 80px;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 80px;
  background: #fff;
  position: relative;
}
.btn_order_count1 button {
  display: block;
  width: 34px;
  height: 34px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 23px;
}
.btn_order_count1 button.minus {
  background-image: url("/assets/web/img/common/ic_minus1.png");
  left: 30px;
}
.btn_order_count1 button.plus {
  background-image: url("/assets/web/img/common/ic_plus1.png");
  right: 30px;
}
.btn_order_count1 .count {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #000;
  line-height: 78px;
}
.btn_order_count1.disabled {
  background: #eee;
  border: 1px solid #ddd;
}
.btn_order_count1.disabled button.minus, .btn_order_count1.disabled button.plus {
  opacity: 0.15;
}
.btn_order_count1.disabled .count {
  color: #cfcfcf;
}

.btn_order_count2 {
  display: inline-block;
  width: 110px;
  height: 40px;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 40px;
  position: relative;
}
.btn_order_count2 button {
  display: block;
  width: 22px;
  height: 22px;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 9px;
}
.btn_order_count2 button.minus {
  background-image: url("/assets/web/img/common/ic_minus2.png");
  left: 13px;
}
.btn_order_count2 button.plus {
  background-image: url("/assets/web/img/common/ic_plus2.png");
  right: 13px;
}
.btn_order_count2 .count {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 38px;
}
.btn_order_count2.disabled {
  background: #eee;
  border: 1px solid #ddd;
}
.btn_order_count2.disabled button.minus, .btn_order_count2.disabled button.plus {
  opacity: 0.15;
}
.btn_order_count2.disabled .count {
  color: #cfcfcf;
}

.fileInputHidden {
  position: relative;
}
.fileInputHidden input[type=file] {
  width: 100%;
  height: 75px;
  font-size: 150px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  padding: 0 !important;
  cursor: pointer;
  z-index: 2;
}
.fileInputHidden .btn_file {
  display: block;
  width: 100%;
  height: 75px;
  overflow: visible;
}
.fileInputHidden .btn_file span {
  display: block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 73px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 16px;
}
.fileInputHidden .btn_file:hover span {
  color: #000;
}

.btn_modify {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_modify.png") no-repeat center;
}

.btn_delete {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_del.png") no-repeat center;
}

.btn_close1 {
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_close1.png") no-repeat center;
}

.btn_search1 {
  display: inline-block;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_search1.png") no-repeat center;
}

.btn_search2 {
  display: inline-block;
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_search2.png") no-repeat center;
}

.btn_add2 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.1);
  text-indent: -9999px;
  vertical-align: middle;
}
.btn_add2:before, .btn_add2:after {
  content: "";
  position: absolute;
  background: #DA1A32;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn_add2:before {
  width: 2px;
  height: 12px;
}
.btn_add2:after {
  width: 12px;
  height: 2px;
}

.btn_star span {
  display: inline-block;
  padding-right: 28px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
.btn_star span::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("/assets/web/img/common/ic_star.png") no-repeat center;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.btn_star.on span::after {
  background: url("/assets/web/img/common/ic_star_on.png") no-repeat center;
}

.btn_plus1 {
  display: block;
  width: 100%;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #aaa;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  background: #fff;
  position: relative;
  text-align: left;
}
.btn_plus1::after {
  content: "";
  width: 11px;
  height: 11px;
  background: url("/assets/web/img/common/ic_plus2.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5.5px;
}

.btn_ac {
  text-align: center;
  vertical-align: top;
}
.btn_ac a,
.btn_ac button {
  margin: 0 8px;
}

.bottom_fix {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.btnAlign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.btnAlign:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.btnAlign a, .btnAlign button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.btnAlign .bs1 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-preferred-size: 125px;
      flex-basis: 125px;
}
.btnAlign.col2.margin a:nth-child(1), .btnAlign.col2.margin button:nth-child(1) {
  width: calc(50% - 5px);
  margin-right: 5px;
}
.btnAlign.col2.margin a:nth-child(2), .btnAlign.col2.margin button:nth-child(2) {
  width: calc(50% - 5px);
  margin-left: 5px;
}
.btnAlign.col3.margin a:nth-child(1), .btnAlign.col3.margin button:nth-child(1) {
  margin-right: 6.6666666667px;
}
.btnAlign.col3.margin a:nth-child(2), .btnAlign.col3.margin button:nth-child(2) {
  margin: 0 3.3333333333px 0 3.3333333333px;
}
.btnAlign.col3.margin a:nth-child(3), .btnAlign.col3.margin button:nth-child(3) {
  margin-left: 6.6666666667px;
}
.btnAlign.col4.margin a:nth-child(1), .btnAlign.col4.margin button:nth-child(1) {
  margin-right: 7.5px;
}
.btnAlign.col4.margin a:nth-child(2), .btnAlign.col4.margin button:nth-child(2) {
  margin: 0 4.8px 0 2.475px;
}
.btnAlign.col4.margin a:nth-child(3), .btnAlign.col4.margin button:nth-child(3) {
  margin: 0 2.475px 0 4.8px;
}
.btnAlign.col4.margin a:nth-child(4), .btnAlign.col4.margin button:nth-child(4) {
  margin-left: 7.5px;
}

/*********** bootstrap page navigation ***********/
.wrap_paging {
  position: relative;
  text-align: center;
}
.wrap_paging .pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
  border-radius: 0;
}
.wrap_paging .pagination:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.wrap_paging .pagination li {
  display: inline-block;
  margin-right: -5px;
}
.wrap_paging .pagination .page-item {
  vertical-align: middle;
}
.wrap_paging .pagination .page-item .page-link {
  display: block;
  float: left;
  width: 50px;
  height: 20px;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #000;
  line-height: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
}
.wrap_paging .pagination .page-item .page-link img {
  display: inline;
}
.wrap_paging .pagination .page-item.active .page-link {
  font-weight: 800;
  color: #c8102e;
}
.wrap_paging .pagination .page-item.active .page-link:hover {
  text-decoration: none;
}
.wrap_paging .pagination .page-item.disabled .page-link {
  cursor: default;
}
.wrap_paging .btn_left {
  position: absolute;
  left: 0;
  top: 0;
}
.wrap_paging .btn_right {
  position: absolute;
  right: 0;
  top: 0;
}

/*********** checkbox ***********/
.checkbox_ui {
  display: inline-block;
  vertical-align: middle;
}
.checkbox_ui label {
  display: inline-block;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox_ui input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.checkbox_ui.type1 label {
  position: relative;
  padding-left: 39px;
  cursor: pointer;
}
.checkbox_ui.type1 label span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  vertical-align: middle;
}
.checkbox_ui.type1 label .cbx_off {
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("/assets/web/img/common/chk_bg1.png") no-repeat;
  border-radius: 50%;
}
.checkbox_ui.type1 label .cbx_bg {
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  background: #DA1A32;
  background: url("/assets/web/img/common/chk_bg1_on.png") no-repeat;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type1 label .cbx_bg .cbx_on {
  position: absolute;
  left: 0;
  top: 0px;
  width: 22px;
  height: 22px;
  background: #DA1A32;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type1 input[type=checkbox]:checked + label .cbx_bg {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type1 input[type=checkbox]:checked + label .cbx_bg .cbx_on {
  width: 0px;
  left: 22px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.checkbox_ui.type2 label {
  position: relative;
  padding-bottom: 39px;
  cursor: pointer;
}
.checkbox_ui.type2 label .cbx_off {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url("/assets/web/img/common/chk_bg1.png") no-repeat;
  border-radius: 50%;
}
.checkbox_ui.type2 label .cbx_bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: #DA1A32;
  background: url("/assets/web/img/common/chk_bg1_on.png") no-repeat;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type2 label .cbx_bg .cbx_on {
  position: absolute;
  left: 0;
  top: 0px;
  width: 22px;
  height: 22px;
  background: #DA1A32;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type2 input[type=checkbox]:checked + label .cbx_bg {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox_ui.type2 input[type=checkbox]:checked + label .cbx_bg .cbx_on {
  width: 0px;
  left: 22px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.checkbox_ui.switch input[type=checkbox] + label {
  position: relative;
  width: 52px;
  height: 17px;
  text-indent: -9999px;
  background: #ddd;
  border-radius: 17px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.checkbox_ui.switch input[type=checkbox] + label > span {
  position: absolute;
  left: -1px;
  top: -5px;
  width: 27px;
  height: 27px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.checkbox_ui.switch input[type=checkbox] + label > span > i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 14px;
  height: 7px;
}
.checkbox_ui.switch input[type=checkbox] + label > span > i:before, .checkbox_ui.switch input[type=checkbox] + label > span > i:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ddd;
  border-radius: 2px;
}
.checkbox_ui.switch input[type=checkbox] + label > span > i:before {
  top: 0;
}
.checkbox_ui.switch input[type=checkbox] + label > span > i:after {
  bottom: 0;
}
.checkbox_ui.switch input[type=checkbox]:checked + label {
  background: #DA1A32;
}
.checkbox_ui.switch input[type=checkbox]:checked + label > span {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.checkbox_ui.switch input[type=checkbox]:disabled + label > span {
  background: #f7f7f7;
}
.checkbox_ui.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkbox_ui.line label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
}
.checkbox_ui.line label:before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  width: 24px;
  height: 24px;
  background-color: #DDDDDD;
  -webkit-mask: url("/assets/web/img/sign/ico_checkbox_line.svg") no-repeat center/contain;
          mask: url("/assets/web/img/sign/ico_checkbox_line.svg") no-repeat center/contain;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.checkbox_ui.line .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
.checkbox_ui.line input[type=checkbox]:checked ~ label::before {
  background-color: #DA1A32;
}

/*********** radio ***********/
.radio_ui {
  display: inline-block;
  vertical-align: middle;
}
.radio_ui label {
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio_ui input[type=radio] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.radio_ui.type1 {
  margin-right: 40px;
}
.radio_ui.type1 label {
  position: relative;
  padding-left: 39px;
  cursor: pointer;
}
.radio_ui.type1 label span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.3px;
  vertical-align: middle;
}
.radio_ui.type1 label .rdo_off {
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("/assets/web/img/common/rdo_bg1.png") no-repeat;
  border-radius: 50%;
}
.radio_ui.type1 label .rdo_bg {
  position: absolute;
  left: 0;
  top: 5px;
  width: 24px;
  height: 24px;
  background: #DA1A32;
  background: url("/assets/web/img/common/rdo_bg1_on.png") no-repeat;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.radio_ui.type1 input[type=radio]:checked + label .rdo_bg {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.radio_ui.type_box label {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radio_ui.type_box label span {
  display: inline-block;
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  color: #000;
  vertical-align: middle;
  text-align: center;
}
.radio_ui.type_box input[type=radio]:checked + label {
  border-color: #da1a32;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.radio_ui.type_box input[type=radio]:checked + label span {
  color: #da1a32;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.radio_ui.type_toggle {
  display: inline-block;
  width: 160px;
  height: 60px;
  background: #f7f7f7;
  border-radius: 60px;
  position: relative;
}
.radio_ui.type_toggle .wrap {
  display: block;
  width: 100%;
  height: 60px;
  background: transparent;
  border-radius: 60px;
  position: absolute;
  left: 0;
  top: 0;
}
.radio_ui.type_toggle .wrap.delivery {
  z-index: 2;
}
.radio_ui.type_toggle .wrap.delivery label {
  text-align: left;
}
.radio_ui.type_toggle .wrap.packing {
  z-index: 3;
}
.radio_ui.type_toggle .wrap.packing label {
  text-align: right;
}
.radio_ui.type_toggle .wrap label {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  cursor: pointer;
}
.radio_ui.type_toggle .wrap label span {
  display: inline-block;
  width: 80px;
  height: 60px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #777;
  text-align: center;
  line-height: 60px;
}
.radio_ui.type_toggle .wrap input[type=radio]:checked + label span {
  color: #fff;
}
.radio_ui.type_toggle:after {
  content: "";
  display: block;
  width: 80px;
  height: 60px;
  background: #DA1A32;
  border-radius: 60px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.radio_ui.type_toggle.switch:after {
  left: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.radio_ui.type_toggle.switch .wrap.delivery {
  z-index: 3;
}
.radio_ui.type_toggle.switch .wrap.packing {
  z-index: 2;
}
.radio_ui.type_size_min label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  border-radius: 16px;
  background: #f7f7f7;
  cursor: pointer;
}
.radio_ui.type_size_min label .size {
  display: block;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 40px;
  color: #fff;
  text-align: center;
  line-height: 100px;
  background: #ddd;
  border-radius: 16px 0 0 16px;
  overflow: hidden;
  padding: 0 48px;
}
.radio_ui.type_size_min label .size em {
  display: inline-block;
  vertical-align: middle;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  line-height: 1.2;
  margin-left: 8px;
  margin-top: -2px;
}
.radio_ui.type_size_min label .price {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 300px;
  text-align: right;
}
.radio_ui.type_size_min label .price .vCenter {
  padding-right: 47px;
  width: 98%;
}
.radio_ui.type_size_min label .price .vCenter .dc {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #777;
  margin-bottom: 4px;
  text-decoration: line-through;
}
.radio_ui.type_size_min label .price .vCenter .normal {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #000;
}
.radio_ui.type_size_min input[type=radio]:checked + label {
  background: #DA1A32;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.radio_ui.type_size_min input[type=radio]:checked + label .size {
  background: #B40E29;
}
.radio_ui.type_size_min input[type=radio]:checked + label .price .dc {
  color: #fff;
}
.radio_ui.type_size_min input[type=radio]:checked + label .price .normal {
  color: #fff;
}
.radio_ui.type_size_min input[type=radio]:disabled + label {
  pointer-events: none;
}
.radio_ui.type_size_min input[type=radio]:disabled + label:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  margin: -25px 0 0 0;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("/assets/web/img/common/ic_soldout.png");
  background-repeat: no-repeat;
  background-size: auto 280px;
  background-position: 50% 50%;
}
.radio_ui.type_size label {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 16px;
  background: #f7f7f7;
  cursor: pointer;
}
.radio_ui.type_size label .size {
  display: block;
  height: 82px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 40px;
  color: #fff;
  line-height: 82px;
  background: #ddd;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  padding: 0 30px;
}
.radio_ui.type_size label .size em {
  display: inline-block;
  vertical-align: top;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  line-height: 82px;
  margin-left: 8px;
}
.radio_ui.type_size label .price {
  border-radius: 0 0 16px 16px;
}
.radio_ui.type_size label .price .vCenter {
  padding: 0 30px;
  width: 98%;
}
.radio_ui.type_size label .price .vCenter .dc {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #777;
  margin: 13px 0 -16px;
  text-decoration: line-through;
}
.radio_ui.type_size label .price .vCenter .normal {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #000;
  padding: 16px 0 21px;
}
.radio_ui.type_size input[type=radio]:checked + label {
  background: #DA1A32;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.radio_ui.type_size input[type=radio]:checked + label .size {
  background: #B40E29;
}
.radio_ui.type_size input[type=radio]:checked + label .price .dc {
  color: #fff;
}
.radio_ui.type_size input[type=radio]:checked + label .price .normal {
  color: #fff;
}
.radio_ui.type_size input[type=radio]:disabled + label {
  pointer-events: none;
}
.radio_ui.type_size input[type=radio]:disabled + label:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url("/assets/web/img/common/ic_soldout.png");
  background-repeat: no-repeat;
  background-size: auto 250px;
  background-position: 50% 50%;
}

.wrap_gifticon .radio_ui {
  display: block;
  margin-right: 0;
  text-align: center;
  margin-top: 50px;
}
.wrap_gifticon .radio_ui:first-child {
  margin-top: 0;
}
.wrap_gifticon .img_gifticon {
  position: relative;
  width: 330px;
  height: 347px;
  margin: 0 auto 10px;
  text-align: center;
}
.wrap_gifticon .img_gifticon.gift1 {
  background: url("/assets/web/img/order/img_gifticon1.png") no-repeat center;
}
.wrap_gifticon .img_gifticon.gift2 {
  background: url("/assets/web/img/order/img_gifticon2.png") no-repeat center;
}
.wrap_gifticon .img_gifticon.gift3 {
  background: url("/assets/web/img/order/img_gifticon3.png") no-repeat center;
}
.wrap_gifticon .img_gifticon .txt {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  color: #000;
}
.wrap_gifticon .img_gifticon .txt em {
  display: inline-block;
  font-weight: 800;
  font-size: 30px;
  margin-right: 2px;
}

/*********** selectbox ***********/
select {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  *background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.select_ui_type1 {
  position: relative;
}
.select_ui_type1 select {
  width: 100%;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #aaa;
  padding: 0 50px 0 20px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("/assets/web/img/common/sel_bg1.png");
  background-repeat: no-repeat;
  background-position: right center;
}
.select_ui_type1 select.changed {
  color: #000;
}

.select_ui_type2 {
  position: relative;
  display: inline-block;
}
.select_ui_type2 select {
  width: auto;
  height: auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  padding: 0 22px 0 0;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0);
}
.select_ui_type2:after {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 14px;
  height: 8px;
  background: url("/assets/web/img/common/ic_arrow3.png") no-repeat center;
}

/*********** input Type ***********/
input::-webkit-input-placeholder {
  color: #aaa;
}
input::-moz-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder {
  color: #aaa;
}
input:-moz-placeholder {
  color: #aaa;
}

.ip_alert {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-top: 16px;
}

.wrap_i {
  display: inline-block;
  width: 100%;
  position: relative;
}
.wrap_i:after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background: #DA1A32;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.wrap_i.on:after {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wrap_i.readonly.on:after {
  width: 0;
}

.input_type1 {
  width: 100%;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  padding: 0 20px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
  background: #fff;
  position: relative;
}
.input_type1:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-bottom: 1px solid #DA1A32;
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 10;
}
.input_type1:disabled {
  color: #ddd;
  border-bottom: 1px solid #ddd;
  -webkit-opacity: 1;
  -webkit-text-fill-color: #ddd;
}

.wrap_input_btn {
  position: relative;
}
.wrap_input_btn .btns {
  position: absolute;
  right: 20px;
  bottom: 5px;
}
.wrap_input_btn .btns button, .wrap_input_btn .btns a {
  margin-left: 6px;
}
.wrap_input_btn .btns button:first-child, .wrap_input_btn .btns a:first-child {
  margin-left: 0;
}
.wrap_input_btn.cert {
  margin-top: 27px;
}
.wrap_input_btn.cert .timer {
  position: absolute;
  right: 101px;
  bottom: 8px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}

.attach_file_type1 {
  position: relative;
  padding-left: 160px;
}
.attach_file_type1 .btn_down {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
}
.attach_file_type1 .wrap_name {
  position: relative;
}
.attach_file_type1 .wrap_name input {
  padding-right: 150px;
}
.attach_file_type1 .wrap_name .btns {
  position: absolute;
  right: 15px;
  top: -2px;
  z-index: 1;
}
.attach_file_type1 .wrap_name .btns input[type=file] {
  display: none;
}

.wrap_input_search {
  position: relative;
}
.wrap_input_search .wrap_i input {
  padding-right: 50px;
}
.wrap_input_search .btn_search1,
.wrap_input_search .btn_search2 {
  position: absolute;
  right: 20px;
  bottom: 12px;
}

.wrap_input_search2 {
  position: relative;
}
.wrap_input_search2 .wrap_i:after {
  height: 2px;
}
.wrap_input_search2 .wrap_i input {
  width: 100%;
  height: 60px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  padding: 0 70px 0 20px;
  border-bottom: 2px solid #000;
}
.wrap_input_search2 .btn_search {
  width: 27px;
  height: 27px;
  text-indent: -9999px;
  text-align: left;
  background: url("/assets/web/img/common/ic_search2.png") no-repeat;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.wrap_input_expdate .col:first-child {
  float: left;
  width: calc(50% - 10px);
  position: relative;
}
.wrap_input_expdate .col:first-child:after {
  content: "/";
  display: inline-block;
  width: 20px;
  height: 24px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: center;
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wrap_input_expdate .col:last-child {
  float: right;
  width: calc(50% - 10px);
}

/*********** textarea Type ***********/
textarea {
  -webkit-appearance: none;
  resize: none;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
}
textarea::-moz-placeholder {
  color: #aaa;
}
textarea:-ms-input-placeholder {
  color: #aaa;
}
textarea:-moz-placeholder {
  color: #aaa;
}

.textarea_type1 .inner {
  width: 100%;
  height: 200px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
  padding: 20px 0 20px 20px;
}
.textarea_type1 .inner textarea {
  width: 100%;
  height: 100%;
  padding-right: 20px;
}
.textarea_type1 .input_byte {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 14px;
  color: #aaa;
  margin-top: 15px;
  text-align: right;
}
.textarea_type1 .input_byte em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #000;
}

/*********** box ***********/
.list_coupon .box_coupon {
  margin-bottom: 20px;
}
.list_coupon .box_coupon:last-child {
  margin-bottom: 0;
}

.box_coupon {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 207px;
  padding: 30px 84px 30px 30px;
  border-radius: 16px;
  background: #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  cursor: pointer;
}
.box_coupon:after {
  content: "";
  position: absolute;
  right: -22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 44px;
  height: 88px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("/assets/web/img/common/bg_coupon1.png");
}
.box_coupon .head {
  font-size: 0;
}
.box_coupon .type {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 32px;
  line-height: 1.25;
  color: #da1a32;
  vertical-align: middle;
  margin-right: 10px;
}
.box_coupon .type .unit {
  margin-left: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
}
.box_coupon .tags {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.box_coupon .tags [class^=tag-] {
  display: inline-block;
  height: 24px;
  padding: 0 10px;
  margin-top: 2px;
  line-height: 24px;
  border-radius: 12px;
  background-color: #f7f7f7;
  color: #de4b50;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 12px;
}
.box_coupon .tags [class^=tag-] + [class^=tag-] {
  margin-left: 4px;
}
.box_coupon .tags .tag-green {
  background-color: #cef6cb;
  color: #0f9a18;
}
.box_coupon .tags .tag-red {
  background-color: #da1a32;
  color: #fff;
}
.box_coupon .title {
  display: block;
  margin-top: 7px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 18px;
  color: #000;
  line-height: 1.4;
}
.box_coupon .period {
  display: block;
  margin-top: 6px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #999;
  line-height: 1;
  font-style: normal;
}
.box_coupon .detail {
  margin: 14px 0 0 0;
}
.box_coupon .detail li {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #999;
  line-height: 1.43;
}
.box_coupon.selected:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #DA1A32;
  border-radius: 16px;
}
.box_coupon.selected:after {
  background-image: url("/assets/web/img/common/bg_coupon2.png");
}
.box_coupon:disabled {
  background-image: none;
}
.box_coupon.disabled {
  background: #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  background-image: none;
}
.box_coupon.disabled:after {
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
}
.box_coupon.disabled .tags [class^=tag-] {
  color: #cfcfcf;
  background: #ddd;
}
.box_coupon.disabled .title, .box_coupon.disabled .period, .box_coupon.disabled .type {
  color: #cfcfcf;
}
.box_coupon.disabled .detail li {
  color: #cfcfcf;
}
.box_coupon.down:before {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 31px;
  width: 44px;
  height: 47px;
  background: url("/assets/web/img/common/ic_down_coupon_red.png") 50% 50%/contain no-repeat;
}
.box_coupon.down.disabled:before {
  background-image: url("/assets/web/img/common/ic_down_coupon_dis.png");
  color: #cfcfcf;
}
.box_coupon .download_complete {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
  cursor: default;
}
.box_coupon .download_complete:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/web/img/common/bg_coupon3.png");
}
.box_coupon .download_complete span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-20deg);
      -ms-transform: translate(-50%, -50%) rotate(-20deg);
          transform: translate(-50%, -50%) rotate(-20deg);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 0 18px;
}
.box_coupon.radio_ui {
  padding: 0;
}
.box_coupon.radio_ui:after {
  display: none;
}
.box_coupon.radio_ui input[type=radio] + label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 208px;
  padding: 30px 60px 30px 30px;
  border-radius: 16px;
  border: 1px solid transparent;
  cursor: pointer;
}
.box_coupon.radio_ui input[type=radio] + label:after {
  content: "";
  position: absolute;
  right: -23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 44px;
  height: 88px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("/assets/web/img/common/bg_coupon1.png");
}
.box_coupon.radio_ui input[type=radio]:checked + label {
  border: 1px solid #DA1A32;
}
.box_coupon.radio_ui input[type=radio]:checked + label:after {
  background-image: url("/assets/web/img/common/bg_coupon2.png");
}

.box_menu {
  width: 100%;
  height: auto;
  padding: 20px 310px 20px 20px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  position: relative;
}
.box_menu .img_product {
  display: inline-block;
  vertical-align: middle;
}
.box_menu .img_product .prdt {
  display: block;
  width: 130px;
  height: 130px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.box_menu .img_product .prdt .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 120px auto;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.box_menu .img_product .prdt.prdt1 .img {
  z-index: 2;
}
.box_menu .img_product .prdt.prdt2 {
  margin-top: -80px;
}
.box_menu .img_product .prdt.prdt2 .img {
  z-index: 1;
}
.box_menu .con {
  width: calc(100% - 130px - 40px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 40px;
}
.box_menu .con .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  word-break: break-all;
  margin-bottom: 10px;
}
.box_menu .con .tit .size, .box_menu .con .tit .num {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}
.box_menu .con .option .set {
  padding-left: 43px;
  margin-bottom: 9px;
  position: relative;
}
.box_menu .con .option .set .opt_tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  position: absolute;
  left: 0;
  top: 0;
}
.box_menu .con .option .set .opt_detail {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}
.box_menu .con .option .set .opt_detail span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
}
.box_menu .price {
  height: 1px;
  text-align: right;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -17px;
}
.box_menu .price span {
  display: inline-block;
  vertical-align: middle;
}
.box_menu .price .dc_price {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #bbb;
  margin-right: 10px;
  text-decoration: line-through;
}
.box_menu .price .dc_percent {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-right: 5px;
}
.box_menu .price .total_price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.box_menu .price .total_price em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.box_menu .price .btns {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
  margin-top: 5px;
}
.box_menu .price .btns .btn_delete {
  margin-left: 17px;
}

.box_store {
  display: block;
  width: 100%;
  height: auto;
  min-height: 150px;
  padding: 25px 490px 17px 240px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  position: relative;
}
.box_store .top {
  position: absolute;
  left: 30px;
  top: 25px;
  width: 190px;
}
.box_store .top .dist {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  margin-bottom: 9px;
}
.box_store .top .name {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #000;
}
.box_store .info {
  padding-right: 40px;
}
.box_store .info address, .box_store .info p {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  font-style: normal;
  margin-bottom: 8px;
}
.box_store .tag {
  width: 130px;
  position: absolute;
  right: 320px;
  top: 25px;
}
.box_store .tag > span {
  display: inline-block;
  width: auto;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  padding: 0 14px;
  border-radius: 26px;
  margin: 0 6px 8px 0;
}
.box_store .tag .discount {
  color: #DE4B50;
  background: #f8e8e8;
}
.box_store .tag .free {
  color: #678AC5;
  background: #e4ebf8;
}
.box_store .tag .delivery {
  color: #777;
  background: #f7f7f7;
}
.box_store .sale {
  position: absolute;
  right: 288px;
  top: 24px;
  width: 212px;
}
.box_store .sale .type {
  display: block;
  width: 103px;
  height: 33px;
  border-radius: 17px;
  background-color: #de4b50;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 33px;
  vertical-align: middle;
}
.box_store .sale .time {
  position: relative;
  display: block;
  padding-left: 22px;
  font-size: 18px;
  line-height: 28px;
  margin-top: 4px;
  color: #de4b50;
  vertical-align: middle;
}
.box_store .sale .time:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  background: url("/assets/web/img/common/icon_clock.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.box_store .btn-del {
  position: absolute;
  right: 22px;
  top: 16px;
  display: block;
  width: 32px;
  height: 32px;
}
.box_store .btn-del > span {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 18px;
  height: 20px;
  margin: -9px 0 0 -10px;
  background: url("/assets/web/img/common/ic_del.png") 50% 50%/contain no-repeat;
  text-indent: -5000px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.box_store .icons {
  width: 235px;
  position: absolute;
  right: 30px;
  top: 42px;
  text-align: right;
  pointer-events: none;
  font-size: 0;
}
.box_store .icons > span {
  position: relative;
  display: inline-block;
  width: 60px;
  height: auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 70px;
  margin-right: 20px;
}
.box_store .icons > span.disabled {
  color: #cfcfcf;
}
.box_store .icons > span:last-child {
  margin-right: 0;
}
.box_store .icons .pickup {
  background-image: url("/assets/web/img/common/icon_pickup.png");
}
.box_store .icons .pickup.disabled {
  background-image: url("/assets/web/img/common/icon_pickup_dis.png");
}
.box_store .icons .restaurant {
  background-image: url("/assets/web/img/common/icon_restaurant.png");
}
.box_store .icons .restaurant.disabled {
  background-image: url("/assets/web/img/common/icon_restaurant_dis.png");
}
.box_store .icons .parking {
  background-image: url("/assets/web/img/common/icon_parking.png");
}
.box_store .icons .parking.disabled {
  background-image: url("/assets/web/img/common/icon_parking_dis.png");
}
.box_store .icons .del {
  display: block;
  width: 18px;
  height: 20px;
  background-image: url("/assets/web/img/common/ic_del.png");
  text-indent: -99999px;
  padding-top: 0;
}
.box_store.typedel {
  padding-right: 530px;
}
.box_store.typedel .sale {
  right: 348px;
}
.box_store.typedel .icons {
  right: 90px;
}
.box_store.active {
  -webkit-box-shadow: inset 0 0 0 1px #DA1A32, 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 0 1px #DA1A32, 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}

.box_store2 {
  position: relative;
  padding: 24px 20px 30px;
}
.box_store2 .wrap {
  padding-right: 70px;
}
.box_store2 .wrap .sales {
  margin-right: -70px;
}
.box_store2 .top {
  margin-bottom: 19px;
}
.box_store2 .top .name {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #000;
  vertical-align: middle;
}
.box_store2 .top .dist {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  margin-left: 15px;
  vertical-align: middle;
}
.box_store2 .info address, .box_store2 .info p {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  font-style: normal;
  margin-bottom: 8px;
}
.box_store2 .tag {
  margin: 25px 0 22px;
}
.box_store2 .tag > span {
  display: inline-block;
  width: auto;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  padding: 0 14px;
  border-radius: 26px;
  margin: 0 6px 8px 0;
}
.box_store2 .tag .discount {
  color: #DE4B50;
  background: #f8e8e8;
}
.box_store2 .tag .free {
  color: #678AC5;
  background: #e4ebf8;
}
.box_store2 .tag .delivery {
  color: #777;
  background: #f7f7f7;
}
.box_store2 .sale {
  margin-top: 13px;
}
.box_store2 .sale .type {
  display: inline-block;
  width: 103px;
  height: 33px;
  border-radius: 17px;
  background-color: #de4b50;
  text-align: center;
  color: #fff;
  font-size: 18px;
  line-height: 33px;
  vertical-align: middle;
}
.box_store2 .sale .time {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-size: 18px;
  line-height: 28px;
  margin-left: 11px;
  color: #de4b50;
  vertical-align: middle;
}
.box_store2 .sale .time:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url("/assets/web/img/common/icon_clock.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.box_store2 .icons {
  position: absolute;
  right: 20px;
  top: 72px;
}
.box_store2 .icons > span {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 4px;
}
.box_store2 .icons > span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 100%;
  border: 1px solid #ddd;
}
.box_store2 .icons > span:last-child {
  margin-bottom: 0;
}
.box_store2 .icons .pickup {
  background-image: url("/assets/web/img/common/icon_pickup.png");
}
.box_store2 .icons .pickup.disabled {
  background-image: url("/assets/web/img/common/icon_pickup_dis.png");
}
.box_store2 .icons .restaurant {
  background-image: url("/assets/web/img/common/icon_restaurant.png");
}
.box_store2 .icons .restaurant.disabled {
  background-image: url("/assets/web/img/common/icon_restaurant_dis.png");
}
.box_store2 .icons .parking {
  background-image: url("/assets/web/img/common/icon_parking.png");
}
.box_store2 .icons .parking.disabled {
  background-image: url("/assets/web/img/common/icon_parking_dis.png");
}
.box_store2 .btn {
  margin-top: 30px;
}
.box_store2 .btn a,
.box_store2 .btn button {
  width: 100%;
}
.box_store2.active {
  -webkit-box-shadow: inset 0 0 0 1px #DA1A32;
          box-shadow: inset 0 0 0 1px #DA1A32;
}

.box_ticket {
  display: block;
  width: 234px;
  height: auto;
  background: #ffc86a;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 7px;
  overflow: hidden;
}
.box_ticket .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 110px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  background-image: url("/assets/web/img/common/bg_ticket1.png"), url("/assets/web/img/common/bg_ticket2.png");
  background-repeat: repeat-y;
  background-position: left 12px, right 12px;
  text-align: center;
}
.box_ticket .wrap:before, .box_ticket .wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  background: #ffc86a;
  border-radius: 50%;
}
.box_ticket .wrap:before {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.box_ticket .wrap:after {
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.box_ticket .wrap .inner {
  padding-top: 10px;
}
.box_ticket .wrap .inner .percent {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 30px;
  color: #000;
}
.box_ticket .wrap .inner .percent em {
  display: inline-block;
  font-weight: 800;
  font-size: 60px;
  line-height: 1;
  margin-right: 3px;
}
.box_ticket .wrap .inner .txt {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 14px;
  color: #000;
}

.box_guide {
  padding: 30px 30px 25px 30px;
  background-color: #f7f7f7;
}
.box_guide .txt1 {
  min-height: 24px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 18px;
  color: #000;
  padding: 0 0 0 38px;
  margin-bottom: 15px;
  background: url("/assets/web/img/common/ic_alert.png") no-repeat 0 2px;
}
.box_guide .txt1 .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.box_guide .txt2, .box_guide .txt2 span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
}
.box_guide .txt2.padding, .box_guide .txt2 span.padding {
  padding-left: 38px;
}

.box_guide2 {
  padding: 28px 15px 25px 70px;
  background-color: #f7f7f7;
  position: relative;
}
.box_guide2:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("/assets/web/img/common/ic_alert.png") no-repeat 0 0;
  position: absolute;
  left: 30px;
  top: 32px;
  z-index: 1;
}
.box_guide2 .txt1 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 22px;
  color: #000;
  line-height: 1.4;
  margin-bottom: 10px;
}
.box_guide2 .txt2, .box_guide2 .txt2 span, .box_guide2 .txt2 em {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.box_guide2 .txt2 {
  display: inline-block;
}
.box_guide2 .txt2.padding1 {
  padding-left: 15px;
}
.box_guide2 .txt2 .em1 {
  color: #DA1A32;
}

.box_attach {
  width: 100%;
  height: 75px;
  padding: 0 75px 0 65px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  position: relative;
}
.box_attach:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 20px;
  background: url("/assets/web/img/common/ic_attach.png") no-repeat;
  position: absolute;
  left: 27px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.box_attach .file_name {
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 75px;
}
.box_attach .btn_del {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_close4.png") no-repeat center;
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.box_benefit {
  position: relative;
  padding: 20px 25px 20px 68px;
  background-color: #f7f7f7;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 18px;
  word-break: break-all;
  line-height: 1.44;
}
.box_benefit strong {
  font-weight: 800;
}
.box_benefit .ico_benefit {
  position: absolute;
  left: 25px;
  top: 25px;
}

/*********** side menu ***********/
.wrap_add_menu {
  width: 710px;
  padding: 40px 0;
  position: relative;
}
.wrap_add_menu .inner > ul > li {
  float: left;
  width: 177px;
  text-align: center;
}
.wrap_add_menu .inner > ul > li figure {
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  cursor: pointer;
}
.wrap_add_menu .inner > ul > li .name {
  display: block;
  height: 90px;
  padding-top: 10px;
  margin: 0 auto;
}
.wrap_add_menu .inner > ul > li .name .vCenter {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
}
.wrap_add_menu .inner > ul > li .price {
  height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  text-align: center;
}
.wrap_add_menu .inner > ul > li .price em {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #bbb;
  text-decoration: line-through;
  padding: 0 5px;
  margin: 0 0 5px 0;
  vertical-align: middle;
}
.wrap_add_menu .inner > ul > li.topping figure {
  width: 80px;
  height: 80px;
  background-size: 80px auto;
}
.wrap_add_menu .inner > ul > li.topping figure .flag_sale1 {
  position: absolute;
  right: 0px;
  top: 0px;
}
.wrap_add_menu .inner > ul > li.topping .name {
  width: 110px;
}
.wrap_add_menu .inner > ul > li.side figure {
  width: 120px;
  height: 120px;
  background-size: 120px auto;
}
.wrap_add_menu .inner > ul > li.side figure .flag_sale1 {
  position: absolute;
  right: 0px;
  top: 0px;
}
.wrap_add_menu .inner > ul > li.side .name {
  width: 150px;
  height: 110px;
}
.wrap_add_menu .inner > ul > li.side .name span {
  letter-spacing: -1px;
}
.wrap_add_menu .inner > ul > li.drink figure {
  width: 80px;
  height: 80px;
  background-size: 80px auto;
}
.wrap_add_menu .inner > ul > li.drink figure .flag_sale1 {
  position: absolute;
  right: -15px;
  top: 0px;
}
.wrap_add_menu .inner > ul > li.drink .name {
  width: 110px;
}
.wrap_add_menu .swiper-button-next.type1 {
  right: 4px;
  top: -10px;
}
.wrap_add_menu .swiper-button-next.type1.swiper-button-lock {
  display: none;
}
.wrap_add_menu .swiper-button-prev.type1 {
  left: inherit;
  right: 74px;
  top: -10px;
}
.wrap_add_menu .swiper-button-prev.type1.swiper-button-lock {
  display: none;
}
.wrap_add_menu .swiper-pagination.type1 {
  bottom: -5px;
}

/*********** etc ***********/
.g_tag1 span {
  display: inline-block;
  width: auto;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  line-height: 26px;
  padding: 0 14px;
  border-radius: 26px;
  background: #f7f7f7;
}

.flag_sale1 {
  display: block;
}
.flag_sale1 span {
  display: block;
  width: 38px;
  height: 20px;
  background: #DE4B50;
  border-radius: 20px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.12px;
  line-height: 1.5;
  position: relative;
}
.flag_sale1 span:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 10px;
  background: url("/assets/web/img/common/flag_arrow1.png") no-repeat;
  position: absolute;
  right: 5px;
  bottom: -9px;
}

.flag_sale2 {
  display: block;
}
.flag_sale2 span {
  display: block;
  width: 60px;
  height: 32px;
  background: #DE4B50;
  border-radius: 32px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.8;
  position: relative;
}
.flag_sale2 span:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url("/assets/web/img/common/flag_arrow2.png") no-repeat;
  position: absolute;
  right: 8px;
  bottom: -12px;
}

.flag_category {
  display: inline-block;
  width: 74px;
  height: 74px;
  border-radius: 50%;
}
.flag_category span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  text-align: center;
}
.flag_category.red, .flag_category.new {
  background: #DE4B50;
  border: 1px solid #DE4B50;
}
.flag_category.red span, .flag_category.new span {
  color: #fff;
}
.flag_category.hit, .flag_category.best, .flag_category.togo {
  background: #fff;
  border: 1px solid #ddd;
}
.flag_category.hit span, .flag_category.best span, .flag_category.togo span {
  color: #DE4B50;
}
.flag_category.togo {
  float: right;
}
.flag_category.togo span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 15px;
  color: #678ac5;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flag_category.limited {
  background-color: #3cffb9;
  border-color: #3cffb9;
}
.flag_category.limited span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1.13;
  letter-spacing: -0.16px;
}
.flag_category.limited1 {
  background-color: #de4b50;
  border-color: #de4b50;
}
.flag_category.limited1 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1.13;
  letter-spacing: -0.16px;
  color: #fff;
  font-weight: 400;
}
.flag_category.limited2 {
  background-color: #000;
  border-color: #000;
}
.flag_category.limited2 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  line-height: 1.13;
  letter-spacing: -0.16px;
  color: #fff;
  font-weight: 400;
}

.flag_rect {
  position: absolute;
  left: 10px;
  top: 0;
  display: inline-block;
  width: 70px;
  height: 28px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -0.15px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background-color: #000;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  z-index: 2;
}
.flag_rect.new {
  background-color: #da1a32;
}
.flag_rect.best {
  background-color: #f8e8e8;
  color: #da1a32;
}
.flag_rect.pakagesale {
  left: auto;
  right: 10px;
  width: 80px;
  font-size: 14px;
  background-color: #678ac5;
}
.flag_rect ~ .flag_rect {
  left: 90px;
}

.flag_spicy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 14px;
  right: 11px;
  height: 29px;
}
.flag_spicy [class^=spicy] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 27px;
  height: 29px;
  font-size: 0;
  line-height: 0;
}
.flag_spicy [class^=spicy].spicy1 {
  width: 27px;
  background: url("/assets/web/img/common/ic_flag_spacy1.png") 0 0;
}
.flag_spicy [class^=spicy].spicy2 {
  width: 46px;
  background: url("/assets/web/img/common/ic_flag_spacy2.png") 0 0;
}

.flag_badge {
  display: inline-block;
  width: 88px;
  height: 84px;
  background: url("/assets/web/img/common/ic_flag1.png") no-repeat;
  background-size: contain;
}
.flag_badge span {
  display: inline-block;
  width: 80px;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding-top: 24px;
}

.ico_benefit {
  display: block;
  width: 34px;
  height: 18px;
  background-color: #de4b50;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 11px;
  color: #fff;
  text-align: center;
  pointer-events: none;
  line-height: 18px;
}

.g_floating_banner1 {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  margin: 0 auto;
  background: transparent;
  z-index: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.g_floating_banner1.on {
  position: relative;
}
.g_floating_banner1.off {
  opacity: 0;
  visibility: hidden;
}
.g_floating_banner1 .wrap {
  position: relative;
  max-width: 1920px;
  min-width: 1440px;
  margin: 0 auto;
}
.g_floating_banner1 .wrap .banner {
  position: absolute;
  right: 63px;
  bottom: 200px;
  width: 100px;
  height: 100px;
  -webkit-animation: dung-on 1.1s alternate ease-in-out infinite;
          animation: dung-on 1.1s alternate ease-in-out infinite;
}
@-webkit-keyframes dung-on {
  100% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
@keyframes dung-on {
  100% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
.g_floating_banner1 .wrap .banner .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: url("/assets/web/img/common/banner_floating_ani1.png") 50% 50%/contain no-repeat;
}
.g_floating_banner1 .wrap .banner .link span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}
.g_floating_banner1 .wrap .banner .close {
  position: absolute;
  left: -10px;
  top: 16px;
  width: 35px;
  height: 36px;
  z-index: 1;
}
.g_floating_banner1 .wrap .banner .close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background: url("/assets/web/img/common/btn_close_floating.png") 50% 50%/contain no-repeat;
}
.g_floating_banner1 .wrap .banner .close span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}

.g_floating_banner_olympics {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  margin: 0 auto;
  background: transparent;
  z-index: 1;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.g_floating_banner_olympics.on {
  position: relative;
}
.g_floating_banner_olympics.off {
  opacity: 0;
  visibility: hidden;
}
.g_floating_banner_olympics .wrap {
  position: relative;
  max-width: 1920px;
  min-width: 1440px;
  margin: 0 auto;
}
.g_floating_banner_olympics .wrap .banner {
  position: absolute;
  right: 63px;
  bottom: 200px;
  width: 185px;
  height: 185px;
  -webkit-animation: dung-on 1.1s alternate ease-in-out infinite;
          animation: dung-on 1.1s alternate ease-in-out infinite;
}
@keyframes dung-on {
  100% {
    -webkit-transform: translateY(-14px);
            transform: translateY(-14px);
  }
}
.g_floating_banner_olympics .wrap .banner .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: url("/assets/web/img/event/banner-olympics.png") 50% 50%/contain no-repeat;
}
.g_floating_banner_olympics .wrap .banner .link span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}
.g_floating_banner_olympics .wrap .banner .close {
  position: absolute;
  left: 0;
  top: 16px;
  width: 35px;
  height: 36px;
  z-index: 1;
}
.g_floating_banner_olympics .wrap .banner .close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  background: url("/assets/web/img/common/btn_close_floating.png") 50% 50%/contain no-repeat;
}
.g_floating_banner_olympics .wrap .banner .close span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}

.g_action_banner {
  position: fixed;
  left: -20px;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.g_action_banner.off {
  opacity: 0;
  visibility: hidden;
}
.g_action_banner .wrap {
  position: relative;
  margin: 0 auto;
}
.g_action_banner .wrap .banner {
  position: absolute;
  left: 15px;
  bottom: 140px;
  width: 230px;
  aspect-ratio: 1.3150684932;
}
.g_action_banner .wrap .banner video {
  width: 100%;
  pointer-events: none;
}
.g_action_banner .wrap .banner > img {
  display: block;
  width: 100%;
  pointer-events: none;
}
.g_action_banner .wrap .banner .link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.g_action_banner .wrap .banner .link span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}
.g_action_banner .wrap .banner .close {
  position: absolute;
  right: -6px;
  top: -10px;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.g_action_banner .wrap .banner .close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background: url("/assets/web/img/common/btn_close_actionfloating.png") 50% 50%/contain no-repeat;
}
.g_action_banner .wrap .banner .close span {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
}

/*********** tooltip ***********/
.tooltip_type1 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.tooltip_type1 .wrap {
  display: inline-block;
  width: auto;
  height: 40px;
  background: #DA1A32;
  border-radius: 40px;
  padding: 9px 22px 0 22px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.tooltip_type1 .wrap:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 15px;
  height: 7px;
  background: url("/assets/web/img/common/tooltip_bg1.png") no-repeat center bottom;
  background-size: 100% auto;
}
.tooltip_type1 .wrap .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.tooltip_type2 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.tooltip_type2 .wrap {
  position: relative;
  display: inline-block;
  width: auto;
  height: 40px;
  background: #DA1A32;
  border-radius: 40px;
  padding: 9px 50px 0 22px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.tooltip_type2 .wrap .btn_close {
  position: absolute;
  right: 18px;
  top: 13px;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.65;
}
.tooltip_type2 .wrap .btn_close:before, .tooltip_type2 .wrap .btn_close:after {
  content: "";
  position: absolute;
  background: #fff;
}
.tooltip_type2 .wrap .btn_close:before {
  width: 100%;
  height: 1px;
  left: 0;
  top: 7px;
}
.tooltip_type2 .wrap .btn_close:after {
  width: 1px;
  height: 100%;
  left: 7px;
  top: 0;
}
.tooltip_type2 .wrap .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.tooltip_type3 {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  -webkit-animation: tt-bounce-up 0.8s ease-in-out infinite alternate;
          animation: tt-bounce-up 0.8s ease-in-out infinite alternate;
}
.tooltip_type3 .wrap {
  position: relative;
  display: inline-block;
  width: auto;
  height: 60px;
  background: #fff;
  border: 1px solid #DA1A32;
  border-radius: 60px;
  padding: 14px 48px 0 48px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.tooltip_type3 .wrap:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -12px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 22px;
  height: 12px;
  background: url("/assets/web/img/common/tooltip_bg2.png") no-repeat center bottom;
  background-size: 100% auto;
}
.tooltip_type3 .wrap .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
}

/*********** table ***********/
.tableWrap1 {
  width: 100%;
}
.tableWrap1 .cmt_guide1 {
  margin-top: 10px;
}

.tbl_top {
  padding-bottom: 10px;
}
.tbl_top .left {
  float: left;
}
.tbl_top .tbl_tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.tbl_top .unit1 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  color: #777;
}

.tbl_type1 {
  position: relative;
}
.tbl_type1:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}
.tbl_type1 table {
  border-spacing: 0;
  width: 100%;
}
.tbl_type1 table thead tr th {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  line-height: 1.5;
  vertical-align: middle;
  padding: 16px 30px;
  background: #eee;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl_type1 table tbody tr th {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  line-height: 1.5;
  vertical-align: middle;
  padding: 16px 30px;
  background: #eee;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl_type1 table tbody tr td {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  vertical-align: middle;
  padding: 16px 30px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.tbl_type2 {
  position: relative;
}
.tbl_type2:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}
.tbl_type2 table {
  border-spacing: 0;
  width: 100%;
}
.tbl_type2 table thead tr th {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  line-height: 1.5;
  vertical-align: middle;
  background: #eee;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl_type2 table tbody tr th, .tbl_type2 table tbody tr td {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl_type2 table tbody tr th {
  background: #f7f7f7;
  color: #000;
}

.tbl_type3 {
  position: relative;
}
.tbl_type3:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
}
.tbl_type3 table {
  border-collapse: collapse;
  width: calc(100% - 1px);
}
.tbl_type3 table tbody {
  border-top: 1px solid #ddd;
}
.tbl_type3 table tbody tr th, .tbl_type3 table tbody tr td {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tbl_type3 table tbody tr th {
  background: #eee;
  color: #777;
}

.tbl_a_left thead tr th, .tbl_a_left thead tr td, .tbl_a_left tbody tr th, .tbl_a_left tbody tr td, .tbl_a_left tfoot tr th, .tbl_a_left tfoot tr td {
  text-align: left;
}

.tbl_a_center thead tr th, .tbl_a_center thead tr td, .tbl_a_center tbody tr th, .tbl_a_center tbody tr td, .tbl_a_center tfoot tr th, .tbl_a_center tfoot tr td {
  text-align: center;
}

/*********** accordion list ***********/
.acodi_type1 .ac_item {
  border-bottom: 8px solid #f7f7f7;
}
.acodi_type1 .ac_item .ac_head {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 77px;
  padding: 24px 70px 26px 30px;
  text-align: left;
}
.acodi_type1 .ac_item .ac_head:after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 7px;
  height: 6px;
  background: url("/assets/web/img/common/ic_arrow1.png") no-repeat right center;
  margin-top: -3px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.acodi_type1 .ac_item .ac_head .tit_area {
  position: relative;
}
.acodi_type1 .ac_item .ac_head .tit_area .subject {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}
.acodi_type1 .ac_item .ac_head .tit_area .subject.num {
  padding-left: 32px;
  position: relative;
}
.acodi_type1 .ac_item .ac_head .tit_area .subject.num .no {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
}
.acodi_type1 .ac_item .ac_head.on:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.acodi_type1 .ac_item .ac_panel {
  display: none;
  background: #f7f7f7;
  padding: 25px 30px;
}
.acodi_type1 .ac_item .ac_panel .con_area {
  line-height: 1.56;
}
.acodi_type1 .ac_item .ac_panel.no_bg {
  background: #fff;
}
.acodi_type1 .ac_item .ac_panel .file_name {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  word-break: break-all;
  padding-left: 35px;
  margin-top: 15px;
  position: relative;
}
.acodi_type1 .ac_item .ac_panel .file_name:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/web/img/common/ic_attach.png") no-repeat;
  position: absolute;
  left: 0;
  top: 4px;
}

/*********** etc ***********/
.swiper-pagination.type1 {
  width: 100%;
  text-align: center;
}
.swiper-pagination.type1 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px;
  background: #ddd;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline-style: none;
}
.swiper-pagination.type1 .swiper-pagination-bullet-active {
  background: #777;
}

.swiper-pagination.type2 {
  color: #fff;
  position: static;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: -0.2px;
}
.swiper-pagination.type2 .swiper-pagination-current, .swiper-pagination.type2 .swiper-pagination-total {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.swiper-button-next.type1 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/assets/web/img/common/ic_arrow2.png") no-repeat center;
  outline-style: none;
}

.swiper-button-prev.type1 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("/assets/web/img/common/ic_arrow2.png") no-repeat center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  outline-style: none;
}

.swiper-button-next.type2 {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url("/assets/web/img/common/ic_arrow4.png") no-repeat center;
  outline-style: none;
  right: 30px;
}

.swiper-button-prev.type2 {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url("/assets/web/img/common/ic_arrow4.png") no-repeat center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  outline-style: none;
  left: 30px;
}

.swiper-tools > * {
  display: inline-block;
  vertical-align: middle;
}
.swiper-tools .swiper-pagination.type2 {
  width: auto;
}
.swiper-tools .swiper-state {
  width: 50px;
  height: 36px;
  text-indent: -99999px;
  background-size: auto;
  margin-left: 20px;
}
.swiper-tools .swiper-state.stop {
  background-image: url("/assets/web/img/common/ic_stop1.png");
}
.swiper-tools .swiper-state.play {
  background-image: url("/assets/web/img/common/ic_play1.png");
}

.billing_amount .box {
  width: 460px;
  background: #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  position: absolute;
  right: 40px;
  top: 83px;
}
.billing_amount.top_fixed {
  width: 100%;
  height: 0;
  position: fixed;
  left: 0;
  top: 140px;
}
.billing_amount.top_fixed .wrap_fix {
  width: 1360px;
  height: 0;
  margin: 0 auto;
  position: relative;
}
.billing_amount.top_fixed .wrap_fix .box {
  right: 0;
  top: 0;
}
.billing_amount .top_area {
  padding-top: 35px;
}
.billing_amount .top_area .inner {
  height: auto;
  overflow-y: auto;
}
.billing_amount .bottom_area .btn_typeB5 {
  display: inline-block;
  width: 100%;
  background: #DA1A32;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: visible;
}
.billing_amount .bottom_area .btn_typeB5 span {
  display: inline-block;
  width: 90%;
  height: auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: inherit;
}
.billing_amount .bottom_area .btn_typeB5 .desc {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}
.billing_amount .t_tit2 {
  padding: 0 40px 11px 40px;
}
.billing_amount .list_price {
  padding: 0 40px 35px 40px;
  overflow-y: auto;
}
.billing_amount .list_price li {
  margin-bottom: 20px;
}
.billing_amount .list_price li:last-child {
  margin-bottom: 0;
}
.billing_amount .list_price li .set:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.billing_amount .list_price li .set .con {
  float: left;
  width: calc(100% - 100px);
}
.billing_amount .list_price li .set .price {
  float: right;
  width: 100px;
  text-align: right;
}
.billing_amount .list_price li.amount {
  margin-top: 20px;
}
.billing_amount .list_price li.amount .set .price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  color: #DA1A32;
}
.billing_amount .list_price li.save_point {
  padding-top: 35px;
  margin-top: 35px;
  border-top: 1px solid #ddd;
}
.billing_amount .list_price li.save_point .t_tit2 {
  padding: 0;
  margin-bottom: 10px;
}
.billing_amount .list_price li.save_point .con {
  width: calc(100% - 150px);
}
.billing_amount .list_price li.save_point .price {
  width: 150px;
}
.billing_amount .list_price li.save_point .price em {
  color: #DE4B50;
}
.billing_amount .list_price li.save_point .set_reciept {
  margin-top: 20px;
}
.billing_amount .list_price li .detail {
  padding: 25px 20px;
  margin-top: 15px;
  background: #f7f7f7;
}
.billing_amount .list_price li .detail .wrap {
  margin-top: 20px;
}
.billing_amount .list_price li .detail .wrap:first-child {
  margin-top: 0;
}
.billing_amount .list_price li .detail .wrap .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px;
}
.billing_amount .list_price li .detail .wrap .sub_list {
  padding-left: 10px;
}
.billing_amount .list_price li .detail .wrap .sub_list li {
  margin-bottom: 10px;
}
.billing_amount .list_price li .detail .wrap .sub_list li:last-child {
  margin-bottom: 0;
}
.billing_amount .list_price li .detail .wrap .sub_list li .set .con {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
.billing_amount .list_price li .detail .wrap .sub_list li .set .price {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}

.list_my_order li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 25px 30px 27px;
  margin-top: 20px;
  text-align: left;
}
.list_my_order li:first-child {
  margin-top: 0;
}
.list_my_order li .info1 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 84px;
}
.list_my_order li .info1 .tag {
  display: inline-block;
  width: 56px;
  height: 26px;
  border-radius: 50px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
.list_my_order li .info1 .tag.delivery {
  color: #DE4B50;
  background-color: #f8e8e8;
}
.list_my_order li .info1 .tag.packing {
  color: #678AC5;
  background-color: #e4ebf8;
}
.list_my_order li .info1 .tag.gift {
  color: #0f9a18;
  background-color: #cef6cb;
}
.list_my_order li .info2 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 245px;
}
.list_my_order li .info2 .date {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.list_my_order li .info3 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 143px;
}
.list_my_order li .info3 .status {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.list_my_order li .info4 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.list_my_order li .info4 .menu {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.list_my_order li .info4 .menu em {
  color: #DE4B50;
}
.list_my_order li .info4 .order_num {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-top: 12px;
}
.list_my_order li .info4 .order_num .lb {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  margin-right: 20px;
}
.list_my_order li .info5 {
  -ms-flex-preferred-size: content;
      flex-basis: content;
}
.list_my_order li .info5 .price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.list_my_order li .btn_right {
  -ms-flex-preferred-size: content;
      flex-basis: content;
  margin-left: 24px;
}
.list_my_order li .btn_right .item {
  margin-left: 6px;
}
.list_my_order li .btn_right2 {
  -ms-flex-preferred-size: content;
      flex-basis: content;
  margin-left: 40px;
}
.list_my_order.ju_con1 li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.list_my_order.ju_con1 li .info2 {
  width: 210px;
}
.list_my_order.ju_con1 li .info4 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 230px;
}
.list_my_order.ju_con1 li .info5 {
  margin-left: 60px;
  min-width: 90px;
}
.list_my_order.ju_con1 li .info5 + .btn_right {
  margin-left: auto;
  padding-left: 40px;
}
.list_my_order.ju_con1 li .info5 + .btn_right2 {
  margin-left: auto;
}

/*********** popup ***********/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.popup .pop_dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 1440px;
  background: rgba(0, 0, 0, 0.8);
}
.popup .pop_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 600px;
  height: 400px;
  margin: auto;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  padding-top: 107px;
  padding-bottom: 60px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.popup .pop_wrap.wide2 {
  width: 1460px;
}
.popup .pop_wrap.wide3 {
  width: 1500px;
  padding-bottom: 80px;
}
.popup .pop_wrap.wide4 {
  width: 1000px;
}
.popup .pop_wrap.wide5 {
  width: 860px;
}
.popup .pop_wrap.wide6 {
  width: 700px;
}
.popup .pop_wrap.wide7 {
  width: 600px;
}
.popup .pop_wrap.wide {
  width: 1320px;
}
.popup .pop_wrap.wide .pop_tabmenu {
  padding: 11px 100px 0;
}
.popup .pop_wrap.wide .pop_layout {
  padding: 0 100px;
}
.popup .pop_wrap.hasTab {
  padding-top: 167px;
}
.popup .pop_wrap.hasFoot {
  padding-bottom: 90px;
}
.popup .pop_wrap.hasFoot .pop_layout {
  padding-bottom: 60px;
}
.popup .pop_wrap.hasFoot2 {
  padding-bottom: 220px;
}
.popup .pop_wrap.hasFoot3 {
  padding-bottom: 150px;
}
.popup .pop_head {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 107px;
  border-radius: 16px 16px 0 0;
}
.popup .pop_head .pop_title {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.popup .pop_head .pop_title .tit {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 30px;
  color: #000;
  line-height: 1.2;
  text-align: center;
  padding: 0 75px;
}
.popup .pop_head .pop_title .tit.left {
  text-align: left;
}
.popup .pop_head .btn_pop_close {
  position: absolute;
  right: 45px;
  top: 40px;
  width: 27px;
  height: 27px;
  background: url("/assets/web/img/common/ic_close1.png") no-repeat center;
  text-indent: -9999px;
}
.popup .pop_floating {
  position: absolute;
  left: 0;
  top: 107px;
  width: 100%;
  z-index: 1;
}
.popup .pop_floating .pop_tabmenu {
  padding: 11px 40px 0;
}
.popup .pop_body {
  position: relative;
  height: 100%;
  background: #fff;
  border-radius: 0 0 16px 16px;
  overflow-y: auto;
}
.popup .pop_layout {
  padding: 0 40px;
}
.popup .pop_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 0 0 16px 16px;
}
.popup .pop_foot a,
.popup .pop_foot button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.popup .pop_foot a:only-of-type,
.popup .pop_foot button:only-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.popup .pop_foot a span,
.popup .pop_foot button span {
  border-radius: 0;
}
.popup .pop_foot .small {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 200px;
}

/*********** floating 주문버튼 ***********/
.wrap_final {
  position: relative;
  width: 100%;
  height: 80px;
}
.wrap_final .container {
  max-width: 1920px;
  min-width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
}
.wrap_final .container.fixedOn {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 95;
}
.wrap_final .container .inner {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
}
.wrap_final .container .inner .wrapper {
  float: left;
  width: 25%;
  position: relative;
}
.wrap_final .container .inner .wrapper:last-child {
  float: right;
}
.wrap_final .container .inner .wrapper .item {
  width: 100%;
  height: 80px;
  text-align: left;
  background: #fff;
  padding: 20px 0 0 50px;
  position: relative;
}
.wrap_final .container .inner .wrapper .item:before {
  content: "";
  display: block;
  width: 2px;
  height: 50px;
  background: #ddd;
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wrap_final .container .inner .wrapper .item .tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
  line-height: 1;
}
.wrap_final .container .inner .wrapper .item .detail {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.wrap_final .container .inner .wrapper:first-child .item:before {
  display: none;
}
.wrap_final .container .inner .wrapper .put_in {
  display: block;
  width: 100%;
  height: 80px;
  text-align: center;
  background: #fff;
  position: relative;
}
.wrap_final .container .inner .wrapper .put_in:before {
  display: none;
}
.wrap_final .container .inner .wrapper .put_in span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 80px;
  background: #DA1A32;
  margin: 0 auto;
}
.wrap_final .container .inner .wrapper .put_in span em {
  width: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #fff;
}
.wrap_final .container .inner .wrapper .put_in span .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  margin-top: -25px;
}
.wrap_final .container .inner .wrapper .put_in.reduce span {
  width: 80px;
  border-radius: 80px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.wrap_final .container .inner .wrapper .put_in.reduce span em {
  display: none;
}
.wrap_final .container .inner .wrapper .put_in.moveEnd span {
  width: 100%;
  border-radius: 0;
  background: #DA1A32;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.wrap_final .container .inner .wrapper .put_in em {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.wrap_final .container .inner .wrapper .cart_anim {
  display: none;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #DA1A32;
  position: absolute;
  top: 0px;
  left: 0;
}
.wrap_final .container .inner .wrapper .cart_anim.moveTop {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

#header {
  width: 100%;
  height: auto;
  max-width: 1920px;
  min-width: 1440px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
#header .wrap_header {
  width: 100%;
  height: 101px;
  padding: 0 100px;
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid #eee;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
#header .wrap_header.scrollOn {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #f7f7f7;
}
#header .wrap_header.bgOn {
  background: rgb(255, 255, 255);
}
#header .wrap_header .inner {
  width: 100%;
  height: 100%;
}
#header .wrap_header .inner h1.logo {
  float: left;
  display: block;
  width: 200px;
  margin-top: 33px;
}
#header .wrap_header .inner #gnb {
  float: left;
}
#header .wrap_header .inner #gnb .depth1 li {
  float: left;
}
#header .wrap_header .inner #gnb .depth1 li .d1 {
  display: block;
  width: auto;
  height: 101px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #000;
  padding: 35px 15px 0 15px;
  position: relative;
}
#header .wrap_header .inner #gnb .depth1 li .d1:hover:after, #header .wrap_header .inner #gnb .depth1 li .d1.active:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #c8102e;
  position: absolute;
  left: 0;
  bottom: 0;
}
#header .wrap_header .inner #gnb .depth2 {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
  width: 100%;
  max-width: 1920px;
  min-width: 1440px;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);
  z-index: -1;
  padding: 0 100px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
#header .wrap_header .inner #gnb .depth2 .inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#header .wrap_header .inner #gnb .depth2 .inner .wrap1 {
  margin-left: 215px;
}
#header .wrap_header .inner #gnb .depth2 .inner .wrap3 {
  margin-left: 433px;
}
#header .wrap_header .inner #gnb .depth2 .inner .wrap4 {
  margin-left: 462px;
}
#header .wrap_header .inner #gnb .depth2 .inner .wrap5 {
  margin-left: 760px;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul {
  display: none;
  padding-left: 25px;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li {
  float: left;
  height: 94px;
  padding-top: 30px;
  margin-right: 60px;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li:last-child {
  margin-right: 0;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2:hover, #header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2.active {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #c8102e;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2 .point {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2 .point:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #de4b50;
  vertical-align: top;
  margin-left: 3px;
  margin-top: -3px;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2 .adot {
  position: relative;
  padding-left: 20px;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
#header .wrap_header .inner #gnb .depth2 .inner > ul > li .d2 .adot:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 14px;
  background: url("/assets/web/img/common/icon_adot.png") 50% 50%/contain no-repeat;
  margin-top: -7px;
}
#header .wrap_header .inner .utility {
  float: right;
  margin-top: 35px;
}
#header .wrap_header .inner .utility .gps {
  position: relative;
  display: inline-block;
  width: 240px;
  margin-right: 20px;
  vertical-align: middle;
  background-color: #F6F6F6;
  border-radius: 20px;
}
#header .wrap_header .inner .utility .gps .address_txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0 8px;
  width: 100%;
}
#header .wrap_header .inner .utility .gps .address_txt .text {
  overflow: hidden;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 36px 8px 11px;
  width: 100%;
  height: 40px;
  color: #444444;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  text-align: left;
}
#header .wrap_header .inner .utility .gps .address_txt .text::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 14px;
  right: 16px;
  width: 12px;
  height: 12px;
  background: url("/assets/web/img/common/ic_arrow_down.svg") no-repeat center;
}
#header .wrap_header .inner .utility .gps .address_txt .label_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 8px;
  padding: 3px 6px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 12px;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
}
#header .wrap_header .inner .utility .gps .wrap_tooltip {
  position: absolute;
  display: inline-block;
  left: -115px;
  top: 46px;
  -webkit-transform: translateX(17%);
      -ms-transform: translateX(17%);
          transform: translateX(17%);
  width: 350px;
}
#header .wrap_header .inner .utility .icons {
  display: inline-block;
  vertical-align: middle;
}
#header .wrap_header .inner .utility .icons a {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 20px;
  position: relative;
}
#header .wrap_header .inner .utility .icons a.btn_my {
  background-image: url("/assets/web/img/common/ic_util_my.png");
}
#header .wrap_header .inner .utility .icons a.btn_cart {
  background-image: url("/assets/web/img/common/ic_util_cart.png");
}
#header .wrap_header .inner .utility .icons a.btn_cart .count {
  display: inline-block;
  width: auto;
  min-width: 23px;
  height: 23px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-indent: 0px !important;
  text-align: center;
  line-height: 23px;
  text-indent: inherit;
  padding: 0 6px;
  background: #DA1A32;
  border-radius: 20px;
  position: absolute;
  left: 15px;
  top: -9px;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
            transform: scale3d(1.4, 1.4, 1.4);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.4, 1.4, 1.4);
            transform: scale3d(1.4, 1.4, 1.4);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
#header .wrap_header .inner .utility .icons a.btn_cart .bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
}
#header .wrap_header .inner .utility .icons a.btn_menu {
  margin-right: 0;
  position: relative;
}
#header .wrap_header .inner .utility .icons a.btn_menu span {
  display: block;
  width: 28px;
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#header .wrap_header .inner .utility .icons a.btn_menu span:before, #header .wrap_header .inner .utility .icons a.btn_menu span:after {
  display: block;
  width: 28px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#header .wrap_header .inner .utility .icons a.btn_menu span:before {
  content: "";
  background: url("/assets/web/img/common/ic_util_menubar.png") no-repeat;
  top: -5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#header .wrap_header .inner .utility .icons a.btn_menu span:after {
  content: "";
  background: url("/assets/web/img/common/ic_util_menubar.png") no-repeat;
  top: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#header .wrap_header .inner .utility .icons a.btn_menu.on span:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#header .wrap_header .inner .utility .icons a.btn_menu.on span:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1600px) {
  #header .wrap_header {
    padding: 0 40px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  #header .wrap_header .inner #gnb .depth1 li .d1 {
    padding: 35px 14px 0 14px;
  }
  #header .wrap_header .inner #gnb .depth2 {
    padding: 0 40px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  #header .wrap_header .inner .utility .icons a {
    margin-right: 8px;
  }
}
/*------------------- 전체메뉴 ---------------------*/
#menu_all {
  width: 100%;
  height: auto;
}
#menu_all .dim {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 100px;
}
#menu_all .wrap_all {
  display: none;
  max-width: 1920px;
  min-width: 1440px;
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
  margin: 0 auto;
  background: #fff;
  padding: 0 0 0 100px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
#menu_all .wrap_all .inner {
  padding: 0 0 74px 309px;
}
#menu_all .wrap_all .inner .menu_list {
  display: inline-block;
  vertical-align: top;
}
#menu_all .wrap_all .inner .menu_list section {
  height: auto;
  margin-top: 72px;
}
#menu_all .wrap_all .inner .menu_list section ul {
  display: inline-block;
  width: 240px;
  vertical-align: top;
}
#menu_all .wrap_all .inner .menu_list section ul li .d1 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 22px;
  color: #000;
  line-height: 1.3;
}
#menu_all .wrap_all .inner .menu_list section ul li .d2 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin-top: 15px;
}
#menu_all .wrap_all .inner .menu_list section ul li a.d1:hover, #menu_all .wrap_all .inner .menu_list section ul li a.d2:hover {
  color: #DA1A32;
  border-bottom: 1px solid #DA1A32;
}
#menu_all .wrap_all .inner .banner {
  display: inline-block;
  vertical-align: top;
  margin-top: 72px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#menu_all .wrap_all .inner .banner a {
  display: inline-block;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 15px 45px 0 rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 1600px) {
  #menu_all .wrap_all {
    padding: 0 40px;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
  }
}
@media screen and (max-width: 1520px) {
  #menu_all .wrap_all .inner .banner {
    margin-left: -50px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#footer {
  width: 100%;
  max-width: 1920px;
  min-width: 1440px;
  height: 240px;
  background: #444;
  margin: 0 auto;
}
#footer .inner {
  padding: 45px 100px 0 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
#footer .inner .menu {
  margin-bottom: 25px;
}
#footer .inner .menu li {
  display: inline-block;
}
#footer .inner .menu li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #777;
  margin: 0 25px 2px 30px;
  vertical-align: middle;
}
#footer .inner .menu li:last-child:after {
  display: none;
}
#footer .inner .menu li a {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #aaa;
}
#footer .inner .menu li a.privacy {
  color: #fff;
}
#footer .inner .ft_logo {
  float: left;
  width: 300px;
  height: 38px;
  text-indent: -9999px;
  background: url("/assets/web/img/common/logo2.png") no-repeat;
  margin-top: 10px;
}
#footer .inner .ft_info {
  float: left;
}
#footer .inner .ft_info .con {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 15px;
  color: #aaa;
  line-height: 1.71;
  margin-bottom: 3px;
}
#footer .inner .ft_info .con .vbar {
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #aaa;
  margin: 0 10px 2px 13px;
  vertical-align: middle;
}
#footer .inner .ft_info .copyright {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 13px;
  color: #aaa;
}
#footer .inner .ft_right {
  position: absolute;
  right: 100px;
  top: 45px;
}
#footer .inner .ft_right .share {
  text-align: right;
  margin-bottom: 60px;
}
#footer .inner .ft_right .share li {
  display: inline-block;
}
#footer .inner .ft_right .share li:nth-child(1) {
  margin-right: 32px;
}
#footer .inner .ft_right .share li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: left;
  text-indent: -9999px;
}
#footer .inner .ft_right .share li a.facebook {
  background: url("/assets/web/img/common/ic_share_facebook1.png") no-repeat center;
}
#footer .inner .ft_right .share li a.instagram {
  background: url("/assets/web/img/common/ic_share_instagram1.png") no-repeat center;
}
#footer .inner .ft_right .ranking {
  height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 13px;
  color: #aaa;
  line-height: 26px;
  padding-left: 65px;
  background: url("/assets/web/img/common/ic_kbpi.png") no-repeat left center;
}

.pageTop {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  width: 100%;
  height: 0px;
  margin: 0 auto;
  background: transparent;
}
.pageTop.on {
  position: relative;
}
.pageTop .wrap {
  position: relative;
  max-width: 1920px;
  min-width: 1440px;
  margin: 0 auto;
}
.pageTop .wrap .btn_top {
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  background-image: url("/assets/web/img/common/btn_top.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  right: 82px;
  bottom: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pageTop .wrap .btn_top:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 7px 12px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1600px) {
  #footer .inner {
    padding: 45px 40px 0 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #footer .inner .ft_right {
    right: 40px;
  }
  .pageTop .wrap .btn_top {
    right: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
#main {
  padding-top: 101px;
}
#main .main_container {
  position: relative;
  height: calc(100vh - 101px);
  min-height: 868px;
  overflow: hidden;
}
#main .recommend {
  position: absolute;
  left: 0;
  top: 0;
  width: 585px;
  height: 100%;
  padding-left: 180px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .recommend .sect_tit {
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 22px;
  color: #000;
  padding-left: 100px;
}
#main .recommend .sect_tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  width: 80px;
  height: 2px;
  background: #DA1A32;
}
#main .recommend .list_rcmd_menu {
  width: 100%;
  height: 100%;
}
#main .recommend .list_rcmd_menu ul {
  padding: 48px 0 60px 70px;
}
#main .recommend .list_rcmd_menu li {
  position: relative;
  width: 300px;
  height: auto;
  border-radius: 15px;
  padding: 24px 30px 0 30px;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .recommend .list_rcmd_menu li .txt {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.18px;
  line-height: 1.5;
}
#main .recommend .list_rcmd_menu li .name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: -0.24px;
  line-height: 1.5;
  margin-top: -4px;
}
#main .recommend .list_rcmd_menu li .img {
  width: 170px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 10px;
}
#main .recommend .list_rcmd_menu li .info {
  margin-top: 10px;
}
#main .recommend .list_rcmd_menu li .info .size {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  text-align: center;
  line-height: 30px;
  border-radius: 10px;
  background: #f8e8e8;
  vertical-align: middle;
}
#main .recommend .list_rcmd_menu li .info .price {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
  margin-left: 7px;
  vertical-align: middle;
}
#main .recommend .list_rcmd_menu li .info .dc {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #ddd;
  text-decoration: line-through;
  margin-left: 6px;
  vertical-align: middle;
}
#main .recommend .list_rcmd_menu li .dc_type {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-top: 4px;
}
#main .recommend .list_rcmd_menu li .btn_add2 {
  position: absolute;
  right: 0;
  top: 16px;
}
#main .recommend .list_rcmd_menu li .item_over {
  position: relative;
  height: 0;
  padding-right: 40px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#main .recommend .list_rcmd_menu li:hover {
  -webkit-box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 0.15);
}
#main .recommend .list_rcmd_menu li:hover .item_over {
  height: 87px;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#main .right_side {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
#main .main_bill {
  width: 530px;
  padding-left: 20px;
  padding-top: 79px;
  margin-bottom: 60px;
  height: auto;
}
#main .main_bill .box {
  width: 360px;
  border-radius: 20px;
  -webkit-box-shadow: 2px 10px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 10px 25px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
#main .main_bill .top_area .tab_status {
  padding: 40px 40px 34px;
}
#main .main_bill .top_area .order_menu .t_tit2 {
  padding: 0 40px 10px;
}
#main .main_bill .top_area .order_menu .order_menu_info {
  height: auto;
  max-height: 233px;
  padding: 0 40px 11px;
  overflow-y: auto;
}
#main .main_bill .top_area .order_menu .order_menu_info li {
  position: relative;
  padding-top: 14px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
}
#main .main_bill .top_area .order_menu .order_menu_info li:first-child {
  padding-top: 0;
  border-top: none;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  word-break: break-all;
  padding-bottom: 10px;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .tit .size {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .option .set {
  padding-left: 43px;
  padding-bottom: 9px;
  position: relative;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .option .set .opt_tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  position: absolute;
  left: 0;
  top: 0;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .option .set .opt_detail {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .option .set .opt_detail span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
#main .main_bill .top_area .order_menu .order_menu_info .con .option .set:last-child {
  padding-bottom: 0;
}
#main .main_bill .top_area .order_menu .order_menu_info .price {
  text-align: right;
  padding-top: 22px;
}
#main .main_bill .top_area .order_menu .order_menu_info .price span {
  display: inline-block;
  vertical-align: middle;
}
#main .main_bill .top_area .order_menu .order_menu_info .price .dc_price {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #ddd;
  margin-right: 10px;
  text-decoration: line-through;
}
#main .main_bill .top_area .order_menu .order_menu_info .price .dc_percent {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-right: 5px;
}
#main .main_bill .top_area .order_menu .order_menu_info .price .total_price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
#main .main_bill .top_area .order_menu .order_menu_info .price .total_price em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
#main .main_bill .bottom_area a,
#main .main_bill .bottom_area button {
  width: 100%;
}
#main .main_banner {
  width: 530px;
  height: 100%;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-left: 20px;
  padding-top: 79px;
}
#main .main_banner.withBill {
  padding-top: 0;
}
#main .main_banner .swiper-container {
  width: 360px;
  height: 100%;
  margin: 0;
  overflow: visible;
}
#main .main_banner .swiper-slide {
  width: 100%;
  height: auto;
}
#main .main_banner .swiper-slide a {
  display: block;
}
#main .main_banner .swiper-slide img {
  width: 100%;
  border-radius: 20px;
  -webkit-box-shadow: 2px 10px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 10px 25px rgba(0, 0, 0, 0.15);
}
#main .bn_controler {
  position: absolute;
  right: 100px;
  top: 59px;
  width: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .bn_controler .bn_pagination {
  position: relative;
  width: auto;
}
#main .bn_controler .bn_pagination .swiper-pagination-bullet {
  display: block;
  width: 10px;
  height: 10px;
  margin: 20px auto;
  background: #eee;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline-style: none;
}
#main .bn_controler .bn_pagination .swiper-pagination-bullet-active {
  background: #777;
}
#main .bn_controler .swiper-button {
  position: static;
  display: block;
  width: 30px;
  height: 30px;
  margin: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  outline: none;
}
#main .bn_controler .swiper-button-play {
  display: none;
  background-image: url("/assets/web/img/main/btn_play.png");
}
#main .bn_controler .swiper-button-pause {
  background-image: url("/assets/web/img/main/btn_pause.png");
}
#main .bn_controler .swiper-button-next {
  background-image: url("/assets/web/img/common/ic_arrow5.png");
}
#main .bn_controler .swiper-button-prev {
  background-image: url("/assets/web/img/common/ic_arrow5.png");
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#main .cart_empty {
  position: relative;
  width: 500px;
  height: 100%;
  margin: 0 auto;
}
#main .cart_empty .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  margin: auto;
  padding-top: 200px;
}
#main .cart_empty .title {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 62px;
  color: #000;
  line-height: 1.26;
  z-index: 1;
}
#main .cart_empty .plate {
  position: relative;
  width: 100%;
  height: 500px;
  background: url("/assets/web/img/common/bg_cart_empty_490.png") no-repeat center;
  padding-top: 100px;
}
#main .cart_empty .plate a {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding-top: 180px;
  border-radius: 50%;
}
#main .cart_empty .plate a:before, #main .cart_empty .plate a:after {
  content: "";
  position: absolute;
  background: #DA1A32;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#main .cart_empty .plate a:before {
  width: 6px;
  height: 32px;
}
#main .cart_empty .plate a:after {
  width: 32px;
  height: 6px;
}
#main .cart_empty .type {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}
#main .cart_empty .type > span {
  vertical-align: middle;
}
#main .cart_empty .type .txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  margin-left: 15px;
}
#main .cart {
  position: relative;
  width: 500px;
  height: 100%;
  margin: 0 auto;
}
#main .cart .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  margin: auto;
  padding-top: 190px;
  padding-bottom: 130px;
}
#main .cart .title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
#main .cart .title h2 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 62px;
  color: #000;
  line-height: 1.26;
}
#main .cart .title h2 span {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  word-break: break-all;
}
#main .cart .title .swiper-container {
  width: 100%;
  overflow: visible;
}
#main .cart .title .swiper-container .swiper-slide h2 span {
  opacity: 0;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
#main .cart .title .swiper-container .swiper-slide h2 span:last-child {
  opacity: 0;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#main .cart .title .swiper-container .swiper-slide-active h2 span {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#main .cart .title .swiper-container .swiper-slide-active h2 span:last-child {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
#main .cart .plate {
  position: relative;
  width: 100%;
  height: 500px;
  background: url("/assets/web/img/common/bg_cart_490.png") no-repeat center 5px;
}
#main .cart .plate .img_menu {
  width: 100%;
}
#main .cart .plate .swiper-container {
  width: 100%;
  height: 590px;
  overflow: visible;
}
#main .cart .more_menu {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 90px;
  width: 100%;
  text-align: center;
  z-index: 1;
  cursor: pointer;
}
#main .cart .more_menu .btn_more_menu span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #000;
  padding-right: 27px;
  background: url("/assets/web/img/common/ic_plus3.png") no-repeat right center;
}
#main .cart .more_menu .tooltip_type3 {
  top: 60px;
}
@media screen and (max-width: 1600px) {
  #main .main_container {
    min-height: 688px;
  }
  #main .recommend {
    left: -60px;
  }
  #main .main_bill {
    width: 370px;
  }
  #main .main_bill .box {
    width: 260px;
  }
  #main .main_bill .top_area .tab_status {
    padding: 40px 20px 34px;
  }
  #main .main_bill .top_area .order_menu .t_tit2 {
    padding: 0 20px 10px;
  }
  #main .main_bill .top_area .order_menu .order_menu_info {
    padding: 0 20px 11px;
  }
  #main .main_banner {
    width: 370px;
  }
  #main .main_banner .swiper-container {
    width: 260px;
  }
  #main .bn_controler {
    right: 40px;
  }
  #main .cart_empty {
    width: 400px;
  }
  #main .cart_empty .inner {
    padding-top: 130px;
  }
  #main .cart_empty .title {
    font-family: "Noto Sans KR";
    font-weight: 100;
    font-size: 44px;
    line-height: 1.23;
  }
  #main .cart_empty .plate {
    height: 400px;
    background: url("/assets/web/img/common/bg_cart_empty_400.png") no-repeat center;
    padding-top: 90px;
  }
  #main .cart_empty .plate a {
    width: 220px;
    height: 220px;
    padding-top: 140px;
  }
  #main .cart_empty .type {
    margin-top: 90px;
  }
  #main .cart_empty .type .txt {
    font-family: "Noto Sans KR";
    font-weight: 400;
    font-size: 21px;
  }
  #main .cart {
    width: 410px;
  }
  #main .cart .inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  #main .cart .title h2 {
    font-family: "Noto Sans KR";
    font-weight: 100;
    font-size: 44px;
    line-height: 1.23;
  }
  #main .cart .plate {
    height: 410px;
    background: url("/assets/web/img/common/bg_cart_400.png") no-repeat center 5px;
  }
  #main .cart .plate .swiper-container {
    height: 500px;
  }
  #main .cart .more_menu {
    bottom: 80px;
  }
}
#main .cart_list {
  padding-top: 69px;
}
#main .cart_list .nonmember_guide {
  padding-bottom: 60px;
  margin-bottom: 60px;
  text-align: center;
}
#main .cart_list .nonmember_guide .desc {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 28px;
  color: #000;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 35px;
}
#main .cart_list .nonmember_guide .desc em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 28px;
}
#main .cart_list .tab_status {
  margin-bottom: 60px;
}
#main .cart_list .addr_wrapper .info_box {
  position: relative;
  padding-left: 200px;
  margin-top: 36px;
}
#main .cart_list .addr_wrapper .info_box .t_tit3 {
  position: absolute;
  left: 0;
  top: 0;
}
#main .cart_list .addr_wrapper .info_box address {
  font-style: normal;
}
#main .cart_list .order_menu {
  position: relative;
  margin-top: 56px;
}
#main .cart_list .order_menu .t_tit1 {
  margin-bottom: 13px;
}
#main .cart_list .order_menu .btn_all_del {
  position: absolute;
  right: 0;
  top: 0;
}
#main .cart_list .order_menu .menu_list {
  margin-bottom: 40px;
}
#main .cart_list .order_menu .menu_list .box_menu .price .btns {
  width: 40px;
}
#main .cart_list .tac .btn_typeB3:not(:first-of-type) {
  margin-top: 20px;
}
#main .cart_list .empty {
  text-align: center;
  margin-top: 79px;
  margin-bottom: 298px;
}
#main .cart_list .empty .btn_typeB3 {
  margin-top: 22px;
}
#main .intro {
  padding-top: 79px;
}
#main .intro .find_addr {
  padding-top: 60px;
}
#main .intro .find_addr .tab_ui {
  margin-bottom: 45px;
}
#main .intro .find_addr .t_tit4 {
  text-align: center;
  margin-bottom: 14px;
}
#main .intro .find_addr .delivery_input,
#main .intro .find_addr .packing_input {
  width: 800px;
  margin: 0 auto;
}

/************* 2022.01 개편 : s **************/
#main.v202201_wrapper .main_visual .visSwiper .swiper-slide a {
  position: relative;
  display: block;
  height: 690px;
  overflow: hidden;
}
#main.v202201_wrapper .main_visual .visSwiper .swiper-slide .img {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}
#main.v202201_wrapper .main_visual .visSwiper .swiper_btn_wrap {
  width: 100%;
  min-width: 1440px;
  max-width: 1680px;
  height: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  z-index: 10;
}
#main.v202201_wrapper .main_visual .visSwiper .swiper-button-prev {
  left: 10px;
}
#main.v202201_wrapper .main_visual .visSwiper .swiper-button-next {
  right: 10px;
}
#main.v202201_wrapper .main_visual .visSwiper .swiper-tools {
  position: absolute;
  left: calc(50% - 680px);
  bottom: 165px;
  z-index: 1;
}
#main.v202201_wrapper .personal_area {
  position: relative;
  z-index: 1;
  min-height: 370px;
  background-color: #f7f7f7;
}
#main.v202201_wrapper .personal_area .inner {
  position: relative;
  padding-top: 190px;
}
#main.v202201_wrapper .personal_area .order_wrapper {
  width: 100%;
  position: absolute;
  top: -110px;
  left: 0;
}
#main.v202201_wrapper .personal_area .order_wrapper li {
  float: left;
  width: calc((100% - 40px) / 3);
}
#main.v202201_wrapper .personal_area .order_wrapper li:hover .btn_order {
  border-color: #DA1A32;
  -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1);
}
#main.v202201_wrapper .personal_area .order_wrapper li:not(:first-of-type) {
  margin-left: 20px;
}
#main.v202201_wrapper .personal_area .order_wrapper li .btn_order {
  width: 100%;
  max-height: 200px;
  border-radius: 20px;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 40px;
  border: 2px solid #fff;
  background-color: #fff;
  background-position: center 40px;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#main.v202201_wrapper .personal_area .order_wrapper li .btn_order span {
  font-size: 24px;
}
#main.v202201_wrapper .personal_area .order_wrapper li .btn_order.delivery {
  background-image: url("/assets/web/img/common/ic_delivery_2023.png");
}
#main.v202201_wrapper .personal_area .order_wrapper li .btn_order.packaging {
  background-image: url("/assets/web/img/common/ic_packaging_2023.png");
}
#main.v202201_wrapper .personal_area .order_wrapper li .btn_order.favorite {
  background-image: url("/assets/web/img/common/ic_favorite_2023.png");
}
#main.v202201_wrapper .personal_area .login_area .tit1 {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 28px;
  float: left;
  position: relative;
  padding-left: 96px;
}
#main.v202201_wrapper .personal_area .login_area .tit1 .bold {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 800;
}
#main.v202201_wrapper .personal_area .login_area .tit1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
#main.v202201_wrapper .personal_area .login_area .desc1 {
  font-size: 26px;
  color: #777;
}
#main.v202201_wrapper .personal_area .login_area .desc2 {
  font-size: 26px;
}
#main.v202201_wrapper .personal_area .login_area .desc2 .bold {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 34px;
}
#main.v202201_wrapper .personal_area .login_area .login_before {
  margin-top: -41px;
}
#main.v202201_wrapper .personal_area .login_area .login_before .tit1 {
  float: none;
}
#main.v202201_wrapper .personal_area .login_area .login_before .tit1::before {
  background-image: url("/assets/web/img/common/ic_login.png");
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set dd {
  font-size: 0;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set dd:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set dd:first-of-type .btn_typeB7 {
  padding-left: 45px;
  padding-right: 45px;
  margin-right: 10px;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set dd:last-of-type .btn_typeB7 {
  min-width: 270px;
  margin-left: 10px;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set .btn_typeB7 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  padding: 0 30px;
  vertical-align: middle;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set .btn_typeB7 em {
  display: inline-block;
  font-size: 26px;
  color: #777;
  margin-right: 17px;
  vertical-align: middle;
}
#main.v202201_wrapper .personal_area .login_area .login_before .btn_set .btn_typeB7 span {
  vertical-align: middle;
}
#main.v202201_wrapper .personal_area .login_area .login .tit1.basic::before {
  background-image: url("/assets/web/img/common/ic_grade_basic.png");
}
#main.v202201_wrapper .personal_area .login_area .login .tit1.gold::before {
  background-image: url("/assets/web/img/common/ic_grade_gold.png");
}
#main.v202201_wrapper .personal_area .login_area .login .tit1.vip::before {
  background-image: url("/assets/web/img/common/ic_grade_vip.png");
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn {
  float: right;
  margin-top: -41px;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn > .btn_typeGreen, #main.v202201_wrapper .personal_area .login_area .login .wrap_btn > a, #main.v202201_wrapper .personal_area .login_area .login .wrap_btn > button {
  width: 100%;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn {
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  margin-top: 10px;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my {
  display: block;
  float: left;
  height: 100%;
  padding: 15px 38px 15px;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my > * {
  display: inline-block;
  vertical-align: middle;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my > *:not(:first-child) {
  margin-left: 17px;
  height: 50px;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my:not(:first-child) {
  position: relative;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my:not(:first-child)::after {
  content: "";
  width: 1px;
  position: absolute;
  left: 0px;
  top: 25px;
  bottom: 25px;
  background-color: #ddd;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my:hover {
  color: #777;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .set_btn .btn_my:hover .link_more {
  color: #777;
}
#main.v202201_wrapper .personal_area .login_area .login .wrap_btn .link_more {
  display: block;
  margin-top: 7px;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  color: #000;
  border-bottom: 1px solid #000;
}
#main.v202201_wrapper .banner_area {
  padding: 100px 0 120px;
  height: 706px;
}
#main.v202201_wrapper .banner_area > .w1440 {
  height: 100%;
}
#main.v202201_wrapper .banner_area .img {
  display: block;
  width: 100%;
  height: 100%;
}
#main.v202201_wrapper .banner_area .img span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#main.v202201_wrapper .banner_area .bnr_info {
  float: left;
  height: 100%;
  width: calc(100% - 1144px);
}
#main.v202201_wrapper .banner_area .bnr_info .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 28px;
}
#main.v202201_wrapper .banner_area .bnr_info .desc1 {
  margin-top: 15px;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 22px;
}
#main.v202201_wrapper .banner_area .bnr_info .btn_typeD1 {
  margin-top: 48px;
}
#main.v202201_wrapper .banner_area .bnr_main {
  float: left;
  width: 764px;
  height: 100%;
  margin: 0 40px 0 60px;
}
#main.v202201_wrapper .banner_area .bnr_main .bnrMainSwiper {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.15);
}
#main.v202201_wrapper .banner_area .bnr_main a {
  display: block;
  height: 100%;
}
#main.v202201_wrapper .banner_area .bnr_main .img span {
  background-color: #fff;
}
#main.v202201_wrapper .banner_area .bnr_thumbs {
  float: left;
  width: 280px;
  height: 100%;
}
#main.v202201_wrapper .banner_area .bnr_thumbs .bnrThumbsSwiper {
  height: 100%;
  padding-right: 50px;
}
#main.v202201_wrapper .banner_area .bnr_thumbs .bnrThumbsSwiper .img {
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
#main.v202201_wrapper .banner_area .bnr_thumbs .bn_controler {
  top: -20px;
  right: 0;
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order {
  position: relative;
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order > span {
  color: #C8102E;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order .tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -22px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 16px;
  height: 44px;
  border-radius: 22px;
  background-color: #000000;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  line-height: 44px;
  white-space: nowrap;
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order .tooltip::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 16px);
  width: 16px;
  height: 16px;
  background-color: #000000;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order.delivery {
  background-image: url("/assets/web/img/common/ic_delivery_2025.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order.packaging {
  background-image: url("/assets/web/img/common/ic_packaging_2025.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .order_wrapper li .btn_order.favorite {
  background-image: url("/assets/web/img/common/ic_favorite_2025.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area {
  padding-bottom: 60px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .tit {
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 28px;
  line-height: 1.5;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .tit strong {
  color: #C8102E;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 70px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info {
  width: 400px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .tit .t_under span {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 4px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade strong {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 28px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.basic strong {
  color: #0A8020;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.basic::before {
  background-image: url("/assets/web/img/common/ic_main_grade_basic.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.gold strong {
  color: #E0961F;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.gold::before {
  background-image: url("/assets/web/img/common/ic_main_grade_gold.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.vip strong {
  color: #C8102E;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_info .grade.vip::before {
  background-image: url("/assets/web/img/common/ic_main_grade_vip.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .btn_login {
  display: block;
  width: 100%;
  height: 80px;
  margin-top: 30px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .btn_login span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #0A8020;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 26px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu {
  margin-top: 20px;
  margin-left: auto;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 72px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu ul li {
  width: 140px;
  text-align: center;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 140px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .ico {
  display: block;
  width: 140px;
  height: 140px;
  background-color: #ffffff;
  border-radius: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .ico.coupon {
  background-image: url("/assets/web/img/common/ic_main_coupon_60.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .ico.ecoupon {
  background-image: url("/assets/web/img/common/ic_main_ecoupon_60.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .ico.discount {
  background-image: url("/assets/web/img/common/ic_main_discount_60.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .ico.stamp {
  background-image: url("/assets/web/img/common/ic_main_stamp_60.svg");
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .title {
  display: block;
  margin-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
}
#main.v202201_wrapper .personal_area.new_2025 .login_area .my_menu .menu_wrap .num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #CF152D;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}

/************* 2022.01 개편 : e **************/
/***** 메인팝업 *****/
/* 배달불가 */
.pop_undeliverable_weather .inner {
  text-align: center;
}
.pop_undeliverable_weather .inner .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  line-height: 1.35;
  padding-bottom: 15px;
}
.pop_undeliverable_weather .inner .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}

.pop_undeliverable_close .inner {
  text-align: center;
}
.pop_undeliverable_close .inner .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  letter-spacing: -1.5px;
  line-height: 1.35;
  padding-bottom: 15px;
}
.pop_undeliverable_close .inner .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}

/* 최근주문내역 */
.pop_recently_order .inner {
  text-align: center;
  padding-top: 20px;
}
.pop_recently_order .inner .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  line-height: 1.35;
}
.pop_recently_order .inner .box_menu {
  width: 840px;
  text-align: left;
  padding-right: 200px;
  margin: 60px auto 0 auto;
}
.pop_recently_order .inner .box_menu .price span {
  vertical-align: inherit;
}

/* 프로모션배너 */
.pop_main_promotion .pop_wrap {
  padding-top: 0;
}
.pop_main_promotion .pop_wrap .pop_head {
  height: 0;
}
.pop_main_promotion .pop_wrap .pop_body {
  border-radius: 0;
  overflow-x: hidden;
}
.pop_main_promotion .pop_wrap .pop_body .pop_layout {
  padding: 0;
}

/* 즐겨찾기 팝업 */
.pop_favorite .acodi_type1 .con_area > p {
  margin-bottom: 17px;
}
.pop_favorite .acodi_type1 .con_area .info_box .info_top {
  margin-bottom: 20px;
}
.pop_favorite .acodi_type1 .con_area .info_box .info_top > p {
  text-indent: -20px;
  padding-left: 20px;
  max-width: calc(100% - 160px);
  display: inline-block;
  font-weight: 800;
}
.pop_favorite .acodi_type1 .con_area .info_box .info_top .btn_typeC1 {
  display: inline-block;
  margin-left: 8px;
}
.pop_favorite .acodi_type1 .con_area .info_box img {
  width: 100%;
}
.pop_favorite .list_my_order {
  margin: 45px 0 0;
}
.pop_favorite .list_my_order.ju_con1 li .info4 {
  width: auto;
}

/* 장바구니 : 이런 메뉴는 어떠세요 */
.pop_upselling .pop_body #menu {
  padding-top: 60px;
}
.pop_upselling .pop_body #menu .wrap_sideList {
  margin-bottom: 0;
}
.pop_upselling .pop_body #menu .wrap_sideList ul {
  width: 700px;
  display: inline-block;
  font-size: 0;
  text-align: left;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 350px;
  height: auto;
  padding: 0 50px 15px;
  margin-right: 0;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 0px;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li.only_menu {
  width: 160px;
  margin: 0 auto;
  padding: 0;
  width: 160px;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li .inner {
  width: 100%;
  height: auto;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li .inner a {
  display: block;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li .inner figure {
  width: 100%;
  height: auto;
  padding-top: 100%;
  cursor: default;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li .inner .name {
  height: 80px;
  margin-top: -7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop_upselling .pop_body #menu .wrap_sideList ul li .inner .price {
  margin: 0 auto;
  height: 52px;
  width: 130px;
}
.pop_upselling.cheesedeep .pop_wrap .pop_body #menu .wrap_sideList ul {
  width: 100% !important;
  text-align: center;
}

#menu {
  padding-top: 170px;
}
#menu .wrap_tabmenu {
  margin-bottom: 60px;
}
#menu .top_promotion {
  margin-bottom: 40px;
}
#menu .top_promotion a {
  display: block;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
#menu .btn_nutrition {
  text-align: center;
  margin-bottom: 60px;
}
#menu .btn_nutrition button {
  margin: 0 8px;
}
#menu .wrap_bottom_banner {
  padding: 0px 0 80px 0;
}
#menu .wrap_bottom_banner .banner {
  width: 100%;
  height: 100px;
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 22px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#menu .wrap_bottom_banner .banner em {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 22px;
}
#menu .wrap_bottom_banner .banner.mania {
  background-image: url("/assets/web/img/menu/list_banner_mania.jpg");
  color: #222;
  padding: 32px 0 0 100px;
}
#menu .wrap_bottom_banner .banner.best {
  background-image: url("/assets/web/img/menu/list_banner_best.jpg");
  color: #fff;
  padding: 15px 0 0 100px;
}
#menu .wrap_bottom_banner .banner.premium {
  background-image: url("/assets/web/img/menu/list_banner_best.jpg");
  color: #fff;
  padding: 32px 0 0 100px;
}
#menu .wrap_bottom_banner .banner.restaurant {
  position: relative;
  background: none;
  margin-bottom: -60px;
  height: auto;
}
#menu .wrap_bottom_banner .banner.restaurant .blind {
  font-size: 0;
}
#menu .wrap_bottom_banner .banner.restaurant .btn_restaurant_search {
  display: block;
  position: absolute;
  bottom: 43px;
  left: 92px;
  margin-top: 18px;
  width: 300px;
  height: 50px;
  background-color: transparent;
  font-size: 0;
}
#menu .wrap_menuList > .tit_menulist {
  margin-top: 80px;
  padding-bottom: 60px;
  font-size: 36px;
  font-weight: 800;
  line-height: 52px;
  text-align: center;
}
#menu .wrap_menuList > .tit_menulist em {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -1px;
}
#menu .wrap_menuList > ul + .tit_menulist {
  margin-top: 20px;
}
#menu .wrap_menuList > ul > li {
  display: inline-block;
  width: 310px;
  min-height: 516px;
  margin-right: 35px;
  margin-bottom: 60px;
  border-radius: 16px;
  background: #fff;
  padding-top: 15px;
  vertical-align: top;
}
#menu .wrap_menuList > ul > li.no_dc_con {
  min-height: 410px;
}
#menu .wrap_menuList > ul > li:nth-child(4n) {
  margin-right: 0;
}
#menu .wrap_menuList > ul > li:hover {
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#menu .wrap_menuList > ul > li .thumb {
  width: 250px;
  height: 250px;
  margin: 0 auto;
  position: relative;
}
#menu .wrap_menuList > ul > li .thumb .pizza {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
#menu .wrap_menuList > ul > li .thumb .pizza .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 250px auto;
  background-position: center;
}
#menu .wrap_menuList > ul > li .thumb .pizza .img .soldout {
  width: 226px;
  height: 226px;
  padding-top: 94px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  position: absolute;
  left: 0px;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
}
#menu .wrap_menuList > ul > li .thumb .pizza .img .soldout span {
  display: block;
  width: 155px;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  margin: 0 auto;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
#menu .wrap_menuList > ul > li .thumb .pizza .img .soldoutimg {
  position: absolute;
  left: -6px;
  right: -6px;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 3;
}
#menu .wrap_menuList > ul > li .thumb .pizza .img .soldoutimg span {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 250px;
  height: 250px;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
  background-image: url("/assets/web/img/common/ic_soldout.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
#menu .wrap_menuList > ul > li .thumb .flag_category {
  margin: 10px 0 0 -6px;
}
#menu .wrap_menuList > ul > li .thumb .flag_category.togo {
  margin-right: -6px;
}
#menu .wrap_menuList > ul > li .con {
  padding: 10px 30px 0 30px;
}
#menu .wrap_menuList > ul > li .con .inner {
  position: relative;
}
#menu .wrap_menuList > ul > li .con .inner .tit {
  height: 64px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  word-break: break-all;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price {
  margin-bottom: 15px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  margin-bottom: 10px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .dc_con {
  margin-bottom: 15px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .size {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  text-align: center;
  line-height: 30px;
  background: #f8e8e8;
  border-radius: 10px;
  vertical-align: middle;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .price {
  display: inline-block;
  width: 84px;
  font-size: 18px;
  text-align: right;
  line-height: 28px;
  vertical-align: middle;
  margin-left: 5px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .new_orign_price {
  display: inline-block;
  width: 84px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  text-align: right;
  line-height: 28px;
  vertical-align: middle;
  margin-left: 5px;
  text-decoration: line-through;
  color: #c8102e;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .dc {
  display: inline-block;
  width: 84px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  text-align: right;
  line-height: 28px;
  text-decoration: line-through;
  vertical-align: middle;
  margin-left: 5px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .tilde {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  line-height: 28px;
  vertical-align: middle;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .sale_price {
  margin-top: 8px;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item .sale_price > span {
  display: block;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item > .price {
  width: auto;
  font-weight: 800;
}
#menu .wrap_menuList > ul > li .con .inner .wrap_price .item > .price:only-child {
  margin-left: 0;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li {
  float: left;
  position: relative;
  padding-left: 20px;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li:before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  background-size: 6px auto;
  position: absolute;
  left: 9px;
  top: 8px;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li:first-child:before {
  display: none;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  letter-spacing: -0.5px;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li span.current {
  color: #DA1A32;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li span .ic_size {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  text-align: center;
  line-height: 30px;
  background: #f8e8e8;
  border-radius: 10px;
  vertical-align: middle;
  margin: 0 0 5px 5px;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li:first-child {
  padding-left: 0;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul > li:first-child:after {
  display: none;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con > ul.on:first-child span:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#menu .wrap_menuList > ul > li .con .inner .dc_con.no_arrow > ul > li:first-child span:after {
  display: none;
}
#menu .wrap_menuList > ul > li .con .inner .topping_con {
  font-size: 18px;
  line-height: 1.444;
  margin-bottom: 25px;
}
#menu .wrap_menuList .tag_type span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px 8px;
  min-width: 74px;
  height: 28px;
  border-radius: 14px;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 16px;
  vertical-align: top;
}
#menu .wrap_menuList .tag_type span.red {
  background-color: #da1a32;
}
#menu .wrap_menuList .tag_type span.gray {
  background-color: #aaaaaa;
}
#menu .wrap_setList ul li {
  float: left;
  width: 426px;
  height: 520px;
  margin-right: 41px;
  margin-bottom: 41px;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#menu .wrap_setList ul li:nth-child(3n) {
  margin-right: 0;
}
#menu .wrap_setList ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: relative;
}
#menu .wrap_setList ul li a .countdown {
  width: 100%;
  height: 100%;
  text-align: center;
}
#menu .wrap_setList ul li a .countdown .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
#menu .wrap_setList ul li a .countdown .count {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 110px;
  margin: auto;
  z-index: 2;
}
#menu .wrap_setList ul li a .countdown .count .txt {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 26px;
  color: #fff;
}
#menu .wrap_setList ul li a .countdown .count .time, #menu .wrap_setList ul li a .countdown .count .time span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 60px;
  color: #fff;
  letter-spacing: 1.5px;
  line-height: 1.2;
}
#menu .wrap_setList ul li a .countdown .count .time span, #menu .wrap_setList ul li a .countdown .count .time span span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 60px;
}
#menu .wrap_sideList {
  text-align: center;
  margin-bottom: 40px;
}
#menu .wrap_sideList ul {
  width: 100%;
}
#menu .wrap_sideList ul li {
  float: left;
  width: 310px;
  height: 460px;
  padding: 20px 30px 0 30px;
  margin-right: 40px;
  margin-bottom: 40px;
}
#menu .wrap_sideList ul li:nth-child(4n) {
  margin-right: 0;
}
#menu .wrap_sideList ul li .inner {
  display: inline-block;
  width: 250px;
  position: relative;
}
#menu .wrap_sideList ul li .inner figure {
  display: inline-block;
  width: 250px;
  height: 250px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  cursor: pointer;
}
#menu .wrap_sideList ul li .inner figure .soldout {
  width: 226px;
  height: 226px;
  padding-top: 94px;
  background: rgba(0, 0, 0, 0.65);
  border-radius: 50%;
  position: absolute;
  left: 0px;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
#menu .wrap_sideList ul li .inner figure .soldout span {
  display: block;
  width: 155px;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  margin: 0 auto;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
#menu .wrap_sideList ul li .inner figure .soldoutimg {
  position: absolute;
  left: -6px;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
}
#menu .wrap_sideList ul li .inner figure .soldoutimg span {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 250px;
  height: 250px;
  font-size: 0;
  line-height: 0;
  text-indent: -5000px;
  overflow: hidden;
  background-image: url("/assets/web/img/common/ic_soldout.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
#menu .wrap_sideList ul li .inner figure .flag_sale2 {
  position: absolute;
  right: 25px;
  top: 25px;
}
#menu .wrap_sideList ul li .inner .flag_category {
  position: absolute;
  left: -5px;
  top: 5px;
  z-index: -1;
}
#menu .wrap_sideList ul li .inner .name {
  display: block;
  height: 100px;
}
#menu .wrap_sideList ul li .inner .name .vCenter {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
}
#menu .wrap_sideList ul li .inner .price {
  margin: 0 auto;
  max-width: 150px;
  height: 90px !important;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  text-align: center;
}
#menu .wrap_sideList ul li .inner .price em {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  text-decoration: line-through;
  margin-bottom: 8px;
  vertical-align: 0;
}
#menu .wrap_sideList ul li .inner .price .red {
  height: 63px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  text-align: center;
  color: red;
}
#menu .wrap_sideList ul li .inner .price .flag_sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px 8px 0;
}
#menu .wrap_sideList ul li .inner .price .flag_sale span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 8px;
  min-width: 35px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid #DA1A32;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #DA1A32;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
#menu .wrap_sideList ul li .inner .price:has(.flag_sale) em {
  display: inline-block;
}
#menu .wrap_sideList ul li .inner .price:has(.flag_sale) .flag_sale ~ em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#menu .wrap_sideList ul li .inner .price:has(.flag_sale ~ em) .flag_sale {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#menu #menu_detail {
  padding-top: 0;
}
#menu .menuList_banner .wrap_setList {
  margin-bottom: 50px;
}
#menu .scroll_tab {
  position: sticky;
  top: 100px;
  z-index: 3;
  background: rgba(255, 255, 255, 0.95);
}
#menu .scroll_tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
#menu .scroll_tab ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
#menu .scroll_tab ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 60px;
  border: 1px solid #DDDDDD;
  background-color: #F7F7F7;
  border-radius: 12px;
}
#menu .scroll_tab ul li a span {
  color: #777777;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
#menu .scroll_tab ul li a.active {
  border-color: #DA1A32;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#menu .scroll_tab ul li a.active span {
  color: #000000;
  font-weight: 800;
}
#menu .scroll_tab ~ .wrap_menuList > ul > li:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#menu .scroll_tab ~ .wrap_menuList > ul > li a {
  pointer-events: none;
  cursor: default;
}

.pop_find_restaurant.restaurant .tab_ui {
  padding: 0 100px;
}
.pop_find_restaurant.restaurant .pop_body {
  overflow: hidden;
}
.pop_find_restaurant.restaurant .pop_body .pop_layout {
  padding: 40px 80px 0 !important;
}
.pop_find_restaurant.restaurant .map_view_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 30px;
  position: relative;
  min-height: 408px;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant {
  margin-top: 0;
  max-height: 408px;
  height: 100%;
  width: 565px;
  overflow-y: auto;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant::-webkit-scrollbar {
  width: 5px;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant::-webkit-scrollbar-thumb {
  background: #DA1A32;
  border-radius: 2px;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant::-webkit-scrollbar-track {
  background: rgba(218, 26, 50, 0.1);
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant ul {
  margin-left: 0;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant ul li {
  margin-top: 20px;
  padding: 0 10px 0 20px;
  width: 100%;
}
.pop_find_restaurant.restaurant .map_view_area .shop_list.restaurant ul li:first-child {
  margin-top: 0;
}
.pop_find_restaurant.restaurant .map_view_area .store_map_area {
  position: absolute;
  right: 20px;
  top: 0;
  background-color: #F7F7F7;
  border-radius: 16px;
  width: 545px;
  height: 100%;
  min-height: 408px;
}
.pop_find_restaurant.restaurant .map_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 26px 20px 25px;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.pop_find_restaurant.restaurant .map_select.active {
  border: 1px solid #DA1A32;
}
.pop_find_restaurant.restaurant .map_select .store_name {
  width: 165px;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
}
.pop_find_restaurant.restaurant .map_select .store_info {
  width: calc(100% - 165px);
}
.pop_find_restaurant.restaurant .map_select .store_info p {
  position: relative;
  padding-left: 25px;
}
.pop_find_restaurant.restaurant .map_select .store_info p:not(:first-child) {
  margin-top: 11px;
}
.pop_find_restaurant.restaurant .map_select .store_info .location:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/assets/web/img/menu/ic_location_20.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 4px;
}
.pop_find_restaurant.restaurant .map_select .store_info .tel:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url("/assets/web/img/menu/ic_tel_20.png") no-repeat center;
  position: absolute;
  left: 0;
  top: 4px;
}

.pop_order_method.popup .pop_body .pop_layout {
  padding-bottom: 0;
}
.pop_order_method .order_method_wrap .desc {
  padding: 15px 80px 0;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  text-align: left;
}
.pop_order_method .order_method_info {
  margin-top: 30px;
  padding: 0 80px 57px;
}
.pop_order_method .order_method_info .list_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 14px;
}
.pop_order_method .order_method_info .list_info:not(:first-child) {
  margin-top: 19px;
}
.pop_order_method .order_method_info .list_info::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #000000;
  border-radius: 2px;
}
.pop_order_method .order_method_info .list_info > span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
.pop_order_method .order_method_info .list_info .list_title {
  padding-right: 28px;
  min-width: 110px;
  white-space: nowrap;
}
.pop_order_method .order_method_info .list_info .order_type {
  color: #DE4B50;
}
.pop_order_method .pop_foot [class^=btn_type] > span {
  border-radius: 0;
}

#menu_detail {
  padding-top: 170px;
}
#menu_detail .detail_view > .w1440 {
  padding-bottom: 100px;
}
#menu_detail .detail_view .msg_direction {
  position: relative;
  width: 560px;
  height: 34px;
  color: #777;
  padding: 10px 0 0 0;
  font-size: 14px;
  text-align: center;
}
#menu_detail .detail_view .wrap_tabmenu {
  margin-bottom: 50px;
}
#menu_detail .detail_view .top_promotion {
  margin-bottom: 52px;
  border-radius: 16px;
  overflow: hidden;
}
#menu_detail .detail_view .top_promotion a {
  display: block;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
#menu_detail .detail_view .wrap_view {
  position: relative;
}
#menu_detail .detail_view .wrap_view .product_container {
  float: left;
  position: relative;
}
#menu_detail .detail_view .wrap_view .product_container.fixed {
  width: 100%;
  height: 0;
  position: fixed;
  left: 0;
  top: 140px;
  z-index: 0;
}
#menu_detail .detail_view .wrap_view .product_container.fixed .product_wrapper {
  width: 1440px;
  height: 1px;
  padding: 0 40px;
  margin: 0 auto;
}
#menu_detail .detail_view .wrap_view .product_area {
  width: 560px;
  vertical-align: top;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area {
  margin-bottom: 20px;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .cat {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #000;
  margin-bottom: 20px;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .tit {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 40px;
  color: #000;
  line-height: 1.35;
  margin-bottom: 7px;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .tit span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-size: 18px;
  color: #000;
  line-height: 1.4;
  word-break: break-all;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .desc-red {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 17px;
  color: #DA1A32;
  line-height: 1.4;
  word-break: break-all;
  letter-spacing: -0.27px;
  text-align: center;
}
#menu_detail .detail_view .wrap_view .product_area .tit_area .subtit_omz {
  text-align: center;
  font-size: 40px;
  font-weight: 100;
  line-height: 1.22;
  letter-spacing: -0.27px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area {
  text-align: center;
  padding-bottom: 60px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .btn_reset {
  width: 200px;
  margin: 30px auto 0;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .btn_add_pizza {
  display: block;
  width: 400px;
  margin: 30px auto 0;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .btn_add_pizza span:after {
  content: "";
  position: relative;
  display: inline-block;
  top: -2px;
  width: 11px;
  height: 11px;
  margin: 0 0 0 11px;
  background: url("/assets/web/img/common/icon_detail_plus.png") 50% 50%/contain no-repeat;
  vertical-align: middle;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza {
  margin-top: 40px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza {
  position: relative;
  width: 400px;
  height: 400px;
  margin: 0 auto;
  border-radius: 100%;
  -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.1);
  background-color: #f7f7f7;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza + .item_pizza {
  margin-top: 50px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .btn_add {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 254px;
  height: 254px;
  margin: -127px 0 0 -127px;
  padding-top: 80px;
  border-radius: 100%;
  border: solid 1px #e2e2e2;
  background-color: #fff;
  z-index: 1;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .btn_add:before, #menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .btn_add:after {
  content: "";
  position: absolute;
  background: #DA1A32;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .btn_add:before {
  width: 6px;
  height: 32px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .btn_add:after {
  width: 32px;
  height: 6px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .pizza {
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 400px;
  margin: -200px 0 0 -200px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .pizza img {
  width: 400px;
  height: 400px;
}
#menu_detail .detail_view .wrap_view .product_area .pizza_area .items_pizza .item_pizza .pizza.zoomIn {
  opacity: 0;
  -webkit-animation-name: pizza_zoom;
          animation-name: pizza_zoom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes pizza_zoom {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pizza_zoom {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pizza_rotate {
  0% {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes pizza_rotate {
  0% {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
#menu_detail .detail_view .wrap_view .product_area .product {
  width: 560px;
  height: 560px;
  position: relative;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap {
  width: 100%;
  height: 100%;
  background: url("/assets/web/img/common/bg_cart_440_2.png") no-repeat center;
  position: relative;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_add {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  background: #fff;
  border-radius: 50%;
  padding-top: 80px;
  vertical-align: middle;
  z-index: 3;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_add:before, #menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_add:after {
  content: "";
  position: absolute;
  background: #DA1A32;
  border-radius: 4px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_add:before {
  width: 6px;
  height: 32px;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_add:after {
  width: 32px;
  height: 6px;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .btn_reset {
  position: absolute;
  left: 50%;
  bottom: -60px;
  margin-left: -50px;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .pizza {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .pizza img {
  width: 560px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#menu_detail .detail_view .wrap_view .product_area .product .wrap .pizza.zoomIn {
  opacity: 0;
  -webkit-animation-name: pizza_zoom;
          animation-name: pizza_zoom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@keyframes pizza_zoom {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pizza_rotate {
  0% {
    -webkit-transform: rotate(-270deg);
            transform: rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
#menu_detail .detail_view .wrap_view .product_area .product.set .wrap {
  width: 330px;
  height: 330px;
  background: url("/assets/web/img/common/bg_cart_330_2.png") no-repeat center;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .wrap img {
  width: 360px;
  margin-left: -15px;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p1 {
  margin: inherit;
  margin-left: 150px;
  margin-top: 30px;
  z-index: -2;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p1 .pizza {
  opacity: 0;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p2 {
  margin: inherit;
  margin-left: 15px;
  margin-top: -260px;
  border-radius: 50%;
  -webkit-box-shadow: 0 15px 60px rgba(0, 0, 0, 0.1);
          box-shadow: 0 15px 60px rgba(0, 0, 0, 0.1);
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p2 .pizza {
  opacity: 0;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p2 .wrap_add_pizza {
  width: 205px;
  height: 205px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#menu_detail .detail_view .wrap_view .product_area .product.set .p2 .wrap_add_pizza .txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-top: 20px;
}
#menu_detail .detail_view .wrap_view .product_area .product.combo .wrap .pizza {
  opacity: 0;
}
#menu_detail .detail_view .wrap_view .product_area .product.combo .wrap .wrap_add_pizza {
  width: 205px;
  height: 205px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#menu_detail .detail_view .wrap_view .product_area .product.combo .wrap .wrap_add_pizza .txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-top: 20px;
}
#menu_detail .detail_view .wrap_view .product_area .product.combo .wrap .btn_reset {
  bottom: -15px;
}
#menu_detail .detail_view .wrap_view .product_area .product.half {
  margin-bottom: 30px;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .pizza {
  top: 60px;
  width: 220px;
  height: 440px;
  opacity: 0;
  overflow: hidden;
  z-index: 4;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .pizza img {
  display: block;
  width: 440px;
  height: 100%;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .pizza.p1 {
  left: 60px;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .pizza.p2 {
  left: auto;
  right: 60px;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .pizza.p2 img {
  margin-left: -100%;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .wrap_add_pizza {
  width: 205px;
  height: 205px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .wrap_add_pizza .txt {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-top: 20px;
}
#menu_detail .detail_view .wrap_view .product_area .product.half .wrap .btn_reset {
  bottom: -15px;
}
#menu_detail .detail_view .wrap_view .product_area .product.small {
  -webkit-transform: scale(0.7, 0.7);
      -ms-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
#menu_detail .detail_view .wrap_view .product_area .product.small .wrap_add_pizza .txt {
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}
#menu_detail .detail_view .wrap_view .option_area {
  float: right;
  width: 710px;
  height: auto;
  vertical-align: top;
}
#menu_detail .detail_view .wrap_view .option_area .section {
  padding-bottom: 60px;
}
#menu_detail .detail_view .wrap_view .option_area .article {
  margin-top: 50px;
}
#menu_detail .detail_view .wrap_view .option_area .article .top_area {
  position: relative;
  margin-bottom: 35px;
}
#menu_detail .detail_view .wrap_view .option_area .article .top_area .btn_feature {
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 0 6px 38px;
  color: #678ac5;
  line-height: 1.2;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
}
#menu_detail .detail_view .wrap_view .option_area .article .top_area .btn_feature:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  background: url("/assets/web/img/common/ic_feature.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#menu_detail .detail_view .wrap_view .option_area .article .top_area .cmt_guide3 {
  margin-top: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .promotion {
  margin-bottom: 53px;
}
#menu_detail .detail_view .wrap_view .option_area .promotion a {
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu {
  width: 100%;
  height: 339px;
  text-align: center;
  margin-top: 35px;
  padding: 0 20px 0 20px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  position: relative;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu .img {
  display: inline-block;
  width: auto;
  max-width: 670px;
  margin: 0 auto;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu .img.anim {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu .img.anim img {
  width: auto;
  max-width: 100%;
  -webkit-animation-name: side_bounceIn;
          animation-name: side_bounceIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu .img.drink img {
  padding-top: 30px;
  width: 200px;
}
#menu_detail .detail_view .wrap_view .option_area .side_menu .tit span {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #000;
  text-align: center;
  padding-top: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size {
  margin-top: 0;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .con_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: -20px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .type_size, #menu_detail .detail_view .wrap_view .option_area .wrap_size .type_size_min {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con {
  margin-top: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul {
  float: left;
  width: 50%;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li:before {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #ddd;
  background-size: 6px auto;
  position: absolute;
  left: 9px;
  top: 8px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.5px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li span.current {
  color: #DA1A32;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li:first-child {
  padding-left: 0;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul > li:first-child:before {
  display: none;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul:nth-child(1) {
  padding-left: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_size .dc_con ul:nth-child(2) {
  padding-left: 20px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts {
  padding: 30px;
  border: 2px solid #ddd;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll {
  padding: 30px 0;
  max-height: 574px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .swiper-slide {
  width: 100% !important;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .swiper-scrollbar {
  top: 50%;
  left: auto;
  right: 6px;
  width: 6px;
  height: calc(100% - 60px);
  background: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .swiper-scrollbar-drag {
  background-color: rgba(0, 0, 0, 0.4);
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-opt .btn_order_count,
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-opt .btn_order_count2,
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-side .btn_order_count,
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-side .btn_order_count2 {
  right: 30px;
  background-color: #fff;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-opt {
  height: 104px;
  padding: 2px 30px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-opt + .item-opt {
  margin: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-side {
  height: 140px;
  padding: 10px 30px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-side + .item-side {
  margin: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .item-side .i-text {
  left: 178px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .limited {
  background-color: rgba(60, 255, 185, 0.15);
}
#menu_detail .detail_view .wrap_view .option_area .items-opts.type-scroll .olympics {
  background-color: rgba(240, 177, 179, 0.15);
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt {
  position: relative;
  display: block;
  height: 100px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt + .item-opt {
  margin-top: 4px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label {
  padding: 0 0 0 44px;
  width: 100%;
  height: 100%;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .rdo_off, #menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .rdo_bg,
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .cbx_off, #menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .cbx_bg {
  top: 50%;
  right: auto;
  margin-top: -12px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label figure {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label figure .flag_sale1 {
  position: absolute;
  right: 0px;
  top: 0px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .i-name {
  position: absolute;
  left: 174px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 320px;
  font-size: 18px;
  line-height: 1.33;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt label .i-price {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt.no-opt .i-name {
  left: 53px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-opt.no-opt figure {
  display: none;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts mark.flag {
  position: relative;
  display: block;
  height: 24px;
  background: none;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts mark.flag:after {
  content: attr(data-flagtext);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #de4b50;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side {
  position: relative;
  display: block;
  height: 120px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side + .item-side {
  margin-top: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure .flag_sale1 {
  position: absolute;
  right: 0px;
  top: 0px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure .flag_limited1 {
  position: absolute;
  left: -20px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #de4b50;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure .flag_limited1 > span {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.12px;
  color: #fff;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure .flag_limited2 {
  position: absolute;
  left: -20px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side figure .flag_limited2 > span {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.12px;
  color: #fff;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text {
  position: absolute;
  left: 150px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 330px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-name {
  font-size: 18px;
  line-height: 1.3;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price {
  margin-top: 10px;
  width: 160px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price em {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  text-decoration: line-through;
  margin: 0 0 8px;
  vertical-align: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price .red {
  margin-top: 10px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: red;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price .flag_sale {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8px 8px 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price .flag_sale span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 8px;
  min-width: 35px;
  height: 22px;
  border-radius: 11px;
  border: 1px solid #DA1A32;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #DA1A32;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price:has(.flag_sale) em {
  display: inline-block;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price:has(.flag_sale) .flag_sale ~ em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .i-text .i-price:has(.flag_sale ~ em) .flag_sale {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side .btn_order_count2 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side.no-opt .i-text {
  left: 0;
}
#menu_detail .detail_view .wrap_view .option_area .items-opts .item-side.no-opt figure {
  display: none;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding-left: 20px;
  overflow: hidden;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area {
  margin-top: -30px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu {
  padding-bottom: 0;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container {
  overflow: visible;
  padding: 10px 0 30px 0px;
  margin-left: -20px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui {
  float: left;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui.hasDiscount label {
  height: 295px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label {
  width: 162px;
  height: 228px;
  padding-top: 20px;
  margin-left: 20px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 16px;
  cursor: pointer;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label:hover {
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label figure {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .edge_name {
  display: block;
  height: 75px;
  padding: 0 15px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .edge_name span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div {
  width: 100%;
  padding: 0 20px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div span, #menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div em {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div span {
  float: left;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div em {
  float: right;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div.member span, #menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui label .discount div.member em {
  color: #DA1A32;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui input[type=radio]:checked + label {
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui input[type=radio]:checked + label .edge_name span {
  font-weight: 800;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui input[type=radio]:checked + label .discount div span, #menu_detail .detail_view .wrap_view .option_area .wrap_edge .con_area .wrap_add_menu .swiper-container .radio_ui input[type=radio]:checked + label .discount div em {
  font-weight: 800;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_count .cmt_guide3 {
  margin-top: 10px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_topping .con_area {
  margin-top: -30px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_topping .items-opts.type-scroll {
  max-height: 476px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_choice {
  padding-bottom: 30px;
  border-bottom: 8px solid #f7f7f7;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_choice .box_menu {
  padding: 20px 215px 20px 20px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_choice .box_menu .con {
  padding-left: 30px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_side .con_area {
  margin-top: -30px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_side .items-opts.type-scroll {
  max-height: 574px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_drink .con_area {
  margin-top: -30px;
}
#menu_detail .detail_view .wrap_view .option_area .wrap_drink .items-opts.type-scroll {
  max-height: 574px;
}
#menu_detail .detail_view .wrap_view .option_area .promotion_bottom {
  margin-bottom: 60px;
}
#menu_detail .detail_view .wrap_view .option_area .promotion_bottom a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}
#menu_detail .detail_view .set_double .btn_nutrition {
  margin-top: 0px;
}
#menu_detail .detail_view .btn_nutrition {
  width: 560px;
  text-align: center;
  margin-top: 0px;
  font-size: 0;
  padding-top: 40px;
}
#menu_detail .detail_view .btn_nutrition.pos2 {
  margin-top: -130px;
}
#menu_detail .detail_view .btn_nutrition button {
  width: 134px;
  height: 50px;
  margin: 0 3px;
}
#menu_detail .detail_view .btn_nutrition button span {
  font-size: 16px;
  line-height: 48px;
}
#menu_detail .detail_view .set_one_plus .btn_nutrition {
  margin-top: -30px;
}
#menu_detail .detail_view .set_one_plus .btn_nutrition.pos2 {
  margin-top: -130px;
}
#menu_detail .detail_view .set_combo .btn_nutrition {
  margin-top: 30px;
}
#menu_detail .detail_view .set_combo .btn_nutrition.pos2 {
  margin-top: -110px;
}
#menu_detail .detail_view .set_double .btn_nutrition {
  margin-top: -20px;
}
#menu_detail .detail_view .set_double .btn_nutrition.pos2 {
  margin-top: -150px;
}
#menu_detail .detail_view .btn-event-more {
  position: absolute;
  right: 0;
  top: -13px;
  display: inline-block;
  height: 52px;
  padding: 0 18px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 20px;
  font-weight: 500;
  color: #da1a32;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#menu_detail .detail_view .btn-event-more:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: -4px 8px 0 0;
  background: url("/assets/web/img/common/icon_event_more.png") 50% 50%/contain no-repeat;
  vertical-align: middle;
}
#menu_detail .detail_view .btn-event-more:hover {
  color: #da1a32;
}

/** 영양정보 등 팝업 **/
/* 토핑정보 */
.pop_menuinfo_topping .pop_wrap .topping_list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}
.pop_menuinfo_topping .pop_wrap .topping_list li {
  float: left;
  width: 50%;
  height: 120px;
  padding-left: 180px;
  margin-bottom: 40px;
  position: relative;
}
.pop_menuinfo_topping .pop_wrap .topping_list li figure {
  width: 120px;
  height: 120px;
  position: absolute;
  left: 0;
  top: 0px;
}
.pop_menuinfo_topping .pop_wrap .topping_list li .con {
  padding-top: 25px;
}
.pop_menuinfo_topping .pop_wrap .topping_list li .con .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 13px;
}
.pop_menuinfo_topping .pop_wrap .topping_list li .con .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
.pop_menuinfo_topping .pop_wrap .basic {
  padding: 25px 20px;
  background: #f7f7f7;
  margin-bottom: 15px;
}
.pop_menuinfo_topping .pop_wrap .basic .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 10px;
}
.pop_menuinfo_topping .pop_wrap .basic .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}

/* 원산지정보 */
.pop_menuinfo_allergy .tableWrap1 {
  padding-top: 40px;
}

/* 곁들이 */
.pop_menuinfo_incidental .tab_type3 {
  margin-bottom: 40px;
}
.pop_menuinfo_incidental .tab_type3 button {
  border-bottom: 2px solid #fff;
}
.pop_menuinfo_incidental .tab_type3 button:first-child span {
  border-bottom-left-radius: 0;
}
.pop_menuinfo_incidental .tab_type3 button:nth-child(6) span {
  border-top-right-radius: 16px;
}
.pop_menuinfo_incidental .tab_type3 button:nth-child(13) span {
  border-bottom-left-radius: 16px;
}
.pop_menuinfo_incidental .tab_type3 button:last-child {
  border-right: 2px solid #fff;
}
.pop_menuinfo_incidental .tab_type3 button:last-child span {
  border-top-right-radius: 0;
}
.pop_menuinfo_incidental .desc {
  margin-top: 35px;
}

/* 도우의 특징 */
.pop_feature_dough .feature_dough {
  height: 700px;
}
.pop_feature_dough .feature_dough img {
  display: block;
  width: 100%;
}

/* 엣지의 특징 */
.pop_feature_edge .feature_edge {
  height: 700px;
}
.pop_feature_edge .feature_edge img {
  display: block;
  width: 100%;
}

/* 올림픽 이벤트 */
.pop_olympic .feature_img {
  height: 700px;
}
.pop_olympic .feature_img img {
  display: block;
  width: 100%;
}

/* 피자 리스트 */
.pop_select_pizza .pop_body .box_guide {
  margin-top: 40px;
}
.pop_select_pizza .pop_body .list_tit {
  margin-top: 40px;
  height: 30px;
  position: relative;
}
.pop_select_pizza .pop_body .list_tit span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  background: #fff;
  padding-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.pop_select_pizza .pop_body .list_tit:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 1;
}
.pop_select_pizza .pop_body .pizza_list {
  padding-top: 30px;
}
.pop_select_pizza .pop_body .pizza_list li {
  float: left;
  width: 250px;
  height: 340px;
  margin-right: 33px;
  margin-bottom: 40px;
}
.pop_select_pizza .pop_body .pizza_list li:nth-child(4n) {
  margin-right: 0;
}
.pop_select_pizza .pop_body .pizza_list li .box {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 2px solid #f7f7f7;
  border-radius: 16px;
  background: #f7f7f7;
  position: relative;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .flag_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .flag_spicy {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  background-color: #ffffff;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .img {
  width: 190px;
  height: 190px;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin: 0 auto;
  z-index: 2;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .img .wrap img {
  width: 100%;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  color: #000;
  text-align: center;
  line-height: 1.4;
  padding: 0 15px;
  margin-top: 220px;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .wrap_count {
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .wrap_count .ic {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("/assets/web/img/common/ic_plus4.png") no-repeat;
  background-size: contain;
}
.pop_select_pizza .pop_body .pizza_list li .box .inner .wrap_count .count {
  display: none;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #DA1A32;
}
.pop_select_pizza .pop_body .pizza_list li .box:hover {
  background: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_pizza .pop_body .pizza_list li .box.checked {
  background: #fff;
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_pizza .pop_body .pizza_list li .box.checked .inner .ic {
  display: none;
}
.pop_select_pizza .pop_body .pizza_list li .box.checked .inner .count {
  display: block;
}
.pop_select_pizza .pop_body .pizza_list li .box.disabled {
  pointer-events: none;
}
.pop_select_pizza .pop_body .pizza_list li .box.disabled:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  overflow: hidden;
  z-index: 3;
}
.pop_select_pizza .pop_body .pizza_list li .box.disabled .disabled_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pop_select_pizza .pop_body .pizza_list li .box .disabled_txt {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  line-height: 1.42;
  letter-spacing: -0.24px;
  color: #fff;
  z-index: 4;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pop_select_pizza .select_guide {
  width: 100%;
  height: 90px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  background: #eee;
}
.pop_select_pizza .select_guide span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.pop_select_pizza .select_guide.ongoing {
  background-color: #f0b1b3;
}
.pop_select_pizza .tab_hh {
  position: relative;
  width: 100%;
  margin-top: -11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop_select_pizza .tab_hh:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #ddd;
  z-index: 1;
}
.pop_select_pizza .tab_hh .tab_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 60px;
}
.pop_select_pizza .tab_hh .tab_inner .tab {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pop_select_pizza .tab_hh .tab_inner .tab a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 300;
  color: #777;
}
.pop_select_pizza .tab_hh .tab_inner .tab a.active, .pop_select_pizza .tab_hh .tab_inner .tab a:hover {
  background-color: #da1a32;
  font-weight: 800;
  color: #fff;
}

/* 피자 리스트 */
.pop_select_side .pop_body .box_guide {
  margin-top: 40px;
}
.pop_select_side .pop_body .list_tit {
  margin-top: 40px;
  height: 30px;
  position: relative;
}
.pop_select_side .pop_body .list_tit span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  background: #fff;
  padding-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.pop_select_side .pop_body .list_tit:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 1;
}
.pop_select_side .pop_body .side_list {
  padding-top: 30px;
}
.pop_select_side .pop_body .side_list li {
  float: left;
  width: 250px;
  height: 340px;
  margin-right: 33px;
  margin-bottom: 40px;
}
.pop_select_side .pop_body .side_list li:nth-child(4n) {
  margin-right: 0;
}
.pop_select_side .pop_body .side_list li .box {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 2px solid #f7f7f7;
  border-radius: 16px;
  background: #f7f7f7;
  position: relative;
}
.pop_select_side .pop_body .side_list li .box .inner {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.pop_select_side .pop_body .side_list li .box .inner .flag_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
}
.pop_select_side .pop_body .side_list li .box .inner .img {
  width: 190px;
  height: 190px;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin: 0 auto;
  z-index: 2;
}
.pop_select_side .pop_body .side_list li .box .inner .img .wrap img {
  width: 100%;
}
.pop_select_side .pop_body .side_list li .box .inner .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  color: #000;
  text-align: center;
  line-height: 1.4;
  padding: 0 15px;
  margin-top: 220px;
}
.pop_select_side .pop_body .side_list li .box .inner .wrap_count {
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.pop_select_side .pop_body .side_list li .box .inner .wrap_count .ic {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("/assets/web/img/common/ic_plus4.png") no-repeat;
  background-size: contain;
}
.pop_select_side .pop_body .side_list li .box .inner .wrap_count .count {
  display: none;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #DA1A32;
}
.pop_select_side .pop_body .side_list li .box:hover {
  background: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_side .pop_body .side_list li .box.checked {
  background: #fff;
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_side .pop_body .side_list li .box.checked .inner .ic {
  display: none;
}
.pop_select_side .pop_body .side_list li .box.checked .inner .count {
  display: block;
}
.pop_select_side .select_guide {
  width: 100%;
  height: 90px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  background: #eee;
}
.pop_select_side .select_guide span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

/* 피자 리스트 */
.pop_select_drink .pop_body .box_guide {
  margin-top: 40px;
}
.pop_select_drink .pop_body .list_tit {
  margin-top: 40px;
  height: 30px;
  position: relative;
}
.pop_select_drink .pop_body .list_tit span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  background: #fff;
  padding-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.pop_select_drink .pop_body .list_tit:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 1;
}
.pop_select_drink .pop_body .side_list {
  padding-top: 30px;
}
.pop_select_drink .pop_body .side_list li {
  float: left;
  width: 250px;
  height: 340px;
  margin-right: 33px;
  margin-bottom: 40px;
}
.pop_select_drink .pop_body .side_list li:nth-child(4n) {
  margin-right: 0;
}
.pop_select_drink .pop_body .side_list li .box {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 2px solid #f7f7f7;
  border-radius: 16px;
  background: #f7f7f7;
  position: relative;
}
.pop_select_drink .pop_body .side_list li .box .inner {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.pop_select_drink .pop_body .side_list li .box .inner .flag_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
}
.pop_select_drink .pop_body .side_list li .box .inner .img {
  width: 190px;
  height: 190px;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin: 0 auto;
  z-index: 2;
}
.pop_select_drink .pop_body .side_list li .box .inner .img .wrap img {
  width: 100%;
}
.pop_select_drink .pop_body .side_list li .box .inner .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  color: #000;
  text-align: center;
  line-height: 1.4;
  padding: 0 15px;
  margin-top: 220px;
}
.pop_select_drink .pop_body .side_list li .box .inner .wrap_count {
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.pop_select_drink .pop_body .side_list li .box .inner .wrap_count .ic {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("/assets/web/img/common/ic_plus4.png") no-repeat;
  background-size: contain;
}
.pop_select_drink .pop_body .side_list li .box .inner .wrap_count .count {
  display: none;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #DA1A32;
}
.pop_select_drink .pop_body .side_list li .box:hover {
  background: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_drink .pop_body .side_list li .box.checked {
  background: #fff;
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_drink .pop_body .side_list li .box.checked .inner .ic {
  display: none;
}
.pop_select_drink .pop_body .side_list li .box.checked .inner .count {
  display: block;
}
.pop_select_drink .select_guide {
  width: 100%;
  height: 90px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  background: #eee;
}
.pop_select_drink .select_guide span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

/* 피자 리스트 */
.pop_select_goods .pop_body .box_guide {
  margin-top: 40px;
}
.pop_select_goods .pop_body .list_tit {
  margin-top: 40px;
  height: 30px;
  position: relative;
}
.pop_select_goods .pop_body .list_tit span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  background: #fff;
  padding-right: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.pop_select_goods .pop_body .list_tit:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 14px;
  z-index: 1;
}
.pop_select_goods .pop_body .side_list {
  padding-top: 30px;
}
.pop_select_goods .pop_body .side_list li {
  float: left;
  width: 250px;
  height: 340px;
  margin-right: 33px;
  margin-bottom: 40px;
}
.pop_select_goods .pop_body .side_list li:nth-child(4n) {
  margin-right: 0;
}
.pop_select_goods .pop_body .side_list li .box {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 2px solid #f7f7f7;
  border-radius: 16px;
  background: #f7f7f7;
  position: relative;
}
.pop_select_goods .pop_body .side_list li .box .inner {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.pop_select_goods .pop_body .side_list li .box .inner .flag_category {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 1;
}
.pop_select_goods .pop_body .side_list li .box .inner .img {
  width: 190px;
  height: 190px;
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  margin: 0 auto;
  z-index: 2;
}
.pop_select_goods .pop_body .side_list li .box .inner .img .wrap img {
  width: 100%;
}
.pop_select_goods .pop_body .side_list li .box .inner .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  color: #000;
  text-align: center;
  line-height: 1.4;
  padding: 0 15px;
  margin-top: 220px;
}
.pop_select_goods .pop_body .side_list li .box .inner .wrap_count {
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.pop_select_goods .pop_body .side_list li .box .inner .wrap_count .ic {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("/assets/web/img/common/ic_plus4.png") no-repeat;
  background-size: contain;
}
.pop_select_goods .pop_body .side_list li .box .inner .wrap_count .count {
  display: none;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #DA1A32;
}
.pop_select_goods .pop_body .side_list li .box:hover {
  background: #fff;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_goods .pop_body .side_list li .box.checked {
  background: #fff;
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_select_goods .pop_body .side_list li .box.checked .inner .ic {
  display: none;
}
.pop_select_goods .pop_body .side_list li .box.checked .inner .count {
  display: block;
}
.pop_select_goods .select_guide {
  width: 100%;
  height: 90px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  background: #eee;
}
.pop_select_goods .select_guide span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

/* 팝업 옵션 선택 */
.pop_select_opt .btn_toggle {
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  text-indent: -5000px;
  overflow: hidden;
}
.pop_select_opt .btn_toggle:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url("/assets/web/img/common/icon-arrow-big.png") 50% 50%/18px 12px no-repeat;
}
.pop_select_opt .btn_toggle.open:before {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.pop_select_opt .article .top_area {
  position: relative;
  margin-bottom: 30px;
}
.pop_select_opt .article .top_area .cmt_guide3 {
  margin-top: 10px;
}
.pop_select_opt .article + .article {
  margin-top: 40px;
}
.pop_select_opt .items-opts {
  padding: 30px;
  border: 2px solid #ddd;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop_select_opt .items-opts.type-scroll {
  padding: 30px 0;
  max-height: 472px;
}
.pop_select_opt .items-opts.type-scroll .swiper-slide {
  width: 100% !important;
}
.pop_select_opt .items-opts.type-scroll .swiper-scrollbar {
  top: 50%;
  left: auto;
  right: 6px;
  width: 6px;
  height: calc(100% - 60px);
  background: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pop_select_opt .items-opts.type-scroll .swiper-scrollbar-drag {
  background-color: rgba(0, 0, 0, 0.4);
}
.pop_select_opt .items-opts.type-scroll .item-opt .btn_order_count,
.pop_select_opt .items-opts.type-scroll .item-opt .btn_order_count2,
.pop_select_opt .items-opts.type-scroll .item-side .btn_order_count,
.pop_select_opt .items-opts.type-scroll .item-side .btn_order_count2 {
  right: 30px;
  background-color: #fff;
}
.pop_select_opt .items-opts.type-scroll .item-opt {
  height: 104px;
  padding: 2px 30px;
}
.pop_select_opt .items-opts.type-scroll .item-opt + .item-opt {
  margin: 0;
}
.pop_select_opt .items-opts.type-scroll .item-side {
  height: 140px;
  padding: 10px 30px;
}
.pop_select_opt .items-opts.type-scroll .item-side + .item-side {
  margin: 0;
}
.pop_select_opt .items-opts.type-scroll .item-side .i-text {
  left: 178px;
}
.pop_select_opt .items-opts.type-scroll .item-side .flag_limited1 {
  position: absolute;
  left: -20px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #de4b50;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
.pop_select_opt .items-opts.type-scroll .item-side .flag_limited1 > span {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.12px;
  color: #fff;
}
.pop_select_opt .items-opts.type-scroll .item-side .flag_limited2 {
  position: absolute;
  left: -20px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
.pop_select_opt .items-opts.type-scroll .item-side .flag_limited2 > span {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: -0.12px;
  color: #fff;
}
.pop_select_opt .items-opts.type-scroll .limited {
  background-color: rgba(60, 255, 185, 0.15);
}
.pop_select_opt .items-opts.type-scroll .olympics {
  background-color: rgba(240, 177, 179, 0.15);
}
.pop_select_opt .items-opts .item-opt {
  position: relative;
  display: block;
  height: 100px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
}
.pop_select_opt .items-opts .item-opt + .item-opt {
  margin-top: 4px;
}
.pop_select_opt .items-opts .item-opt label {
  padding: 0 0 0 44px;
  width: 100%;
  height: 100%;
}
.pop_select_opt .items-opts .item-opt label .rdo_off, .pop_select_opt .items-opts .item-opt label .rdo_bg,
.pop_select_opt .items-opts .item-opt label .cbx_off, .pop_select_opt .items-opts .item-opt label .cbx_bg {
  top: 50%;
  right: auto;
  margin-top: -12px;
}
.pop_select_opt .items-opts .item-opt label figure {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.pop_select_opt .items-opts .item-opt label figure .flag_sale1 {
  position: absolute;
  right: 0px;
  top: 0px;
}
.pop_select_opt .items-opts .item-opt label .i-name {
  position: absolute;
  left: 174px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 320px;
  font-size: 18px;
  line-height: 1.33;
}
.pop_select_opt .items-opts .item-opt label .i-price {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
.pop_select_opt .items-opts .item-opt.no-opt .i-name {
  left: 53px;
}
.pop_select_opt .items-opts .item-opt.no-opt figure {
  display: none;
}
.pop_select_opt .items-opts mark.flag {
  position: relative;
  display: block;
  height: 24px;
  background: none;
}
.pop_select_opt .items-opts mark.flag:after {
  content: attr(data-flagtext);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #de4b50;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.12px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
}

#order {
  padding-top: 170px;
}
#order .item {
  margin-top: 25px;
  padding-left: 200px;
  position: relative;
}
#order .item .btn_typeC1 {
  margin-left: 16px;
}
#order .item .btns .btn_typeC1:nth-child(2) {
  margin-left: 6px;
}
#order .t_tit1 {
  margin-bottom: 35px;
}
#order .t_tit3 {
  position: absolute;
  left: 0;
  top: 2px;
}
#order .payment_list {
  font-size: 0;
  margin: -5px 0 0 -5px;
  width: 580px;
}
#order .payment_list li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  padding: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#order .payment_list li .btn_typeBox,
#order .payment_list li .radio_ui {
  width: 100%;
}
#order .payment_list li .ico_benefit {
  position: absolute;
  left: 6px;
  top: 6px;
}
#order .nonmember_guide {
  padding-bottom: 60px;
  margin-bottom: 60px;
  text-align: center;
}
#order .nonmember_guide .desc {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 28px;
  color: #000;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 35px;
}
#order .nonmember_guide .desc em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 28px;
}
#order .tab_status {
  margin-bottom: 50px;
}
#order .order_info {
  padding-bottom: 60px;
}
#order .order_info .order_tel .t_tit3 {
  top: 6px;
}
#order .order_info .order_agree .checkbox_ui {
  margin-bottom: 8px;
}
#order .order_info .item .tbl_type2 {
  margin-top: 28px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}
#order .order_info .delivery_time {
  margin-top: 30px;
}
#order .order_info .delivery_time .time {
  position: relative;
}
#order .order_info .delivery_time .time em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #DE4B50;
}
#order .order_info .packing_time {
  margin-top: 30px;
}
#order .order_info .packing_time .time {
  position: relative;
}
#order .order_info .packing_time .time em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #DE4B50;
}
#order .order_info .request .t_tit3 {
  top: 6px;
}
#order .order_info .request .self {
  margin-top: 13px;
}
#order .order_info .request .request_list li {
  padding: 13px 0 0;
}
#order .order_info .request .cmt_request {
  padding: 6px 0 1px;
  font-size: 16px;
  line-height: 1.5;
  color: #de4b50;
}
#order .order_info .untact .cmt_guide3 {
  margin-top: 15px;
}
#order .order_info .car_pickup .txt1 {
  position: relative;
}
#order .order_info .car_pickup .txt1 .btns {
  position: absolute;
  right: 0px;
  top: 0;
}
#order .order_info .fever {
  color: #DA1A32;
}
#order .order_info .order_menu {
  padding-left: 0;
  margin-top: 50px;
  margin-bottom: 40px;
}
#order .order_info .order_menu .t_tit2 {
  margin-bottom: 15px;
}
#order .order_info .order_menu .box_menu .price .btns {
  width: 40px;
}
#order .discount_point {
  padding: 50px 0 60px 0;
}
#order .discount_point .discount {
  padding-left: 0;
}
#order .discount_point .discount .t_tit3 {
  position: relative;
  margin-bottom: 17px;
}
#order .discount_point .coupon {
  position: relative;
  margin-top: 40px;
}
#order .discount_point .coupon .t_tit3 {
  margin-bottom: 17px;
}
#order .discount_point .coupon .auto {
  margin-bottom: 34px;
}
#order .discount_point .coupon .select {
  vertical-align: top;
}
#order .discount_point .coupon .no_benefit {
  margin-top: -15px;
}
#order .discount_point .coupon .apply_list .tit {
  margin-bottom: 10px;
}
#order .discount_point .coupon .apply_list .wrap .con .detail {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  padding-left: 20px;
}
#order .discount_point .coupon .apply_list .wrap .con .price {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  margin-left: 15px;
}
#order .discount_point .membership {
  margin-top: 50px;
}
#order .discount_point .membership .con {
  margin-bottom: 40px;
}
#order .discount_point .membership .con .field {
  float: left;
  width: 105px;
}
#order .discount_point .membership .con .detail {
  float: left;
  width: calc(100% - 105px);
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}
#order .discount_point .box_guide {
  margin-top: 40px;
}
#order .discount_point_new {
  padding: 50px 0 60px 0;
}
#order .discount_point_new .discount .btns button {
  width: 130px;
  margin-left: 0;
  margin-right: 5px;
}
#order .discount_point_new .point .btns button {
  width: 130px;
  margin-left: 0;
  margin-right: 5px;
}
#order .discount_point_new .list_coupon .box_coupon {
  width: 440px;
}
#order .discount_point_new .coupon {
  position: relative;
}
#order .discount_point_new .coupon .box_coupon {
  cursor: default;
}
#order .discount_point_new .coupon .checkbox_maxdiscount {
  display: block;
  height: 32px;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: right;
}
#order .discount_point_new .coupon .checkbox_maxdiscount label {
  display: inline-block;
  background-image: none;
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 32px;
  padding: 0 20px;
  border-radius: 10px;
  border: solid 1px #ddd;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 30px;
  color: #000;
}
#order .discount_point_new .coupon .checkbox_maxdiscount input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
#order .discount_point_new .coupon .checkbox_maxdiscount input[type=checkbox]:checked + label {
  color: #fff;
  background-color: #de4b50;
  border-color: #de4b50;
}
#order .discount_point_new .coupon .btn_select_coupon {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 0 30px;
  border: solid 1px #ddd;
  font-size: 18px;
  color: #000;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#order .discount_point_new .coupon .btn_select_coupon:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  background: url("/assets/web/img/common/ic_arrow7.png") 100% 50%/8px auto no-repeat;
}
#order .discount_point_new .coupon .list_coupon {
  margin-top: 20px;
}
#order .discount_point_new .add_coupon {
  margin-top: 50px;
}
#order .discount_point_new .add_coupon .btn_add {
  margin-left: 0px;
  margin-bottom: 20px;
}
#order .discount_point_new .membership {
  margin-top: 50px;
}
#order .discount_point_new .membership .con {
  margin-bottom: 40px;
}
#order .discount_point_new .membership .con .field {
  float: left;
  width: 105px;
}
#order .discount_point_new .membership .con .detail {
  float: left;
  width: calc(100% - 105px);
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}
#order .discount_point_new .box_guide {
  margin-top: 40px;
}
#order .payment_method {
  padding-top: 50px;
}
#order .payment_method .again {
  padding: 0 0 20px 0;
  text-align: right;
}
#order .payment_method .convenience {
  margin-top: 0;
  padding: 30px 0;
  border-top: 1px solid #ddd;
}
#order .payment_method .convenience .head {
  font-size: 0;
}
#order .payment_method .convenience .head .radio_ui.type1 {
  margin: 0;
}
#order .payment_method .convenience .head .btns {
  position: relative;
  top: 2px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
#order .payment_method .convenience .head .btns a, #order .payment_method .convenience .head .btns button, #order .payment_method .convenience .head .btns .convenience_guide, #order .payment_method .convenience .head .btns .btn_setting {
  vertical-align: middle;
  margin: 0 0 0 10px;
}
#order .payment_method .convenience .reg_card {
  position: relative;
}
#order .payment_method .convenience .reg_card .regCardSwiper {
  padding: 40px 50px 0 50px;
  font-size: 0;
}
#order .payment_method .convenience .reg_card .regCardSwiper .swiper-slide {
  width: 300px;
  height: 190px;
  background: transparent;
}
#order .payment_method .convenience .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .item-card .c-paytype {
  opacity: 0;
  visibility: hidden;
}
#order .payment_method .convenience .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .item-card, #order .payment_method .convenience .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .btn_reg {
  -webkit-transform: scale(0.86);
      -ms-transform: scale(0.86);
          transform: scale(0.86);
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card, #order .payment_method .convenience .reg_card .regCardSwiper .btn_reg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-number {
  position: absolute;
  left: 25px;
  top: 52px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  pointer-events: none;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-paytype {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-paytype select {
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #777;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  padding: 0 45px 0 13px;
  background: #fff url("/assets/web/img/order/ic_pay_select.png") 100% 50%/29px 9px no-repeat;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  line-height: 500px;
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite:before, #order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 25px;
  height: 23px;
  margin: -12px 0 0 -12px;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite:before {
  opacity: 1;
  visibility: visible;
  background: url("/assets/web/img/order/ic_pay_favorite.png") 50% 50%/contain no-repeat;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite:after {
  opacity: 0;
  visibility: hidden;
  background: url("/assets/web/img/order/ic_pay_favorite_on.png") 50% 50%/contain no-repeat;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite.on:before {
  opacity: 0;
  visibility: hidden;
}
#order .payment_method .convenience .reg_card .regCardSwiper .item-card .c-favorite.on:after {
  opacity: 1;
  visibility: visible;
}
#order .payment_method .convenience .reg_card .regCardSwiper .btn_reg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fffafa;
  border: dashed 2px #ddd;
  border-radius: 10px;
  overflow: hidden;
}
#order .payment_method .convenience .reg_card .regCardSwiper .btn_reg > span {
  position: relative;
  padding-top: 44px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
}
#order .payment_method .convenience .reg_card .regCardSwiper .btn_reg > span:before, #order .payment_method .convenience .reg_card .regCardSwiper .btn_reg > span:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  width: 30px;
  height: 3px;
  margin-left: -15px;
  background: #000;
  border-radius: 3px;
}
#order .payment_method .convenience .reg_card .regCardSwiper .btn_reg > span:after {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  height: 190px;
  z-index: 11;
  pointer-events: none;
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-prev, #order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-next {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 100%;
  margin: 0;
  background: #fff;
  outline-style: none;
  pointer-events: auto;
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-prev:after, #order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 19px;
  height: 35px;
  margin-top: -17px;
  background: url("/assets/web/img/common/ic_arrow_7.png") 50% 50%/contain no-repeat;
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-prev {
  left: 0;
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-prev:after {
  left: 50%;
  margin-left: -10px;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-next {
  right: 0;
}
#order .payment_method .convenience .reg_card .swiper_btn_wrapper .swiper-button-next:after {
  right: 50%;
  margin-right: -10px;
}
#order .payment_method .convenience .reg_card .swiper-pagination {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
}
#order .payment_method .convenience .reg_card .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 10px;
  height: 10px;
}
#order .payment_method .other_method {
  position: relative;
  border-top: 1px solid #ddd;
  padding: 30px 0 0;
  margin-top: 0;
}
#order .payment_method .other_method .toggle-button {
  position: absolute;
  right: -5px;
  top: 25px;
  width: 40px;
  height: 40px;
  line-height: 500px;
  font-size: 0;
  overflow: hidden;
}
#order .payment_method .other_method .toggle-button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 18px;
  height: 12px;
  margin: -6px 0 0 -9px;
  background: url("/assets/web/img/common/icon-arrow-big.png") 50% 50%/contain no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#order .payment_method .other_method .toggle-button.on:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#order .payment_method .other_method_wrapper {
  display: none;
}
#order .payment_method .digital {
  margin-top: 40px;
}
#order .payment_method .digital .con {
  display: inline-block;
  vertical-align: top;
}
#order .payment_method .digital .con .price {
  display: inline-block;
  margin-left: 15px;
}
#order .payment_method .online .t_tit3 {
  top: 6px;
}
#order .payment_method .field .t_tit3 {
  top: 6px;
}
#order .payment_method .field .cmt_guide3 {
  margin-top: 15px;
}
#order .payment_method .wrap_field_con .paper_gift {
  margin-top: 40px;
}
#order .payment_method .wrap_field_con .paper_gift .btn_typeC1 {
  margin: 0 5px 0 0;
}
#order .payment_method .wrap_field_con .paper_gift .con .list_price {
  margin-top: 14px;
  vertical-align: top;
}
#order .payment_method .wrap_field_con .paper_gift .con .list_price li {
  margin-bottom: 10px;
}
#order .payment_method .wrap_field_con .paper_gift .con .list_price li .price {
  margin-left: 8px;
}
#order .payment_method .wrap_field_con .paper_gift .con .select {
  vertical-align: top;
}
#order .payment_method .wrap_field_con .cash_receipt .t_tit3 {
  top: 6px;
}
#order .payment_method .wrap_field_con .cash_receipt .payment_list li {
  float: left;
  width: 50%;
}
#order .payment_method .wrap_field_con .cash_receipt_kind .t_tit3 {
  top: 6px;
}
#order .payment_method .wrap_field_con .cash_receipt_kind .payment_list li {
  float: left;
  width: 50%;
}
#order .payment_method .wrap_field_con .input_mobile .t_tit3 {
  top: 6px;
}
#order .payment_method .wrap_field_con .input_co_number .t_tit3 {
  top: 6px;
}
#order .payment_method .pay_gift .btn_typeC1.select {
  margin-left: 0;
  margin-bottom: 10px;
}
#order .box_guide.corona {
  margin-top: 40px;
}
#order .order_complete .complete_msg {
  text-align: center;
  padding-bottom: 55px;
}
#order .order_complete .complete_msg .msg {
  margin-bottom: 53px;
}
#order .order_complete .complete_msg .msg .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px;
}
#order .order_complete .complete_msg .msg .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  color: #000;
  line-height: 1.35;
}
#order .order_complete .complete_msg .msg .txt2 em {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 40px;
  color: #000;
}
#order .order_complete .complete_msg .step_status {
  width: 100%;
}
#order .order_complete .complete_msg .step_status li {
  display: inline-block;
  width: 160px;
  padding-top: 104px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  margin-right: -4px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
}
#order .order_complete .complete_msg .step_status li.step1 {
  background-image: url("/assets/web/img/order/ic_order_step1_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step2 {
  background-image: url("/assets/web/img/order/ic_order_step2_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step3 {
  background-image: url("/assets/web/img/order/ic_order_step3_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step4 {
  background-image: url("/assets/web/img/order/ic_order_step4_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step5 {
  background-image: url("/assets/web/img/order/ic_order_step5_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step6 {
  background-image: url("/assets/web/img/order/ic_order_step6_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step7 {
  background-image: url("/assets/web/img/order/ic_order_step7_disabled.png");
}
#order .order_complete .complete_msg .step_status li.step1.on {
  background-image: url("/assets/web/img/order/ic_order_step1_on.png");
}
#order .order_complete .complete_msg .step_status li.step2.on {
  background-image: url("/assets/web/img/order/ic_order_step2_on.png");
}
#order .order_complete .complete_msg .step_status li.step3.on {
  background-image: url("/assets/web/img/order/ic_order_step3_on.png");
}
#order .order_complete .complete_msg .step_status li.step4.on {
  background-image: url("/assets/web/img/order/ic_order_step4_on.png");
}
#order .order_complete .complete_msg .step_status li.step5.on {
  background-image: url("/assets/web/img/order/ic_order_step5_on.png");
}
#order .order_complete .complete_msg .step_status li.step6.on {
  background-image: url("/assets/web/img/order/ic_order_step6_on.png");
}
#order .order_complete .complete_msg .step_status li.step7.on {
  background-image: url("/assets/web/img/order/ic_order_step7_on.png");
}
#order .order_complete .complete_msg .step_status li.step1.complete {
  background-image: url("/assets/web/img/order/ic_order_step1_complete.png");
}
#order .order_complete .complete_msg .step_status li.step2.complete {
  background-image: url("/assets/web/img/order/ic_order_step2_complete.png");
}
#order .order_complete .complete_msg .step_status li.step3.complete {
  background-image: url("/assets/web/img/order/ic_order_step3_complete.png");
}
#order .order_complete .complete_msg .step_status li.step4.complete {
  background-image: url("/assets/web/img/order/ic_order_step4_complete.png");
}
#order .order_complete .complete_msg .step_status li.step5.complete {
  background-image: url("/assets/web/img/order/ic_order_step5_complete.png");
}
#order .order_complete .complete_msg .step_status li.step6.complete {
  background-image: url("/assets/web/img/order/ic_order_step6_complete.png");
}
#order .order_complete .complete_msg .step_status li.step7.complete {
  background-image: url("/assets/web/img/order/ic_order_step7_complete.png");
}
#order .order_complete .complete_msg .step_status li:after {
  content: "";
  display: block;
  width: 42px;
  height: 6px;
  position: absolute;
  right: -20px;
  top: 38px;
  background-repeat: no-repeat;
  background-image: url("/assets/web/img/order/progress_disabled.png");
}
#order .order_complete .complete_msg .step_status li.on:after {
  background-image: url("/assets/web/img/order/progress_on.png");
}
#order .order_complete .complete_msg .step_status li.complete:after {
  background-image: url("/assets/web/img/order/progress_complete.png");
}
#order .order_complete .complete_msg .step_status li:last-child:after {
  display: none;
}
#order .order_complete .delivery_time {
  padding: 52px 0 60px 0;
}
#order .order_complete .delivery_time .t_tit1 {
  margin-bottom: 25px;
}
#order .order_complete .delivery_time .time {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  padding-left: 0;
}
#order .order_complete .delivery_time .time em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #DE4B50;
}
#order .order_complete .order_info {
  padding: 52px 0 0 0;
}
#order .order_complete .order_info .complete_info table {
  width: 100%;
  border-collapse: collapse;
}
#order .order_complete .order_info .complete_info table tbody tr th {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  text-align: left;
  line-height: 22px;
  vertical-align: top;
  padding: 15px 0 12px 0;
}
#order .order_complete .order_info .complete_info table tbody tr td {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  vertical-align: top;
  padding: 12px 0 12px 0;
}
#order .order_complete .order_info .complete_info table tbody tr td .nonmenber_guide {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-left: 20px;
}
#order .order_complete .order_info .complete_info table tbody tr td .btn_alarm {
  display: inline-block;
  margin-left: 19px;
}
#order .order_complete .order_info .box_guide {
  margin-top: 30px;
}
#order .order_complete .order_info .order_menu .t_tit2 {
  margin-left: 0;
}
#order .order_complete .order_info .order_menu .box_menu .con .tit {
  padding-right: 0;
}

#order.order_new .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 12px;
  margin-top: 40px;
  padding: 0;
}
#order.order_new .item .t_tit3 {
  position: relative;
  width: 188px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#order.order_new .item .bd_box {
  width: 100%;
}
#order.order_new .item .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4px;
}
#order.order_new .item .btns .cancel {
  margin-right: 0 !important;
}
#order.order_new .item:has(.order_menu) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#order.order_new .gap_border1 {
  padding: 60px 0;
}
#order.order_new .t_tit3:has(~ .form_wrap) {
  margin-bottom: 8px;
}
#order.order_new .bg {
  padding: 20px 16px;
  background: #F7F7F7;
}
#order.order_new .flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
#order.order_new .flex_wrap .t_tit3 {
  margin-bottom: 0;
}
#order.order_new .flex_wrap:has(.t_tit3) {
  margin-bottom: 8px;
}
#order.order_new .form_wrap .checkbox_ui.line {
  width: 100%;
}
#order.order_new .form_wrap .checkbox_ui.line:not(:first-child) {
  margin-top: 8px;
}
#order.order_new .form_wrap ~ .form_wrap {
  margin-top: 12px;
}
#order.order_new .form_wrap.column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 0;
}
#order.order_new .form_wrap.column2 .radio_ui,
#order.order_new .form_wrap.column2 .checkbox_ui {
  width: 50%;
  margin: 0 !important;
}
#order.order_new .form_wrap .input_bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  gap: 10px;
  width: 100%;
  height: 46px;
  padding: 12px 16px;
  border-radius: 4px;
  border: 1px solid #DDD;
}
#order.order_new .bd_box {
  padding: 20px;
  border: 1px solid #DDD;
}
#order.order_new .line_top {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
}
#order.order_new .line_top::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  height: 1px;
  background-color: #DDDDDD;
}
#order.order_new .btn_feature {
  position: relative;
  padding: 6px 0 6px 20px;
  color: #678ac5;
  line-height: 1.2;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#order.order_new .btn_feature:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  background: url("/assets/web/img/common/ic_feature.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#order.order_new .btn_feature strong {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
}
#order.order_new .tooltip_cont {
  position: relative;
}
#order.order_new .tooltip_cont .tooltip_txt {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  padding: 8px 12px;
  width: 200px;
  border-radius: 10px;
  background: #678AC5;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
#order.order_new .tooltip_cont .tooltip_txt .txt {
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.12px;
}
#order.order_new .tooltip_cont.active .tooltip_txt {
  display: block;
}
#order.order_new .note_list li:not(:first-child) {
  margin-top: 4px;
}
#order.order_new .input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  width: 100%;
}
#order.order_new .input_wrap .button_use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 120px;
  height: 46px;
  padding: 12px 16px;
  border-radius: 4px;
  background: #000;
}
#order.order_new .input_wrap .button_use span {
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 18px;
}
#order.order_new .t_tit3 {
  margin-bottom: 0;
}
#order.order_new .t_tit3.use {
  position: relative;
}
#order.order_new .t_tit3.use::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-left: 2px;
  top: 2px;
  width: 5px;
  height: 5px;
  background-color: red;
  border-radius: 50%;
  vertical-align: top;
}
#order.order_new .order_info_cont .order_addr {
  margin: 0;
}
#order.order_new .order_info_cont .order_addr .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
#order.order_new .order_info_cont .order_addr .store_txt {
  margin-top: 4px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
}
#order.order_new .order_info_cont .order_tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#order.order_new .order_info_cont .store_request .note_list .cmt_guide1 {
  color: #DA1A32;
  font-size: 16px;
}
#order.order_new .order_info_cont .store_request .note_list .cmt_guide1::before {
  font-size: 16px;
}
#order.order_new .order_info_cont .store_request .request_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
}
#order.order_new .order_info_cont .store_request .request_menu:not(:first-child) {
  margin-top: 12px;
}
#order.order_new .order_info_cont .store_request .request_menu .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
}
#order.order_new .order_info_cont .store_request .request_menu .tit .menu_tit {
  font-size: 15px;
}
#order.order_new .order_info_cont .store_request .request_menu .tit .cmt_guide1 {
  padding-left: 16px;
  font-size: 12px;
}
#order.order_new .order_info_cont .store_request .request_menu .tit .cmt_guide1::before {
  font-size: 12px;
}
#order.order_new .order_info_cont .store_request .request_menu .btn_order_count1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  width: 110px;
  height: 40px;
}
#order.order_new .order_info_cont .store_request .request_menu .btn_order_count1 .count {
  height: 40px;
  line-height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
}
#order.order_new .order_info_cont .store_request .request_menu .btn_order_count1 .minus {
  position: relative;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 11px auto;
}
#order.order_new .order_info_cont .store_request .request_menu .btn_order_count1 .plus {
  position: relative;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-size: 11px auto;
}
#order.order_new .order_info_cont .store_request .input_directly {
  margin-top: 20px;
}
#order.order_new .order_info_cont .store_request .line_top .cmt_guide1 {
  margin-top: 20px;
}
#order.order_new .order_info_cont .car_info {
  margin-top: 20px;
}
#order.order_new .order_info_cont .car_info .form_wrap {
  margin-top: 8px;
}
#order.order_new .order_info_cont .car_info .btn_feature {
  margin-top: 20px;
}
#order.order_new .order_info_cont .car_info .txt {
  padding-left: 19px;
  color: #666;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}
#order.order_new .order_info_cont .packing_time .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
}
#order.order_new .order_info_cont .packing_time .time em {
  color: #DE4B50;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
}
#order.order_new .order_info_cont .order_menu .menu_list {
  margin-top: 16px;
}
#order.order_new .order_info_cont .order_menu .menu_list .btns {
  display: inline-block;
  width: 40px;
}
#order.order_new .order_info_cont .order_menu .menu_list .btns .btn_delete {
  margin-left: 0;
}
#order.order_new .discount_point .item_wrap {
  width: 100%;
}
#order.order_new .discount_point .coupon .btns .btn_typeC1 {
  margin-left: 0;
}
#order.order_new .discount_point .coupon .txt .num {
  color: #DE4B50;
}
#order.order_new .discount_point .coupon .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
}
#order.order_new .discount_point .coupon .coupon_input .btn_coupon {
  width: 100%;
  text-align: left;
}
#order.order_new .discount_point .coupon .coupon_input .btn_coupon::after {
  top: 5px;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url("/assets/web/img/common/ic_select_arrow_black.svg");
  background-size: 16px auto;
}
#order.order_new .discount_point .coupon .coupon_input .btn_coupon span {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
}
#order.order_new .discount_point .coupon .coupon_input .input_wrap {
  margin-top: 8px;
}
#order.order_new .discount_point .coupon .coupon_input .toggle-con {
  display: none;
  margin-top: 8px;
}
#order.order_new .discount_point .coupon .list_coupon {
  width: 440px;
}
#order.order_new .discount_point .coupon .list_coupon .box_coupon .btn_delete {
  position: absolute;
  top: 20px;
  right: 30px;
}
#order.order_new .discount_point .stamp .tit_wrap .t_tit3 {
  margin-bottom: 8px;
}
#order.order_new .discount_point .stamp .stamp_cont {
  margin-bottom: 20px;
}
#order.order_new .discount_point .payment_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 12px;
  margin: 0;
  width: 100%;
}
#order.order_new .discount_point .payment_list li {
  padding: 0;
  width: calc((100% - 24px) / 3);
}
#order.order_new .discount_point .payment_list .btn_typeBox {
  height: 67px;
}
#order.order_new .discount_point .payment_list .btn_typeBox span {
  line-height: 67px;
}
#order.order_new .discount_point .payment_list .ico_benefit {
  top: 0;
  left: 0;
}
#order.order_new .payment_method .radio_ui.type_box label {
  height: 62px;
}
#order.order_new .payment_method .radio_ui.type_box label .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8px;
  padding: 20px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 62px;
  height: 22px;
  background: no-repeat center/contain;
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico.npay {
  width: 72px;
  height: 22px;
  background-image: url("/assets/web/img/order/ico_npay.png");
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico.kakao {
  width: 63px;
  height: 26px;
  background-image: url("/assets/web/img/order/ico_kakao.png");
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico.payco {
  width: 80px;
  height: 18px;
  background-image: url("/assets/web/img/order/ico_payco.png");
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico.lpay {
  width: 70px;
  height: 24px;
  background-image: url("/assets/web/img/order/ico_lpay.png");
}
#order.order_new .payment_method .radio_ui.type_box label .txt .ico.paycoin {
  width: 114px;
  height: 40px;
  background-image: url("/assets/web/img/order/ico_paycoin.png");
}
.radio_ui.type_box label .txt:has(.paycoin) {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  padding-top: 2px !important;
}

#order.order_new .payment_method .radio_ui.type_box input:checked ~ label .txt {
  color: #000;
}
#order.order_new .payment_method .radio_ui.use .txt {
  position: relative;
}
#order.order_new .payment_method .radio_ui.use .txt::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-left: 2px;
  top: 2px;
  width: 5px;
  height: 5px;
  background-color: red;
  border-radius: 50%;
  vertical-align: top;
}
#order.order_new .payment_method .radio_ui.type1 label span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
#order.order_new .payment_method .method_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px 0;
}
#order.order_new .payment_method .method_list .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#order.order_new .payment_method .method_list .head:has(input:checked) + .detail {
  display: block;
}
#order.order_new .payment_method .method_list .head .btn_feature {
  margin-left: auto;
}
#order.order_new .payment_method .method_list .detail {
  display: none;
  padding-top: 20px;
}
#order.order_new .payment_method .method_list .simple_method .detail {
  display: block !important;
}
#order.order_new .payment_method .method_list .simple_method .simple_box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
#order.order_new .payment_method .method_list .reg_card {
  position: relative;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper {
  padding: 40px 50px 0 50px;
  font-size: 0;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .swiper-slide {
  width: 300px;
  height: 190px;
  background: transparent;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .item-card .c-paytype {
  opacity: 0;
  visibility: hidden;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .item-card, #order.order_new .payment_method .method_list .reg_card .regCardSwiper .swiper-slide:not(.swiper-slide-active) .btn_reg {
  -webkit-transform: scale(0.86);
      -ms-transform: scale(0.86);
          transform: scale(0.86);
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card, #order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-number {
  position: absolute;
  left: 25px;
  top: 52px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  pointer-events: none;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-paytype {
  position: absolute;
  left: 25px;
  right: 25px;
  bottom: 25px;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-paytype select {
  width: 100%;
  height: 37px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #777;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  padding: 0 45px 0 13px;
  background: #fff url("/assets/web/img/order/ic_pay_select.png") 100% 50%/29px 9px no-repeat;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 35px;
  height: 35px;
  line-height: 500px;
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite:before, #order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 25px;
  height: 23px;
  margin: -12px 0 0 -12px;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite:before {
  opacity: 1;
  visibility: visible;
  background: url("/assets/web/img/order/ic_pay_favorite.png") 50% 50%/contain no-repeat;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite:after {
  opacity: 0;
  visibility: hidden;
  background: url("/assets/web/img/order/ic_pay_favorite_on.png") 50% 50%/contain no-repeat;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite.on:before {
  opacity: 0;
  visibility: hidden;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .item-card .c-favorite.on:after {
  opacity: 1;
  visibility: visible;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fffafa;
  border: dashed 2px #ddd;
  border-radius: 10px;
  overflow: hidden;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg > span {
  position: relative;
  padding-top: 44px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg > span:before, #order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg > span:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  width: 30px;
  height: 3px;
  margin-left: -15px;
  background: #000;
  border-radius: 3px;
}
#order.order_new .payment_method .method_list .reg_card .regCardSwiper .btn_reg > span:after {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  height: 190px;
  z-index: 11;
  pointer-events: none;
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-prev, #order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-next {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 100%;
  margin: 0;
  background: #fff;
  outline-style: none;
  pointer-events: auto;
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-prev:after, #order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 19px;
  height: 35px;
  margin-top: -17px;
  background: url("/assets/web/img/common/ic_arrow_7.png") 50% 50%/contain no-repeat;
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-prev {
  left: 0;
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-prev:after {
  left: 50%;
  margin-left: -10px;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-next {
  right: 0;
}
#order.order_new .payment_method .method_list .reg_card .swiper_btn_wrapper .swiper-button-next:after {
  right: 50%;
  margin-right: -10px;
}
#order.order_new .payment_method .method_list .reg_card .swiper-pagination {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 0;
}
#order.order_new .payment_method .method_list .reg_card .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
  width: 10px;
  height: 10px;
}
#order.order_new .payment_method .method_list .payment_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  margin: 0;
  width: 100%;
}
#order.order_new .payment_method .method_list .payment_list li {
  padding: 0;
  height: 62px;
  width: 50%;
}
#order.order_new .payment_method .method_list .payment_list li .radio_ui.type_box label {
  height: 62px;
}
#order.order_new .payment_method .method_list .payment_list li .radio_ui.type_box label span {
  line-height: 62px;
}
#order.order_new .payment_method .method_list .cash_receipt_method {
  margin-top: 20px;
}
#order.order_new .payment_method .method_list .cash_receipt_method .bg {
  display: none;
  margin-top: 8px;
}
#order.order_new .payment_method .method_list .cash_receipt_method:has(.cash_receipt input:checked) .bg, #order.order_new .payment_method .method_list .cash_receipt_method:has(input[id=cash_receipt]:checked) .bg {
  display: block;
}
#order.order_new .payment_method .gift_method .bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 8px;
  margin-top: 20px;
}
#order.order_new .payment_method .gift_method .bg button {
  margin-left: auto;
}
#order.order_new .payment_method .mobile_voucher {
  width: 100%;
}
#order.order_new .payment_method .mobile_voucher li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
#order.order_new .payment_method .mobile_voucher li:not(:first-child) {
  margin-top: 12px;
}
#order.order_new .payment_method .mobile_voucher li .voucher_tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#order.order_new .payment_method .mobile_voucher li button {
  margin-left: auto;
}
#order.order_new .billing_amount .line_top {
  overflow: hidden;
  padding: 36px 40px;
}
#order.order_new .list_price .set_reciept .checkbox_ui.type1 label span {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 18px;
}
#order.order_new .wrap_agree .chk_all {
  margin-bottom: 28px;
}
#order.order_new .wrap_agree .chk_all .checkbox_ui.type1 label span {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 20px;
}
#order.order_new .wrap_agree .agree_detail_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#order.order_new .wrap_agree .agree_detail_cont ~ .agree_detail_cont {
  margin-top: 20px;
}
#order.order_new .wrap_agree .btn_detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
}
#order.order_new .wrap_agree .btn_detail::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/assets/web/img/sign/ico_agree_arrow_gray.svg") no-repeat center/contain;
}
#order.order_new .wrap_agree .btn_detail .blind {
  display: none;
  font-size: 0 !important;
  line-height: 0 !important;
}
#order.order_new .wrap_agree .privacy_agree_table {
  display: none;
  margin-top: 12px;
}

/* 주소설정 */
.pop_addr_setting .wrap_input_search {
  padding-top: 11px;
}
.pop_addr_setting .find_location {
  position: relative;
  display: inline-block;
  padding-left: 33px;
  margin: 18px 0 55px;
}
.pop_addr_setting .find_location:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url("/assets/web/img/common/ic_location1.png") no-repeat center;
}
.pop_addr_setting .find_location span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.pop_addr_setting .recently ul {
  margin-top: 30px;
}
.pop_addr_setting .recently li {
  position: relative;
  padding-right: 20px;
  margin-bottom: 20px;
}
.pop_addr_setting .recently li:last-child {
  margin-bottom: 0;
}
.pop_addr_setting .recently li .addr {
  text-align: left;
}
.pop_addr_setting .recently li .btn_li_del {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 100%;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_close4.png") no-repeat center;
}
.pop_addr_setting .srch_result {
  margin-top: 54px;
}
.pop_addr_setting .srch_result li {
  margin-bottom: 20px;
}
.pop_addr_setting .srch_result li:last-child {
  margin-bottom: 0;
}
.pop_addr_setting .srch_result li .addr {
  text-align: left;
}
.pop_addr_setting .srch_result li .t_desc2 span {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
}
.pop_addr_setting .wrap_loc_detail .wrap_i {
  margin-top: 22px;
}
.pop_addr_setting .wrap_current_loc li {
  position: relative;
  min-height: 40px;
  padding-left: 140px;
  margin-top: 9px;
}
.pop_addr_setting .wrap_current_loc li:first-child {
  margin-top: 0;
}
.pop_addr_setting .wrap_current_loc li .lb {
  position: absolute;
  left: 0;
  top: 6px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
}
.pop_addr_setting .wrap_current_loc li .t_desc1 {
  padding-top: 5px;
}
.pop_addr_setting .wrap_map {
  position: relative;
  width: 100%;
  height: 460px;
  margin-top: 60px;
}
.pop_addr_setting .wrap_map .map_area {
  position: relative;
  width: 100%;
  height: 100%;
}
.pop_addr_setting .wrap_map .map_guide {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  text-align: center;
}
.pop_addr_setting .wrap_map .map_guide span {
  display: inline-block;
  width: auto;
  height: 60px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 60px;
  padding: 0 44px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 60px;
}
.pop_addr_setting .wrap_map .marker {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -63px;
  width: 68px;
  height: 76px;
  background: url("/assets/web/img/common/ic_marker1.png") no-repeat center;
  z-index: 1;
}
.pop_addr_setting.pop_addr_setting2 .wrap_loc_detail .wrap_i + .t_desc1 {
  margin-top: 22px;
}
.pop_addr_setting.pop_addr_setting2 .find_location {
  margin-bottom: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect0 {
  padding-top: 26px;
  padding-bottom: 1px;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_guide {
  margin-top: 20px;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_guide .txt1 {
  margin-bottom: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .list_store {
  margin-top: 60px;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store {
  min-height: auto;
  padding: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .store_inner {
  display: block;
  padding: 25px 550px 25px 200px;
  width: 100%;
  text-align: left;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .top {
  top: 24px;
  width: 150px;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .top .name {
  width: 100%;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .info address, .pop_addr_setting.pop_addr_setting2 .sect0 .box_store .info p {
  margin-bottom: 0;
  margin-top: 8px;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .info address:first-child, .pop_addr_setting.pop_addr_setting2 .sect0 .box_store .info p:first-child {
  margin-top: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .icons {
  width: auto;
}
.pop_addr_setting.pop_addr_setting2 .sect0 .box_store .icons.typedel {
  right: 90px;
}
.pop_addr_setting.pop_addr_setting2 .sect2 {
  margin-top: 55px;
}
.pop_addr_setting.pop_addr_setting2 .sect2 .srch_result {
  margin-top: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect2 .store_list {
  margin-top: 17px;
  padding-bottom: 10px;
}
.pop_addr_setting.pop_addr_setting2 .sect2 .store_list li {
  margin-bottom: 20px;
}
.pop_addr_setting.pop_addr_setting2 .sect2 .box_store2 {
  display: block;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
.pop_addr_setting.pop_addr_setting2 .sect2 .box_store2 .tag {
  margin-bottom: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .pop_layout {
  margin-top: 18px;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .find_location {
  margin-bottom: 22px;
  margin-top: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .wrap_loc_detail {
  margin-bottom: 60px;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .wrap_loc_detail .mgt0 {
  margin-top: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .wrap_map {
  margin-top: 0;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .wrap_store {
  margin-top: 55px;
}
.pop_addr_setting.pop_addr_setting2 .sect4 .list_store {
  margin-top: 17px;
}
.pop_addr_setting .address_area {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1120px;
}
.pop_addr_setting .address_area .address_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 0 8px;
  width: 100%;
}
.pop_addr_setting .address_area .address_txt .text {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 51px;
  color: #444444;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  text-align: center;
}
.pop_addr_setting .address_area .address_txt .label_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
  padding: 0 6px;
  height: 22.8px;
  border: 1px solid #000;
  border-radius: 10px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 16px;
  line-height: 20.8px;
}
.pop_addr_setting:has(.address_area) .pop_wrap.hasTab {
  padding-top: 209px;
}
.pop_addr_setting:has(.address_area) .pop_tabmenu {
  padding-top: 0 !important;
  background-color: #fff;
}
.pop_addr_setting:has(.address_area) .pop_tabmenu .tab_ui.tab_type1 {
  padding: 0;
}
.pop_addr_setting:has(.address_area) .pop_tabmenu .tab_ui.tab_type1::before {
  display: none;
}
.pop_addr_setting:has(.address_area) .pop_tabmenu .tab_ui.tab_type1 .tab a {
  height: 50px;
  background-color: #fff;
  line-height: 50px;
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 22px;
}
.pop_addr_setting:has(.address_area) .pop_tabmenu .tab_ui.tab_type1 .tab a.active {
  background-color: #DA1A32;
  color: #fff;
}

/* 포장매장선택 */
.pop_pickup_store .list_store li:last-child a {
  margin-bottom: 0;
}
.pop_pickup_store .list_store li:nth-child(3) {
  margin-bottom: 1px;
}
.pop_pickup_store .wrap_paging {
  margin-top: 28px;
}
.pop_pickup_store .sect_around .s_tit {
  padding-top: 35px;
  margin-bottom: 17px;
}
.pop_pickup_store .sect_search {
  min-height: 314px;
  padding-bottom: 25px;
}
.pop_pickup_store .sect_search .wrap_input_search {
  padding-top: 30px;
}
.pop_pickup_store .sect_search .s_tit {
  margin: 54px 0 17px;
}
.pop_pickup_store .sect_search .list li {
  margin-top: 20px;
}
.pop_pickup_store .sect_search .list li:first-child {
  margin-top: 0;
}
.pop_pickup_store .sect_search .box_store {
  margin-bottom: 0;
}

/* 휴대폰 번호 입력 */
.pop_phone_input .s_tit {
  padding-top: 11px;
  margin-bottom: 22px;
}

/* 현대카드 정보 입력 */
.pop_hdcard_info .card_info .s_tit {
  padding-top: 10px;
  margin-bottom: 12px;
}
.pop_hdcard_info .card_info .wrap_input_expdate {
  margin-top: 27px;
}
.pop_hdcard_info .card_info .btn_lookup {
  margin-top: 38px;
}
.pop_hdcard_info .apply_menu .s_tit {
  margin: 55px 0 10px;
}
.pop_hdcard_info .apply_menu .discount_menu {
  display: block;
  width: 100%;
  background: #f7f7f7;
  padding: 25px 20px;
  margin-top: 20px;
}
.pop_hdcard_info .apply_menu .discount_menu li {
  position: relative;
  padding-right: 100px;
  margin-top: 5px;
}
.pop_hdcard_info .apply_menu .discount_menu li:first-child {
  margin-top: 0;
}
.pop_hdcard_info .apply_menu .discount_menu .price {
  position: absolute;
  right: 0;
  top: 0;
}

/* 통신사 정보 입력 */
.pop_carrier_info .membership, .pop_tday .membership {
  padding-top: 27px;
}
.pop_carrier_info .membership .birth, .pop_tday .membership .birth {
  margin-top: 27px;
}
.pop_carrier_info .membership .btn_lookup, .pop_tday .membership .btn_lookup {
  margin-top: 40px;
}
.pop_carrier_info .membership .benefit, .pop_tday .membership .benefit {
  margin-top: 50px;
}
.pop_carrier_info .membership .benefit ul li, .pop_tday .membership .benefit ul li {
  float: left;
  width: 50%;
}
.pop_carrier_info .membership .benefit ul li .rate, .pop_tday .membership .benefit ul li .rate {
  display: inline-block;
  margin-left: 10px;
}
.pop_carrier_info .membership .use_mp_point .s_tit, .pop_tday .membership .use_mp_point .s_tit {
  margin: 35px 0 17px;
}
.pop_carrier_info .membership .use_mp_point .usable, .pop_tday .membership .use_mp_point .usable {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.pop_carrier_info .membership .use_mp_point .usable em, .pop_tday .membership .use_mp_point .usable em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  margin-left: 10px;
}
.pop_carrier_info .membership .apply_menu .s_tit, .pop_tday .membership .apply_menu .s_tit {
  margin: 55px 0 17px;
}
.pop_carrier_info .membership .apply_menu .discount_menu, .pop_tday .membership .apply_menu .discount_menu {
  display: block;
  width: 100%;
  background: #f7f7f7;
  padding: 25px 20px;
  margin-top: 20px;
}
.pop_carrier_info .membership .apply_menu .discount_menu li, .pop_tday .membership .apply_menu .discount_menu li {
  position: relative;
  padding-right: 100px;
  margin-top: 5px;
}
.pop_carrier_info .membership .apply_menu .discount_menu li:first-child, .pop_tday .membership .apply_menu .discount_menu li:first-child {
  margin-top: 0;
}
.pop_carrier_info .membership .apply_menu .discount_menu .price, .pop_tday .membership .apply_menu .discount_menu .price {
  position: absolute;
  right: 0;
  top: 0;
}

/* SKT포인트 */
.pop_skt_point .membership {
  padding-top: 27px;
}
.pop_skt_point .membership .birth {
  margin-top: 27px;
}
.pop_skt_point .membership .btn_lookup {
  margin-top: 40px;
}
.pop_skt_point .membership .benefit {
  margin-top: 50px;
}
.pop_skt_point .membership .benefit ul li {
  float: left;
  width: 50%;
}
.pop_skt_point .membership .benefit ul li .rate {
  display: inline-block;
  margin-left: 10px;
}
.pop_skt_point .membership .use_mp_point .s_tit {
  margin: 35px 0 17px;
}
.pop_skt_point .membership .use_mp_point .usable {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.pop_skt_point .membership .use_mp_point .usable em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  margin-left: 10px;
}
.pop_skt_point .membership .apply_menu .s_tit {
  margin: 55px 0 17px;
}
.pop_skt_point .membership .apply_menu .discount_menu {
  display: block;
  width: 100%;
  background: #f7f7f7;
  padding: 25px 20px;
  margin-top: 20px;
}
.pop_skt_point .membership .apply_menu .discount_menu li {
  position: relative;
  padding-right: 100px;
  margin-top: 5px;
}
.pop_skt_point .membership .apply_menu .discount_menu li:first-child {
  margin-top: 0;
}
.pop_skt_point .membership .apply_menu .discount_menu .price {
  position: absolute;
  right: 0;
  top: 0;
}

/* OK캐시백 정보 입력 */
.pop_cashback_info .btn_lookup {
  margin-top: 40px;
}
.pop_cashback_info .card_info .s_tit {
  padding-top: 10px;
  margin-bottom: 12px;
}
.pop_cashback_info .hd_card, .pop_cashback_info .discount {
  padding-top: 27px;
}
.pop_cashback_info .hd_card .password, .pop_cashback_info .discount .password {
  margin-top: 27px;
}
.pop_cashback_info .hd_card .apply_menu .s_tit, .pop_cashback_info .discount .apply_menu .s_tit {
  margin: 55px 0 17px;
}
.pop_cashback_info .hd_card .apply_menu .discount_menu, .pop_cashback_info .discount .apply_menu .discount_menu {
  display: block;
  width: 100%;
  background: #f7f7f7;
  padding: 25px 20px;
  margin-top: 20px;
}
.pop_cashback_info .hd_card .apply_menu .discount_menu li, .pop_cashback_info .discount .apply_menu .discount_menu li {
  position: relative;
  padding-right: 100px;
  margin-top: 5px;
}
.pop_cashback_info .hd_card .apply_menu .discount_menu li:first-child, .pop_cashback_info .discount .apply_menu .discount_menu li:first-child {
  margin-top: 0;
}
.pop_cashback_info .hd_card .apply_menu .discount_menu .price, .pop_cashback_info .discount .apply_menu .discount_menu .price {
  position: absolute;
  right: 0;
  top: 0;
}
.pop_cashback_info .save {
  padding-top: 27px;
}

/* 쿠폰 선택 */
.pop_coupon_choice .top_promotion {
  margin-top: 30px;
}
.pop_coupon_choice .possession {
  padding-top: 35px;
}
.pop_coupon_choice .possession .checkbox_ui {
  margin-bottom: 20px;
}
.pop_coupon_choice .register {
  padding-top: 35px;
}
.pop_coupon_choice .register .s_tit {
  margin-bottom: 13px;
}
.pop_coupon_choice .register .box_coupon {
  margin-top: 57px;
}
.pop_coupon_choice .download {
  padding-top: 40px;
}
.pop_coupon_choice .howto {
  padding-top: 40px;
}
.pop_coupon_choice .howto .wrap_step {
  margin-bottom: 40px;
}
.pop_coupon_choice .howto .wrap_step:last-child {
  margin-bottom: 0;
}
.pop_coupon_choice .howto .wrap_step .st_num {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DA1A32;
  margin-bottom: 9px;
}
.pop_coupon_choice .howto .wrap_step .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* 쿠폰 선택 (비회원) */
.pop_guest_coupon .register {
  padding-top: 40px;
}
.pop_guest_coupon .register .s_tit {
  margin-bottom: 13px;
}
.pop_guest_coupon .register .box_coupon {
  margin-top: 57px;
}
.pop_guest_coupon .howto {
  padding-top: 40px;
}
.pop_guest_coupon .howto .wrap_step {
  margin-bottom: 40px;
}
.pop_guest_coupon .howto .wrap_step:last-child {
  margin-bottom: 0;
}
.pop_guest_coupon .howto .wrap_step .st_num {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DA1A32;
  margin-bottom: 9px;
}
.pop_guest_coupon .howto .wrap_step .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 20px;
}

/* 디지털금액권 선택 */
.popup.pop_gifticon_choice .pop_wrap.hasTab {
  padding-top: 200px;
}

.pop_gifticon_choice .possession {
  padding-top: 40px;
}
.pop_gifticon_choice .possession .gifticon_info {
  padding-left: 100px;
  margin-bottom: 20px;
}
.pop_gifticon_choice .possession .gifticon_info li {
  position: relative;
  text-align: left;
  padding-left: 100px;
  margin-bottom: 10px;
}
.pop_gifticon_choice .possession .gifticon_info li .field {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_gifticon_choice .possession .gifticon_info li .con {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_choice .lookup {
  padding-top: 48px;
}
.pop_gifticon_choice .lookup .pin_num {
  margin-top: 27px;
}
.pop_gifticon_choice .lookup .btn_lookup {
  margin-top: 36px;
}
.pop_gifticon_choice .lookup .wrap_gifticon {
  margin-top: 48px;
}
.pop_gifticon_choice .lookup .wrap_gifticon .gifticon_info {
  padding-left: 100px;
  margin-bottom: 20px;
}
.pop_gifticon_choice .lookup .wrap_gifticon .gifticon_info li {
  position: relative;
  text-align: left;
  padding-left: 100px;
  margin-bottom: 10px;
}
.pop_gifticon_choice .lookup .wrap_gifticon .gifticon_info li .field {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_gifticon_choice .lookup .wrap_gifticon .gifticon_info li .con {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_choice .shinsegae {
  padding-top: 40px;
}
.pop_gifticon_choice .shinsegae .group {
  padding-bottom: 20px;
}
.pop_gifticon_choice .shinsegae .group + .group {
  margin-top: 20px;
}
.pop_gifticon_choice .shinsegae .group ul {
  margin-bottom: 26px;
  margin-top: 10px;
}
.pop_gifticon_choice .shinsegae .group ul li {
  position: relative;
  height: 40px;
  padding: 7px 110px 0 0;
  margin-bottom: 20px;
}
.pop_gifticon_choice .shinsegae .group ul li .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_choice .shinsegae .group ul li .btn_order_count2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 105px;
}
.pop_gifticon_choice .shinsegae .total {
  position: relative;
  padding-right: 110px;
}
.pop_gifticon_choice .shinsegae .total .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_choice .shinsegae .total .total_price {
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_choice .myecoupon {
  padding-top: 40px;
}
.pop_gifticon_choice .myecoupon .checkbox_ui {
  width: 100%;
}
.pop_gifticon_choice .myecoupon .checkbox_ui + .checkbox_ui {
  margin-top: 14px;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label {
  position: relative;
  width: 100%;
  min-height: 160px;
  padding: 20px 0 20px 64px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label .cbx_bg, .pop_gifticon_choice .myecoupon .checkbox_ui label .cbx_off {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -12px;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label .cbx_bg span, .pop_gifticon_choice .myecoupon .checkbox_ui label .cbx_off span {
  top: 0;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label figure {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label .con {
  position: absolute;
  left: 204px;
  top: 50%;
  right: 20px;
  bottom: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 26px;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label .con .tit-item {
  font-size: 18px;
  word-break: break-all;
}
.pop_gifticon_choice .myecoupon .checkbox_ui label .con .tit-price {
  right: 20px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  margin-top: 10px;
}
.pop_gifticon_choice .myecoupon .checkbox_ui.soldout label {
  pointer-events: none;
}
.pop_gifticon_choice .myecoupon .checkbox_ui.soldout label:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  border-radius: 16px;
  opacity: 80%;
  z-index: 1;
}
.pop_gifticon_choice .myecoupon .checkbox_ui.soldout label:after {
  content: "";
  position: absolute;
  left: 52px;
  top: 50%;
  width: 140px;
  height: 140px;
  background: url("/assets/web/img/e_coupon/ic_radioin_soldout.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

/* 지류상품권 선택 */
.pop_giftcard_choice .s_tit1 {
  padding-top: 11px;
  margin-bottom: 36px;
}
.pop_giftcard_choice .s_tit2 {
  margin: 55px 0 33px;
}
.pop_giftcard_choice .gap_border1 {
  padding-bottom: 56px;
}
.pop_giftcard_choice .group ul {
  margin-bottom: 26px;
}
.pop_giftcard_choice .group ul li {
  position: relative;
  height: 40px;
  padding: 7px 110px 0 0;
  margin-bottom: 20px;
}
.pop_giftcard_choice .group ul li .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_giftcard_choice .group ul li .btn_order_count2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 105px;
}
.pop_giftcard_choice .total {
  position: relative;
  padding-right: 110px;
}
.pop_giftcard_choice .total .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_giftcard_choice .total .total_price {
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}

/* 차량 정보 입력 */
.pop_car_info .s_tit {
  padding-top: 11px;
  margin-bottom: 13px;
}
.pop_car_info .box_guide {
  margin-top: 50px;
}

/* 예약시간선택 */
.pop_reserve_time .pop_body .s_tit {
  margin-bottom: 20px;
}
.pop_reserve_time .pop_body .sstit {
  font-size: 18px;
  line-height: 2.22;
}
.pop_reserve_time .pop_body .select_time {
  margin-top: 4px;
}
.pop_reserve_time .pop_body .time_wrap {
  margin-top: 13px;
}
.pop_reserve_time .pop_body .time_wrap dt {
  display: block;
  margin-bottom: -3px;
  font-size: 16px;
  line-height: 2.5;
}
.pop_reserve_time .pop_body .time_wrap dd {
  font-size: 0;
  margin: 0 -4px;
}
.pop_reserve_time .pop_body .time_wrap dd > span {
  display: inline-block;
  width: 88px;
  padding: 5px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop_reserve_time .pop_body .time_wrap dd input[type=radio] {
  position: absolute;
  opacity: 0;
}
.pop_reserve_time .pop_body .time_wrap dd input[type=radio] + label {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  background-color: #f7f7f7;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.pop_reserve_time .pop_body .time_wrap dd input[type=radio]:checked + label {
  background-color: #de4b50;
  color: #fff;
}
.pop_reserve_time .pop_body .time_wrap dd input[type=radio][disabled] + label {
  background-color: #eee;
  color: #cfcfcf;
  pointer-events: none;
}

/* 음료 쿠폰 팝업 */
.pop_coupon_side .pop_layout {
  padding-bottom: 0 !important;
}
.pop_coupon_side .pop_body #menu .wrap_sideList {
  margin-bottom: 0;
}
.pop_coupon_side .pop_body #menu .wrap_sideList ul li {
  width: 50%;
  height: auto;
  padding: 20px 20px 20px 20px;
  margin-right: 0;
  border-radius: 15px;
}
.pop_coupon_side .pop_body #menu .wrap_sideList ul li .inner {
  width: 100%;
  height: auto;
}
.pop_coupon_side .pop_body #menu .wrap_sideList ul li .inner a {
  display: block;
}
.pop_coupon_side .pop_body #menu .wrap_sideList ul li .inner figure {
  width: 100%;
  height: auto;
  padding-top: 100%;
}
.pop_coupon_side .pop_body #menu .wrap_sideList ul li:hover {
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}

/* 발열패키지 신청 팝업 */
.pop_fever_package .pop_layout {
  padding-bottom: 0 !important;
}
.pop_fever_package .pop_body .img {
  text-align: center;
}
.pop_fever_package .pop_body .img img {
  display: inline;
}
.pop_fever_package .pop_body .txt1 {
  text-align: center;
  padding-bottom: 20px;
}
.pop_fever_package .pop_body .count {
  text-align: center;
  padding-bottom: 15px;
}
.pop_fever_package .pop_body .count .input {
  display: inline-block;
  width: 80px;
  vertical-align: middle;
}
.pop_fever_package .pop_body .count .unit {
  display: inline-block;
  vertical-align: middle;
}
.pop_fever_package .pop_body .price {
  text-align: center;
  padding-bottom: 40px;
}
.pop_fever_package .pop_body .price span {
  display: inline-block;
  vertical-align: middle;
}
.pop_fever_package .pop_body .price .arr {
  margin: 0 5px;
}
.pop_fever_package .pop_body .price .dc, .pop_fever_package .pop_body .price .dc em {
  text-decoration: line-through;
  color: #bbb;
}

/* 간편결제 사용안내 팝업 */
.pop_convenience_guide .top_tit {
  padding-left: 15px;
  margin-bottom: 20px;
}
.pop_convenience_guide .list_step .st_num,
.pop_convenience_guide .list_step .desc {
  padding-left: 15px;
}
.pop_convenience_guide .list_step .desc {
  height: 70px !important;
}
.pop_convenience_guide .list_step figure img {
  width: 100%;
}

/* 제휴포인트 팝업 */
.pop_partner_point .point_info .s_tit {
  padding-top: 10px;
  margin-bottom: 12px;
}
.pop_partner_point .point_info .search_input .card_pw {
  margin-top: 27px;
}
.pop_partner_point .point_info .search_input .btn_lookup {
  margin-top: 38px;
}
.pop_partner_point .point_info .search_input .btn_find_pw {
  margin-top: 30px;
}
.pop_partner_point .point_info .search_result .detail1 {
  padding-bottom: 30px;
}
.pop_partner_point .point_info .search_result .detail_info {
  margin-top: 25px;
}
.pop_partner_point .point_info .search_result .detail_info > li {
  position: relative;
  padding-left: 140px;
  margin-bottom: 15px;
}
.pop_partner_point .point_info .search_result .detail_info > li:last-child {
  margin-bottom: 0;
}
.pop_partner_point .point_info .search_result .detail_info > li .lb {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_partner_point .point_info .search_result .detail_info > li .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_partner_point .point_info .search_result .check_use .checkbox_ui {
  margin-top: 15px;
  margin-bottom: 50px;
}
.pop_partner_point .point_info .search_result .check_agree .box_guide {
  margin-top: 20px;
}

/* 예약주문설정 */
.pop_reserve_set .pop_body .s_tit {
  margin-bottom: 20px;
}
.pop_reserve_set .pop_body .reservation_time {
  position: relative;
  padding: 0 0 20px 80px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  cursor: pointer;
}
.pop_reserve_set .pop_body .reservation_time .status {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.pop_reserve_set .pop_body .reservation_time:after {
  content: "";
  display: block;
  width: 7px;
  height: 6px;
  background: url("/assets/web/img/common/ic_arrow1.png") no-repeat;
  position: absolute;
  right: 0px;
  top: 12px;
  z-index: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.pop_reserve_set .pop_body .reservation_time.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pop_reserve_set .pop_body .select_time_wrapper {
  display: none;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_day {
  margin-bottom: 30px;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_day .btn_day {
  margin-right: 7px;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_day .btn_day.selected span {
  color: #DA1A32;
  border: 1px solid #DA1A32;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_time .date {
  float: left;
  padding-top: 5px;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_time .time {
  float: right;
  width: 340px;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_time .time .select_ui_type1 {
  width: 160px;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_time .time .select_ui_type1.hour {
  float: left;
}
.pop_reserve_set .pop_body .select_time_wrapper .select_time .time .select_ui_type1.minute {
  float: right;
}

.pop_dipping_cup .pop_wrap {
  width: 420px;
}
.pop_dipping_cup .pop_wrap .pop_layout {
  padding: 0 30px 30px !important;
}

.pop_marketing_agree .pop_wrap .pop_head {
  display: none;
  height: 30px;
}
.pop_marketing_agree .pop_wrap.hasFoot {
  padding: 0 0 77px;
  width: 510px;
  border-radius: 0;
}
.pop_marketing_agree .pop_wrap.hasFoot .pop_layout {
  padding: 0;
}
.pop_marketing_agree .pop_foot {
  gap: 0 6px;
  padding: 0 15px 8px;
}
.pop_marketing_agree .pop_foot a, .pop_marketing_agree .pop_foot button {
  height: 60px;
}
.pop_marketing_agree .pop_foot button > span {
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 28px;
  line-height: 60px;
}
.pop_marketing_agree .pop_foot .btn_typeB2 span {
  background-color: #818181;
}
.pop_marketing_agree .pop_foot .btn_typeB5 span {
  background-color: #0a8020;
}
.pop_marketing_agree .pop_foot .btn_typeB5:only-child {
  margin: 0 90px;
}
.pop_marketing_agree .pop_foot .small {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 35.8%;
}
.pop_marketing_agree.water_bomb .pop_wrap.hasFoot {
  padding-bottom: 140px;
}
.pop_marketing_agree.water_bomb .pop_wrap.hasFoot .pop_head {
  height: 0;
}
.pop_marketing_agree.water_bomb .pop_body {
  border-radius: 0;
}
.pop_marketing_agree.water_bomb .pop_foot {
  padding: 40px 10px;
}
.pop_marketing_agree.water_bomb .marketing_agree_wrap .agree_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 55%;
  width: 70%;
  height: 43%;
}
.pop_marketing_agree.water_bomb .marketing_agree_wrap .agree_wrap .chk {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 0;
  padding: 0;
  width: 100%;
}
.pop_marketing_agree.water_bomb .marketing_agree_wrap .agree_wrap .chk .checkbox_ui.type1 {
  position: relative;
  margin: 0 auto;
}
.pop_marketing_agree.water_bomb .marketing_agree_wrap .agree_wrap .chk .checkbox_ui.type1 label {
  position: absolute;
  top: 83%;
  padding-left: 0;
  margin-left: -10px;
}
.pop_marketing_agree.water_bomb .marketing_agree_wrap .agree_wrap .chk .txt {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.marketing_agree_wrap {
  position: relative;
}
.marketing_agree_wrap .agree_wrap {
  position: absolute;
  top: 310px;
  left: 15%;
  right: 10%;
}
.marketing_agree_wrap .agree_wrap .checkbox_ui.type1 label {
  padding-left: 30px;
}
.marketing_agree_wrap .agree_wrap .chk_all .txt {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  line-height: 140%;
}
.marketing_agree_wrap .agree_wrap .chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
  margin-top: 20px;
}
.marketing_agree_wrap .agree_wrap .chk .txt {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 22px;
}

#sign {
  padding-top: 170px;
}
#sign .pageTitle {
  margin-bottom: 0;
}
#sign .top_txt {
  text-align: center;
  margin-top: 19px;
}
#sign .top_txt .t_desc1 {
  margin-top: 13px;
}
#sign .item {
  margin-top: 24px;
}
#sign .item.no_mt {
  margin-top: 0;
}
#sign .t_tit3 {
  margin-bottom: 12px;
}
#sign .t_tit3 .thin {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
#sign .t_tit3 + .txt_bg_area {
  margin-top: 28px;
}
#sign .txt_bg_area {
  text-align: center;
  background: #f7f7f7;
  padding: 24px 0 30px;
}
#sign .tac.desc {
  margin-top: 34px;
}
#sign .tac.desc p {
  line-height: 1.56;
}
#sign .sign_in .top_txt {
  margin-bottom: 45px;
}
#sign .sign_in .auto_login_chk {
  margin-top: 13px;
}
#sign .sign_in .btn_login {
  margin-top: 40px;
}
#sign .sign_in .sign_menu {
  margin-top: 25px;
  text-align: center;
}
#sign .sign_in .sign_menu li {
  position: relative;
  float: left;
  width: auto;
  padding-left: 18px;
  margin-left: 16px;
}
#sign .sign_in .sign_menu li:first-child {
  padding-left: 0;
  margin-left: 0;
}
#sign .sign_in .sign_menu li:first-child:before {
  display: none;
}
#sign .sign_in .sign_menu li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 2px;
  height: 16px;
  background: #eee;
}
#sign .sign_in .sign_menu li a {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.5px;
}
#sign .sign_in .social_login {
  margin-top: 50px;
}
#sign .sign_in .social_login .btns a {
  position: relative;
  margin-top: 20px;
}
#sign .sign_in .social_login .btns a:first-child {
  margin-top: 16px;
}
#sign .sign_in .social_login .btns i {
  display: inline-block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  margin-right: 8px;
}
#sign .sign_in .social_login .btns i.naver {
  width: 86px;
  height: 16px;
  background-image: url("/assets/web/img/sign/logo_naver.png");
}
#sign .sign_in .social_login .btns i.kakao {
  width: 53px;
  height: 16px;
  background-image: url("/assets/web/img/sign/logo_kakao.png");
}
#sign .sign_in .social_login .btns .tooltip {
  content: "";
  position: absolute;
  right: 50px;
  top: -15px;
  display: block;
  width: 115px;
  height: 45px;
  background: url("/assets/web/img/sign/tooltip_kakao_pc.png") 0 0 no-repeat;
}
#sign .dormant .top_txt {
  margin-bottom: 50px;
}
#sign .dormant .desc {
  margin-bottom: 57px;
}
#sign .guest_check .btn_typeB1 {
  margin-top: 57px;
}
#sign .find_id .step1 .btn_typeB1 {
  margin-top: 57px;
}
#sign .find_id .step2 .top_txt {
  margin-bottom: 45px;
}
#sign .find_id .step2 .btn_ac {
  margin-top: 57px;
}
#sign .reset_pwd .step1 .btn_typeB1 {
  margin-top: 57px;
}
#sign .reset_pwd .step2 .top_txt {
  margin-bottom: 45px;
}
#sign .reset_pwd .step2 .new_pwd .pwd_chk {
  margin-top: 16px;
}
#sign .reset_pwd .step2 .btn_typeB1 {
  margin-top: 57px;
}
#sign .reset_pwd .step3 .btn_typeB1 {
  margin-top: 55px;
}
#sign .sign_up .tbl_type2 {
  margin-top: 28px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}
#sign .sign_up .pwd .pwd_chk {
  margin-top: 16px;
}
#sign .sign_up .cert_phone .t_tit3 {
  margin-bottom: 18px;
}
#sign .sign_up .wrap_cert {
  margin-top: 24px;
}
#sign .sign_up .wrap_cert .chk {
  margin-top: 10px;
  display: inline-block;
  margin-right: 40px;
}
#sign .sign_up .wrap_cert .with_detail .btn_detail {
  display: inline-block;
  margin-left: 13px;
  vertical-align: middle;
}
#sign .sign_up .wrap_cert .txt_bg_area {
  margin-top: 28px;
}
#sign .sign_up .privacy {
  margin-top: 22px;
}
#sign .sign_up .privacy .wrap_radio .radio_ui {
  margin-bottom: 15px;
}
#sign .sign_up .privacy .wrap_radio .radio_ui:last-child {
  margin-right: 0;
}
#sign .sign_up .btn_typeB1 {
  margin-top: 57px;
}
#sign .sign_up .privacy_summary {
  margin-top: 28px;
  padding-bottom: 20px;
  border-top: 1px solid #ddd;
}
#sign .sign_up .privacy_summary table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
#sign .sign_up .privacy_summary table th, #sign .sign_up .privacy_summary table td {
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.5;
}
#sign .sign_up .privacy_summary table th {
  width: 100px;
  background-color: #eee;
  font-weight: 800;
  padding: 0 10px;
  vertical-align: middle;
}
#sign .sign_up .privacy_summary table td {
  padding: 20px 17px 20px 19px;
}
#sign .sign_up .item.reciept {
  margin-top: 58px;
}
#sign .sign_up .recommshop {
  margin-top: 58px;
}
#sign .sign_up .recommshop .cmt_guide3 {
  margin-top: 16px;
}
#sign .sign_up .recommshop .recommshop_result {
  margin-top: 30px;
}
#sign .sign_up .recommshop .recommshop_result .t_result {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
#sign .sign_up .recommshop .recommshop_result .t_result strong {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
}
#sign .sign_up .recommshop .recommshop_result .items-shop {
  margin-top: 16px;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop {
  position: relative;
  display: block;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop + .item-shop {
  margin-top: 20px;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=radio], #sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=radio] + label, #sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=checkbox] + label {
  display: block;
  border: 1px solid #ddd;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  padding: 23px 30px;
  line-height: 1.44;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=radio] + label .s_name, #sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=checkbox] + label .s_name {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=radio] + label .s_address, #sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=checkbox] + label .s_address {
  display: block;
  margin-top: 8px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
#sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=radio]:checked + label, #sign .sign_up .recommshop .recommshop_result .items-shop .item-shop input[type=checkbox]:checked + label {
  border-color: #da1a32;
}
#sign .sign_up_complete .top_txt .t_tit4 {
  font-weight: 200;
}
#sign .sign_up_complete .top_txt .id {
  color: #678AC5;
  text-decoration: underline;
}
#sign .sign_up_complete .sign_up_coupon {
  margin-top: 60px;
}
#sign .sign_up_complete .sign_up_coupon .box_coupon {
  margin-bottom: 16px;
}
#sign .sign_up_complete .btn_typeB1 {
  margin-top: 57px;
}
#sign .gateway .top_txt {
  margin-top: 20px;
  margin-bottom: 46px;
}
#sign .gateway .top_txt .t_tit4 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  line-height: 54px;
}
#sign .gateway .top_txt .t_tit4 .point_color {
  color: #c8102e;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 40px;
}
#sign .gateway .top_txt .t_desc1 {
  margin-top: 14px;
}
#sign .gateway .btn_login {
  margin-top: 0;
}
#sign .gateway .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sign .gateway .social_login {
  margin-top: 76px;
}
#sign .gateway .social_login .kakao_wrap .btn_kakao {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 60px;
  background-color: #FFF100;
  border-radius: 16px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
}
#sign .gateway .social_login .kakao_wrap .btn_kakao > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sign .gateway .social_login .kakao_wrap .btn_kakao .ico_kakao {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px;
  width: 26px;
  height: 25px;
  background: url("/assets/app/img/sign/ico_kakao.png") no-repeat center/contain;
}
#sign .gateway .social_login .kakao_wrap .btn_kakao .tooltip {
  position: absolute;
  top: -10px;
  right: 45px;
  width: 184px;
  height: 45px;
  background: url("/assets/app/img/sign/tooltip_kakao_message.png") no-repeat center/contain;
  font-size: 0;
  line-height: 0;
}
#sign .gateway .social_login .other_sns_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 70px;
  margin-top: 25px;
  text-align: center;
}
#sign .gateway .social_login .other_sns_wrap > a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000000;
}
#sign .gateway .social_login .other_sns_wrap .ico_naver {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: url("/assets/web/img/sign/ico_naver.png") no-repeat center/contain;
}
#sign .gateway .social_login .other_sns_wrap .ico_apple {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background: url("/assets/web/img/sign/ico_apple.png") no-repeat center/contain;
}
#sign .gateway .non_member_order {
  margin-top: 60px;
  text-align: center;
}
#sign .gateway .non_member_order .btn_non_member_order {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.5px;
}
#sign .sign_in.login {
  padding-bottom: 76px;
}
#sign .sign_in.login .w520 {
  margin-top: 28px;
}
#sign .sign_in.login .sign_menu .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.login_search_wrap {
  margin: 0 auto;
  width: 1060px;
}
.login_search_wrap .top_txt {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 40px;
  text-align: center;
}
.login_search_wrap .top_txt .t_desc1 {
  margin-top: 14px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
.login_search_wrap .search_info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 46px;
}
.login_search_wrap .search_info_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 520px;
  height: 170px;
  background-color: #F7F7F7;
}
.login_search_wrap .search_info_list [class^=btn_] {
  margin-top: 20px;
  margin-bottom: 9px;
}
.login_search_wrap .btn_ac {
  margin-top: 56px;
}

.search_info_cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 18px 25px 18px 155px;
}
.search_info_cont [class^=ico_] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
  background-size: contain;
}
.search_info_cont [class^=ico_].ico_email {
  background-image: url("/assets/web/img/sign/ico_email_big.png");
}
.search_info_cont [class^=ico_].ico_kakao {
  background-image: url("/assets/web/img/sign/ico_kakao_big.png");
}
.search_info_cont [class^=ico_].ico_naver {
  background-image: url("/assets/web/img/sign/ico_naver_big.png");
}
.search_info_cont [class^=ico_].ico_apple {
  background-image: url("/assets/web/img/sign/ico_apple_big.png");
}
.search_info_cont .blind {
  font-size: 0;
  line-height: 0;
}
.search_info_cont .icon {
  position: absolute;
  left: 25px;
  top: calc(50% - 55px);
}
.search_info_cont .txt_wrap .mail_txt {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  line-height: 26px;
}
.search_info_cont .txt_wrap .info_txt {
  margin-top: 6px;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.search_info_cont .txt_wrap .info_txt:not(:first-child) {
  margin-top: 6px;
}
.search_info_cont .btn_pwd_reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
  padding: 5px 13px;
  background-color: #DDDDDD;
  border-radius: 15px;
}
.search_info_cont .btn_pwd_reset span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.find_infor_wrap {
  padding-bottom: 140px;
}
.find_infor_wrap .top_txt {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 40px;
  text-align: center;
}
.find_infor_wrap .top_txt .t_desc1 {
  margin-top: 14px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
.reset_pwd .find_infor_wrap .search_info_cont {
  margin-top: 46px;
  background-color: #F7F7F7;
  height: 170px;
  padding: 35px 25px 35px 155px;
}
.find_infor_wrap .item.new_pwd .wrap_i:not(:first-child) {
  margin-top: 20px;
}
.find_infor_wrap .btn_ac {
  margin-top: 56px;
}

.sign_complete .join_complete_img {
  margin-bottom: 30px;
}
.sign_complete .join_complete_img img {
  margin: 0 auto;
}
.sign_complete .coupon_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 80px;
  margin-top: 96px;
}
.sign_complete .coupon_wrap .box_coupon {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
  position: relative;
  padding: 30px 24px;
}
.sign_complete .coupon_wrap .box_coupon .img_product {
  overflow: hidden;
  width: 160px;
  height: 160px;
  border-radius: 20px;
  background-color: #F7F7F7;
}
.sign_complete .coupon_wrap .box_coupon .img_product img {
  width: 160px;
  height: 160px;
}
.sign_complete .coupon_wrap .box_coupon .txt_cont .text_red {
  margin-bottom: 10px;
  color: #C8102E;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
.sign_complete .coupon_wrap .box_coupon .txt_cont .title {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-size: 20px;
}
.sign_complete .coupon_wrap .tooltip {
  position: absolute;
  top: -50px;
  right: 0;
  width: 370px;
  height: 50px;
  background: url("/assets/web/img/sign/tooltip_first_purchase_message.png") no-repeat center/contain;
  font-size: 0;
  line-height: 0;
}
.sign_complete .btn_ac {
  margin-top: 60px;
}

#sign .sign_up .pageTitle:has(.stepper_wrap) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px !important;
}
#sign .sign_up .pageTitle:has(.stepper_wrap) .stepper_wrap {
  margin-left: auto;
}
#sign .sign_up .stepper_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 10px;
}
#sign .sign_up .stepper_wrap .tit {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li .stepper_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: #F7F7F7;
  border-radius: 24px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li.active .stepper_num {
  background-color: #C8102E;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 20px;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li.checked .stepper_num::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #E99FAB url("/assets/web/img/sign/ico_stepper_checked.svg") no-repeat center center/contain;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li:not(:first-child) {
  margin-left: 52px;
}
#sign .sign_up .stepper_wrap .stepper_cont .stepper_list li:not(:first-child)::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  left: -40px;
  top: calc(50% - 2px);
  width: 28px;
  height: 4px;
  background: url("/assets/web/img/sign/ico_stepper_icon.svg") no-repeat center center/contain;
}
#sign .sign_up .stepper_wrap .desc {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
#sign .sign_up .join_wrap {
  padding-bottom: 92px;
}
#sign .sign_up .join_wrap .input_type1:disabled {
  background-color: #F7F7F7;
  -webkit-text-fill-color: #666666;
}
#sign .sign_up .join_wrap .text_wrap .desc {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 20px;
  text-align: center;
}
#sign .sign_up .join_wrap .text_wrap .desc:not(:first-child) {
  margin-top: 8px;
}
#sign .sign_up .join_wrap ~ .btn_typeB1 {
  margin-top: 0 !important;
}
#sign .sign_up .join_wrap .wrap_cert .chk_all {
  margin-bottom: 28px;
}
#sign .sign_up .join_wrap .wrap_cert .chk_all .checkbox_ui .txt {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
}
#sign .sign_up .join_wrap .wrap_cert .with_detail {
  display: block !important;
  position: relative;
  margin-top: 24px;
}
#sign .sign_up .join_wrap .wrap_cert .with_detail .desc {
  margin-top: 8px;
  margin-left: 32px;
  color: #999999;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#sign .sign_up .join_wrap .wrap_cert .with_detail .btn_detail {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
}
#sign .sign_up .join_wrap .wrap_cert .with_detail .btn_detail::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/assets/web/img/sign/ico_agree_arrow_gray.svg") no-repeat center/contain;
}
#sign .sign_up .join_wrap .wrap_cert .with_detail .btn_detail .blind {
  display: none;
  font-size: 0 !important;
  line-height: 0 !important;
}
#sign .sign_up .join_wrap .wrap_cert .alerm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 24px;
  margin-left: 28px;
  padding: 14px 12px;
  border-radius: 10px;
  background-color: #F7F7F7;
}
#sign .sign_up .join_wrap .wrap_cert .alerm .checkbox_ui {
  width: 50%;
}
#sign .sign_up .join_wrap .wrap_cert .alerm .checkbox_ui .txt {
  color: #666666;
}
#sign .sign_up .join_wrap .wrap_input_btn .wrap_i .input_type1:disabled {
  background-color: #F7F7F7;
  color: #666666;
  -webkit-text-fill-color: #666666;
}
#sign .sign_up .join_wrap .wrap_input_btn .wrap_i.on .input_type1 {
  padding-right: 80px;
}
#sign .sign_up .join_wrap .wrap_input_btn .wrap_s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#sign .sign_up .join_wrap .wrap_input_btn .input_type1 {
  color: #444444;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
}
#sign .sign_up .join_wrap .wrap_input_btn .btn_certify {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: absolute;
  bottom: 6px;
  right: 12px;
  width: 83px;
  height: 32px;
  border: 1px solid #DDDDDD;
  border-radius: 16px;
}
#sign .sign_up .join_wrap .wrap_input_btn .btn_certify span {
  color: #777777;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#sign .sign_up .join_wrap .wrap_input_btn.email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 8px;
}
#sign .sign_up .join_wrap .wrap_input_btn.email > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_i .input_type1 {
  padding: 10px 4px;
  height: 41px;
  color: #000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_s {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-color: #fff;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_s::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 16px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: url("/assets/web/img/common/ic_select_arrow_black.svg") no-repeat center center/contain;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_s select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 30px 10px 4px;
  height: 41px;
  background-color: #fff;
  border-bottom: 1px solid #D9D9D9;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .wrap_s select:disabled {
  background-color: #F7F7F7;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .btn_certify {
  position: relative;
  right: unset;
  bottom: unset;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .btn_certify .disabled, #sign .sign_up .join_wrap .wrap_input_btn.email .btn_certify:disabled {
  background-color: #DDDDDD;
}
#sign .sign_up .join_wrap .wrap_input_btn.email .btn_certify .disabled span, #sign .sign_up .join_wrap .wrap_input_btn.email .btn_certify:disabled span {
  color: #999;
}
#sign .sign_up .sign_select {
  padding-top: 24px;
}
#sign .sign_up .sign_select .top_txt .t_desc1 {
  margin-top: 24px;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 20px;
}
#sign .sign_up .sign_select .social_login {
  margin-top: 60px;
}
#sign .sign_up .sign_select .social_login ul li:not(:first-child) {
  margin-top: 28px;
}
#sign .sign_up .sign_select .social_login .btns_wrap a,
#sign .sign_up .sign_select .social_login .btns_wrap button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
#sign .sign_up .sign_select .social_login .btns_wrap a span,
#sign .sign_up .sign_select .social_login .btns_wrap button span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8px;
  height: 100%;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
#sign .sign_up .sign_select .social_login .btns_wrap a i,
#sign .sign_up .sign_select .social_login .btns_wrap button i {
  display: inline-block;
  width: 22px;
  height: 22px;
}
#sign .sign_up .sign_select .social_login .btns_wrap a i.ico_kakao,
#sign .sign_up .sign_select .social_login .btns_wrap button i.ico_kakao {
  width: 22px;
  height: 22px;
  background-image: url("/assets/web/img/sign/logo_kakao_22.svg");
}
#sign .sign_up .sign_select .social_login .btns_wrap a i.ico_naver,
#sign .sign_up .sign_select .social_login .btns_wrap button i.ico_naver {
  width: 22px;
  height: 22px;
  background-image: url("/assets/web/img/sign/logo_naver_22.svg");
}
#sign .sign_up .sign_select .social_login .btns_wrap a i.ico_apple,
#sign .sign_up .sign_select .social_login .btns_wrap button i.ico_apple {
  width: 22px;
  height: 22px;
  background-image: url("/assets/web/img/sign/logo_apple_22.svg");
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_email,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_email {
  border: 1px solid #777777;
  background-color: #ffffff;
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_kakao,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_kakao {
  background-color: #FFF100;
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_naver,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_naver {
  background-color: #3AAB48;
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_naver span,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_naver span {
  color: #ffffff;
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_apple,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_apple {
  background-color: #000000;
}
#sign .sign_up .sign_select .social_login .btns_wrap a.btn_apple span,
#sign .sign_up .sign_select .social_login .btns_wrap button.btn_apple span {
  color: #ffffff;
}
#sign .sign_up .btnAlign.col2 .btn_typeB1 {
  margin-top: 0;
}

#my {
  padding-top: 170px;
}
#my .no_content_type1 {
  margin-top: 60px;
}
#my .top_promotion {
  margin-top: 60px;
}
#my .my_main .my_info {
  position: relative;
}
#my .my_main .my_info .hello {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 24px;
  color: #000;
  margin-bottom: 34px;
}
#my .my_main .my_info .hello em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 800;
}
#my .my_main .my_info .shortcut {
  position: absolute;
  right: 0;
  top: 0;
}
#my .my_main .my_info .shortcut li {
  float: left;
  margin-left: 10px;
}
#my .my_main .my_info .my_menu {
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 24px 0 30px;
}
#my .my_main .my_info .my_menu li {
  float: left;
  width: 20%;
  border-left: 1px solid #eee;
  padding: 0 30px;
}
#my .my_main .my_info .my_menu li:first-child {
  border-left: none;
}
#my .my_main .my_info .my_menu li .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  color: #000;
  margin-bottom: 26px;
}
#my .my_main .my_info .my_menu li .wrap_txt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: 80px;
  padding: 9px 0 0 95px;
  background-repeat: no-repeat;
  background-position: left center;
}
#my .my_main .my_info .my_menu li .wrap_txt .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-bottom: 4px;
}
#my .my_main .my_info .my_menu li .wrap_txt .btn_typeC1 {
  margin-bottom: 3px;
}
#my .my_main .my_info .my_menu li.item_grade.basic .wrap_txt {
  background-image: url("/assets/web/img/my/ic_grade_basic.png");
}
#my .my_main .my_info .my_menu li.item_grade.gold .wrap_txt {
  background-image: url("/assets/web/img/my/ic_grade_gold.png");
}
#my .my_main .my_info .my_menu li.item_grade.vip .wrap_txt {
  background-image: url("/assets/web/img/my/ic_grade_vip.png");
}
#my .my_main .my_info .my_menu li.item_point .wrap_txt {
  background-image: url("/assets/web/img/my/ic_point.png");
}
#my .my_main .my_info .my_menu li.item_coupon .wrap_txt {
  background-image: url("/assets/web/img/my/ic_coupon.png");
}
#my .my_main .my_info .my_menu li.item_gifticon .wrap_txt {
  background-image: url("/assets/web/img/my/ic_gifticon.png");
}
#my .my_main .my_info .my_menu li.item_stamp .wrap_txt {
  background-image: url("/assets/web/img/my/ic_stamp.png");
}
#my .my_main .my_order {
  position: relative;
  margin-top: 58px;
}
#my .my_main .my_order .t_tit1 {
  margin-bottom: 50px;
}
#my .my_main .my_order .btn_viewall {
  position: absolute;
  right: 0;
  top: 0;
}
#my .my_point .top {
  position: relative;
  height: auto;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  text-align: right;
  padding: 30px 30px 24px;
  background: url("/assets/web/img/my/ic_point.png") no-repeat 30px center;
}
#my .my_point .top .tit {
  position: absolute;
  left: 130px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#my .my_point .top .tit span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 400;
}
#my .my_point .top .tit span em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: #DE4B50;
}
#my .my_point .top .wrap_barcode {
  display: inline-block;
  text-align: center;
}
#my .my_point .top .barcode {
  width: auto;
  height: auto;
}
#my .my_point .top .barcode_num {
  margin-top: 13px;
}
#my .my_point .top .barcode_num span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0 7px;
}
#my .my_point .top_notice {
  padding: 54px 0;
  font-size: 18px;
  text-align: center;
}
#my .my_point .list_point .list {
  margin-top: 35px;
}
#my .my_point .list_point .list li {
  position: relative;
  height: 111px;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 42px 130px 0 138px;
}
#my .my_point .list_point .list li:after {
  content: "";
  clear: both;
  overflow: hidden;
}
#my .my_point .list_point .list li .tag {
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: auto;
  height: 26px;
  border-radius: 26px;
  padding: 0 14px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}
#my .my_point .list_point .list li .date {
  float: left;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-right: 30px;
}
#my .my_point .list_point .list li .menu {
  float: left;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
#my .my_point .list_point .list li .menu em {
  color: #DE4B50;
}
#my .my_point .list_point .list li .point {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#my .my_point .list_point .list li.plus .tag {
  color: #DE4B50;
  background: #f8e8e8;
}
#my .my_point .list_point .list li.plus .point {
  color: #DE4B50;
}
#my .my_point .list_point .list li.minus .tag {
  color: #678AC5;
  background: #e4ebf8;
}
#my .my_point .list_point .list li.minus .point {
  color: #678AC5;
}
#my .my_point .list_point .list li.extinction .tag {
  color: #0f9a18;
  background: #cef6cb;
}
#my .my_point .list_point .list li.extinction .point {
  color: #0f9a18;
}
#my .my_point .list_point .list li.cancel .tag {
  color: #777;
  background: #f7f7f7;
}
#my .my_point .list_point .list li.cancel .point {
  color: #b5b5b5;
}
#my .my_coupon .box_coupon {
  float: left;
  width: 440px;
  height: 231px;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: visible;
  padding-right: 25px;
}
#my .my_coupon .box_coupon:nth-child(3n) {
  margin-right: 0;
}
#my .my_coupon .possession {
  padding-top: 40px;
}
#my .my_coupon .register {
  padding-top: 35px;
}
#my .my_coupon .register .t_tit3 {
  margin-bottom: 12px;
}
#my .my_coupon .register .box_coupon {
  width: 100%;
  height: auto;
  margin-top: 57px;
  cursor: default;
}
#my .my_coupon .register .btn_typeB1 {
  margin-top: 60px;
}
#my .my_coupon .download {
  padding-top: 40px;
}
#my .my_coupon .download .all_coupon {
  padding-bottom: 57px;
  text-align: center;
}
#my .my_coupon .howto {
  padding-top: 40px;
}
#my .my_coupon .howto ul {
  text-align: center;
}
#my .my_coupon .howto ul li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-right: 40px;
}
#my .my_coupon .howto ul li:last-child {
  margin-right: 0;
}
#my .my_coupon .howto ul li .st_num {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 14px;
  color: #DA1A32;
  margin-bottom: 9px;
}
#my .my_coupon .howto ul li .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 30px;
}
#my .guest_coupon .register .t_tit3 {
  margin-bottom: 12px;
}
#my .guest_coupon .register .box_coupon {
  width: 100%;
  height: auto;
  margin-top: 57px;
  cursor: default;
}
#my .guest_coupon .register .btn_typeB1 {
  margin-top: 60px;
}
#my .my_gifticon .goods {
  padding-top: 30px;
}
#my .my_gifticon .goods .item-ecoupon {
  position: relative;
  width: 100%;
  min-height: 160px;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  line-height: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#my .my_gifticon .goods .item-ecoupon + .item-ecoupon {
  margin-top: 14px;
}
#my .my_gifticon .goods .item-ecoupon figure {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#my .my_gifticon .goods .item-ecoupon .tit-item {
  position: absolute;
  left: 180px;
  top: 50%;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#my .my_gifticon .goods .item-ecoupon .tit-price {
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#my .my_gifticon .possession .wrap_gifticon {
  padding-top: 30px;
}
#my .my_gifticon .possession .wrap_gifticon button {
  float: left;
  width: 290px;
  margin-right: 66px;
  margin-bottom: 40px;
}
#my .my_gifticon .possession .wrap_gifticon button:nth-child(4n) {
  margin-right: 0;
}
#my .my_gifticon .possession .wrap_gifticon button .img_gifticon {
  width: 100%;
  height: 305px;
  background-size: contain !important;
}
#my .my_gifticon .possession .wrap_gifticon button .img_gifticon .txt {
  font-size: 24px;
}
#my .my_gifticon .possession .wrap_gifticon button .img_gifticon .txt em {
  font-size: 26px;
}
#my .my_gifticon .lookup {
  padding-top: 35px;
}
#my .my_gifticon .lookup .t_tit3 {
  margin-bottom: 12px;
}
#my .my_gifticon .lookup .pin_num {
  margin-top: 16px;
}
#my .my_gifticon .lookup .btn_lookup {
  margin-top: 40px;
}
#my .my_gifticon .lookup .wrap_gifticon {
  margin: 60px 0;
}
#my .my_order_history .pageTitle {
  margin-bottom: 26px;
}
#my .my_order_history .sort {
  margin-bottom: 52px;
}
#my .my_order_history .wrap_paging {
  margin-top: 60px;
}
#my .my_info_modify .my_pwd_setting {
  padding-top: 53px;
}
#my .my_info_modify .my_pwd_setting .t_tit3 {
  margin-bottom: 12px;
}
#my .my_info_modify .my_pwd_setting .pwd_chk {
  margin-top: 16px;
}
#my .my_info_modify .my_pwd_setting .btn_typeB1 {
  margin-top: 57px;
}
#my .my_info_modify .my_pwd_check {
  padding-top: 53px;
}
#my .my_info_modify .my_pwd_check .t_tit2 {
  margin-bottom: 31px;
}
#my .my_info_modify .my_pwd_check .t_tit3 {
  margin-bottom: 12px;
}
#my .my_info_modify .my_pwd_check .btn_typeB1 {
  margin-top: 57px;
}
#my .my_info_modify .my_info .item {
  position: relative;
  padding-left: 200px;
  margin-top: 27px;
}
#my .my_info_modify .my_info .item.mt2 {
  margin-top: 33px;
}
#my .my_info_modify .my_info .item.no_mt {
  margin-top: 0;
}
#my .my_info_modify .my_info .item .t_tit3 {
  position: absolute;
  left: 0;
  top: 4px;
}
#my .my_info_modify .my_info .basic_info {
  padding-bottom: 60px;
}
#my .my_info_modify .my_info .basic_info .t_tit3 {
  top: 7px;
}
#my .my_info_modify .my_info .select_info {
  padding: 60px 0 57px;
}
#my .my_info_modify .my_info .select_info .marketing .t_tit3 .small {
  font-size: 16px;
}
#my .my_info_modify .my_info .select_info .marketing .wrap_chk {
  margin-bottom: 15px;
}
#my .my_info_modify .my_info .select_info .marketing .wrap_chk .chk {
  display: inline-block;
  margin-right: 40px;
}
#my .my_info_modify .my_info .select_info .marketing .wrap_chk.alerm {
  margin-top: 28px;
}
#my .my_info_modify .my_info .select_info .privacy .wrap_radio .radio_ui {
  margin-bottom: 15px;
}
#my .my_info_modify .my_info .select_info .privacy .wrap_radio .radio_ui:last-child {
  margin-right: 0;
}
#my .my_info_modify .my_info .memberout {
  padding: 60px 0;
}
#my .my_pwd_reset .btn_typeB1 {
  margin-top: 57px;
}
#my .my_pwd_reset .my_pwd_setting {
  padding-top: 53px;
}
#my .my_pwd_reset .my_pwd_setting .t_tit3 {
  margin-bottom: 12px;
}
#my .my_pwd_reset .my_pwd_setting .pwd_chk {
  margin-top: 16px;
}
#my .my_pwd_reset .my_pwd_setting .btn_typeB1 {
  margin-top: 57px;
}
#my .my_pwd_reset .step1 {
  padding-top: 53px;
}
#my .my_pwd_reset .step1 .t_tit2 {
  margin-bottom: 30px;
}
#my .my_pwd_reset .step1 .item .t_tit3 {
  margin-bottom: 12px;
}
#my .my_pwd_reset .step1 .new .t_tit3 {
  margin-top: 24px;
}
#my .my_pwd_reset .step1 .new .pwd_chk {
  margin-top: 16px;
}
#my .my_pwd_reset .step2 {
  padding-top: 46px;
}
#my .my_pwd_reset .step2 .top_txt {
  text-align: center;
}
#my .my_pwd_reset .step2 .top_txt .t_desc1 {
  margin-top: 13px;
}
#my .member_out .item {
  position: relative;
  padding-left: 200px;
  margin-top: 27px;
}
#my .member_out .item.mt2 {
  margin-top: 33px;
}
#my .member_out .item.no_mt {
  margin-top: 0;
}
#my .member_out .item .t_tit3 {
  position: absolute;
  left: 0;
  top: 1px;
}
#my .member_out .my_info_chk {
  padding-bottom: 54px;
}
#my .member_out .my_info_chk .t_tit1 {
  margin-bottom: 26px;
}
#my .member_out .member_out_chk {
  padding-top: 50px;
}
#my .member_out .member_out_chk .t_tit3 {
  top: 4px;
}
#my .member_out .member_out_chk .wrap_radio .radio_ui {
  float: left;
  width: 33.33%;
  margin-right: 0;
  margin-bottom: 13px;
}
#my .member_out .member_out_chk .wrap_radio .radio_ui:last-child .wrap_i {
  width: calc(100% - 80px);
}
#my .member_out .wrap_note {
  margin-top: 0;
}
#my .member_out .btn_ac {
  margin-top: 58px;
}
#my .member_out_complete .pageTitle {
  margin-bottom: 79px;
}
#my .member_out_complete .top_txt {
  text-align: center;
}
#my .member_out_complete .top_txt .t_desc1 {
  margin-top: 13px;
}
#my .member_out_complete .btn_ac {
  margin-top: 56px;
}

/* 쿠폰 상세 팝업 */
.pop_coupon_detail .tag > span {
  display: inline-block;
  width: auto;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  padding: 0 14px;
  border-radius: 26px;
  margin-right: 6px;
}
.pop_coupon_detail .tag .benefit {
  color: #DE4B50;
  background: #f8e8e8;
}
.pop_coupon_detail .tag .type {
  color: #DE4B50;
  font-weight: 800;
  background: #f7f7f7;
}
.pop_coupon_detail .tag .e_coupon {
  color: #0f9a18;
  background: #cef6cb;
}
.pop_coupon_detail .title {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: 1.3;
  margin-bottom: 19px;
}
.pop_coupon_detail .barcode {
  width: 100%;
  height: auto;
  text-align: center;
}
.pop_coupon_detail .barcode img {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.pop_coupon_detail .barcode_num {
  margin-top: 23px;
}
.pop_coupon_detail .barcode_num span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0 7px;
}
.pop_coupon_detail .btn_copy_num {
  position: absolute;
  right: 0;
  top: 0;
}
.pop_coupon_detail .detail_info {
  margin-top: 56px;
}
.pop_coupon_detail .detail_info > li {
  position: relative;
  padding-left: 140px;
  margin-bottom: 19px;
}
.pop_coupon_detail .detail_info > li:last-child {
  margin-bottom: 0;
}
.pop_coupon_detail .detail_info > li .lb {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_coupon_detail .detail_info > li .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_coupon_detail .btn_typeB3 {
  margin-top: 38px;
  margin-bottom: 15px;
}

/* 디지털 금액권 상세 팝업 */
.pop_gifticon_detail .title {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: 1.3;
  margin-bottom: 19px;
  padding-top: 20px;
}
.pop_gifticon_detail .barcode {
  width: 100%;
  height: auto;
}
.pop_gifticon_detail .barcode_num {
  margin-top: 23px;
}
.pop_gifticon_detail .barcode_num span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0 7px;
}
.pop_gifticon_detail .btn_copy_num {
  position: absolute;
  right: 0;
  top: 0;
}
.pop_gifticon_detail .detail_info {
  margin-top: 40px;
}
.pop_gifticon_detail .detail_info > li {
  position: relative;
  padding-left: 140px;
  margin-bottom: 19px;
}
.pop_gifticon_detail .detail_info > li:last-child {
  margin-bottom: 0;
}
.pop_gifticon_detail .detail_info > li .lb {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_gifticon_detail .detail_info > li .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_gifticon_detail .btn_typeB3 {
  margin-top: 38px;
  margin-bottom: 15px;
}

/* 그대로 주문 팝업 */
.pop_same_order .order_info {
  padding-top: 20px;
}
.pop_same_order .order_info .t_tit2 {
  margin-bottom: 29px;
}
.pop_same_order .order_info .detail_info > li {
  position: relative;
  padding-left: 160px;
  margin-bottom: 18px;
}
.pop_same_order .order_info .detail_info > li:last-child {
  margin-bottom: 0;
}
.pop_same_order .order_info .detail_info > li .lb {
  position: absolute;
  left: 0;
  top: 1px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
.pop_same_order .order_info .detail_info > li .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_same_order .order_menu {
  margin-top: 49px;
}
.pop_same_order .order_menu .t_tit2 {
  margin-bottom: 10px;
}
.pop_same_order .order_menu .order_menu_info li {
  position: relative;
  margin-top: 49px;
}
.pop_same_order .order_menu .order_menu_info li:first-child {
  margin-top: 0;
}
.pop_same_order .order_menu .order_menu_info .con .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  word-break: break-all;
  margin-bottom: 10px;
}
.pop_same_order .order_menu .order_menu_info .con .tit .size, .pop_same_order .order_menu .order_menu_info .con .tit .num {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #DE4B50;
}
.pop_same_order .order_menu .order_menu_info .con .option .set {
  padding-left: 43px;
  margin-bottom: 9px;
  position: relative;
}
.pop_same_order .order_menu .order_menu_info .con .option .set .opt_tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #777;
  position: absolute;
  left: 0;
  top: 0;
}
.pop_same_order .order_menu .order_menu_info .con .option .set .opt_detail {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}
.pop_same_order .order_menu .order_menu_info .con .option .set .opt_detail span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.pop_same_order .order_menu .order_menu_info .price {
  text-align: right;
  margin-top: 22px;
}
.pop_same_order .order_menu .order_menu_info .price span {
  display: inline-block;
  vertical-align: middle;
}
.pop_same_order .order_menu .order_menu_info .price .dc_price {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #ddd;
  margin-right: 10px;
  text-decoration: line-through;
}
.pop_same_order .order_menu .order_menu_info .price .dc_percent {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-right: 5px;
}
.pop_same_order .order_menu .order_menu_info .price .total_price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}
.pop_same_order .order_menu .order_menu_info .price .total_price em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}

#membership {
  padding-top: 170px;
}
#membership .member {
  text-align: center;
  padding-bottom: 56px;
}
#membership .member .pie {
  position: relative;
  width: 180px;
  height: 180px;
  background: #f7f7f7;
  border-radius: 50%;
  margin: auto;
}
#membership .member .pie .ic_grade {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#membership .member .pie.basic .pie_circle {
  stroke: #777;
}
#membership .member .pie.basic .ic_grade {
  background-image: url("/assets/web/img/my/ic_crown_basic.png");
}
#membership .member .pie.gold .pie_circle {
  stroke: #f9b53e;
}
#membership .member .pie.gold .ic_grade {
  background-image: url("/assets/web/img/my/ic_crown_gold.png");
}
#membership .member .pie.vip .pie_circle {
  stroke: #de4b50;
}
#membership .member .pie.vip .ic_grade {
  background-image: url("/assets/web/img/my/ic_crown_vip.png");
}
#membership .member .tit {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  color: #000;
  margin: 28px 0 13px;
}
#membership .member .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  font-weight: 400;
}
#membership .member .desc em {
  font-weight: 800;
  color: #DE4B50;
}
#membership .guest {
  text-align: center;
  padding-bottom: 60px;
}
#membership .guest .tit {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  color: #000;
  line-height: 1.35;
  margin-bottom: 34px;
}
#membership .guest .tit em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 400;
}
#membership .guest .btn_typeB3 {
  width: 580px;
}
#membership .tab_container {
  padding-top: 60px;
}
#membership .benefit {
  margin-top: 60px;
}
#membership .benefit .grade_bnf .tbl_type1 th {
  color: #000;
}
#membership .benefit .grade_bnf .tbl_type1 th.grade {
  background: #f7f7f7;
  padding: 123px 0 25px;
  background-repeat: no-repeat;
  background-position: center 30px;
}
#membership .benefit .grade_bnf .tbl_type1 th.grade.vip {
  background-image: url("/assets/web/img/my/ic_grade_vip.png");
}
#membership .benefit .grade_bnf .tbl_type1 th.grade.gold {
  background-image: url("/assets/web/img/my/ic_grade_gold.png");
}
#membership .benefit .grade_bnf .tbl_type1 th.grade.basic {
  background-image: url("/assets/web/img/my/ic_grade_basic.png");
}
#membership .benefit .grade_bnf .tbl_type1 ul li {
  margin-bottom: 9px;
}
#membership .benefit .grade_bnf .tbl_type1 ul li:last-child {
  margin-bottom: 0;
}
#membership .benefit .grade_bnf .tbl_type1 ul li .txt2 {
  font-size: 16px;
}
#membership .benefit .basic_bnf .t_tit1 {
  margin: 52px 0 25px;
}
#membership .benefit .basic_bnf ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 215px;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#membership .benefit .basic_bnf li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  text-align: center;
  padding-top: 134px;
  background-repeat: no-repeat;
  background-position: center 30px;
}
#membership .benefit .basic_bnf li.discount {
  background-image: url("/assets/web/img/my/ic_discount.png");
}
#membership .benefit .basic_bnf li.welcome {
  background-image: url("/assets/web/img/my/ic_welcome.png");
}
#membership .benefit .basic_bnf li.point {
  background-image: url("/assets/web/img/my/ic_point.png");
}
#membership .benefit .basic_bnf li.deal {
  background-image: url("/assets/web/img/my/ic_deal.png");
}
#membership .benefit .basic_bnf li.pasta {
  background-image: url("/assets/web/img/my/ic_pasta.png");
}
#membership .benefit .basic_bnf li.birthday {
  background-image: url("/assets/web/img/my/ic_birthday.png");
}
#membership .benefit .basic_bnf li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 1px;
  background: #ddd;
}
#membership .benefit .basic_bnf li:first-child:before {
  display: none;
}
#membership .guide {
  padding-top: 8px;
}
#membership .guide .con {
  float: left;
  width: calc(50% - 20px);
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-top: 40px;
  margin-right: 40px;
  padding: 27px 40px 0;
}
#membership .guide .con:nth-child(2n) {
  margin-right: 0;
}
#membership .guide .con:nth-child(1), #membership .guide .con:nth-child(2) {
  height: 420px;
}
#membership .guide .con:nth-child(3), #membership .guide .con:nth-child(4) {
  height: 500px;
}
#membership .guide .con .t_tit4 {
  margin-bottom: 24px;
}
#membership .guide .con .t_tit4 em {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-weight: 400;
}
#membership .guide .ticket {
  padding: 27px 50px 0;
}
#membership .guide .ticket .t_tit4 {
  margin-bottom: 30px;
}
#membership .guide .ticket .box_ticket {
  margin-bottom: 16px;
}
#membership .guide .btn_typeB3 {
  width: 100%;
  margin-top: 36px;
}

#event {
  padding-top: 170px;
  padding-bottom: 120px;
}
#event .wrap_tabmenu {
  margin-bottom: 60px;
}
#event h4.tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 25px;
  position: relative;
}
#event .wrap_input .item {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 200px;
  margin-top: 20px;
  position: relative;
}
#event .wrap_input .item:first-child {
  margin-bottom: 0;
}
#event .wrap_input .item .t_tit3 {
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: 0;
}
#event .wrap_input .item.mt2 {
  margin-top: 33px;
}
#event .wrap_input .item.no_mt {
  margin-top: 0;
}
#event .wrap_input .item .wrap_input_inner .item {
  padding-left: 180px;
}
#event .chk_privacy {
  margin-bottom: 25px;
}
#event .chk_privacy .detail {
  margin-left: 15px;
  vertical-align: middle;
}
#event .event_list .wrap_evtList ul li {
  float: left;
  width: 426px;
  height: 160px;
  margin-right: 41px;
  margin-bottom: 41px;
}
#event .event_list .wrap_evtList ul li:nth-child(3n) {
  margin-right: 0;
}
#event .event_list .wrap_evtList ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
#event .event_list .wrap_evtList ul li a .countdown {
  width: 100%;
  height: 100%;
  text-align: center;
}
#event .event_list .wrap_evtList ul li a .countdown .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
#event .event_list .wrap_evtList ul li a .countdown .count {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  margin: auto;
  z-index: 2;
}
#event .event_list .wrap_evtList ul li a .countdown .count .txt {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #fff;
}
#event .event_list .wrap_evtList ul li a .countdown .count .time, #event .event_list .wrap_evtList ul li a .countdown .count .time span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 41px;
  color: #fff;
  letter-spacing: 1.5px;
  line-height: 1.2;
}
#event .event_list .wrap_evtList ul li a .countdown .count .time span, #event .event_list .wrap_evtList ul li a .countdown .count .time span span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 41px;
}
#event .event_list .wrap_evtList ul li a.end:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  position: absolute;
  left: 0;
  top: 0;
}
#event .event_list .wrap_evtList ul li a.end span {
  display: block;
  width: 154px;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 16px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
#event .event_list .wrap_paging {
  margin-top: 20px;
}
#event .event_view .view_top {
  position: relative;
  margin-bottom: 35px;
}
#event .event_view .view_top .tit {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 30px;
  color: #000;
  line-height: 1.3;
  padding-right: 150px;
  margin-bottom: 10px;
}
#event .event_view .view_top .date {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  color: #000;
}
#event .event_view .view_top .share {
  position: absolute;
  right: 0;
  top: 4px;
}
#event .event_view .view_con {
  position: relative;
}
#event .event_view .view_con .countdown {
  width: 100%;
  height: 100%;
  text-align: center;
}
#event .event_view .view_con .countdown .dim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
#event .event_view .view_con .countdown .count {
  position: absolute;
  left: 0;
  top: 230px;
  width: 100%;
  z-index: 2;
}
#event .event_view .view_con .countdown .count .txt {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 48px;
  color: #fff;
}
#event .event_view .view_con .countdown .count .time, #event .event_view .view_con .countdown .count .time span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 112px;
  color: #fff;
  letter-spacing: 4px;
  line-height: 1;
}
#event .event_view .view_con .countdown .count .time span, #event .event_view .view_con .countdown .count .time span span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 112px;
}
#event .event_view .view_con .countdown .count .desc {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  color: #fff;
  padding-top: 60px;
}
#event .event_view .view_con .event_contents {
  text-align: center;
}
#event .event_view .view_con .event_contents img {
  display: inline-block;
  vertical-align: top;
}
#event .event_view .view_con .event_contents .video_wrap {
  width: 100%;
}
#event .event_view .view_con .event_contents .video_wrap iframe {
  width: 100%;
  height: 764px;
}
#event .event_view .view_con .event_contents.today_pizza .top {
  background: #f7f7f7;
}
#event .event_view .view_con .event_contents.today_pizza .img_con {
  background: #f7f7f7;
}
#event .event_view .view_con .event_contents.today_pizza .img_check {
  background: #e3e3e3;
  margin-bottom: 120px;
}
#event .event_view .event-description {
  margin: 0 auto;
  padding: 120px 250px 150px;
  font-family: "Noto Sans KR";
  color: #555555;
  text-align: left;
  background-color: #f1f1f1;
}
#event .event_view .event-description dl + dl {
  margin-top: 60px;
}
#event .event_view .event-description dl dt {
  padding-bottom: 17px;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.025em;
}
#event .event_view .event-description dl dt:not(:first-child) {
  margin-top: 60px;
}
#event .event_view .event-description dl dd {
  position: relative;
  padding: 20px 0 20px 20px;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 34px;
  letter-spacing: -0.025em;
  line-height: 1.35;
}
#event .event_view .event-description dl dd strong {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 34px;
  letter-spacing: -0.025em;
}
#event .event_view .event-description dl dd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 39px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #555555;
}
#event .event_view .btn_list {
  padding-top: 60px;
  border-top: 1px solid #ddd;
}
#event .group_order .wrap_slide_benefit {
  width: 100%;
  margin-bottom: 52px;
}
#event .group_order .wrap_slide_benefit .txt {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 38px;
}
#event .group_order .wrap_slide_benefit ul li {
  float: left;
  margin-right: 41px;
}
#event .group_order .wrap_slide_benefit ul li:last-child {
  margin-right: 0;
}
#event .group_order .wrap_slide_benefit .box_benefit {
  width: 426px;
  height: 560px;
  padding: 350px 30px 0 30px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
#event .group_order .wrap_slide_benefit .box_benefit.con1 {
  background: url("/assets/web/img/event/group_benefit_bg5.png") no-repeat center 60px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con2 {
  background: url("/assets/web/img/event/group_benefit_bg1.png") no-repeat center 60px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con2 .bg_txt {
  width: 234px;
  height: 134px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 114px;
  margin: auto;
  padding-top: 20px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con2 .bg_txt .txt1 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 30px;
  margin-bottom: -20px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con2 .bg_txt .txt1 em {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 60px;
  line-height: 1;
  margin-right: 5px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con2 .bg_txt .txt2 {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 14px;
}
#event .group_order .wrap_slide_benefit .box_benefit.con3 {
  background: url("/assets/web/img/event/group_benefit_bg3.png") no-repeat center 60px;
}
#event .group_order .wrap_slide_benefit .box_benefit .flag_badge {
  position: absolute;
  left: 30px;
  top: -2px;
}
#event .group_order .wrap_slide_benefit .box_benefit .wrap_desc .desc1 {
  height: 95px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  line-height: 1.4;
}
#event .group_order .wrap_slide_benefit .box_benefit .wrap_desc .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}
#event .group_order .group_set .tit {
  display: inline-block;
  margin-bottom: 35px;
}
#event .group_order .group_set .btn_list {
  margin-left: 45px;
}
#event .group_order .receipt_info .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 45px;
}
#event .group_order .support {
  padding-bottom: 60px;
}
#event .group_order .customer_info {
  padding-top: 52px;
  margin-bottom: 60px;
}
#event .group_order .customer_info h4.tit {
  margin-bottom: 15px;
}
#event .group_order .customer_info .wrap_input .t_tit3 {
  top: 8px;
}
#event .group_order .customer_info .download .btn_download {
  float: left;
  margin-top: 5px;
}
#event .group_order .customer_info .download .wrap_input_btn {
  float: right;
  width: 980px;
}
#event .group_order .customer_info .download .wrap_input_btn .fileInputHidden input[type=file] {
  width: 780px;
  height: 40px;
  font-size: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  padding: 0 !important;
  cursor: pointer;
  z-index: 2;
  color: transparent;
  text-shadow: 0 0 0 #000;
}
#event .group_order .customer_info .btn_ac {
  margin-top: 40px;
}
#event .group_order .wrap_note {
  margin-top: 50px;
}
#event .gift_card .promotion {
  margin-bottom: 32px;
}
#event .gift_card .promotion a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}
#event .gift_card .btn_ac a, #event .gift_card .btn_ac button {
  margin: 10px 0;
}
#event .gift_card .gift_paper {
  margin-top: 60px;
}
#event .gift_card .gift_paper h4.tit {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 33px;
}
#event .gift_card .gift_paper h4.tit .btn_item {
  position: absolute;
  right: 0;
  top: 10px;
}
#event .gift_card .gift_paper .img {
  border-radius: 16px;
  overflow: hidden;
}
#event .gift_card .gift_paper .desc_list {
  padding: 35px 0 57px 0;
}
#event .gift_card .purchase .gift_list {
  padding: 60px 0;
}
#event .gift_card .purchase .gift_list ul {
  padding: 0 44px;
}
#event .gift_card .purchase .gift_list ul li {
  float: left;
  width: 338px;
  text-align: center;
  margin-right: 129px;
  margin-bottom: 60px;
}
#event .gift_card .purchase .gift_list ul li:nth-child(3n) {
  margin-right: 0;
}
#event .gift_card .purchase .gift_list ul li .img {
  width: 338px;
  height: 177px;
  background: url("/assets/web/img/event/giftcard_bg.png") no-repeat center top;
  background-size: contain;
  padding-top: 70px;
  margin-bottom: 20px;
}
#event .gift_card .purchase .gift_list ul li .img .price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 40px;
  line-height: 0.45;
}
#event .gift_card .purchase .gift_list ul li .img .price_ko {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 10px;
}
#event .gift_card .purchase .gift_list ul li .txt {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 34px;
}
#event .gift_card .purchase .gift_list .gift_price {
  width: 100%;
  height: auto;
  padding: 25px 20px;
  background: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#event .gift_card .purchase .gift_list .gift_price .wrap_txt {
  float: left;
}
#event .gift_card .purchase .gift_list .gift_price .wrap_txt .cmt_guide3 {
  margin-top: 10px;
}
#event .gift_card .purchase .gift_list .gift_price .total {
  float: right;
  margin-top: 15px;
}
#event .gift_card .purchase .gift_list .gift_price .total em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
  margin-left: 20px;
}
#event .gift_card .purchase .customer_info {
  padding-bottom: 60px;
  margin-top: 60px;
}
#event .gift_card .purchase .customer_info h4.tit {
  margin-bottom: 15px;
}
#event .gift_card .purchase .customer_info .chk_privacy {
  margin-bottom: 35px;
}
#event .gift_card .purchase .customer_info .wrap_input .t_tit3 {
  top: 8px;
}
#event .gift_card .purchase .customer_info .wrap_input .cmt_guide3 {
  margin-top: 10px;
}
#event .gift_card .purchase .customer_info .wrap_input .download .btn_download {
  float: left;
  margin-top: 5px;
}
#event .gift_card .purchase .customer_info .wrap_input .download .wrap_input_btn {
  float: right;
  width: 980px;
}
#event .gift_card .purchase .customer_info .wrap_input .download .wrap_input_btn .fileInputHidden input[type=file] {
  width: 780px;
  height: 40px;
  font-size: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  padding: 0 !important;
  cursor: pointer;
  z-index: 2;
  color: transparent;
  text-shadow: 0 0 0 #000;
}
#event .gift_card .purchase .customer_info .wrap_input .btn_ac {
  margin-top: 40px;
}
#event .gift_card .purchase .exchange_info {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 30px;
}
#event .gift_card .purchase .recipient_info {
  padding-bottom: 60px;
}
#event .gift_card .purchase .recipient_info h4.tit {
  margin-bottom: 15px;
}
#event .gift_card .purchase .recipient_info .same_man {
  margin-bottom: 35px;
}
#event .gift_card .purchase .recipient_info .wrap_input .t_tit3 {
  top: 8px;
}
#event .gift_card .purchase .recipient_info .wrap_input .addr .detail {
  margin-top: 20px;
}
#event .gift_card .purchase .payment {
  padding-top: 60px;
}
#event .gift_card .purchase .payment .t_tit3 {
  top: 5px;
}
#event .gift_card .purchase .payment .account_transfer .wrap_input {
  margin-bottom: 15px;
}
#event .gift_card .purchase .payment .account_transfer .wrap_input .wrap_cmt {
  margin-top: 15px;
}
#event .gift_card .purchase .payment .account_transfer .wrap_input .wrap_cmt .cmt_guide3 {
  margin-top: 5px;
}
#event .gift_card .purchase .payment .corp_credit {
  display: none;
}
#event .gift_card .purchase .payment .corp_credit .wrap_input {
  margin-bottom: 15px;
}
#event .gift_card .purchase .payment .corp_credit .wrap_input .wrap_input_inner .t_tit3 {
  top: 8px;
}
#event .gift_card .purchase .payment .corp_credit .wrap_input .wrap_input_inner .cmt_guide3 {
  margin-top: 5px;
}
#event .gift_card .purchase .statement {
  margin-top: 23px;
}
#event .gift_card .purchase .statement .checkbox_ui {
  margin-left: 200px;
}
#event .gift_card .purchase .statement .wrap_input {
  display: none;
}
#event .gift_card .purchase .statement .wrap_input .item {
  margin-top: 16px;
}
#event .gift_card .purchase .statement .wrap_input .item .t_tit3 {
  top: 8px;
}
#event .gift_card .purchase .statement .wrap_input .item:first-child {
  margin-top: 27px;
}
#event .gift_card .purchase .btn_buy {
  margin-top: 40px;
}
#event .gift_card .purchase_info .customer_info {
  padding-top: 60px;
}
#event .gift_card .purchase_info .customer_info .wrap_input .t_tit3 {
  top: 8px;
}
#event .gift_card .purchase_info .customer_info .status {
  margin-top: 25px;
}
#event .gift_card .purchase_info .customer_info .status .t_tit3 {
  top: 0;
}
#event .gift_card .purchase_info .customer_info .status .cur {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #678AC5;
}
#event .gift_card .purchase_info .btn_search {
  margin-top: 40px;
}
#event .alliance .list > ul:first-child {
  float: left;
}
#event .alliance .list > ul:last-child {
  float: right;
}
#event .alliance .list > ul > li {
  margin-bottom: 40px;
}
#event .alliance .list > ul > li .box {
  display: block;
  width: 660px;
  min-height: 295px;
  padding: 0 60px 0 0;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#event .alliance .list > ul > li .box .inner {
  width: 100%;
  height: 225px;
  padding: 50px 0 0 40px;
  background-repeat: no-repeat;
  background-position: right center;
}
#event .alliance .list > ul > li .box .inner .tit {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  position: relative;
  margin-bottom: 28px;
}
#event .alliance .list > ul > li .box .inner .tit .flag_sale1 {
  position: absolute;
  right: -22px;
  top: -18px;
}
#event .alliance .list > ul > li .box .inner .con li {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 3px;
}
#event .alliance .list > ul > li .box .inner .con li em {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#event .alliance .list > ul > li .box .wrap_note {
  margin-top: 0;
  padding-left: 40px;
}
#event .alliance .list > ul > li .box .wrap_note .panel {
  display: none;
  padding-bottom: 40px;
}
#event .alliance .list > ul > li.skt .box .inner {
  background-image: url("/assets/web/img/event/alliance_skt.png");
}
#event .alliance .list > ul > li.kt .box .inner {
  background-image: url("/assets/web/img/event/alliance_kt.png");
}
#event .alliance .list > ul > li.lgu .box .inner {
  background-image: url("/assets/web/img/event/alliance_lgu.png");
}
#event .alliance .list > ul > li.ok .box .inner {
  background-image: url("/assets/web/img/event/alliance_okcashbag.png");
}
#event .alliance .list > ul > li.hdm .box .inner {
  background-image: url("/assets/web/img/event/alliance_hdm.png");
}

/* 팝업 : 오늘의 피자 - 주문가능매장보기 */
.pop_possible_order .find_location {
  position: relative;
  display: inline-block;
  padding-left: 33px;
  margin: 18px 0 55px;
}
.pop_possible_order .find_location:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url("/assets/web/img/common/ic_location1.png") no-repeat center;
}
.pop_possible_order .find_location span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
.pop_possible_order .pop_floating {
  padding: 0 100px;
}
.pop_possible_order .pop_body .wrap_input_search {
  margin-top: 40px;
}
.pop_possible_order .pop_body .no_content_type1 {
  padding-top: 38px;
  padding-bottom: 60px;
}
.pop_possible_order .pop_body .title_search {
  margin-top: 40px;
  margin-bottom: -22px;
}
.pop_possible_order .pop_body .shop_list {
  margin-top: 15px;
  padding-bottom: 36px;
}
.pop_possible_order .pop_body .shop_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-left: -40px;
}
.pop_possible_order .pop_body .shop_list ul li {
  width: 50%;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 25px;
}
.pop_possible_order .pop_body .shop_list input[type=radio] {
  position: absolute;
  opacity: 0;
}
.pop_possible_order .pop_body .shop_list input[type=radio] + label {
  position: relative;
  display: block;
  padding: 26px 20px 25px;
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pop_possible_order .pop_body .shop_list input[type=radio] + label span {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}
.pop_possible_order .pop_body .shop_list input[type=radio] + label span.distance {
  position: absolute;
  right: 20px;
  top: 26px;
  font-weight: 800;
  color: #c8102e;
}
.pop_possible_order .pop_body .shop_list input[type=radio] + label strong {
  font-weight: 800;
}
.pop_possible_order .pop_body .shop_list input[type=radio]:checked + label {
  border-color: #c8102e;
  background-color: #f8e8e8;
}
.pop_possible_order .pop_body .shop_list input[type=radio][disabled] + label {
  background-color: #eee;
  border-color: #eee;
  color: #cfcfcf;
  pointer-events: none;
}

.pop_event_today .pop_floating {
  padding: 0 100px;
}
.pop_event_today .pop_body .today_list {
  padding-top: 35px;
}
.pop_event_today .pop_body .today_list ul {
  margin-bottom: 100px;
}
.pop_event_today .pop_body .today_list ul li {
  float: left;
  width: calc(50% - 30px);
  height: 110px;
  border-bottom: 1px solid #eee;
}
.pop_event_today .pop_body .today_list ul li:nth-child(odd) {
  margin-right: 30px;
}
.pop_event_today .pop_body .today_list ul li:nth-child(even) {
  margin-left: 30px;
}
.pop_event_today .pop_body .today_list ul li a {
  display: block;
  padding-top: 25px;
}
.pop_event_today .pop_body .today_list ul li a span {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
.pop_event_today .pop_body .today_list ul li a span.store_name {
  font-weight: 800;
}

/* 팝업 : 오늘의 피자 - 오늘의 피자 이용방법 */
.pop_event_today_guide .pop_body .img_guide {
  margin-bottom: 40px;
}
.pop_event_today_guide .pop_body .btn_typeB3 {
  margin-bottom: 20px;
}

.pop_evtExtra_9900 .end {
  width: 860px;
  height: 800px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1001;
}

.pop_event_agree .marketing_agree_wrap .feature_img img {
  width: 100%;
}
.pop_event_agree .marketing_agree_wrap .tit {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 30px;
  text-align: center;
}
.pop_event_agree .marketing_agree_wrap .desc {
  margin-bottom: 20px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 28px;
  text-align: center;
}
.pop_event_agree .marketing_agree_wrap .chk {
  margin-top: 20px;
  padding: 0 40px;
}
.pop_event_agree .marketing_agree_wrap .chk .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 28px;
}
.pop_event_agree .marketing_agree_wrap .chk .txt strong {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 28px;
}

#cs {
  padding-top: 170px;
  padding-bottom: 120px;
}
#cs .wrap_tabmenu {
  margin-bottom: 47px;
}
#cs .top_desc1 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  line-height: 1.35;
  text-align: center;
  margin-bottom: 55px;
}
#cs .tab_ui.tab_type3 {
  margin-bottom: 60px;
}
#cs .wrap_input_search2 {
  width: 800px;
  margin: 0 auto 50px auto;
}
#cs .center_info {
  text-align: center;
  padding: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
  margin-top: 60px;
}
#cs .center_info .desc1 {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
#cs .center_info .desc2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
}
#cs .wrap_input {
  margin-bottom: 35px;
}
#cs .wrap_input .item {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 200px;
  margin-top: 20px;
  position: relative;
}
#cs .wrap_input .item:first-child {
  margin-bottom: 0;
}
#cs .wrap_input .item .t_tit3 {
  line-height: 1.5;
  position: absolute;
  left: 0;
  top: 8px;
}
#cs .wrap_input .item.mt2 {
  margin-top: 33px;
}
#cs .wrap_input .item.no_mt {
  margin-top: 0;
}
#cs .wrap_input .item .textarea_type1 {
  margin-top: 20px;
}
#cs .wrap_input .item .fileInputHidden {
  margin-top: 20px;
  margin-bottom: 15px;
}
#cs .wrap_input .item.order_number .t_tit3 {
  top: 0;
}
#cs .wrap_input .item.order_number .input_type1 {
  padding-right: 170px;
}
#cs .wrap_input .item.order_date {
  margin-top: 30px;
}
#cs .wrap_input .item.order_date .t_tit3 {
  top: 8px;
}
#cs .wrap_input .item.order_date .select_date {
  width: 100%;
}
#cs .wrap_input .item.order_date .select_date .select_ui_type1 {
  float: left;
}
#cs .wrap_input .item.order_date .select_date .select_ui_type1.year {
  width: 33%;
}
#cs .wrap_input .item.order_date .select_date .select_ui_type1.month {
  width: calc(34% - 40px);
  margin: 0 20px;
}
#cs .wrap_input .item.order_date .select_date .select_ui_type1.day {
  width: 33%;
}
#cs .wrap_input .item.store {
  margin-top: 30px;
}
#cs .wrap_input .item.store .t_tit3 {
  top: 0;
}
#cs .wrap_input .item.store .input_type1 {
  padding-right: 130px;
}
#cs .wrap_input .btn_sub {
  margin-left: 15px;
  margin-top: -2px;
  vertical-align: middle;
}
#cs .wrap_input .wrap_check {
  margin-top: 15px;
}
#cs .wrap_input .wrap_check .btn_sub {
  margin-top: 3px;
}
#cs .wrap_input.nonmember .mobile {
  margin-top: 20px;
}
#cs .wrap_input.member .t_tit3 {
  top: 0;
}
#cs .wrap_input.member .info .tel {
  margin-top: 20px;
}
#cs .wrap_input.member .info .email {
  margin-top: 20px;
}
#cs .wrap_input.member .info .infoText {
  margin-top: 20px;
}
#cs .btn_reg {
  margin-top: 60px;
}
#cs .no_content_type1 {
  margin: 60px 0;
}
#cs .csNew .wrap_input.member {
  margin-top: 50px;
}
#cs .csNew .wrap_input .item.question {
  margin-top: 30px;
}
#cs .csNew .wrap_input .item.question .t_tit3 {
  top: 8px;
}
#cs .csNew .wrap_input .item.question .select_category {
  width: 100%;
}
#cs .csNew .wrap_input .item.question .select_category .select_ui_type1 {
  float: left;
}
#cs .csNew .wrap_input .item.question .select_category .select_ui_type1.cat1 {
  width: 190px;
}
#cs .csNew .wrap_input .item.question .select_category .select_ui_type1.cat2 {
  width: 190px;
  margin-left: 20px;
}
#cs .csNew .wrap_input .item.order_number {
  margin-top: 30px;
}
#cs .csNew .wrap_input .item.order_number .t_tit3 {
  top: 8px;
}
#cs .csNew .wrap_input .item.order_number .wrap_input_btn {
  width: 400px;
}
#cs .csNew .wrap_input .item.regCon .t_tit3 {
  top: 8px;
}
#cs .csNew .wrap_input.nonmember .agree_content {
  padding: 25px 20px;
  border: 1px solid #ddd;
  border-radius: 16px;
  background: #fff;
  margin-top: 20px;
}
#cs .faq .wrap_contents .t_tit1 {
  margin-left: 30px;
}
#cs .faq .faq_layer {
  display: none;
}
#cs .faq .faq_layer.internet {
  display: block;
}
#cs .faq .ac_panel .con_area .list span {
  display: block;
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
}
#cs .faq .ac_panel .con_area .list span em {
  position: absolute;
  left: 0;
  top: 0;
}
#cs .faq .ac_panel .con_area .mt10 {
  margin-top: 10px;
}
#cs .faq .ac_panel .con_area .mt30 {
  margin-top: 30px;
}
#cs .faq .ac_panel .con_area .mb30 {
  margin-bottom: 30px;
}
#cs .inquiry .result .count {
  padding-left: 30px;
}
#cs .inquiry .result .count span {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
}
#cs .inquiry .result .list .ac_head .tit_area {
  padding: 0 150px 0 110px;
}
#cs .inquiry .result .list .ac_head .subject .category {
  display: inline-block;
  margin-right: 4px;
}
#cs .inquiry .result .list .ac_head .status {
  display: inline-block;
  width: 80px;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
  border-radius: 26px;
  position: absolute;
  left: 30px;
  top: 25px;
}
#cs .inquiry .result .list .ac_head .status.standby {
  color: #aaa;
  background: #f7f7f7;
}
#cs .inquiry .result .list .ac_head .status.done {
  color: #777;
  background: #ddd;
}
#cs .inquiry .result .list .ac_head .date {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  position: absolute;
  right: 70px;
  top: 24px;
}
#cs .inquiry .result .list .ac_panel {
  padding: 0;
}
#cs .inquiry .result .list .ac_panel .inner {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  position: relative;
  background-repeat: no-repeat;
}
#cs .inquiry .result .list .ac_panel .inner .date {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #777;
  margin-top: 10px;
}
#cs .inquiry .result .list .ac_panel .con_q .inner {
  width: calc(100% - 60px);
  padding: 30px 30px 30px 160px;
  margin: 0 auto;
  background-image: url("/assets/web/img/common/ic_qna_q.png");
  background-position: 110px 34px;
}
#cs .inquiry .result .list .ac_panel .con_q .inner:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
}
#cs .inquiry .result .list .ac_panel .con_a {
  background: #f7f7f7;
}
#cs .inquiry .result .list .ac_panel .con_a .inner {
  padding: 30px 30px 30px 190px;
  background-image: url("/assets/web/img/common/ic_qna_a.png");
  background-position: 140px 34px;
}
#cs .inquiry.compliment .result .list .ac_panel {
  padding: 0;
}
#cs .inquiry.compliment .result .list .ac_panel .con_q .inner {
  padding-left: 110px;
  background-image: none;
}
#cs .inquiry.compliment .result .list .ac_panel .con_a .inner {
  padding-left: 140px;
  background-image: none;
}
#cs .complete {
  padding-bottom: 140px;
}
#cs .complete .top_desc1 {
  padding-top: 47px;
  margin-bottom: 35px;
}
#cs .complete .top_desc1 .txt {
  line-height: 1.5;
  margin-top: 15px;
}
#cs .notice_temp {
  margin-top: 80px;
}
#cs .notice_temp .desc li {
  line-height: 1.5;
  padding-left: 15px;
  position: relative;
  margin-bottom: 5px;
}
#cs .notice_temp .desc li:before {
  content: "·";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#cs .notice_temp .contact {
  margin-top: 60px;
}
#cs .notice_temp .contact li {
  padding-left: 200px;
  position: relative;
  margin-bottom: 10px;
}
#cs .notice_temp .contact li .tit {
  font-weight: 600;
  position: absolute;
  left: 0;
  top: 0;
}
#cs .notice_temp .box_guide {
  margin-top: 60px;
}
#cs .notice_temp .box_guide .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  height: 28px;
  margin-bottom: 0;
}

/* 주문내역 */
.pop_order_history .reg_order_num {
  padding-top: 45px;
}
.pop_order_history .reg_order_num .wrap_check {
  margin-top: 25px;
}
.pop_order_history .recent_order {
  padding-top: 60px;
}
.pop_order_history .recent_order .list_my_order li {
  padding: 0;
  position: relative;
}
.pop_order_history .recent_order .list_my_order li button {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 25px 30px;
}
.pop_order_history .recent_order .list_my_order li .info1 {
  float: left;
  width: 84px;
  position: relative;
}
.pop_order_history .recent_order .list_my_order li .info2 {
  float: left;
  width: calc(100% - 84px);
  position: relative;
}
.pop_order_history .recent_order .list_my_order li .info2 .date {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
}
.pop_order_history .recent_order .list_my_order li .info2 .menu {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin-top: 9px;
}
.pop_order_history .recent_order .list_my_order li .info2 .menu em {
  color: #DE4B50;
}
.pop_order_history .recent_order .list_my_order li .info2 .price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
  margin-top: 11px;
}
.pop_order_history .recent_order .list_my_order li .status {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  position: absolute;
  right: 30px;
  top: 24px;
}

/* 매장선택 */
.pop_search_store .wrap_search {
  padding-top: 20px;
}
.pop_search_store .wrap_search .wrap_input_search {
  margin-top: 20px;
}
.pop_search_store .wrap_search .wrap_check {
  margin-top: 20px;
}
.pop_search_store .wrap_result {
  padding-top: 54px;
}
.pop_search_store .wrap_result ul li {
  padding: 25px 25px 25px 0;
  border-bottom: 8px solid #f7f7f7;
}
.pop_search_store .wrap_result ul li:last-child {
  border-bottom: 0;
}
.pop_search_store .wrap_result ul li label .txt .store {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  color: #000;
}
.pop_search_store .wrap_result ul li label .txt .distance {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #DE4B50;
  margin-left: 17px;
}
.pop_search_store .wrap_result ul li label .txt .addr {
  margin-top: 10px;
}

#eCoupon {
  padding-top: 170px;
}
#eCoupon .list .swiper-container {
  overflow: visible;
  margin-top: 39px;
}
#eCoupon .list .swiper-button-next {
  right: 4px;
  top: -72px;
  margin-top: 0;
}
#eCoupon .list .swiper-button-prev {
  left: auto;
  right: 74px;
  top: -72px;
  margin-top: 0;
}
#eCoupon .list .swiper-pagination {
  bottom: -55px;
}
#eCoupon .list .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 8px;
}
#eCoupon .list .inner {
  position: relative;
  display: block;
  width: 310px;
  height: 100%;
  padding: 20px 30px 0 30px;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
}
#eCoupon .list .inner:hover {
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#eCoupon .list .inner figure {
  position: relative;
  display: inline-block;
  width: 250px;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 4px;
}
#eCoupon .list .inner figure .flag_sale2 {
  position: absolute;
  right: 25px;
  top: 25px;
}
#eCoupon .list .inner .name {
  display: block;
  height: 60px;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
}
#eCoupon .list .inner .price {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  text-align: center;
}
#eCoupon .list .inner .price em {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #ddd;
  text-decoration: line-through;
  margin: 0 12px 5px 0;
  vertical-align: middle;
}
#eCoupon .ecoupon_main {
  /* E쿠폰주문 */
  /* 선물하기 */
}
#eCoupon .ecoupon_main .w1440 {
  overflow-x: hidden;
  padding-bottom: 120px;
}
#eCoupon .ecoupon_main .pageTitle {
  margin-bottom: 33px;
}
#eCoupon .ecoupon_main .wrap_tabmenu {
  margin-bottom: 60px;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire {
  width: 820px;
  text-align: center;
  margin: 0 auto;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .m_tit {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .btn_typeC1 {
  vertical-align: middle;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 {
  padding: 0 10px;
  margin-top: 16px;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 .wrap_i input {
  background: rgba(255, 255, 255, 0);
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 .wrap_i input::-webkit-input-placeholder {
  color: #000;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 .wrap_i input::-moz-placeholder {
  color: #000;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 .wrap_i input:-ms-input-placeholder {
  color: #000;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .wrap_input_search2 .wrap_i input:-moz-placeholder {
  color: #000;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .input_bottom {
  position: relative;
  min-height: 32px;
  margin-top: 20px;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .input_bottom .ip_alert {
  text-align: left;
}
#eCoupon .ecoupon_main .eCoupon_order .inquire .input_bottom .btn_my_coupon {
  position: absolute;
  right: 0;
  top: 0;
}
#eCoupon .ecoupon_main .eCoupon_order .box_guide {
  margin-top: 20px;
}
#eCoupon .ecoupon_main .eCoupon_order .box_guide .desc {
  display: block;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu {
  padding-bottom: 60px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result {
  margin-top: 30px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .s_tit {
  margin: 52px 0 34px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui {
  width: 100%;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui + .radio_ui {
  margin-top: 14px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label {
  position: relative;
  width: 100%;
  min-height: 160px;
  padding: 20px 0 20px 64px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .radio_wrap {
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -12px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .radio_wrap span {
  top: 0;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label figure {
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .con {
  position: absolute;
  left: 224px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .tag {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .tag > span {
  display: inline-block;
  width: auto;
  height: 26px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  padding: 0 15px;
  border-radius: 26px;
  margin-right: 6px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .tag .type {
  color: #777;
  background: #f7f7f7;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .tag .e_coupon {
  color: #0f9a18;
  background: #cef6cb;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .title {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 17px;
  color: #000;
  line-height: 1.3;
  vertical-align: middle;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui label .title em {
  color: #DE4B50;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.soldout label {
  pointer-events: none;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.soldout label:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  border-radius: 16px;
  opacity: 80%;
  z-index: 1;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.soldout label:after {
  content: "";
  position: absolute;
  left: 52px;
  top: 50%;
  width: 140px;
  height: 140px;
  background: url("/assets/web/img/e_coupon/ic_radioin_soldout.png") 50% 50%/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-ecoupon .con {
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  line-height: 27px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-ecoupon .con .tit-item {
  position: absolute;
  top: 50%;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-ecoupon .con .tit-price {
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-price .con {
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  left: 64px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-price .con .tit-item {
  position: absolute;
  left: 0;
  top: 50%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 22px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .radio_ui.type-price .con .tit-price {
  position: absolute;
  right: 20px;
  top: 50%;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #da1a32;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -3px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .iqr_result .cmt_guide3 {
  margin-top: -19px;
  margin-bottom: 35px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .s_tit {
  margin: 49px 0 34px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .list {
  margin-bottom: 110px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .list input[type=radio]:checked + label .inner {
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .list .item {
  display: inline-block;
  margin-right: 20px;
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .list .item.select .inner {
  border: 2px solid #DA1A32;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
}
#eCoupon .ecoupon_main .eCoupon_order .coupon_menu .change_menu .inner {
  height: 369px;
  border: 2px solid transparent;
}
#eCoupon .ecoupon_main .present .m_tit {
  text-align: center;
  margin-bottom: 28px;
}
#eCoupon .ecoupon_main .present .s_tit {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#eCoupon .ecoupon_main .present .btn_typeC1 {
  vertical-align: middle;
}
#eCoupon .ecoupon_main .present .menu .swiper-container {
  margin-bottom: 108px;
}
#eCoupon .ecoupon_main .present .menu .inner {
  height: 416px;
}
#eCoupon .ecoupon_main .present .digital ul {
  margin-top: 38px;
}
#eCoupon .ecoupon_main .present .digital li {
  float: left;
  margin-right: 40px;
}
#eCoupon .ecoupon_main .present .digital li .inner {
  height: 322px;
}
#eCoupon .ecoupon_main .present .digital li .inner a {
  padding-top: 56px;
}
#eCoupon .ecoupon_main .present .digital li .inner figure {
  width: 230px;
  height: 136px;
  margin: 0 auto;
  border-radius: 16px;
  -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 18px;
}
#eCoupon .ecoupon_main .present .digital li .inner .name {
  height: auto;
}
#eCoupon .present_order {
  padding-top: 69px;
}
#eCoupon .present_order .item {
  margin-top: 20px;
  padding-left: 200px;
  position: relative;
}
#eCoupon .present_order .item .btn_typeC1 {
  margin-left: 16px;
}
#eCoupon .present_order .item .btns .btn_typeC1:nth-child(2) {
  margin-left: 6px;
}
#eCoupon .present_order .t_tit1 {
  margin-bottom: 26px;
}
#eCoupon .present_order .t_tit3 {
  position: absolute;
  left: 0;
  top: 3px;
}
#eCoupon .choice_card {
  position: relative;
  margin-bottom: 92px;
}
#eCoupon .choice_card .swiper-pagination {
  bottom: -50px;
}
#eCoupon .choice_card .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 11px;
}
#eCoupon .gift_info {
  padding-bottom: 60px;
}
#eCoupon .gift_info .order_menu {
  margin-top: 28px;
  margin-bottom: 54px;
}
#eCoupon .gift_info .order_menu .t_tit2 {
  margin-bottom: 15px;
}
#eCoupon .gift_info .order_menu .box_menu {
  padding-right: 350px;
}
#eCoupon .gift_info .order_menu .box_menu .btn_order_count2 {
  margin-right: 20px;
}
#eCoupon .gift_info .sender_info {
  padding-left: 0;
  margin-bottom: 54px;
}
#eCoupon .gift_info .sender_info .name {
  margin-top: 5px;
}
#eCoupon .gift_info .sender_info .name .t_tit3, #eCoupon .gift_info .sender_info .tel .t_tit3 {
  top: 7px;
}
#eCoupon .gift_info .recipient_info .cmt_guide3 {
  margin: 11px 0 14px;
}
#eCoupon .gift_info .recipient_info .name {
  margin-top: 10px;
}
#eCoupon .gift_info .recipient_info .name .t_tit3, #eCoupon .gift_info .recipient_info .tel .t_tit3 {
  top: 7px;
}
#eCoupon .gift_info .recipient_info .message {
  margin-top: 30px;
}
#eCoupon .payment_method {
  padding-top: 50px;
}
#eCoupon .payment_method .again {
  padding-left: 0;
}
#eCoupon .payment_method .digital .con {
  display: inline-block;
  vertical-align: top;
}
#eCoupon .payment_method .digital .con span {
  vertical-align: middle;
}
#eCoupon .payment_method .digital .con .price {
  display: inline-block;
  margin-left: 15px;
}
#eCoupon .payment_method .digital .con .price em {
  color: #DE4B50;
}
#eCoupon .payment_method .online .t_tit3 {
  top: 6px;
}
#eCoupon .payment_method .online .payment_list li {
  float: left;
  width: 25%;
  margin-bottom: 13px;
}
#eCoupon .payment_method .refund .select_ui_type1 {
  margin: 20px 0;
}
#eCoupon .present_order_complete {
  padding-top: 69px;
}
#eCoupon .present_order_complete .pageTitle {
  margin-bottom: 17px;
}
#eCoupon .present_order_complete .complete_msg {
  text-align: center;
  padding-bottom: 49px;
}
#eCoupon .present_order_complete .order_info {
  padding: 52px 0 0 0;
}
#eCoupon .present_order_complete .order_info .t_tit1 {
  margin-bottom: 13px;
}
#eCoupon .present_order_complete .order_info .complete_info table {
  width: 100%;
  border-collapse: collapse;
}
#eCoupon .present_order_complete .order_info .complete_info table tbody tr th {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  text-align: left;
  line-height: 22px;
  vertical-align: top;
  padding: 15px 0 12px 0;
}
#eCoupon .present_order_complete .order_info .complete_info table tbody tr td {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  vertical-align: top;
  padding: 12px 0 12px 0;
}
#eCoupon .present_order_complete .order_info .complete_info table tbody tr td .nonmenber_guide {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #DE4B50;
  margin-left: 20px;
}
#eCoupon .present_order_complete .order_info .complete_info table tbody tr td .btn_alarm {
  display: inline-block;
  margin-left: 19px;
}
#eCoupon .present_order_complete .order_info .order_menu {
  margin-top: 37px;
}
#eCoupon .present_order_complete .order_info .order_menu .t_tit2 {
  margin-bottom: 16px;
}
#eCoupon .present_order_complete .order_info .order_menu .box_menu {
  padding-right: 350px;
}
#eCoupon .present_order_complete .order_info .order_menu .box_menu .btn_order_count2 {
  margin-right: 20px;
}

#eCoupon.mobile_gift .ecoupon_main .wrap_tabmenu {
  margin-bottom: 40px;
}
#eCoupon.mobile_gift .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#eCoupon.mobile_gift .btns .btn_regist span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 20px 8px 12px;
  height: 40px;
  background-color: #DA1A32;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
}
#eCoupon.mobile_gift .btns .btn_regist span::before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/assets/web/img/common/ic_plus_fff.svg") no-repeat center top;
  background-size: 24px 24px;
}
#eCoupon.mobile_gift .btns .btn_shortcut_link span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 6px 16px;
  border-radius: 10px;
  border: 1px solid #AAA;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.16px;
}
#eCoupon.mobile_gift .no_content_type1 {
  padding: 100px 0 179px;
}
#eCoupon.mobile_gift .mobile_gift_cont .t_tit1 {
  text-align: center;
  margin-bottom: 20px;
}
#eCoupon.mobile_gift .mobile_gift_cont .wrap_note {
  margin-top: 0;
}
#eCoupon.mobile_gift .mobile_gift_cont .wrap_note .tit {
  margin: 23px 0 5px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.5px;
}
#eCoupon.mobile_gift .mobile_gift_cont .wrap_note .bullet_type1 > li {
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.5px;
}
#eCoupon.mobile_gift .mobile_gift_cont .wrap_note .bullet_type1 > li:not(:first-child) {
  margin-top: 3px;
}
#eCoupon.mobile_gift .mobile_gift_cont .wrap_note .bullet_type1 > li:before {
  width: 2px;
  height: 2px;
}
#eCoupon.mobile_gift .mobile_gift_cont .btn_wrap.small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 12px;
}
#eCoupon.mobile_gift .mobile_gift_cont .btn_wrap.small .btn_typeB2,
#eCoupon.mobile_gift .mobile_gift_cont .btn_wrap.small .btn_typeB1 {
  width: 254px;
}
#eCoupon.mobile_gift .mobile_gift_list ul {
  margin: 40px 0 72px;
}
#eCoupon.mobile_gift .mobile_gift_list ul li:not(:first-child) {
  margin-top: 20px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 160px;
  width: 100%;
  padding: 12px 20px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon + .item-ecoupon {
  margin-top: 18px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .thumb {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 120px;
  height: 120px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .thumb img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  gap: 0 8px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap .tit_num {
  width: 100%;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap:has(.btns) .tit_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 16px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap .btns {
  display: inline;
  margin-left: 12px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap .btns .btn_typeC1 {
  height: 39px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_wrap .btns .btn_typeC1 span {
  line-height: 39px !important;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_num {
  margin-bottom: 4px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22.5px;
  letter-spacing: -0.81px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_item {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.81px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_price {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  color: #DA1A32;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.81px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .con .tit_date {
  margin-top: 12px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.75px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .input_cont {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 20px;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .input_cont .radio_ui {
  position: relative;
  margin-right: 0;
}
#eCoupon.mobile_gift .mobile_gift_list .item_ecoupon .input_cont .radio_ui label {
  position: unset;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
#eCoupon.mobile_gift .mobile_gift_use .tit {
  padding: 14px 0 97px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note {
  margin-top: 0;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note .s_tit {
  margin-bottom: 33px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.12px;
  line-height: 140%;
  text-align: left;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note .bullet_type2 li {
  padding-left: 10px;
  font-size: 18px;
  line-height: 22px;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note .bullet_type2 li::before {
  top: 10px;
  left: 3px;
  width: 3px;
  height: 3px;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note .bullet_type2 li:not(:first-child) {
  margin-top: 8px;
}
#eCoupon.mobile_gift .mobile_gift_use .wrap_note .bullet_type2 li .btn_typeC1 {
  margin-top: 6px;
}
#eCoupon.mobile_gift .mobile_gift_use .btn_wrap {
  margin-top: 214px;
  text-align: center;
}
#eCoupon.mobile_gift .mobile_gift_use .btn_wrap .btn_typeB1 {
  height: 80px;
}
#eCoupon.mobile_gift .mobile_gift_use .btn_wrap .btn_typeB1 span {
  height: 80px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  line-height: 80px;
  letter-spacing: -0.24px;
}

.popup .pop_wrap:has(.mobile_gift_regist) .pop_layout {
  padding: 0 75px 60px;
}

.mobile_gift_regist .btn_typeB1 span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mobile_gift_regist .mobile_gift_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile_gift_regist .mobile_gift_search .wrap_i::after {
  display: none;
}
.mobile_gift_regist .mobile_gift_search .input_type_bd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 16px;
  width: 100%;
  height: 57px;
  border-radius: 4px;
  border: 1px solid #DDDDDD;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}
.mobile_gift_regist .mobile_gift_search .input_type_bd::-webkit-input-placeholder {
  color: #999999;
}
.mobile_gift_regist .mobile_gift_search .btn_typeB1 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 120px;
  height: 57px;
}
.mobile_gift_regist .mobile_gift_search .btn_typeB1 span {
  border-radius: 4px;
  font-size: 18px;
  line-height: 57px;
}
.mobile_gift_regist .mobile_gift_list {
  margin: 42px auto 23px;
  width: 504px;
  min-height: 180px;
}
.mobile_gift_regist .mobile_gift_list .desc {
  padding-top: 78px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 140%;
  text-align: center;
}
.mobile_gift_regist .item_ecoupon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 7.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  min-height: 177px;
  width: 100%;
  padding: 18px 15px;
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.mobile_gift_regist .item_ecoupon .thumb {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 120px;
  height: 120px;
}
.mobile_gift_regist .item_ecoupon .thumb img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mobile_gift_regist .item_ecoupon .con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  gap: 0 8px;
}
.mobile_gift_regist .item_ecoupon .con .tit_num {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22.5px;
  letter-spacing: -0.81px;
}
.mobile_gift_regist .item_ecoupon .con .tit_item {
  margin-top: 15px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.81px;
}
.mobile_gift_regist .item_ecoupon .con .tit_price {
  margin-top: 2.75px;
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 22.5px;
  letter-spacing: -0.81px;
}
.mobile_gift_regist .item_ecoupon .con .tit_date {
  margin-top: 22.5px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.75px;
}

.mobile_gift_order_type {
  padding-top: 30px;
}
.popup .pop_wrap:has(.mobile_gift_order_type) {
  padding-bottom: 0;
}
.popup .pop_wrap:has(.mobile_gift_order_type) .pop_head {
  border-bottom: 1px solid #dddddd;
}
.popup .pop_wrap:has(.mobile_gift_order_type) .pop_layout {
  padding: 0 75px;
  min-height: 447px;
}
.popup .pop_wrap:has(.mobile_gift_order_type) .pop_body {
  overflow-y: hidden;
}

.mobile_gift_order_type .order_type_list {
  margin: 0 auto;
  max-width: 712px;
}
.mobile_gift_order_type .order_type_list li:not(:first-child) {
  margin-top: 20px;
}
.mobile_gift_order_type .order_type_list li .btn_order_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 62px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.mobile_gift_order_type .order_type_list li .btn_order_type span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}
.mobile_gift_order_type .order_type_list li .btn_order_type.active {
  background-color: #DA1A32;
  border-color: #DA1A32;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.mobile_gift_order_type .order_type_list li .btn_order_type.active span {
  color: #ffffff;
}
.mobile_gift_order_type .setting_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 24px;
  position: relative;
  margin: 66px auto 0;
  padding: 36px 0 40px;
  max-width: 712px;
  width: 100%;
}
.mobile_gift_order_type .setting_address::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -75px;
  right: -75px;
  height: 1px;
  background-color: #dddddd;
}
.mobile_gift_order_type .setting_address .tit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
}
.mobile_gift_order_type .setting_address .tit .ico_address {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  background: url("/assets/web/img/e_coupon/ic_address_24.svg") no-repeat center top;
  background-size: 24px auto;
}
.mobile_gift_order_type .setting_address .address_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.mobile_gift_order_type .setting_address .address_box .text {
  overflow: hidden;
  display: block;
  width: 100%;
  color: #777777;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  text-align: left;
}
.mobile_gift_order_type .setting_address .address_box .label_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 6px;
  padding: 3px 6px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 12px;
  color: #000000;
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-size: 12px;
}
.mobile_gift_order_type .setting_address .btn_change {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: auto;
  height: 49px;
  background-color: #DA1A32;
  border-radius: 10px;
}
.mobile_gift_order_type .setting_address .btn_change span {
  padding: 12px 28px;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
}

.popup_how_use_gift {
  padding: 15px 25px 0;
}
.popup_how_use_gift .step_list {
  margin-bottom: 30px;
}
.popup_how_use_gift .step_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 6px;
}
.popup_how_use_gift .step_list li span {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
}
.popup_how_use_gift .step_list li .step {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.popup_how_use_gift .step_list li:not(:first-child) {
  margin-top: 20px;
}
.popup_how_use_gift .wrap_note {
  margin-top: 0;
}
.popup_how_use_gift .wrap_note .tit {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.06px;
}
.popup_how_use_gift .wrap_note .bullet_type1 li {
  margin-top: 10px;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.5px;
}
.popup_how_use_gift .wrap_note .bullet_type1 li::before {
  top: 7px;
  width: 2px;
  height: 2px;
}

/* 쿠폰선택 팝업 */
.pop_e_coupon_choice .no_content_type1 {
  padding-top: 30px;
}

/* E쿠폰 이용 방법 */
.pop_coupon_guide .tit_couponguide {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  line-height: 35px;
  margin: 40px 0 25px;
}
.pop_coupon_guide .wrap_note {
  margin-top: 50px;
}
.pop_coupon_guide .wrap_note + .wrap_note {
  margin-top: 32px;
}
.pop_coupon_guide .list_bullet li {
  position: relative;
  padding-left: 14px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
.pop_coupon_guide .list_bullet li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #000;
}
.pop_coupon_guide .list_bullet li + li {
  margin-top: 8px;
}
.pop_coupon_guide .list_bullet li br + .btn_typeC1 {
  margin: 6px 0 0;
}
.pop_coupon_guide .list_step {
  padding-top: 15px;
}
.pop_coupon_guide .list_step li {
  float: left;
}
.pop_coupon_guide .list_step li:first-child {
  margin-left: 0 !important;
}
.pop_coupon_guide .list_step .st_num {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 14px;
  color: #DA1A32;
  margin-bottom: 9px;
}
.pop_coupon_guide .list_step .desc {
  height: 95px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
}
.pop_coupon_guide .list_step.col4 li {
  width: 250px;
  margin-left: 34px;
}
.pop_coupon_guide .list_step.col3 li {
  width: 347px;
  margin-left: 31px;
}
.pop_coupon_guide .list_step_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pop_coupon_guide .list_step_new li {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pop_coupon_guide .list_step_new .st_num {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 14px;
  color: #DA1A32;
}
.pop_coupon_guide .list_step_new .desc {
  position: absolute;
  left: 0;
  top: 29px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 20px;
  color: #000;
  line-height: 1.5;
  word-break: break-all;
}
.pop_coupon_guide .list_step_new .desc.small {
  font-size: 14px;
  line-height: 1.7;
}
.pop_coupon_guide .list_step_new figure img {
  max-width: 100%;
}
.pop_coupon_guide .list_step_new .cell .st_num {
  position: static;
}
.pop_coupon_guide .list_step_new .cell .desc {
  position: static;
  margin-top: 9px;
}
.pop_coupon_guide .list_step_new .cell figure {
  margin-top: 36px;
}
.pop_coupon_guide .list_step_new .cell + .cell {
  margin-top: 40px;
}
.pop_coupon_guide .list_step_new .cell.m20 {
  margin-top: 20px;
}
.pop_coupon_guide .tabin_product .list_step_new li {
  width: 250px;
  padding-top: 134px;
}
.pop_coupon_guide .tabin_price .list_step_new li {
  width: 348px;
  padding-top: 0;
}

/* 단품메뉴 교환하기 상세 */
.pop_menuView_single .wrap_final,
.pop_menuView_set .wrap_final {
  position: relative;
  width: 100%;
  height: 80px;
}
.pop_menuView_single .wrap_final .container,
.pop_menuView_set .wrap_final .container {
  width: 100%;
}
.pop_menuView_single .wrap_final .container .inner,
.pop_menuView_set .wrap_final .container .inner {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: hidden;
}
.pop_menuView_single .wrap_final .container .inner .wrapper,
.pop_menuView_set .wrap_final .container .inner .wrapper {
  float: left;
  width: 25%;
}
.pop_menuView_single .wrap_final .container .inner .wrapper:last-child,
.pop_menuView_set .wrap_final .container .inner .wrapper:last-child {
  float: right;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .item,
.pop_menuView_set .wrap_final .container .inner .wrapper .item {
  width: 100%;
  height: 80px;
  text-align: left;
  background: #fff;
  padding: 20px 0 0 50px;
  position: relative;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .item:before,
.pop_menuView_set .wrap_final .container .inner .wrapper .item:before {
  content: "";
  display: block;
  width: 2px;
  height: 50px;
  background: #ddd;
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .item .tit,
.pop_menuView_set .wrap_final .container .inner .wrapper .item .tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
  line-height: 1;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .item .detail,
.pop_menuView_set .wrap_final .container .inner .wrapper .item .detail {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.pop_menuView_single .wrap_final .container .inner .wrapper:first-child .item:before,
.pop_menuView_set .wrap_final .container .inner .wrapper:first-child .item:before {
  display: none;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in {
  display: block;
  width: 100%;
  height: 80px;
  text-align: center;
  background: #fff;
  position: relative;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in:before,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in:before {
  display: none;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in span,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in span {
  display: block;
  width: 100%;
  height: 80px;
  line-height: inherit;
  background: #DA1A32;
  margin: 0 auto;
  padding-top: 10px;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in span em,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in span em {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 22px;
  color: #fff;
  line-height: 26px;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in.reduce span,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in.reduce span {
  width: 80px;
  border-radius: 80px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in.reduce span em,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in.reduce span em {
  display: none;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in.moveEnd span,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in.moveEnd span {
  width: 100%;
  border-radius: 0;
  background: #DA1A32;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .put_in em,
.pop_menuView_set .wrap_final .container .inner .wrapper .put_in em {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .cart_anim,
.pop_menuView_set .wrap_final .container .inner .wrapper .cart_anim {
  display: none;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #DA1A32;
  position: absolute;
  top: 0px;
  left: 0;
}
.pop_menuView_single .wrap_final .container .inner .wrapper .cart_anim.moveTop,
.pop_menuView_set .wrap_final .container .inner .wrapper .cart_anim.moveTop {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

#store {
  padding-top: 170px;
}
#store .store_container {
  position: relative;
  height: 784px;
  padding-left: 400px;
}
#store .left_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 400px;
  height: 100%;
  border: 1px solid #f7f7f7;
}
#store .left_box .search_area {
  height: 130px;
  padding: 21px 20px 0;
}
#store .left_box .search_area .btn_find_location {
  margin-top: 15px;
}
#store .left_box .result_tit {
  height: 85px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
  color: #000;
  padding: 25px 20px 0;
}
#store .left_box .list_store {
  height: 568px;
  overflow-y: auto;
}
#store .left_box .list_store li.box_store2 {
  border-bottom: 8px solid #f7f7f7;
}
#store .left_box .list_store li.box_store2:first-child {
  padding-top: 0;
}
#store .left_box .list_store li.box_store2:first-child .icons {
  top: 50px;
}
#store .left_box .list_store li.box_store2:last-child {
  border-bottom: none;
}
#store .left_box .no_content_type1 .txt {
  padding-top: 24px;
  background: none;
}
#store .wrap_map {
  width: 100%;
  height: 100%;
}
#store .wrap_map .map_area {
  position: relative;
  width: 100%;
  height: 100%;
}
#store .wrap_map .map_area .tooltip_store_info {
  width: 400px;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
}
#store .wrap_map .map_area .ollehmap div[style*="1001"] {
  display: none;
}
#store .wrap_map .map_area .ollehmap-info {
  margin-top: 0 !important;
  margin-left: -200px !important;
}
#store .wrap_map .map_area .ollehmap-info-area {
  width: auto !important;
  height: auto !important;
  border: none;
  background-color: none;
}
#store .wrap_map .map_area .ollehmap-info-content {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  margin-top: -70px;
}
#store .wrap_map .map_area .ollehmap-info-content-overflow {
  padding: 0 !important;
  overflow: visible;
}
#store .wrap_map .map_area .ollehmap-info-close {
  right: auto;
  left: 370px;
  top: 17px;
  display: none;
}
#store .wrap_map .map_area .ollehmap-info-tip {
  display: none;
}
#store .wrap_map .map_area .ollehmap-info-shadow {
  display: none !important;
}

#etc .terms_common {
  padding-top: 170px;
}
#etc .terms_common .top_area {
  margin: 52px 0 25px 0;
}
#etc .terms_common .top_area .view_prev {
  margin-top: 30px;
}
#etc .terms_common .top_area .view_prev .t_tit3 {
  float: left;
  margin-top: 6px;
}
#etc .terms_common .top_area .view_prev .select_ui_type1 {
  float: right;
  width: 1160px;
}
#etc .terms_common .top_area .view_prev .select_ui_type1 select {
  color: #000;
}
#etc .terms_common .terms_list {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}
#etc .terms_common .terms_list .b {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
}
#etc .terms_common .terms_list .s_tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  color: #000;
  margin-bottom: 13px;
}
#etc .terms_common .terms_list strong {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  margin-top: 50px;
  margin-bottom: 13px;
}
#etc .terms_common .terms_list strong.no_mt {
  margin-top: 0;
}
#etc .terms_common .terms_list p {
  margin-bottom: 13px;
}
#etc .terms_common .terms_list ul, #etc .terms_common .terms_list ol {
  margin-bottom: 13px;
}
#etc .terms_common .terms_list ul.padding1 > li, #etc .terms_common .terms_list ol.padding1 > li {
  padding: 0 0 0 27px;
  text-indent: -27px;
}
#etc .terms_common .terms_list ul.padding2 > li, #etc .terms_common .terms_list ol.padding2 > li {
  padding: 0 0 0 22px;
  text-indent: -22px;
}
#etc .terms_common .terms_list ul.padding3 > li, #etc .terms_common .terms_list ol.padding3 > li {
  padding: 0 0 0 26px;
  text-indent: -26px;
}
#etc .terms_common .terms_list ul.padding4 > li, #etc .terms_common .terms_list ol.padding4 > li {
  padding: 0 0 0 11px;
  text-indent: -11px;
}
#etc .terms_common .terms_list ul.padding5 > li, #etc .terms_common .terms_list ol.padding5 > li {
  padding: 0 0 0 21px;
  text-indent: -21px;
}
#etc .terms_common .terms_privacy .top_area .view_prev .select_ui_type1 {
  width: 1100px;
}
#etc .terms_common .terms_membership .top_area .view_prev .select_ui_type1 {
  width: 1130px;
}
#etc .terms_common .terms_location .top_area .view_prev .select_ui_type1 {
  width: 1060px;
}
#etc .terms_common .terms_giftcard .top_area .view_prev .select_ui_type1 {
  width: 1130px;
}
#etc .set_address {
  padding-top: 170px;
}
#etc .set_address .find_location {
  position: relative;
  display: inline-block;
  padding-left: 33px;
  margin-top: 16px;
}
#etc .set_address .find_location:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 22px;
  height: 22px;
  background: url("/assets/web/img/common/ic_location1.png") no-repeat center;
}
#etc .set_address .find_location span {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
}
#etc .set_address .recently {
  margin-top: 53px;
}
#etc .set_address .recently .list_addr {
  margin-top: 32px;
}
#etc .set_address .recently .list_addr li {
  position: relative;
  width: 650px;
  padding: 27px 20px 27px 0;
  border-bottom: 1px solid #eee;
}
#etc .set_address .recently .list_addr li:nth-child(2n-1) {
  float: left;
}
#etc .set_address .recently .list_addr li:nth-child(2n) {
  float: right;
}
#etc .set_address .recently .list_addr li:last-child {
  margin-bottom: 0;
}
#etc .set_address .recently .list_addr li .addr {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: left;
}
#etc .set_address .recently .list_addr li .addr span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
#etc .set_address .recently .list_addr li .btn_li_del {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 100%;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_close4.png") no-repeat center;
}
#etc .set_address .result {
  margin-top: 53px;
}
#etc .set_address .result .list_addr {
  margin-top: 32px;
}
#etc .set_address .result .list_addr li {
  position: relative;
  width: 650px;
  padding: 27px 20px 27px 0;
  border-bottom: 1px solid #eee;
}
#etc .set_address .result .list_addr li:nth-child(2n-1) {
  float: left;
}
#etc .set_address .result .list_addr li:nth-child(2n) {
  float: right;
}
#etc .set_address .result .list_addr li:last-child {
  margin-bottom: 0;
}
#etc .set_address .result .list_addr li .addr {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  text-align: left;
}
#etc .set_address .result .list_addr li .addr span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
#etc .set_address .result .list_addr li .btn_li_del {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 100%;
  text-indent: -9999px;
  background: url("/assets/web/img/common/ic_close4.png") no-repeat center;
}
#etc .set_address .result .wrap_paging {
  margin-top: 60px;
}
#etc .set_address .current {
  margin-top: 60px;
}
#etc .set_address .current .wrap_map {
  position: relative;
  width: 100%;
  height: 320px;
}
#etc .set_address .current .wrap_map .map_area {
  position: relative;
  width: 100%;
  height: 100%;
}
#etc .set_address .current .wrap_map .map_guide {
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
#etc .set_address .current .wrap_map .map_guide span {
  display: inline-block;
  width: auto;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  padding: 0 42px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 40px;
}
#etc .set_address .current .wrap_map .marker {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -63px;
  width: 68px;
  height: 76px;
  background: url("/assets/web/img/common/ic_marker1.png") no-repeat center;
  z-index: 1;
}
#etc .set_address .current .wrap_current_loc {
  margin-top: 50px;
}
#etc .set_address .current .wrap_current_loc li {
  position: relative;
  min-height: 40px;
  padding-left: 200px;
  margin-top: 9px;
}
#etc .set_address .current .wrap_current_loc li:first-child {
  margin-top: 0;
}
#etc .set_address .current .wrap_current_loc li .lb {
  position: absolute;
  left: 0;
  top: 6px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 16px;
}
#etc .set_address .current .wrap_current_loc li .con .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  padding-top: 5px;
}
#etc .set_address .current .wrap_current_loc li .con .input_type1 {
  font-size: 16px;
  padding: 0;
}
#etc .set_address .current .btn_ac {
  margin-top: 60px;
}
#etc .error_404 {
  padding-top: 170px;
}
#etc .error_404 .pageTitle {
  margin-bottom: 80px;
}
#etc .error_404 .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 15px;
}
#etc .error_404 .txt2 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}
#etc .error_404 .btn_home {
  margin-bottom: 20px;
}

/*----------- 영문 공통 -----------*/
#header.header_eng .wrap_header .inner #gnb .depth1 li .d1 {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0;
}
#header.header_eng .wrap_header .inner .utility .icons a.btn_kor {
  float: none;
  width: auto;
  text-indent: 0px;
  margin-right: 0px;
}
#header.header_eng .wrap_header .inner .utility .icons a.btn_kor span {
  line-height: 27px;
  border: 1px solid #707070;
}

#footer .inner .ft_info .copyright {
  margin-top: 30px;
}

/*----------- 영문 메인 -----------*/
#main .main_container.eng .recommend {
  width: 550px;
}
#main .main_container.eng .recommend .sect_tit {
  letter-spacing: -0.8px;
}
#main .main_container.eng .recommend .list_rcmd_menu li {
  height: auto;
  padding: 24px 30px 0;
  margin-bottom: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .main_container.eng .recommend .list_rcmd_menu li .name {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 24px;
  color: #000;
  letter-spacing: -0.24px;
  line-height: 1.5;
  margin-top: -4px;
}
#main .main_container.eng .recommend .list_rcmd_menu li .img {
  width: 170px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 10px;
}
#main .main_container.eng .recommend .list_rcmd_menu li:hover {
  height: auto;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#main .main_container.eng .introduce {
  position: relative;
  width: 500px;
  height: 100%;
  margin: 0 auto;
}
#main .main_container.eng .introduce .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  margin: auto;
  padding-top: 170px;
}
#main .main_container.eng .introduce .title {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#main .main_container.eng .introduce .title .sort {
  margin-bottom: 5px;
}
#main .main_container.eng .introduce .title .sort .tag {
  display: inline-block;
  width: auto;
  height: 40px;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #DE4B50;
  line-height: 40px;
  background: #f8e8e8;
  border-radius: 40px;
  padding: 0 16px;
}
#main .main_container.eng .introduce .title .sort .category {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 22px;
  color: #000;
  letter-spacing: -0.5px;
  margin-left: 15px;
}
#main .main_container.eng .introduce .title p {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 62px;
  color: #000;
  line-height: 1.26;
  text-transform: uppercase;
}
#main .main_container.eng .introduce .plate {
  position: relative;
  width: 100%;
  height: 500px;
  background: url("/assets/web/img/common/bg_cart_empty_490.png") no-repeat center;
}
#main .main_container.eng .introduce .plate .img_menu {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#main .main_container.eng .eng_banner {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
#main .main_container.eng .eng_banner img {
  position: absolute;
  right: 40px;
  top: -382px;
}

/*----------- 영문 브랜드 -----------*/
#brand_eng {
  padding-top: 170px;
  padding-bottom: 120px;
}
#brand_eng .top_area .desc {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-size: 40px;
  color: #000;
  text-align: center;
  line-height: 1.3;
  letter-spacing: -0.6px;
  margin-bottom: 55px;
}
#brand_eng .brand_con ul li {
  float: left;
  width: 325px;
  height: 500px;
  margin-right: 20px;
}
#brand_eng .brand_con ul li:nth-child(4n) {
  margin-right: 0;
}
#brand_eng .brand_con ul li figure figcaption .tit {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 34px;
  color: #000;
  text-align: center;
  line-height: 1.3;
  word-break: keep-all;
  margin-top: 20px;
}
#brand_eng .brand_con ul li figure figcaption .desc {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 1.5;
  word-break: keep-all;
  letter-spacing: 0;
  margin-top: 20px;
}
#brand_eng .brand_con ul li figure figcaption .desc .txt1 {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 14px;
}
#brand_eng .brand_con .by_phone {
  width: 100%;
  text-align: center;
  padding: 25px 0 30px 0;
  background: #f7f7f7;
  border-radius: 16px;
}
#brand_eng .brand_con .by_phone .txt {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}
#brand_eng .brand_con .by_phone .tel {
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 18px;
  color: #000;
}

/*----------- 영문 메뉴 -----------*/
#menu .menuList_basic.eng {
  padding-bottom: 80px;
}
#menu .menuList_basic.eng .pageTitle {
  margin-bottom: 20px;
}
#menu .menuList_basic.eng .wrap_menuList .cat_tit {
  display: block;
  font-family: "Noto Sans KR";
  font-weight: 800;
  font-size: 24px;
  color: #000;
  text-align: left;
  margin-bottom: 12px;
}
#menu .menuList_basic.eng .wrap_menuList > ul > li:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#menu .menuList_basic.eng .wrap_menuList > ul > li .con .inner .tit {
  word-break: keep-all;
  letter-spacing: -0.3px;
}
#menu .menuList_banner.eng {
  padding-bottom: 80px;
}
#menu .menuList_banner.eng .wrap_sideList ul li {
  height: 370px;
}
#menu .menuList_banner.eng .wrap_sideList ul li .inner .name {
  height: auto;
  margin-bottom: 10px;
}
/*# sourceMappingURL=../../../sourcemaps/assets/web/css/screen.ui.css.map */