/* Document
 * ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */:where(html) {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%; /* 2 */
}/* Sections
 * ========================================================================== *//**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */:where(h1) {
  font-size: 2em;
  margin-block-end: 0.67em;
  margin-block-start: 0.67em;
}/* Grouping content
 * ========================================================================== *//**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-block-end: 0;
  margin-block-start: 0;
}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}/* Text-level semantics
 * ========================================================================== *//**
 * Add the correct text decoration in Safari.
 */:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */:where(b, strong) {
  font-weight: bolder;
}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */:where(code, kbd, pre, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}/**
 * Add the correct font size in all browsers.
 */:where(small) {
  font-size: 80%;
}/* Tabular data
 * ========================================================================== *//**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}/* Forms
 * ========================================================================== *//**
 * Remove the margin on controls in Safari.
 */:where(button, input, select) {
  margin: 0;
}/**
 * Remove the inheritance of text transform in Firefox.
 */:where(button) {
  text-transform: none;
}/**
 * Correct the inability to style buttons in iOS and Safari.
 */:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
  -webkit-appearance: button;
}/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */:where(progress) {
  vertical-align: baseline;
}/**
 * Remove the inheritance of text transform in Firefox.
 */:where(select) {
  text-transform: none;
}/**
 * Remove the margin in Firefox and Safari.
 */:where(textarea) {
  margin: 0;
}/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */::-webkit-search-decoration {
  -webkit-appearance: none;
}/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
  border-style: none;
  padding: 0;
}/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
  outline: 1px dotted ButtonText;
}/**
 * Remove the additional :invalid styles in Firefox.
 */:where(:-moz-ui-invalid) {
  box-shadow: none;
}/* Interactive
 * ========================================================================== *//*
 * Add the correct styles in Safari.
 */:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}:where(dialog:not([open])) {
  display: none;
}/*
 * Add the correct display in all browsers.
 */:where(summary) {
  display: list-item;
}@keyframes opacity-slideUp{0%{opacity:0%}33%{opacity:0%;transform:translateY(50%)}100%{opacity:100%;transform:translateY(0%)}}@keyframes opacityUp{0%{opacity:0%}33%{opacity:0%}100%{opacity:100%}}@keyframes opacityDown{from{opacity:100%}to{opacity:0%}}.success-layout{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding-bottom:3rem;width:100vw;height:auto;min-height:100vh;background-color:#fff}@media screen and (min-width: 700px){.success-layout{max-width:500px;left:calc(50vw - 250px)}}.success-title{font-size:3rem;line-height:4.6rem;font-weight:700;color:#000;margin-top:9rem}.duplicated-title{font-size:3rem;line-height:4.6rem;font-weight:700;color:#000;margin-top:9rem;text-align:center}.success-title-sub{font-size:1.6rem;line-height:2.8rem;font-weight:400;color:#7d7d7d;margin-top:.4rem}.success-user-title{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:6.8rem}.success-user-title strong{font-size:1.5rem;line-height:2.4rem;font-weight:700;color:#525252}.success-user-title p{font-size:1.5rem;line-height:2.4rem;font-weight:700;color:#bebebe}.product-wrap{animation:opacity-slideUp 1.5s ease-in-out 0s 1 normal;margin-bottom:6.4rem}.product-list{width:calc(100vw - 2rem);margin-top:3rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.6rem;z-index:20}@media screen and (min-width: 428px){.product-list{width:40.8rem}}.product-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc((100vw - 1.2rem - 2rem)/3)}@media screen and (min-width: 428px){.product-card{width:13.2rem}}.product-card:nth-child(-n+3){padding-bottom:1.8rem}.product-card img{width:calc((100vw - 1.2rem - 2rem)/3);height:calc((100vw - 1.2rem - 2rem)/3*1.2)}@media screen and (min-width: 428px){.product-card img{width:13.2rem;height:15.84rem}}.product-card img{margin-bottom:.8rem;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.product-card span{font-size:1.5rem;line-height:1.6rem;font-weight:700;color:#232f41;width:inherit;text-align:left}.product-card p{font-size:1.1rem;line-height:1.6rem;font-weight:400;color:#686868;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit;margin-bottom:.2rem;text-align:left}.confetti-wrap{position:fixed;width:140%;height:300px;top:3rem;right:0;transform:translate(15%, -30%);animation:opacityDown 2s ease-in-out 0s 1 normal;opacity:0;overflow:hidden}@media screen and (min-width: 700px){.confetti-wrap{width:80vw;transform:translate(-12%, -30%)}}.btn-floating{font-size:1.6rem;line-height:2.8rem;font-weight:500;color:#fff;position:sticky;bottom:3rem;width:calc(100vw - 2rem);max-width:33.5rem;height:5rem;padding:1.1rem 0;border-radius:2.5rem;background-color:#f15410;border:none;text-align:center;cursor:pointer;z-index:999;animation:opacityUp 1.5s ease-in-out 0s 1 normal}.empty-product{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.6rem;line-height:2.8rem;font-weight:500;color:#7d7d7d;width:100%;height:38rem}.error-root{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;padding-bottom:3rem;background-color:#fff}@media screen and (min-width: 700px){.error-root{max-width:500px;left:calc(50vw - 250px)}}.desc{font-size:1.4rem;line-height:2.4rem;font-weight:400;color:#7d7d7d;text-align:center}.icon-wrap{width:8rem;height:8rem;margin-bottom:1rem}.icon-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}*{margin:0;padding:0;box-sizing:border-box}* a{text-decoration:none}html{font-family:"Noto Sans KR",sans-serif;font-size:62.5%}body{width:100vw;height:100vh;background-color:#fff}@media screen and (min-width: 700px){body{background-color:#f2f2f2}}