:root {
  --main-color: #00d3d7;
  --red-color: #ea4335;
  --error-color: #b3261e;
  --black: #222;
  --gray: #686868;
  --light-gray: #e8ecef;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  background-repeat: no-repeat;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  src: url("/static/font/Pretendard-Black.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url("/static/font/Pretendard-ExtraBold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url("/static/font/Pretendard-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url("/static/font/Pretendard-SemiBold.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url("/static/font/Pretendard-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url("/static/font/Pretendard-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  src: url("/static/font/Pretendard-Light.otf") format("opentype");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  src: url("/static/font/Pretendard-ExtraLight.otf") format("opentype");
}

#app {
  width: 100%;
}

#app:has(.full-height) {
  height: 100%;
}

.test-btn {
  width: 10px;
  height: 10px;
  background-color: black;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}

.view-site {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: white;
  z-index: 9990;
  display: none;
}

.view-site.active {
  display: block;
}

.view-site>li {
  color: #333;
  text-align: center;
  padding: 1rem;
}

html,
body {
  color: var(--black);
  font-size: 16px;
  font-family: "Pretendard", sans-serif;
  letter-spacing: normal;
  line-height: 1.25;
  overflow-x: hidden;
  height: 100%;
}

html:has(.tap-bar),
body:has(.tap-bar) {
  padding-bottom: 72px;
}

/* 탭바 있을 때: fixed로 뷰포트 기준 고정 (안드로이드 sticky 차이 보정) */
body:has(.tap-bar) .sticky-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 72px;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  padding: 10px 4px;
  z-index: 98;
  box-sizing: border-box;
  padding-inline: 24px;
}
/* 버튼 위·아래 간격 동일 (탭바와 딱 붙되 내부 여백은 위와 같게) */
body:has(.tap-bar) .sticky-bottom.lg {
  padding: 18px 4px;
  padding-inline: 24px;
}
/* 두 개 버튼: 좌우 거의 꽉 채우도록 */
body:has(.tap-bar) .sticky-bottom .btns {
  gap: 8px;
}
/* fixed 시 하단 버튼 높이만큼 여백 확보 (스크롤 시 콘텐츠 가림 방지) */
body:has(.tap-bar) .col-content:has(.sticky-bottom) {
  padding-bottom: 100px;
}

.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

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

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

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

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mi-auto {
  margin-inline: auto !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.f-16 {
  font-size: 16px !important;
}

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  flex-direction: column;
}

.h-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.v-start {
  align-items: flex-start;
}

.h-start {
  justify-content: flex-start;
}

.h-spread {
  justify-content: space-between;
}

.h-end {
  justify-content: flex-end;
}

.v-end {
  align-items: flex-end;
}

.layout {
  width: 100%;
  max-width: 662px;
  margin-inline: auto;
  padding-inline: 24px;
}

.layout.full {
  padding-inline: 0;
}

/* .wrap:has(.tap-bar),
.vue-container:has(.tap-bar) {
  padding-bottom: 72px;
} */
.vue-container:has(.full-height) {
  height: calc(100% + 72px);
}

/* 공통 */
.page-top>h2 {
  font-size: 24px;
  font-weight: 700;
}

.page-top.sm>h2 {
  font-size: 18px;
  line-height: 1.5;
}

.page-top>p {
  color: #666;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 6px;
  word-break: break-word;
}

.page-top.sm>p {
  font-size: 14px;
}

.page-top>p.light {
  color: #646668;
  font-weight: 400;
}

.section-top h2 {
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.section-top p {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
}

.section-top>a {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1714 12.5007L8.22168 7.55093L9.63589 6.13672L15.9999 12.5007L9.63589 18.8646L8.22168 17.4504L13.1714 12.5007Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  background-position: right 4.5px;
}

.btn {
  max-width: 100%;
  height: 40px;
  color: #686868;
  font-size: 16px;
  font-weight: 500;
  padding-inline: 20px;
  border-radius: 4px;
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}

.btn:disabled {
  pointer-events: none;
  opacity: 0.35;
}

.btn.lined {
  color: #686868;
  background-color: white !important;
  border: 1px solid #686868;
}

.btn.full {
  width: 100%;
}

.btn.lg {
  height: 56px;
  border-radius: 8px;
}

.btn.sm {
  padding-inline: 16px;
}

.btn.primary {
  color: white;
  font-weight: 700;
  background-color: var(--main-color);
}

.btn.lined.primary {
  color: var(--main-color);
  border-color: var(--main-color);
}

.btn.cancel {
  color: white;
  background-color: var(--red-color);
  font-weight: 700;
}

.btn.lined.cancel {
  color: var(--red-color);
  border-color: var(--red-color);
}

.btn.black {
  color: white;
  background-color: var(--black);
}

.btn.lined.black {
  color: var(--black);
  border-color: var(--black);
}

.btn.icon::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0007 15.1709L19.1931 5.97852L20.6073 7.39273L10.0007 17.9993L3.63672 11.6354L5.05093 10.2212L10.0007 15.1709Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  margin-right: 4px;
}

.tab-btns {
  display: flex;
  gap: 10px;
}

.btn.tab-btn {
  height: 48px;
  padding-inline: 16px;
  font-size: 14px;
}

.btn.tab-btn.active {
  color: white;
  background-color: var(--main-color);
}

.tab-content:not(.active) {
  display: none !important;
}

.select {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  border: 1px solid #e8ecef;
  padding-inline: 16px 52px;
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right 16px center;
  outline: none;
}

.select:focus {
  border-color: var(--main-color);
}

.input-item .input-wrap {
  border-bottom: 1px solid #888;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.input-item .input-wrap .input {
  flex: 1 1 auto;
  position: relative;
}

.input-item .input-wrap .input .search-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  bottom: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='black'/%3E%3C/svg%3E%0A");
}

