@charset "UTF-8";

/*
 * Css Framework  v0.1 sample
 *
 * @author Nuel Ha
 * @since 2023.02.23
 *
 * << 개정이력(Modification Information)>>
 *
 *   수정일          수정자                수정내용
 * -------------   --------    ---------------------------
 * 2023. 02. 23      하　늘        최초 생성
 */


/*
 * 사용방법
 * 1. 각 테마(light/dark)에 맞게 메인컬러와 서브컬러를 지정한다.
 * 2. 기본 폰트를 설정한다.
 * 3. 기본 변수 설정(option)
 */

/* ========================================================================
   1. 컬러 설정
 ========================================================================== */
:root,
:root[data-theme=light] {
  /* 라이트(기본) 테마 */
  /* 컬러 셋팅 */
  /* 기본 폰트 컬러 */
  --Default: #E5EBF9;
  --Background: #f5f5f5;

  /* 메인컬러 & 서브컬러 지정 */
  --Primary1: #EBF4FF;
  --Primary2: #D9EAFF;
  --Primary3: #B8D9FF;
  --Primary4: #99C8FF;
  --Primary5: #73B3FF;
  --Primary6: #469BFF;
  --Primary7: #2282F2;
  --Primary8: #146DD7;
  --Primary9: #004DA8;
  --Primary10: #003370;
  --Secondary: #FFC93C;
  --Secondary-light: #FEC866;

  /* 그레이스케일 컬러 */
  --Greyscale9: #292a2b;
  --Greyscale8: #363a3c;
  --Greyscale7: #4d5256;
  --Greyscale6: #878d91;
  --Greyscale5: #a9afb3;
  --Greyscale4: #ced3d6;
  --Greyscale3: #e1e4e6;
  --Greyscale2: #eaeeef;
  --Greyscale1: #f1f5f5;
  --Greyscale0: #f8fafb;

  /* 기본 시스템 컬러 */
  --Error: #d32f2f;
  --Warning: #f9a825;
  --Success: #4caf50;
  --information: #0091ea;
}

:root,
:root[data-theme=dark] {
  /* 다크모드 테마 */
  /* 컬러 셋팅 */
  /* 기본 폰트 컬러 */
  --Default: #FFFFFF;
  --Background: #292a2b;

  /* 메인컬러 & 서브컬러 지정 */
  --Primary: #58968B;
  --Primary-light: #79ABA2;
  --Primary-dark: #46786F;
  --Secondary: #F6BA33;
  --Secondary-light: #F8C85C;
  --Secondary-dark: #F6A833;

  /* 그레이스케일 컬러 */
  --Greyscale0: #292a2b;
  --Greyscale1: #363a3c;
  --Greyscale2: #4d5256;
  --Greyscale3: #878d91;
  --Greyscale4: #a9afb3;
  --Greyscale5: #ced3d6;
  --Greyscale6: #e1e4e6;
  --Greyscale7: #eaeeef;
  --Greyscale8: #f1f5f5;
  --Greyscale9: #f8fafb;

  /* 기본 시스템 컬러 */
  --Error: #d32f2f;
  --Warning: #f9a825;
  --Success: #4caf50;
  --information: #0091ea;
}

/* ========================================================================
   2. 기본 폰트 설정
 ========================================================================== */