.input-item .input-wrap .input>label,
.label {
  display: block;
  width: 100%;
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

.label.bold {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.label.highlight {
  color: #007aff;
  font-size: 14px;
  font-weight: 700;
}

.input-item .input-wrap .input>input {
  border: 0;
  outline: 0;
  height: 24px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}

.input-item .input-wrap .input>input::placeholder,
.input-item .textarea-wrap textarea::placeholder {
  color: #b9b9b9 !important;
  font-weight: 500;
}

.input-item .input-wrap:has(.input:focus-within) {
  border-color: var(--main-color);
}

.input-item .input-wrap .input:focus-within>label {
  color: var(--main-color);
}

.input-item .input-wrap .input:focus-within>input {
  caret-color: var(--main-color);
}

.input-item .input-wrap.error {
  border-color: var(--error-color) !important;
}

.input-item .input-wrap.error .input>label {
  color: var(--error-color) !important;
}

.input-item .input-wrap.error .input>input {
  caret-color: var(--error-color) !important;
}

.input-item .input-wrap .input:has(*:required) label::after,
.label.required::after {
  content: " *";
  font-size: 14px;
  color: var(--red-color);
}

.input-item .textarea-wrap:has(*:required) label::after,
.label.required::after {
  content: " *";
  font-size: 14px;
  color: var(--red-color);
}

.input-item .error-msg {
  color: var(--error-color);
  font-size: 14px;
  font-weight: 400;
  margin-top: 4px;
}

.input-item .input-wrap>.btn {
  flex: 0 0 auto;
}

.input-item.lined .input-wrap {
  border: 0;
  padding: 0;
}

.input-item.lined .input-wrap .input>input {
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  height: 56px;
  padding-inline: 16px;
}

.input-item.lined .input-wrap .input>input:focus {
  border-color: var(--main-color);
}

.input-item.lined .input-wrap.error .input>input {
  border-color: var(--error-color) !important;
}

.input-item.lined.rounded .input-wrap .input>input {
  font-size: 14px;
  height: 52px;
  border-radius: 12px;
  border-color: var(--light-gray);
}

.input-item.lined.rounded .input-wrap .input>input:focus {
  border-color: var(--main-color);
}

.input-item.lined.rounded .input-wrap .input>input::placeholder {
  color: #686868;
}

.input-item .textarea-wrap>label {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
}

.input-item .textarea-wrap>textarea {
  padding: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  resize: none;
}

.wrap {
  padding-top: 62px;
}

.checkbox-wrap>label {
  color: black;
  font-size: 18px;
  font-weight: 600;
  display: block;
  padding-left: 28px;
  width: fit-content;
  max-width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.5' r='10' fill='%23ddd'/%3E%3Cpath d='M8.57195 12.7649L15.1379 6.19891L16.1481 7.20906L8.57195 14.7852L4.02625 10.2395L5.0364 9.2294L8.57195 12.7649Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
  background-position: left center;
}

.checkbox-wrap>input:checked+label {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.5' r='10' fill='%2300D3D7'/%3E%3Cpath d='M8.57195 12.7649L15.1379 6.19891L16.1481 7.20906L8.57195 14.7852L4.02625 10.2395L5.0364 9.2294L8.57195 12.7649Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
}

.grid-radio {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 8px;
}

.grid-radio.grid-1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.grid-radio.grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.grid-radio.grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.grid-radio>li {
  width: 100%;
}

.grid-radio>li>label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  height: 100%;
  background-color: #eee;
  border-radius: 8px;
  color: #686868;
  font-size: 16px;
  font-weight: 500;
  padding: 4px;
  text-align: center;
}

.grid-radio>li>input:disabled+label {
  pointer-events: none;
  opacity: 0.35;
}

.grid-radio.grid-6>li>label {
  min-height: 50px;
}

.grid-radio>li>input:checked+label {
  background-color: var(--main-color);
  color: white;
  font-weight: 700;
}

/* 헤더 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 24px;
  background-color: white;
  z-index: 999;
}

.header .page-title {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
}

.header .page-title:not(:only-child):first-child {
  margin-inline: auto;
  padding-left: 28px;
}

.header .page-title:last-child {
  margin-inline: auto;
  padding-right: 28px;
}

.header .hd-btn {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  background-position: center;
}

.header .hd-btn.back-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2998 14.0008L9.07457 19.7755L7.42467 21.4254L0 14.0008L7.42467 6.57617L9.07457 8.22608L3.2998 14.0008Z' fill='%2309121F'/%3E%3C/svg%3E%0A");
}

.header .hd-btn.noti-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z' fill='black'/%3E%3C/svg%3E%0A");
}

.header .hd-btn.noti-btn.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_302_6024)'%3E%3Cpath d='M20 17.0415H22V19.0415H2V17.0415H4V10.0415C4 5.62322 7.58172 2.0415 12 2.0415C16.4183 2.0415 20 5.62322 20 10.0415V17.0415ZM18 17.0415V10.0415C18 6.72779 15.3137 4.0415 12 4.0415C8.68629 4.0415 6 6.72779 6 10.0415V17.0415H18ZM9 21.0415H15V23.0415H9V21.0415Z' fill='black'/%3E%3Ccircle cx='20' cy='4' r='4' fill='%23FF4356'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_302_6024'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.0415039)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.logo>a {
  width: 116px;
  height: 30px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='116' height='31' viewBox='0 0 116 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_102_1661)'%3E%3Cpath d='M45.6289 14.4774H53.9956V10.6891H45.6289V8.69848H53.9956V4.91626H45.6289H44.4345H41.8467V14.4774H44.4345H45.6289Z' fill='%2357C5C6'/%3E%3Cpath d='M48.2228 21.7522H44.4346V24.9372V28.7194H48.2228H53.9957V24.9372H48.2228V21.7522Z' fill='%2357C5C6'/%3E%3Cpath d='M34.8669 14.4774H39.0533V4.91626H26.8983V14.4774H31.0847V16.3353H26.4941V20.1235H54.2605V16.3353H34.8729V14.4774H34.8669ZM30.6805 8.69848H35.265V10.6891H30.6805V8.69848Z' fill='%2357C5C6'/%3E%3Cpath d='M70.0349 18.1812C66.7533 18.1812 64.0811 20.8534 64.0811 24.135C64.0811 27.4165 66.7533 30.0888 70.0349 30.0888C73.3164 30.0888 75.9887 27.4165 75.9887 24.135C75.9887 20.8534 73.3164 18.1812 70.0349 18.1812ZM70.0349 26.2825C68.8465 26.2825 67.8874 25.3173 67.8874 24.1289C67.8874 22.9406 68.8526 21.9754 70.0349 21.9754C71.2172 21.9754 72.1884 22.9406 72.1884 24.1289C72.1884 25.3173 71.2232 26.2825 70.0349 26.2825Z' fill='%2357C5C6'/%3E%3Cpath d='M79.252 16.5344H85.8573V19.9909H89.6455V16.5344H103.767V12.7522H79.252V16.5344Z' fill='%2357C5C6'/%3E%3Cpath d='M87.7518 5.3506L93.3135 10.9184L95.9918 8.24004L90.4301 2.67831L87.7518 0L85.0734 2.67831L79.5117 8.24004L82.184 10.9184L87.7518 5.3506Z' fill='%2357C5C6'/%3E%3Cpath d='M98.2051 4.88013V8.66837H106.077V16.5344H109.859V8.66837V4.88013H106.077H98.2051Z' fill='%2357C5C6'/%3E%3Cpath d='M115.892 4.88013H112.104V16.5344H115.892V4.88013Z' fill='%2357C5C6'/%3E%3Cpath d='M73.4192 9.03031H71.127V12.8186H73.4192V16.5344H77.2014V4.88013H73.4192V9.03031Z' fill='%2357C5C6'/%3E%3Cpath d='M67.1576 15.3098L69.8299 12.6315L65.8969 8.69847H69.2809V4.91626H56.3116V8.69847H59.6957L55.7627 12.6315L58.441 15.3098L62.7963 10.9545L67.1576 15.3098Z' fill='%2357C5C6'/%3E%3Cpath d='M17.4935 21.3542L21.698 17.1497V3.70386H0V17.1497L4.20447 21.3542L0 25.5587V29.5882H21.6919V25.5587L17.4875 21.3542H17.4935ZM11.7568 15.3039H9.94113V9.11478H11.7568V15.3039Z' fill='%238DC63F'/%3E%3Cpath d='M81.2358 24.0686V25.6611H80.8317V24.877H79.1969V25.6611H78.7988V24.0686C78.7988 23.2302 79.2874 22.7898 80.0113 22.7898C80.7352 22.7898 81.2358 23.2302 81.2358 24.0686ZM80.8317 24.5271V24.0324C80.8317 23.4413 80.518 23.1517 80.0113 23.1517C79.5046 23.1517 79.1909 23.4413 79.1909 24.0324V24.5271H80.8257H80.8317Z' fill='%238DC63F'/%3E%3Cpath d='M82.0078 25.0277V22.657H82.3939V24.9975C82.3939 25.2267 82.5025 25.3594 82.7257 25.3594C82.798 25.3594 82.8704 25.3413 82.9187 25.3172L82.9368 25.6369C82.8463 25.6671 82.7498 25.6852 82.6593 25.6852C82.2431 25.6852 82.0078 25.4439 82.0078 25.0277Z' fill='%238DC63F'/%3E%3Cpath d='M83.3105 25.0277V22.657H83.6966V24.9975C83.6966 25.2267 83.8052 25.3594 84.0284 25.3594C84.1008 25.3594 84.1732 25.3413 84.2214 25.3172L84.2395 25.6369C84.149 25.6671 84.0525 25.6852 83.962 25.6852C83.5458 25.6852 83.3105 25.4439 83.3105 25.0277Z' fill='%238DC63F'/%3E%3Cpath d='M88.9752 23.5137V24.702C88.9752 25.3294 88.6616 25.6853 88.0583 25.6853C87.7266 25.6853 87.4732 25.5767 87.3284 25.2992C87.1897 25.5646 86.9484 25.6853 86.5985 25.6853C85.9953 25.6853 85.6816 25.3294 85.6816 24.702V23.5137H86.0677V24.6658C86.0677 25.1182 86.2245 25.3354 86.5925 25.3354C86.9605 25.3354 87.1294 25.1182 87.1294 24.6658V23.5137H87.5154V24.6658C87.5154 25.1182 87.6843 25.3354 88.0523 25.3354C88.4203 25.3354 88.5771 25.1182 88.5771 24.6658V23.5137H88.9632H88.9752Z' fill='%238DC63F'/%3E%3Cpath d='M91.72 23.5137V25.6612H91.346V25.3234C91.1711 25.5647 90.8936 25.6853 90.5799 25.6853C89.9526 25.6853 89.4941 25.245 89.4941 24.5874C89.4941 23.9299 89.9526 23.4956 90.5799 23.4956C90.8816 23.4956 91.153 23.6102 91.3279 23.8394V23.5137H91.714H91.72ZM91.334 24.5874C91.334 24.129 91.0203 23.8334 90.6101 23.8334C90.1999 23.8334 89.8862 24.129 89.8862 24.5874C89.8862 25.0459 90.1999 25.3475 90.6101 25.3475C91.0203 25.3475 91.334 25.0459 91.334 24.5874Z' fill='%238DC63F'/%3E%3Cpath d='M93.5897 25.5344C93.469 25.6369 93.2941 25.6852 93.1191 25.6852C92.6848 25.6852 92.4375 25.4439 92.4375 25.0156V23.0491H92.8236V23.5196H93.4388V23.8393H92.8236V25.0035C92.8236 25.2327 92.9442 25.3655 93.1614 25.3655C93.276 25.3655 93.3846 25.3293 93.463 25.2629L93.5836 25.5404L93.5897 25.5344Z' fill='%238DC63F'/%3E%3Cpath d='M95.5736 25.0879L95.7848 25.3413C95.5917 25.5705 95.2961 25.6912 94.9402 25.6912C94.2465 25.6912 93.7881 25.2327 93.7881 24.5933C93.7881 23.9539 94.2405 23.5015 94.8679 23.5015C95.453 23.5015 95.9114 23.9117 95.9235 24.5571L94.2164 24.8889C94.325 25.1845 94.5904 25.3534 94.9523 25.3534C95.2057 25.3534 95.4168 25.2689 95.5736 25.094V25.0879ZM94.1621 24.5692V24.6114L95.5374 24.352C95.4711 24.0444 95.2117 23.8272 94.8618 23.8272C94.4516 23.8272 94.1621 24.1228 94.1621 24.5752V24.5692Z' fill='%238DC63F'/%3E%3Cpath d='M97.6248 23.4956V23.8696C97.5947 23.8696 97.5645 23.8696 97.5343 23.8696C97.1181 23.8696 96.8587 24.123 96.8587 24.5935V25.6612H96.4727V23.5137H96.8467V23.8756C96.9854 23.6223 97.2508 23.4956 97.6309 23.4956H97.6248Z' fill='%238DC63F'/%3E%3Cpath d='M101.443 24.5874C101.443 25.2449 100.985 25.6852 100.358 25.6852C100.056 25.6852 99.7846 25.5706 99.6097 25.3354V26.4453H99.2236V23.5136H99.5976V23.8514C99.7726 23.6101 100.05 23.4895 100.364 23.4895C100.991 23.4895 101.45 23.9238 101.45 24.5813L101.443 24.5874ZM101.051 24.5874C101.051 24.135 100.738 23.8333 100.328 23.8333C99.9173 23.8333 99.6037 24.135 99.6037 24.5874C99.6037 25.0398 99.9173 25.3474 100.328 25.3474C100.738 25.3474 101.051 25.0458 101.051 24.5874Z' fill='%238DC63F'/%3E%3Cpath d='M103.99 23.5137V25.6612H103.622V25.3354C103.465 25.5586 103.193 25.6853 102.892 25.6853C102.337 25.6853 101.969 25.3837 101.969 24.7503V23.5137H102.355V24.702C102.355 25.1243 102.566 25.3354 102.934 25.3354C103.338 25.3354 103.597 25.0821 103.597 24.6236V23.5137H103.984H103.99Z' fill='%238DC63F'/%3E%3Cpath d='M105.884 23.4956V23.8696C105.853 23.8696 105.823 23.8696 105.793 23.8696C105.377 23.8696 105.118 24.123 105.118 24.5935V25.6612H104.731V23.5137H105.105V23.8756C105.244 23.6223 105.51 23.4956 105.89 23.4956H105.884Z' fill='%238DC63F'/%3E%3Cpath d='M106.294 22.85C106.294 22.7053 106.409 22.5967 106.559 22.5967C106.71 22.5967 106.825 22.7053 106.825 22.844C106.825 22.9888 106.716 23.1034 106.559 23.1034C106.403 23.1034 106.294 22.9948 106.294 22.85ZM106.366 23.5136H106.752V25.6611H106.366V23.5136Z' fill='%238DC63F'/%3E%3Cpath d='M108.206 22.6329C108.375 22.6329 108.532 22.6751 108.64 22.7596L108.526 23.0551C108.447 22.9948 108.339 22.9526 108.224 22.9526C107.995 22.9526 107.874 23.0793 107.874 23.3266V23.5136H108.502V23.8333H107.88V25.6611H107.494V23.3266C107.494 22.9104 107.747 22.6329 108.2 22.6329H108.206ZM109.123 22.85C109.123 22.7053 109.237 22.5967 109.388 22.5967C109.539 22.5967 109.654 22.7053 109.654 22.844C109.654 22.9888 109.545 23.1034 109.388 23.1034C109.231 23.1034 109.123 22.9948 109.123 22.85ZM109.189 23.5136H109.575V25.6611H109.189V23.5136Z' fill='%238DC63F'/%3E%3Cpath d='M111.91 25.0879L112.121 25.3413C111.928 25.5705 111.632 25.6912 111.276 25.6912C110.582 25.6912 110.124 25.2327 110.124 24.5933C110.124 23.9539 110.576 23.5015 111.204 23.5015C111.789 23.5015 112.247 23.9117 112.259 24.5571L110.552 24.8889C110.661 25.1845 110.926 25.3534 111.288 25.3534C111.542 25.3534 111.747 25.2689 111.91 25.094V25.0879ZM110.504 24.5692V24.6114L111.879 24.352C111.813 24.0444 111.554 23.8272 111.21 23.8272C110.8 23.8272 110.51 24.1228 110.51 24.5752L110.504 24.5692Z' fill='%238DC63F'/%3E%3Cpath d='M113.961 23.4956V23.8696C113.931 23.8696 113.9 23.8696 113.87 23.8696C113.454 23.8696 113.195 24.123 113.195 24.5935V25.6612H112.809V23.5137H113.183V23.8756C113.321 23.6223 113.587 23.4956 113.967 23.4956H113.961Z' fill='%238DC63F'/%3E%3Cpath d='M114.184 25.4378L114.346 25.1302C114.527 25.2568 114.823 25.3534 115.1 25.3534C115.462 25.3534 115.613 25.2448 115.613 25.0638C115.613 24.5812 114.256 24.9975 114.256 24.1469C114.256 23.7609 114.6 23.5015 115.149 23.5015C115.426 23.5015 115.746 23.5739 115.933 23.6945L115.764 24.0021C115.571 23.8755 115.354 23.8332 115.143 23.8332C114.805 23.8332 114.636 23.9599 114.636 24.1288C114.636 24.6355 115.999 24.2193 115.999 25.0578C115.999 25.4438 115.643 25.6912 115.07 25.6912C114.714 25.6912 114.365 25.5826 114.184 25.4378Z' fill='%238DC63F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_102_1661'%3E%3Crect width='116' height='30.0828' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
}

.tap-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72px;
  display: flex;
  background-color: white;
  border-top: 1px solid #d9d9d9;
  z-index: 99;
}

.tap-bar>.tap-btn {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
  font-weight: 500;
}

.tap-bar>.tap-btn.active {
  color: var(--main-color);
}

.tap-bar>.tap-btn::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background-position: center;
}

.tap-bar>.tap-btn.home::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 19.9997C21 20.552 20.5523 20.9997 20 20.9997H4C3.44772 20.9997 3 20.552 3 19.9997V9.48882C3 9.18023 3.14247 8.88893 3.38606 8.69947L11.3861 2.47725C11.7472 2.19639 12.2528 2.19639 12.6139 2.47725L20.6139 8.69947C20.8575 8.88893 21 9.18023 21 9.48882V19.9997Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.home.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 19.9997C21 20.552 20.5523 20.9997 20 20.9997H4C3.44772 20.9997 3 20.552 3 19.9997V9.48882C3 9.18023 3.14247 8.88893 3.38606 8.69947L11.3861 2.47725C11.7472 2.19639 12.2528 2.19639 12.6139 2.47725L20.6139 8.69947C20.8575 8.88893 21 9.18023 21 9.48882V19.9997Z' fill='%2300D3D7'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.reservation::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 22H5C3.34315 22 2 20.6569 2 19V3C2 2.44772 2.44772 2 3 2H17C17.5523 2 18 2.44772 18 3V15H22V19C22 20.6569 20.6569 22 19 22ZM18 17V19C18 19.5523 18.4477 20 19 20C19.5523 20 20 19.5523 20 19V17H18ZM6 7V9H14V7H6ZM6 11V13H14V11H6ZM6 15V17H11V15H6Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.reservation.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 22H5C3.34315 22 2 20.6569 2 19V3C2 2.44772 2.44772 2 3 2H17C17.5523 2 18 2.44772 18 3V15H22V19C22 20.6569 20.6569 22 19 22ZM18 17V19C18 19.5523 18.4477 20 19 20C19.5523 20 20 19.5523 20 19V17H18ZM6 7V9H14V7H6ZM6 11V13H14V11H6ZM6 15V17H11V15H6Z' fill='%2300D3D7'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.contents::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM11 14V16H13V14H11ZM8.56731 8.81346L10.5288 9.20577C10.6656 8.51823 11.2723 8 12 8C12.8284 8 13.5 8.67157 13.5 9.5C13.5 10.3284 12.8284 11 12 11H11V13H12C13.933 13 15.5 11.433 15.5 9.5C15.5 7.567 13.933 6 12 6C10.302 6 8.88637 7.20919 8.56731 8.81346Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.contents.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.45455 19L2 22.5V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.45455ZM11 14V16H13V14H11ZM8.56731 8.81346L10.5288 9.20577C10.6656 8.51823 11.2723 8 12 8C12.8284 8 13.5 8.67157 13.5 9.5C13.5 10.3284 12.8284 11 12 11H11V13H12C13.933 13 15.5 11.433 15.5 9.5C15.5 7.567 13.933 6 12 6C10.302 6 8.88637 7.20919 8.56731 8.81346Z' fill='%2300D3D7'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.my::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}

.tap-bar>.tap-btn.my.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13Z' fill='%2300D3D7'/%3E%3C/svg%3E%0A");
}

.mark {
  padding-inline: 8px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  width: fit-content;
  height: 25px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  background-color: #555;
  color: white;
}

.subscribe-status {
  background-color: #daeaff;
  color: #007aff;
}

.subscribe-status.cancel {
  background-color: var(--black);
  color: white;
}

.subscribe-status.ing {
  background-color: #677280;
  color: white;
}

.info-mark {
  background-color: #50555c;
}

.day-mark {
  background-color: #daeaff;
  color: #007aff;
}

.disabled-mark {
  background-color: #006869;
}

.onetime-mark {
  background-color: #0004FF;
}

.marks {
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}

.dotted-list>li {
  position: relative;
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  padding-left: 14px;
  line-height: 1.5;
}

.dotted-list>li::before {
  content: "·";
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
}

/* Login */
.col-content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding-block: 8px 32px;
}

.col-content:has(.sticky-bottom) {
  padding-bottom: 0;
}

.login-content .login-form {
  padding-block: 40px 24px;
}

.login-content .login-form .input-item+.input-item {
  margin-top: 16px;
}

.or-seperator {
  background-color: #d9d9d9;
  border: 0;
  height: 1px;
  margin-block: 10px;
  position: relative;
}

.or-seperator::before {
  content: "또는";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding-inline: 10px;
  background-color: white;
}

.sns-login {
  display: flex;
  justify-content: space-between;
  padding-inline: 8px;
  gap: 20px;
  max-width: 320px;
  margin: 0 auto;
}

.sns-login .sns-btn {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-position: center;
}

.sns-login .sns-btn.kakao {
  background-image: url("../images/ico-kakao.png");
  background-size: 25px;
  background-color: #fbe54d;
}

.sns-login .sns-btn.google {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.0004 16.3599C31.0004 15.3066 30.908 14.3066 30.7496 13.3333H15.8369V19.3466H24.3754C23.9927 21.3199 22.871 22.9866 21.2081 24.1199V28.1199H26.3022C29.2848 25.3333 31.0004 21.2266 31.0004 16.3599Z' fill='%23007AFF'/%3E%3Cpath d='M15.8362 31.9999C20.1121 31.9999 23.6885 30.5599 26.3016 28.1199L21.2075 24.1199C19.7822 25.0799 17.9742 25.6666 15.8362 25.6666C11.7056 25.6666 8.20832 22.8532 6.9546 19.0532H1.70215V23.1732C4.30198 28.3999 9.64681 31.9999 15.8362 31.9999Z' fill='%2334A853'/%3E%3Cpath d='M6.95487 19.0533C6.62495 18.0933 6.45338 17.0667 6.45338 16C6.45338 14.9333 6.63814 13.9067 6.95487 12.9467V8.82666H1.70243C0.620264 10.9867 0 13.4133 0 16C0 18.5867 0.620264 21.0133 1.70243 23.1733L6.95487 19.0533Z' fill='%23FBBC05'/%3E%3Cpath d='M15.8362 6.33333C18.1721 6.33333 20.2573 7.14667 21.9069 8.73333L26.4203 4.17333C23.6885 1.58667 20.1121 0 15.8362 0C9.64681 0 4.30198 3.6 1.70215 8.82667L6.9546 12.9467C8.20832 9.14667 11.7056 6.33333 15.8362 6.33333Z' fill='%23EA4335'/%3E%3C/svg%3E%0A");
  background-color: #fafafa;
}