:root {
  font-family: "Noto Sans Korean",
    -apple-system,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

/*
 * 기본서체
 * 경량화된 Noto Sans KR 적용
*/
@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../fonts/NotoSansKR-Light-Hestia.eot),
    url(../fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

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

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

@font-face {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../fonts/NotoSansKR-Black-Hestia.eot),
    url(../fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/* ========================================================================
   3. 기본 변수 설정(option)
 ========================================================================== */
:root {
  /*
  * 그리드 시스템
  * -> 주의! 수정해도 반응형에 반영 안됨
  */
  /* 작은 모바일(플립, 아이폰 SE 등) */
  --Breakpoint-sm: 320px;
  /* 모바일 */
  --Breakpoint-m: 460px;
  /* 작은 태블릿 */
  --Breakpoint-st: 768px;
  /* 태블릿 */
  --Breakpoint-t: 960px;
  /* 데스크탑 */
  --Breakpoint-d: 1200px;
  /* 전체 화면 */
  --Breakpoint-f: 1480px;

  /*
  * 폰트 사이즈
  */
  --Font-2xs: 12px;
  --Font-xs: 14px;
  --Font-sm: 16px;
  --Font-md: 18px;
  --Font-lg: 21px;
  --Font-xl: 24px;
  --Font-2xl: 36px;
  --Font-3xl: 48px;
}

/* ========================================================================
   CSS RESET / PREFIX
 ========================================================================== */

:root {
  /* 아이폰 폰트 깨지는 현상 수정 */
  /* 크롬, 사파리, 오페라 신버전 */
  -webkit-text-size-adjust: 100%;
  /* IE */
  -ms-text-size-adjust: 100%;
  /* 파이어폭스 */
  -moz-text-size-adjust: 100%;
  /* 오페라 구버전 */
  -o-text-size-adjust: 100%;
}

body {
  background-color: #fff;
}

table,
th,
td,
input,
select,
button,
textarea,
pre {
  font: inherit;
  color: inherit;
}

body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
button,
textarea,
p,
blockquote,
table,
th,
td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

img,
fieldset {
  border: 0;
}

img {
  vertical-align: middle;
}

a {
  color: var(--Default);
  text-decoration: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

th,
td {
  word-break: break-all;
  word-wrap: break-word;
}

label {
  cursor: pointer;
}

input,
button {
  border: 0;
  border-radius: 0;
  background-color: unset;
}

textarea {
  resize: none;
}

input,
button,
select,
textarea {
  vertical-align: middle;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
}

hr {
  clear: both;
  display: none;
}

blockquote,
q {
  quotes: none;
}

abbr,
acronym {
  border: 0;
}

legend,
caption {
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
  font-size: 0;
}

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

/* ========================================================================
   Grid System
 ========================================================================== */

.container {
  display: block;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.row {
  margin-left: -6px;
  margin-right: -6px;
  padding-bottom: 20px;
  display: flex;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
  justify-content: space-between;
}

.row .col {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding: 0 6px;
  max-width: 100%;
}

@media (max-width: 319px) {
  .container {
    width: calc(100% - 32px);
  }

  .row .col {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}

/* 작은 모바일(플립, 아이폰 SE 등) ~ 모바일 */
@media (min-width: 320px) {
  .container {
    width: calc(100% - 32px);
  }

  .row .col.sm1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.sm2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.sm3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.sm4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.sm5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.sm6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.sm7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.sm8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.sm9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.sm10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.sm11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.sm12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.sm-5 {
    max-width: 20%;
    flex-basis: 20%;
  }

}

/* 모바일 ~ 작은 태블릿 */
@media (min-width: 460px) {
  .container {
    width: calc(100% - 32px);
  }

  .row .col.m1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.m2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.m3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.m4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.m5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.m6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.m7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.m8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.m9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.m10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.m11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.m12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.m-5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/* 작은 태블릿 ~ 태블릿 */
@media (min-width: 768px) {
  .container {
    width: calc(100% - 40px);
  }

  .row .col.st1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.st2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.st3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.st4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.st5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.st6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.st7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.st8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.st9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.st10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.st11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.st12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.st-5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/* 태블릿 ~ 데스크탑 */
@media (min-width: 960px) {
  .container {
    width: calc(100% - 64px);
  }

  .row .col.t1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.t2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.t3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.t4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.t5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.t6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.t7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.t8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.t9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.t10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.t11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.t12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.t-5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/* 데스크탑 ~ 전체 화면 */
@media (min-width: 1200px) {
  .container {
    width: calc(100% - 64px);
  }

  .row .col.d1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.d2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.d3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.d4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.d5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.d6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.d7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.d8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.d9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.d10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.d11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.d12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.d-5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/* 전체 화면 ~ */
@media (min-width: 1480px) {
  .container {
    width: calc(100% - 64px);
  }

  .row .col.f1 {
    max-width: 8.3333333333%;
    flex-basis: 8.3333333333%;
  }

  .row .col.f2 {
    max-width: 16.6666666667%;
    flex-basis: 16.6666666667%;
  }

  .row .col.f3 {
    max-width: 25%;
    flex-basis: 25%;
  }

  .row .col.f4 {
    max-width: 33.3333333333%;
    flex-basis: 33.3333333333%;
  }

  .row .col.f5 {
    max-width: 41.6666666667%;
    flex-basis: 41.6666666667%;
  }

  .row .col.f6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .row .col.f7 {
    max-width: 58.3333333333%;
    flex-basis: 58.3333333333%;
  }

  .row .col.f8 {
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }

  .row .col.f9 {
    max-width: 75%;
    flex-basis: 75%;
  }

  .row .col.f10 {
    max-width: 83.3333333333%;
    flex-basis: 83.3333333333%;
  }

  .row .col.f11 {
    max-width: 91.6666666667%;
    flex-basis: 91.6666666667%;
  }

  .row .col.f12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .row .col.f-5 {
    max-width: 20%;
    flex-basis: 20%;
  }
}

/* ========================================================================
   Media Query Classes
 ========================================================================== */

@media only screen and (min-width: 320px) {
  .showSm {
    display: block !important;
  }
}

@media only screen and (min-width: 460px) {
  .showM {
    display: block !important;
  }
}

@media only screen and (min-width: 768px) {
  .showSt {
    display: block !important;
  }
}

@media only screen and (min-width: 960px) {
  .showT {
    display: block !important;
  }
}

@media only screen and (min-width: 1200px) {
  .showD {
    display: block !important;
  }
}

@media only screen and (min-width: 1480px) {
  .showF {
    display: block !important;
  }
}

@media only screen and (max-width: 319px) {
  .hideSm {
    display: none !important;
  }
}

@media only screen and (max-width: 459px) {
  .hideM {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hideSt {
    display: none !important;
  }
}

@media only screen and (max-width: 959px) {
  .hideT {
    display: none !important;
  }
}

@media only screen and (max-width: 1199px) {
  .hideD {
    display: none !important;
  }
}

@media only screen and (max-width: 1479px) {
  .hideF {
    display: none !important;
  }
}

/* ========================================================================
   Component Basic Style
 ========================================================================== */

.divider {
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--Greyscale3);
  padding: 0;
  margin: 0;
}


/* 말줄임 */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis2 {
  display: -webkit-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/* 공통 */
.row {
  padding-bottom: 0;
}


/*Componet icons*/
.ezIcon {
  display: block;
  width: 24px;
  height: 24px;
  background: no-repeat center;
}

.ezIcon.chevron-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cmask id='mask0_1_760' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='2' y='2' width='24' height='24'%3E%3Crect x='2' y='2' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1_760)'%3E%3Cpath d='M11.225 19.475C11.075 19.325 11 19.15 11 18.95C11 18.75 11.075 18.575 11.225 18.425L15.3 14.35L11.225 10.275C11.075 10.125 11 9.95 11 9.75C11 9.55 11.075 9.375 11.225 9.225C11.375 9.075 11.55 9 11.75 9C11.95 9 12.125 9.075 12.275 9.225L16.775 13.725C16.8583 13.8083 16.921 13.904 16.963 14.012C17.0043 14.1207 17.025 14.2333 17.025 14.35C17.025 14.4667 17.0043 14.579 16.963 14.687C16.921 14.7957 16.8583 14.8917 16.775 14.975L12.275 19.475C12.125 19.625 11.95 19.7 11.75 19.7C11.55 19.7 11.375 19.625 11.225 19.475Z' fill='%23424242'/%3E%3C/g%3E%3C/svg%3E");
}

.ezIcon.chevron-left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M21.7383 25.1269L17.2441 20.6327C17.1505 20.5391 17.0844 20.4388 17.046 20.3317C17.0075 20.2247 16.9883 20.1141 16.9883 20C16.9883 19.8795 17.0075 19.7673 17.046 19.6635C17.0844 19.5596 17.1505 19.4609 17.2441 19.3673L21.7383 14.8731C21.8831 14.7282 22.0588 14.6558 22.2652 14.6558C22.4716 14.6558 22.6472 14.7282 22.7921 14.8731C22.937 15.018 23.0094 15.1936 23.0094 15.4C23.0094 15.6064 22.937 15.782 22.7921 15.9269L18.719 20L22.7921 24.0731C22.937 24.218 23.0094 24.3936 23.0094 24.6C23.0094 24.8064 22.937 24.982 22.7921 25.1269C22.6472 25.2718 22.4716 25.3442 22.2652 25.3442C22.0588 25.3442 21.8831 25.2718 21.7383 25.1269Z' fill='%23363A3C'/%3E%3C/svg%3E");
}

.ezIcon.double_arrow_left {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M24.9125 25.1194L20.4125 20.6194C20.3292 20.536 20.2668 20.44 20.2255 20.3314C20.1835 20.2234 20.1625 20.111 20.1625 19.9944C20.1625 19.8777 20.1835 19.765 20.2255 19.6564C20.2668 19.5484 20.3292 19.4527 20.4125 19.3694L24.9125 14.8694C25.0458 14.736 25.2168 14.665 25.4255 14.6564C25.6335 14.6484 25.8125 14.7194 25.9625 14.8694C26.1125 15.0194 26.1875 15.1944 26.1875 15.3944C26.1875 15.5944 26.1125 15.7694 25.9625 15.9194L21.9125 19.9944L25.9625 24.0694C26.0958 24.2027 26.1665 24.3734 26.1745 24.5814C26.1832 24.79 26.1125 24.9694 25.9625 25.1194C25.8125 25.2694 25.6375 25.3444 25.4375 25.3444C25.2375 25.3444 25.0625 25.2694 24.9125 25.1194ZM18.5625 25.1194L14.0625 20.6194C13.9792 20.536 13.9168 20.44 13.8755 20.3314C13.8335 20.2234 13.8125 20.111 13.8125 19.9944C13.8125 19.8777 13.8335 19.765 13.8755 19.6564C13.9168 19.5484 13.9792 19.4527 14.0625 19.3694L18.5625 14.8694C18.6958 14.736 18.8668 14.665 19.0755 14.6564C19.2835 14.6484 19.4625 14.7194 19.6125 14.8694C19.7625 15.0194 19.8375 15.1944 19.8375 15.3944C19.8375 15.5944 19.7625 15.7694 19.6125 15.9194L15.5625 19.9944L19.6125 24.0694C19.7458 24.2027 19.8168 24.3734 19.8255 24.5814C19.8335 24.79 19.7625 24.9694 19.6125 25.1194C19.4625 25.2694 19.2875 25.3444 19.0875 25.3444C18.8875 25.3444 18.7125 25.2694 18.5625 25.1194Z' fill='%23363A3C'/%3E%3C/svg%3E");
}

.ezIcon.double_arrow_right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cmask id='mask0_39_1001' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_39_1001)'%3E%3Cpath d='M8.03334 19.1252C7.88847 18.9803 7.81604 18.8047 7.81604 18.5983C7.81604 18.3919 7.88847 18.2162 8.03334 18.0714L12.091 13.9983L8.03334 9.92518C7.89487 9.78673 7.82147 9.61526 7.81314 9.41078C7.8048 9.20629 7.8782 9.0265 8.03334 8.87138C8.1782 8.72649 8.35384 8.65405 8.56024 8.65405C8.76665 8.65405 8.9423 8.72649 9.08716 8.87138L13.5814 13.3656C13.675 13.4592 13.741 13.5579 13.7795 13.6618C13.8179 13.7656 13.8371 13.8778 13.8371 13.9983C13.8371 14.1188 13.8179 14.231 13.7795 14.3348C13.741 14.4387 13.675 14.5374 13.5814 14.631L9.08716 19.1252C8.9487 19.2636 8.77722 19.337 8.57274 19.3454C8.36825 19.3537 8.18845 19.2803 8.03334 19.1252ZM14.3833 19.1252C14.2384 18.9803 14.166 18.8047 14.166 18.5983C14.166 18.3919 14.2384 18.2162 14.3833 18.0714L18.441 13.9983L14.3833 9.92518C14.2449 9.78673 14.1715 9.61526 14.1631 9.41078C14.1548 9.20629 14.2282 9.0265 14.3833 8.87138C14.5282 8.72649 14.7038 8.65405 14.9102 8.65405C15.1166 8.65405 15.2923 8.72649 15.4371 8.87138L19.9314 13.3656C20.0249 13.4592 20.091 13.5579 20.1294 13.6618C20.1679 13.7656 20.1871 13.8778 20.1871 13.9983C20.1871 14.1188 20.1679 14.231 20.1294 14.3348C20.091 14.4387 20.0249 14.5374 19.9314 14.631L15.4371 19.1252C15.2987 19.2636 15.1272 19.337 14.9227 19.3454C14.7183 19.3537 14.5384 19.2803 14.3833 19.1252Z' fill='%23424242'/%3E%3C/g%3E%3C/svg%3E");
}

.ezIcon.home {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z' fill='%23878D91'/%3E%3C/svg%3E");
}

.ezIcon.home.fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_163_194)'%3E%3Cpath d='M10 20V14H14V20H19V12H22L12 3L2 12H5V20H10Z' fill='%23878D91'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_163_194'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ezIcon.calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V6' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2V6' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 10H21' stroke='%23424242' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.cancel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18' stroke='%23CED3D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='%23CED3D6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%234D5256' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0004 20.9999L16.6504 16.6499' stroke='%234D5256' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.search_w {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.0004 20.9999L16.6504 16.6499' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_75_1859)'%3E%3Cpath d='M8.00065 14.6668C11.6825 14.6668 14.6673 11.6821 14.6673 8.00016C14.6673 4.31826 11.6825 1.3335 8.00065 1.3335C4.31875 1.3335 1.33398 4.31826 1.33398 8.00016C1.33398 11.6821 4.31875 14.6668 8.00065 14.6668Z' stroke='%23CED3D6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.6667V8' stroke='%23CED3D6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.3335H8.00625' stroke='%23CED3D6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_75_1859'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ezIcon.infoError {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_75_1867)'%3E%3Cpath d='M8.00065 14.6668C11.6825 14.6668 14.6673 11.6821 14.6673 8.00016C14.6673 4.31826 11.6825 1.3335 8.00065 1.3335C4.31875 1.3335 1.33398 4.31826 1.33398 8.00016C1.33398 11.6821 4.31875 14.6668 8.00065 14.6668Z' stroke='%23D32F2F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.6667V8' stroke='%23D32F2F' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.3335H8.00625' stroke='%23D32F2F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_75_1867'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ezIcon.infoSuccess {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_75_1875)'%3E%3Cpath d='M8.00065 14.6668C11.6825 14.6668 14.6673 11.6821 14.6673 8.00016C14.6673 4.31826 11.6825 1.3335 8.00065 1.3335C4.31875 1.3335 1.33398 4.31826 1.33398 8.00016C1.33398 11.6821 4.31875 14.6668 8.00065 14.6668Z' stroke='%234CAF50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.6667V8' stroke='%234CAF50' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 5.3335H8.00625' stroke='%234CAF50' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_75_1875'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ezIcon.add {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M19 13H13V19H11V13H5V11H11V5H13V11H19V13Z%27 fill=%27black%27/%3E%3C/svg%3E");
}

.ezIcon.remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Cpath d=%27M19 13H5V11H19V13Z%27 fill=%27black%27/%3E%3C/svg%3E");
}

.ezIcon.user {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.cart {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.setting {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_34_57)'%3E%3Cpath d='M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z' stroke='%23878D91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_57'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ezIcon.close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18' stroke='%23363A3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='%23363A3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ezIcon.arrowdown {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_212_2611)'%3E%3Cpath d='M7.41 8L12 12.58L16.59 8L18 9.41L12 15.41L6 9.41L7.41 8Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_212_2611'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


/* input type */
input {
  width: 100%;
  color: var(--Greyscale8);
  font-size: 16px;
  font-weight: 500;
}

input:focus-visible,
textarea:focus-visible {
  outline: transparent;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="file"]::placeholder,
textarea::placeholder {
  color: var(--Greyscale4);
  font-size: 16px;
  font-weight: 400;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}