.sns-login .sns-btn.naver {
  background-image: url("../images/ico-naver.png");
  background-size: 21px;
  background-color: #03c75a;
  background-position: 13px center;
}

.sns-login .sns-btn.apple {
  background-image: url("../images/ico-apple.png");
  background-size: 55px;
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
}

.login-content .find-wrap {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-block: 40px;
}

.login-content .find-wrap>a {
  color: #686868;
  font-size: 16px;
  font-weight: 500;
}

.login-content .find-wrap>a+a {
  padding-left: 25px;
  position: relative;
}

.login-content .find-wrap>a+a::before {
  content: "";
  background-color: #d9d9d9;
  width: 1px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.login-footer {
  color: #686868;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.login-footer>a {
  color: var(--black);
  font-weight: 700;
}

.wrap.full-height {
  height: 100%;
  overflow-y: auto;
}

/* Register */
.register-form {
  margin-block: 40px;
}

.register-form .input-item+.input-item {
  margin-top: 24px;
}

.register-complete {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

.register-complete>p {
  color: #686868;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

:is(.login-form, .register-form) .input-item .input-wrap .input>label {
  margin-bottom: 4px;
}

/* 이메일 찾기 */
.timer {
  color: #96ca53;
  font-size: 16px;
  font-weight: 500;
}

.input-item .timer {
  margin-top: auto;
  margin-right: 8px;
}

.find-complete__box {
  background-color: #f4f9ee;
  border-radius: 4px;
  padding: 32px 12px;
  text-align: center;
  margin-top: 40px;
}

.find-complete__box+.find-complete__box {
  margin-top: 4px;
}

.find-complete__box .register-type {
  color: #686868;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 4px;
}

.find-complete__box .register-info {
  color: var(--black);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.find-complete__box .register-info>b {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
}

/* Home */
.home-banner {
  padding: 24px 23px 19px;
  background-position: center;
  background-size: cover;
  min-height: 260px;
  color: white;
  position: relative;
}

.home-banner::before {
  content: "";
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); */
  position: absolute;
  top: 0;
  left: 0;
}

.home-banner * {
  position: relative;
  z-index: 1;
}

.home-banner>h2 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 12px;
}

.home-banner>p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.apply-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 15px;
}

.apply-links>a {
  width: 100%;
  height: 177px;
  padding-top: 16px;
  border-radius: 4px;
  display: block;
  background-color: #fafafa;
  text-align: center;
}

.apply-links>a.subscribe-link {
  background-image: url("../images/img-apply-1.png");
  background-size: 120px;
  background-position: center bottom -2px;
}

.apply-links>a.oneoff-link {
  background-image: url("../images/img-apply-2.png");
  background-size: 112px;
  background-position: center bottom -9px;
}

.apply-links>a>h4 {
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 8px;
}

.apply-links>a>p {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.32;
}

.home-content {
  padding-bottom: 7px;
}

.home-content>.layout>.btn.black.full {
  border-radius: 4px;
}

.home-section+.home-section {
  margin-top: 48px;
}

.home-section.reservation-section .section-top {
  margin-bottom: 16px;
}

.purifier-regist__box {
  border-radius: 4px;
  background-color: #fafafa;
  padding: 44px 8px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.purifier-regist__box>p {
  color: #686868;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
}

.purifier-list:not(:empty) {
  margin-bottom: 12px;
}

.purifier-list>li,
.purifier-swiper .swiper-wrapper>.swiper-slide {
  position: relative;
  flex-wrap: wrap;
  height: auto;
}

.purifier-list>li,
.purifier-swiper .swiper-wrapper>.swiper-slide,
.purifier-list.radio-list>li>label {
  padding: 16px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  display: flex;
  gap: 8px;
}

.purifier-list>li.active,
.purifier-swiper .swiper-wrapper>.swiper-slide.active {
  border: 2px solid var(--main-color);
}

.purifier-list>li+li {
  margin-top: 8px;
}

.purifier-list>li .purifier-img,
.purifier-swiper .swiper-wrapper>.swiper-slide .purifier-img {
  object-fit: contain;
  width: 100px;
  height: 109px;
  flex: 0 0 100px;
}

.purifier-list>li .purifier-info,
.purifier-swiper .swiper-wrapper>.swiper-slide .purifier-info {
  flex: 1 1 auto;
  max-width: calc(100% - 108px);
}

.purifier-list>li .purifier-info>p,
.purifier-swiper .swiper-wrapper>.swiper-slide .purifier-info>p {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.purifier-list.radio-list>li>input:checked+label {
  border: 2px solid var(--main-color);
  padding: 15px;
}

.purifier-list.radio-list>li {
  border: 0;
  padding: 0;
}

.purifier-list.radio-list>li>input:disabled+label {
  background-color: #fafafa;
}

.purifier-list.has-detail>li {
  padding-block: 23px;
}

.purifier-list.has-detail .purifier-info__list {
  margin-top: 0;
}

.purifier-list .purifier-info__list {
  /* margin-top: 16px; */
}

.purifier-list .purifier-info__list>li,
.purifier-swiper .swiper-wrapper .purifier-info__list>li {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.purifier-list .purifier-info__list>li+li {
  /* margin-top: 3px; */
}

.purifier-list__wrap>h5 {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8px;
}

.purifier-list .purifier-info__details {
  margin-top: 12px;
}

.purifier-list .purifier-info__details>li {
  color: var(--black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.purifier-list .purifier-info__details>li+li {
  margin-top: 4px;
}

.purifier-list .purifier-info__details>li>span.bold {
  font-weight: 700;
}

.purifier-list .purifier-info__details>li>span.highlight {
  color: var(--main-color);
  font-weight: 700;
}

.purifier-list>li .subscribe-status {
  position: absolute;
  top: 24px;
  left: 24px;
}

.purifier-list.reservation-list .info-mark {
  margin-bottom: 7px;
}

.purifier-list.reservation-list>li {
  margin-top: 33px;
}

.purifier-list.reservation-list>li+li {
  margin-top: 66px;
}

.purifier-li__footer {
  display: flex;
  gap: 15px;
  margin-top: 19px;
  width: 100%;
}

.purifier-li__footer .btn {
  flex: 1 1 auto;
  height: 36px;
  font-size: 14px;
}

.purifier-list>li .reservation-header {
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.purifier-list>li .reservation-header .label {
  color: var(--black);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.purifier-list>li .reservation-footer {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.purifier-list>li .reservation-footer .reservation-footer__info>p {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.purifier-list>li .reservation-footer .reservation-footer__info>p+p {
  margin-top: 2px;
}

.purifier-list>li .reservation-footer .btn {
  height: 37px;
  font-size: 14px;
  font-weight: 700;
  padding-inline: 12px;
}

/* 알림 */
.notification-list {
  padding-top: 6px;
}

.notification-list>li>a {
  padding: 16px 24px 16px 0;
  display: block;
  border-bottom: 1px solid #f0f1f3;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1715 12.5007L8.22168 7.55093L9.6359 6.13672L15.9999 12.5007L9.6359 18.8646L8.22168 17.4504L13.1715 12.5007Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: right center;
}

.notification-list>li>a>p {
  color: #1e1f23;
  font-size: 18px;
  font-weight: 700;
}

.notification-list>li>a>span {
  display: block;
  margin-top: 4px;
  color: #454545;
  font-size: 16px;
  font-weight: 500;
}

.notification-list>li>a.new {
  background-image: none;
  padding-right: 8px;
}

.notification-list>li>a.new>p {
  padding-left: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%23FF4356'/%3E%3C/svg%3E%0A");
  background-position: left 8px;
}

.notification-list>li>a.new>span {
  padding-left: 16px;
}

.notification-detail {
  padding-block: 32px;
}

.notification-detail .detail-top>h3 {
  color: #1e1f23;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.38;
  margin-bottom: 16px;
}

.notification-detail .detail-top>p {
  color: #454545;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.notification-detail .detail-content {
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

/* [S] Toggel Button */
.toggle-btn {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 28px;
}

.toggle-btn.sm {
  width: 44px;
  height: 24px;
}

.toggle-btn input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ededed;
  transition: 0.4s;
  border-radius: 300rem;
}

.toggle-slider::before {
  position: absolute;
  content: "";
  height: 28px;
  width: 28px;
  left: 0;
  bottom: 0;
  background-color: var(--main-color);
  transition: 0.4s;
  border-radius: 50%;
}

.toggle-btn.sm .toggle-slider::before {
  width: 24px;
  height: 24px;
}

input:checked+.toggle-slider {
  background-color: #d5d5d5;
}

.toggle-btn input:checked+.toggle-slider {
  background-color: rgba(9, 214, 217, 0.2);
}

.toggle-btn input:checked+.toggle-slider:before {
  transform: translateX(28px);
}

.toggle-btn.sm input:checked+.toggle-slider:before {
  transform: translateX(20px);
}

/* [E] Toggel Button */

/* [S] Icon */
[class^="icon_"] {
  width: 24px;
  height: 24px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}

.icon_right_arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1714 12.0007L8.22168 7.05093L9.63589 5.63672L15.9999 12.0007L9.63589 18.3646L8.22168 16.9504L13.1714 12.0007Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}

.icon_close {
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0008 12.3509L19.7755 6.57617L21.4254 8.22608L15.6507 14.0008L21.4254 19.7755L19.7755 21.4254L14.0008 15.6507L8.22608 21.4254L6.57617 19.7755L12.3509 14.0008L6.57617 8.22608L8.22608 6.57617L14.0008 12.3509Z' fill='black'/%3E%3C/svg%3E%0A");
}

.icon_image {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5H4V19L13.2923 9.70649C13.6828 9.31595 14.3159 9.31591 14.7065 9.70641L20 15.0104V5ZM2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 11C6.89543 11 6 10.1046 6 9C6 7.89543 6.89543 7 8 7C9.10457 7 10 7.89543 10 9C10 10.1046 9.10457 11 8 11Z' fill='%23686868'/%3E%3C/svg%3E%0A");
}

.icon_camera {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.76017 22.5H17.2402C20.0002 22.5 21.1002 20.81 21.2302 18.75L21.7502 10.49C21.8902 8.33 20.1702 6.5 18.0002 6.5C17.3902 6.5 16.8302 6.15 16.5502 5.61L15.8302 4.16C15.3702 3.25 14.1702 2.5 13.1502 2.5H10.8602C9.83017 2.5 8.63017 3.25 8.17017 4.16L7.45017 5.61C7.17017 6.15 6.61017 6.5 6.00017 6.5C3.83017 6.5 2.11017 8.33 2.25017 10.49L2.77017 18.75C2.89017 20.81 4.00017 22.5 6.76017 22.5Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 8.5H13.5' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.5C13.79 18.5 15.25 17.04 15.25 15.25C15.25 13.46 13.79 12 12 12C10.21 12 8.75 13.46 8.75 15.25C8.75 17.04 10.21 18.5 12 18.5Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_gallery {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22.5H15C20 22.5 22 20.5 22 15.5V9.5C22 4.5 20 2.5 15 2.5H9C4 2.5 2 4.5 2 9.5V15.5C2 20.5 4 22.5 9 22.5Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 10.5C10.1046 10.5 11 9.60457 11 8.5C11 7.39543 10.1046 6.5 9 6.5C7.89543 6.5 7 7.39543 7 8.5C7 9.60457 7.89543 10.5 9 10.5Z' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.66992 19.4501L7.59992 16.1401C8.38992 15.6101 9.52992 15.6701 10.2399 16.2801L10.5699 16.5701C11.3499 17.2401 12.6099 17.2401 13.3899 16.5701L17.5499 13.0001C18.3299 12.3301 19.5899 12.3301 20.3699 13.0001L21.9999 14.4001' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_pensil {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2603 4.10022L5.05034 12.7902C4.74034 13.1202 4.44034 13.7702 4.38034 14.2202L4.01034 17.4602C3.88034 18.6302 4.72034 19.4302 5.88034 19.2302L9.10034 18.6802C9.55034 18.6002 10.1803 18.2702 10.4903 17.9302L18.7003 9.24022C20.1203 7.74022 20.7603 6.03022 18.5503 3.94022C16.3503 1.87022 14.6803 2.60022 13.2603 4.10022Z' stroke='%23454545' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8896 5.5498C12.3196 8.3098 14.5596 10.4198 17.3396 10.6998' stroke='%23454545' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 22.5H21' stroke='%23454545' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon_delete {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.47998C17.67 6.14998 14.32 5.97998 10.98 5.97998C9 5.97998 7.02 6.07998 5.04 6.27998L3 6.47998' stroke='%23454545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 5.47L8.72 4.16C8.88 3.21 9 2.5 10.69 2.5H13.31C15 2.5 15.13 3.25 15.28 4.17L15.5 5.47' stroke='%23454545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8504 9.64014L18.2004 19.7101C18.0904 21.2801 18.0004 22.5001 15.2104 22.5001H8.79039C6.00039 22.5001 5.91039 21.2801 5.80039 19.7101L5.15039 9.64014' stroke='%23454545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3301 17H13.6601' stroke='%23454545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 13H14.5' stroke='%23454545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* [E] Icon */

/* [S] 마이페이지 */
.layout.mypage {
  padding-inline: 0;
}

.mypage .profile {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 24px 28px;
}

.mypage .profile .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: #f4f9ee;
  border-radius: 100%;
  color: #8bb551;
  font-size: 24px;
  font-weight: 700;
}

.mypage .profile .info .name {
  color: #151515;
  font-size: 18px;
  font-weight: 700;
}

.mypage .profile .info .email {
  color: var(--gray);
}

.mypage .mypage-nav :where(.first-depth li > p, .second-depth li) {
  display: flex;
  align-items: center;
}

.mypage .mypage-nav .first-depth>li>p {
  height: 48px;
  padding-inline: 19.5px;
  background-color: #fafafa;
  color: var(--gray);
  font-size: 12px;
}

.mypage .mypage-nav .second-depth>li {
  height: 56px;
  background-color: #fff;
  color: var(--gray);
  font-weight: 500;
}

.mypage .mypage-nav .second-depth>li>a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding-inline: 24px;
}

/* [E] 마이페이지 */
/* [S] 계정관리 */
.account-manage-list>li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
}

.account-manage-list>li>label,
.account-manage-list>li>a {
  font-weight: 500;
}

.account-manage-list>li>span {
  color: var(--gray);
}

.account-manage-list>li>.account-logout {
  color: var(--main-color);
}

/* [E] 계정관리 */

/* [S] 비밀번호 확인, 재설정 */
.account-manage-pwd-confirm .pwd-confirm-guide>h2,
.account-manage-pwd-reset .pwd-confirm-guide>h2 {
  margin-bottom: 6px;
}

.account-manage-pwd-confirm .input-item .input-wrap .input>label,
.account-manage-pwd-reset .input-item .input-wrap .input>label,
.account-manage-pwd-confirm .pwd-confirm-guide>p,
.account-manage-pwd-reset .pwd-confirm-guide>p {
  color: var(--gray);
}

/* [E] 비밀번호 확인, 재설정 */
/* [S] 나의 정수기, 등록 */
.my-water-purifer {
  padding-top: 16px;
}

.my-water-purifer .my-possession {
  font-size: 14px;
  font-weight: 600;
}

:where(.my-water-purifer, .my-water-reg) .water-purifer-card {
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

:where(.my-water-purifer, .my-water-reg) .water-purifer-card .product,
:where(.my-water-detail) .product {
  display: flex;
  gap: 8px;
}

:where(.my-water-purifer, .my-water-reg) .water-purifer-card .product img {
  object-fit: cover;
  width: 100px;
  height: 109px;
}

:where(.my-water-purifer, .my-water-reg) .water-purifer-card .product .name,
:where(.my-water-detail) .product .name {
  width: 100%;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
}

:where(.my-water-purifer, .my-water-reg) .water-purifer-card .product .option,
:where(.my-water-detail) .product .option {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}

.my-water-purifer .water-purifer-card .detail-btn {
  border: 1px solid var(--black);
  border-radius: 8px;
  background-color: #fff;
  color: var(--black);
}

:where(.my-water-purifer, .my-water-reg) .card-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.my-water-purifer .card-list+.water-purifer-reg-btn {
  margin-top: auto;
}

.my-water-reg .page-top>p {
  font-size: 13px;
}

/* No Data */
.no_data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  text-align: center;
}

.no_data .logo {
  width: 65px;
  height: 65px;
  margin-inline: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.3333 5.41602L56.875 18.9577V56.8966C56.875 58.3802 55.6701 59.5827 54.1845 59.5827H10.8155C9.32956 59.5827 8.125 58.3496 8.125 56.8966V8.10214C8.125 6.61865 9.33007 5.41602 10.8155 5.41602H43.3333ZM36.641 39.125L42.6278 45.1118L46.4579 41.2814L40.4712 35.2949C42.9249 31.1406 42.367 25.7001 38.7974 22.1307C34.5667 17.9 27.7076 17.9 23.4769 22.1307C19.2462 26.3614 19.2462 33.2206 23.4769 37.4513C27.0463 41.0209 32.4867 41.5788 36.641 39.125ZM34.9673 33.6211C32.8521 35.7366 29.4225 35.7366 27.307 33.6211C25.1917 31.5059 25.1917 28.0761 27.307 25.9609C29.4225 23.8455 32.8521 23.8455 34.9673 25.9609C37.0828 28.0761 37.0828 31.5059 34.9673 33.6211Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
}

.no_data .content {
  color: var(--gray);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.water-purifer-reg-btn {
  /* margin-inline: 4px; */
  background-color: var(--main-color);
  color: #fff;
}

/* [E] 나의 정수기 */
/* [S] 나의 정수기 등록 */
.my-water-reg>p {
  margin-block: 8px 22px;
  color: #5c5c5c;
  font-size: 13px;
}

.my-water-reg .water-purifer-card .select-btn {
  border-radius: 8px;
  background-color: var(--main-color);
  color: #fff;
}

/* [E] 나의 정수기 등록 */
/* [S] 나의 정수기 상세 */
.my-water-detail {
  padding-top: 27px;
}

.my-water-detail .product {
  margin-bottom: 56px;
}

.my-water-detail .product img {
  object-fit: contain;
  width: 100px;
  height: 109px;
}

.my-water-detail .product .name {
  margin-bottom: 4px;
}

.my-water-detail .product .info {
  flex: 1;
}

.my-water-detail .product .btns {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.my-water-detail .product .btns button {
  height: 36px;
  font-size: 14px;
}

.my-water-detail .product .btns .subscribe-btn {
  flex: 1;
  background-color: var(--main-color);
  color: #fff;
}

.my-water-detail :where(.subscribe-manage, .using-filter-image) * {
  color: #000;
}

.my-water-detail .subscribe-manage {
  margin-bottom: 22px;
}

.my-water-detail .subscribe-manage>h4 {
  margin-bottom: 8px;
}

.my-water-detail .subscribe-manage .subscribe-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.my-water-detail .subscribe-manage .subscribe-list>div {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.my-water-detail .subscribe-manage .subscribe-list>div:not(.filter) {
  align-items: center;
}

.my-water-detail .subscribe-manage .subscribe-list .filter {
  flex-wrap: wrap;
}

.my-water-detail .subscribe-manage .subscribe-list>div>label {
  flex: 0 0 auto;
}

.my-water-detail .subscribe-manage .subscribe-list .filter .btn {
  color: var(--black);
  border-color: #ededed;
  font-size: 14px;
  height: 44px;
}

.my-water-detail .subscribe-manage .subscribe-list .filter>ul {
  width: 190px;
}

.my-water-detail .subscribe-manage .subscribe-list .filter>ul>li {
  display: flex;
  gap: 10px;
}

.my-water-detail .subscribe-manage .subscribe-list .filter>ul>li>span:last-child {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px;
  flex: 1 1 auto;
}

.my-water-detail .subscribe-manage .subscribe-list .filter>ul>li>span>small {
  font-size: 10px;
  font-weight: 400;
}

.my-water-detail .subscribe-manage .subscribe-list div>label {
  font-weight: 700;
}

.my-water-detail .subscribe-manage .subscribe-list :where(span, li, p) {
  font-size: 14px;
  font-weight: 500;
}

.my-water-detail .subscribe-manage .subscribe-list .filter>ul>li+li {
  margin-top: 10px;
}

.my-water-detail .using-filter-image>h4 {
  margin-bottom: 14px;
}

.my-water-detail .using-filter-image .compatible-filter {
  padding: 18px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.my-water-detail .using-filter-image .compatible-filter h5 {
  font-size: 14px;
}

.my-water-detail .using-filter-image .compatible-filter img {
  width: 100%;
}

/* [E] 나의 정수기 상세 */

/* [S] Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100dvh;
  padding-block: 12px;
  background-color: rgba(30, 31, 35, 0.5);
}

.modal.active {
  display: flex;
}

.modal-content {
  max-height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 2;
  width: calc(100% - 48px);
  padding: 32px 16px;
  border-radius: 24px;
  background-color: #fff;
  text-align: center;
}

.modal-content .modal-header {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  flex: 0 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content .modal-header .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 0;
}

.modal-content .modal-header .close-btn:hover {
  color: #333;
}

.modal-content .modal-body {
  margin-bottom: 32px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  flex: 1 1 auto;
  overflow-y: auto;
}

.modal-content .modal-footer {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex: 0 0 auto;
}

.modal-content .modal-footer button {
  min-width: 100px;
}

.modal-content .modal-footer button:only-child {
  width: 200px;
}

.modal-content .modal-footer button.confirm-btn {
  background-color: var(--main-color);
  color: #fff;
  min-width: 135px;
}

.modal-bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(30, 31, 35, 0.5);
}

/* [E] Modal */

/* [S] Popup */
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 1000;
}

.popup.active {
  display: flex;
}

.popup .popup-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup .popup-content {
  z-index: 1;
  width: 100%;
  padding: 24px;
  margin-top: auto;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  background-color: #fff;
}

.popup .popup-content ul li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 57px;
}

.popup .popup-title {
  color: var(--black);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  padding-block: 18px 60px;
}

.popup .popup-content ul.grid-radio li {
  height: auto;
}

.popup .grid-radio>li>label {
  font-size: 14px;
  min-height: 36px;
  border-radius: 4px;
}

/* [E] Popup */

/* [S] 내 문의 리스트 */
.layout.inquiry-list {
  padding: 0;
}

.inquiry-list .page-top {
  padding-inline: 24px;
}

.inquiry-list .page-top>h2 {
  margin-bottom: 18px;
}

.inquiry-list .inquiry-list-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f0f1f3;
}

.inquiry-list .inquiry-list-form .inquiry-list-item {
  padding: 24px 27px 20px 21px;
  background-color: #fff;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .inquiry-date {
  padding-left: 5px;
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 500;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card {
  padding: 24px;
  border: 1px solid #dcdcdc;
  border-radius: 16px;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .list-title {
  position: relative;
  margin-bottom: 8px;
  min-height: 24px;
  padding-right: 24px;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .list-title>h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .list-title>p {
  font-size: 14px;
  color: var(--gray);
}

.icon_more {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.5C10.9 3.5 10 4.4 10 5.5C10 6.6 10.9 7.5 12 7.5C13.1 7.5 14 6.6 14 5.5C14 4.4 13.1 3.5 12 3.5ZM12 17.5C10.9 17.5 10 18.4 10 19.5C10 20.6 10.9 21.5 12 21.5C13.1 21.5 14 20.6 14 19.5C14 18.4 13.1 17.5 12 17.5ZM12 10.5C10.9 10.5 10 11.4 10 12.5C10 13.6 10.9 14.5 12 14.5C13.1 14.5 14 13.6 14 12.5C14 11.4 13.1 10.5 12 10.5Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .list-title button.icon_more {
  position: absolute;
  top: 0;
  right: 0;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card :where(.inquiry-content, .inquiry-closed) {
  margin-bottom: 8px;
  word-break: keep-all;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .inquiry-answer {
  padding: 16px;
  border-radius: 8px;
  background-color: #f8f9fb;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .inquiry-answer .charge {
  font-weight: 700;
}

.inquiry-list .inquiry-list-form .inquiry-list-item .list-card .inquiry-answer .date {
  color: #777;
  font-size: 14px;
  font-weight: 500;
}

.wrap:has(.inquiry-list)+.modal .modal-body {
  font-size: 16px;
}

.inquiry-list .popup button:has([class^="icon_"]) {
  display: flex;
  align-items: end;
  font-size: 18px;
}

.inquiry-list .popup button:has([class^="icon_"]) span {
  margin-right: 8px;
}

/* [E] 내 문의 리스트 */

/* [S] 내 문의 작성, 내 문의 수정, 문의하기 */
.inquiry-write .header {
  height: 62px;
}

.inquiry-write .content>p {
  font-size: 14px;
}

.inquiry-write .file-upload-wrap {
  position: relative;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}

.inquiry-write .file-upload-wrap :where(.file-upload > button, .swiper-slide) {
  width: 80px;
  height: 80px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}

.inquiry-write .file-upload-wrap .file-upload>button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inquiry-write .file-upload-wrap .file-upload>button .icon_image {
  margin-bottom: 8px;
}

.inquiry-write .file-upload-wrap .file-upload .image-count {
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}

.inquiry-write .file-upload-wrap .swiper {
  position: absolute;
  left: 88px;
  width: calc(100% - 88px);
  overflow-y: auto;
}

.inquiry-write .content textarea {
  height: 150px;
}

.popup label:has(.icon_camera, .icon_gallery) {
  display: flex;
  align-items: end;
  font-size: 18px;
}

.popup :where(.icon_camera, .icon_gallery) {
  margin-right: 8px;
}

/* [E] 내 문의 작성, 내 문의 수정, 문의하기 */
/* [S] 문의하기 */
.inquiry-write .swiper-slide .image-delete {
  position: absolute;
  right: 6px;
  bottom: 4px;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
}

.inquiry-write .swiper-slide {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.inquiry-write .swiper-slide>img {
  object-fit: cover;
}

.inquiry-write .swiper-slide .image-delete::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2.66667H13.3333V4H12V12.6667C12 13.0349 11.7015 13.3333 11.3333 13.3333H2C1.63181 13.3333 1.33333 13.0349 1.33333 12.6667V4H0V2.66667H3.33333V0.666667C3.33333 0.29848 3.63181 0 4 0H9.33333C9.70153 0 10 0.29848 10 0.666667V2.66667ZM4.66667 6V10H6V6H4.66667ZM7.33333 6V10H8.66667V6H7.33333ZM4.66667 1.33333V2.66667H8.66667V1.33333H4.66667Z' fill='%23EA4335'/%3E%3C/svg%3E%0A");
}

/* [E] 문의하기 */
/* [S] 문의하기 완료 */
.inquiry-complete {
  margin-top: 127px;
  margin-bottom: 24px;
  text-align: center;
}

/* [E] 문의하기 완료 */

/* 구독 신청 */
.green-box {
  width: 100%;
  background-color: #f4f9ee;
  border-radius: 4px;
  padding: 12px 16px;
  text-align: center;
}

.green-box>h5 {
  color: black;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.green-box>p {
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.green-box>p.alert {
  padding-block: 4px;
  color: #48740b;
  font-size: 14px;
  font-weight: 600;
}

.green-box>a {
  color: #006869;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 12px;
  margin-inline: auto;
  display: block;
  width: fit-content;
  padding-right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.78118 8.00047L5.48132 4.70062L6.42414 3.75781L10.6668 8.00047L6.42414 12.2431L5.48132 11.3003L8.78118 8.00047Z' fill='%23006869'/%3E%3C/svg%3E%0A");
  background-position: right center;
}

.sub-txt {
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.green-box__wrap .checkbox-wrap {
  display: flex;
  justify-content: center;
}

.sticky-bottom {
  padding: 10px 24px;
  background-color: white;
  position: sticky;
  bottom: 0;
  margin-top: auto;
}
/* 장바구니·담기 등 버튼 영역: 좌우 거의 꽉 채우도록 */
.sticky-bottom:has(.btns) {
  padding-left: 4px;
  padding-right: 4px;
}

.layout .sticky-bottom {
  width: calc(100% + 48px);
  margin-left: -24px;
}
/* 단일 버튼(다음 등): 위쪽 콘텐츠와 동일한 폭 */
.layout .sticky-bottom:not(:has(.btns)) {
  width: 100%;
  margin-left: 0;
}
/* 웹: 버튼 두 개(장바구니·담기)일 때 뷰포트 전체 너비로 확장 */
.layout .sticky-bottom:has(.btns) {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.layout .sticky-bottom:has(.btns).lg {
  padding-left: 12px;
  padding-right: 12px;
}

.sticky-bottom.bordered {
  border-top: 1px solid #eee;
}

.sticky-bottom.lg {
  padding: 18px 24px 32px;
}
.sticky-bottom.lg:has(.btns) {
  padding-left: 4px;
  padding-right: 4px;
}

.sticky-bottom .price-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.sticky-bottom .price-info.sm {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.sticky-bottom .highlight {
  color: #007aff;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}

.sticky-bottom .price-info>span>strong {
  color: #007aff;
}

.address-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.address-list>li {
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.address-list>li .postal-code {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 8px;
}

.address-list>li>a {
  display: flex;
  align-items: center;
  gap: 8px;
}

.address-list>li>a+a {
  margin-top: 4px;
}

.address-list>li>a>mark {
  padding: 4px 8px;
  border-radius: 300rem;
  font-size: 12px;
  font-weight: 500;
  flex: 0 0 auto;
}

.address-list>li>a.address-road>mark {
  color: white;
  background-color: var(--main-color);
}

.address-list>li>a.address-old>mark {
  color: #686868;
  background-color: #d9d9d9;
}

.address-list>li>a>span {
  flex: 1 1 auto;
  color: var(--black);
  font-size: 12px;
  font-weight: 400;
}

.details-box>dl {
  display: flex;
  justify-content: space-between;
  color: #232627;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.details-box>dl+dl {
  margin-top: 16px;
}

.details-box>dl>dt {
  flex: 0 0 auto;
  margin-right: 12px;
}

.details-box>dl.left-align>dt {
  margin-right: 27px;
}

.details-box>dl>dd {
  font-weight: 500;
}

.details-box>dl>dd>strong {
  display: block;
  text-align: right;
  color: var(--main-color);
  font-weight: 700;
}

.details-box>dl> :is(dt, dd)>b {
  color: var(--black);
  font-weight: 700;
}

.details-box>dl.left-align {
  justify-content: flex-start;
}

.details-box.lined-box {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 8px 16px;
}

.details-box.lined-box>dl {
  padding-block: 8px;
}

.details-box.lined-box>dl+dl {
  border-top: 0.5px solid #d9d9d9;
  margin-top: 0;
}

.details-box>dl.left-align+dl.left-align {
  border-top: 0;
  padding-top: 0;
}

.details-box.lined-box>dl>dt {
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 500;
}

.details-box.lined-box>dl>dd {
  color: var(--black);
  font-size: 13px;
  font-weight: 500;
}

.details-box+.details-box {
  margin-top: 8px;
}

/* 모든콘텐츠 */
.filter-input {
  display: flex;
  gap: 8px;
}

.filter-input .input-item {
  flex: 1 1 auto;
}

.filter-input .input-item .input-wrap .input>input {
  height: 48px;
}

.filter-input .search-btn {
  bottom: 12px !important;
}

.filter-btn {
  width: 56px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.17071 18C6.58254 16.8348 7.69378 16 9 16C10.3062 16 11.4175 16.8348 11.8293 18H22V20H11.8293C11.4175 21.1652 10.3062 22 9 22C7.69378 22 6.58254 21.1652 6.17071 20H2V18H6.17071ZM12.1707 11C12.5825 9.83481 13.6938 9 15 9C16.3062 9 17.4175 9.83481 17.8293 11H22V13H17.8293C17.4175 14.1652 16.3062 15 15 15C13.6938 15 12.5825 14.1652 12.1707 13H2V11H12.1707ZM6.17071 4C6.58254 2.83481 7.69378 2 9 2C10.3062 2 11.4175 2.83481 11.8293 4H22V6H11.8293C11.4175 7.16519 10.3062 8 9 8C7.69378 8 6.58254 7.16519 6.17071 6H2V4H6.17071ZM9 6C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6ZM15 13C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11C14.4477 11 14 11.4477 14 12C14 12.5523 14.4477 13 15 13ZM9 20C9.55228 20 10 19.5523 10 19C10 18.4477 9.55228 18 9 18C8.44772 18 8 18.4477 8 19C8 19.5523 8.44772 20 9 20Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
}

.contents-list>li {
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 14px 16px;
  color: var(--black);
}

.contents-list>li pre {
  white-space: pre-line;
  display: block;
}

.contents-list>li+li {
  margin-top: 8px;
}

.contents-list>li .mark {
  margin-bottom: 13px;
}

.contents-list>li .contents-title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 800;
}

.contents-list>li .sub-title {
  font-size: 16px;
  font-weight: 700;
}

.contents-list>li .sub-title+p {
  margin-top: 4px;
}

.contents-list>li>p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.contents-list>li>p>strong {
  font-size: 16px;
  font-weight: 600;
}

.contents-list>li>p>small {
  font-size: 12px;
  font-weight: 600;
}

.contents-list>li>a {
  color: black;
  font-size: 14px;
  font-weight: 600;
  margin-left: auto;
  display: block;
  width: fit-content;
}

.filter-checkbox__list>li>label {
  display: flex;
  justify-content: space-between;
  padding-block: 22px;
  padding-right: 38px;
  color: var(--black);
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23EEEEEE'/%3E%3Cpath d='M12.0007 17.1709L21.1931 7.97852L22.6073 9.39273L12.0007 19.9993L5.63672 13.6354L7.05093 12.2212L12.0007 17.1709Z' fill='%23B9B9B9'/%3E%3C/svg%3E%0A");
  background-position: right center;
}

.filter-checkbox__list>li>input:checked+label {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%2300D3D7'/%3E%3Cpath d='M12.0007 17.1709L21.1931 7.97852L22.6073 9.39273L12.0007 19.9993L5.63672 13.6354L7.05093 12.2212L12.0007 17.1709Z' fill='%23FAFAFA'/%3E%3C/svg%3E%0A");
}

.filter-checkbox__list>li+li>label {
  border-top: 1px solid #eeeeee;
}

.filter-checkbox__list>li>label .checkbox-all {
  font-size: 18px;
  font-weight: 700;
}

.filter-checkbox__list>li>label .filter-title {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  white-space: normal;
  word-break: keep-all;
  line-height: 1.5;
}

.filter-checkbox__list>li>label .filter-title>b {
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.filter-checkbox__list>li>label .filter-price {
  color: #006869;
  font-size: 16px;
  font-weight: 500;
}

.complete-info__list>li {
  color: var(--black);
  padding-block: 16px;
  border-bottom: 1px solid #eeeeee;
}

.complete-info__list>li>span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 8px;
}

.complete-info__list>li>p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.filter-list>li {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 18px 16px;
  background-color: white;
  color: black;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  gap: 24px;
}

.filter-list>li+li {
  margin-top: 10px;
}

.filter-list>li .filter-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.filter-list>li .filter-info>span {
  display: block;
  width: 100%;
  font-weight: 700;
}

.filter-list>li .filter-info>h4 {
  font-weight: 400;
}

.filter-list>li .filter-info>p {
  font-size: 10px;
}

.filter-list>li>img {
  width: 44px;
  height: auto;
  flex: 0 0 auto;
}

@media all and (max-width: 500px) {
  .ar-wrap.main {
    background-size: cover;
  }
}

.ar-wrap {
  width: 100%;
}

.ar-wrap .adsrun-logo {
  width: 18.5rem;
  height: auto;
}

.ar-wrap .main-title {
  position: absolute;
  top: 3.75rem;
  right: 2.375rem;
  font-size: 2.34rem;
  font-weight: 100;
  line-height: 1.36;
  border-bottom: 1px solid #3d3d3d;
  padding-bottom: 1.35rem;
  color: #161616;
}

.ar-wrap .main-title strong {
  font-size: 4.34rem;
}

.ar-wrap .main-title>strong {
  font-weight: normal;
}

.ar-wrap .ft-logo {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding-bottom: 1.875rem;
}

.ar-wrap .main-title>strong {
  font-weight: normal;
}

.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.5rem;
  z-index: 100;
  border-top: #ffffff;
  background-color: #f5a212;
}

.footer .ft-nav {
  display: flex;
}

.footer .ft-nav>a {
  display: block;
  padding: 0.05rem 0 0.5rem;
  flex: 0 0 25%;
  text-align: center;
  font-size: 0.9rem;
  font-weight: normal;
  color: #ffffff;
  opacity: 0.65;
}

.footer .ft-nav>a>img {
  width: 1.9rem;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.3125rem;
  margin-top: 0.12rem;
}

.footer .ft-nav>a.active {
  opacity: 1;
}

.side-menu {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.side-menu.active {
  visibility: visible;
}

.side-menu.active .side-menu__body {
  left: 0;
}

.side-menu .side-menu__dimmer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.34);
}

.side-menu .side-menu__body {
  width: 65%;
  height: 100%;
  position: absolute;
  top: 60px;
  left: -100%;
  background-color: #24262d;
  box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.61);
  padding: 1.5rem 0.1875rem;
  overflow-y: auto;
  transition: all 0.35s;
}

.side-menu .side-menu__hd {
  width: 100%;
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: flex-end;
}

.side-menu .side-menu__hd .logout-btn {
  padding: 0.625rem 1.3rem;
}

.side-menu .side-menu__nav .nav-list>li {
  border-bottom: 1px #ededed;
  color: #ffffff;
  list-style-type: none;
}

.side-menu .side-menu__nav .nav-list>li>a {
  display: flex;
  align-items: center;
  padding: 1rem 0.75rem 0.75rem;
  font-size: 1.1125rem;
  font-weight: normal;
  color: #ffffff;
}

.side-menu .side-menu__nav .nav-list>li>a>img {
  width: 1.25rem;
  height: auto;
  margin-right: 1.25rem;
}

.custom-input-group {
  display: flex;
  align-items: center;
}

.custom-input-group .input-group-append {
  flex: 0 0 auto;
}

.custom-input-group .btn {
  width: 100%;
  /* 버튼의 고정 너비 설정 */
  margin-left: 10px;
  /* 버튼과 인풋 박스 사이의 간격 */
  border: 1px solid #f6a821;
  /* 테두리 추가 */
  border-radius: 4px;
  /* 테두리 둥글게 설정 (필요한 경우) */
  background-color: transparent;
  color: white;
  /* 기본 글자색 설정 */
}

.purifier-swiper {
  width: calc(100% + 48px);
  margin-left: -24px !important;
  padding-inline: 24px !important;
}

.purifier-swiper .purifier-regist__box {
  padding: 0;
  background-color: transparent;
}

.purifier-swiper .swiper-slide+.swiper-slide {
  margin-top: 0;
}

.subscribe-list .filter ul>li>span,
.subscribe-list .filter ul>li>span>small {
  flex: 0 0 auto;
}

.subscribe-list .filter ul>li>span>small {
  padding-top: 2px;
}


.purifier-delete__btn {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 9px;
  right: 16px;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 1H3C1.89543 1 1 1.89543 1 3V17C1 18.1046 1.89543 19 3 19H17C18.1046 19 19 18.1046 19 17V3C19 1.89543 18.1046 1 17 1Z' stroke='%23D5D5D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L13 13' stroke='%23D5D5D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 7L7 13' stroke='%23D5D5D5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}