@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Thin.woff2) format("woff2"), url(../../common/fonts/Pretendard-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-ExtraLight.woff2) format("woff2"), url(../../common/fonts/Pretendard-ExtraLight.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Light.woff2) format("woff2"), url(../../common/fonts/Pretendard-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Regular.woff2) format("woff2"), url(../../common/fonts/Pretendard-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Medium.woff2) format("woff2"), url(../../common/fonts/Pretendard-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(../../common/fonts/Pretendard-SemiBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Bold.woff2) format("woff2"), url(../../common/fonts/Pretendard-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(../../common/fonts/Pretendard-ExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url(../../common/fonts/Pretendard-Black.woff2) format("woff2"), url(../../common/fonts/Pretendard-Black.woff) format("woff");
  font-display: swap;
}
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none; /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
}

html, a, button,
input, textarea {
  font-family: "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕", Roboto, Arial;
}

*,
*::before,
*::after {
  letter-spacing: -0.02em;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: -0.025em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  *,
  *::before,
  *::after {
    word-break: break-all;
  }
}

html {
  height: 100vh;
  -webkit-text-size-adjust: none;
  /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none;
  /*Firefox*/
  -ms-text-size-adjust: none;
  /*Ie*/
  -o-text-size-adjust: none;
  /*old versions of Opera*/
}

/*a,body,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
html,
textarea,
input {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.35px;
  line-height: 1.14;
  word-break: keep-all;
}

a,
body,
dd,
div,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
html,
li,
ol,
p,
ul {
  padding: 0;
  margin: 0;
}

li,
ol,
ul {
  list-style: none;
}

a,
img {
  border: none;
}

img {
  max-width: 100%;
}

a + a,
img,
input + a,
input + button {
  vertical-align: middle;
}

a {
  text-decoration: none;
  display: inline-block;
  color: #222;
}

a:hover {
  text-decoration: none;
}

button,
a {
  color: #222;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=date],
input[type=search],
select,
textarea {
  padding: 0 8px;
  box-sizing: border-box;
  color: #222;
  font-size: 14px;
  background: #fff;
  vertical-align: middle;
  height: 38px;
  padding-inline: 14px;
  border-radius: 5px;
  border: solid 1px #D9DCDF;
}

input[type=number].gray,
input[type=password].gray,
input[type=tel].gray,
input[type=text].gray,
input[type=date].gray,
input[type=search].gray,
select.gray,
textarea.gray {
  background-color: #F5F7F8;
}

input[type=number].s,
input[type=password].s,
input[type=tel].s,
input[type=text].s,
input[type=date].s,
input[type=search].s,
select.s {
  height: 30px;
}

input[type=date] {
  position: relative;
}

input::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
  width: 13px;
  height: 13px;
  background: url(../img/icon_date.png) no-repeat center/cover;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  line-height: 1.5;
  outline: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/icon_arrow_down.png") no-repeat #fff;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
  outline: none;
  padding-right: 30px;
}

/*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
input[type=chekbox],
input[type=radio] {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=search] {
  padding-inline: 12px 10px;
  height: 40px;
  border: 1px solid #D9DCDF;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: url(../img/icon_del.png) center center no-repeat;
  background-size: 10px auto;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

i {
  font-style: normal;
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}

th {
  text-align: center;
}

td {
  text-align: left;
}

table > caption {
  position: absolute;
  text-indent: -9999px;
}

button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

button,
input,
textarea {
  -webkit-appearance: none;
}

select,
textarea,
input[type=text] {
  width: 100%;
}

textarea {
  min-height: 70px;
  text-align: left;
  padding: 8px 14px;
}

input[type=tel] {
  width: 40px;
  min-width: 40px;
  margin-right: 4px;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
  font-size: 14px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
  font-size: 14px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
  font-size: 14px;
}

input::placeholder,
textarea::placeholder {
  color: #A0A2A6;
  opacity: 1;
  font-size: 14px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
  font-size: 14px;
}

input:disabled {
  border: solid 1px #e7e8ef;
  background-color: transparent;
  cursor: not-allowed;
}

select:disabled,
input[readonly],
textarea[readonly] {
  border: 1px solid #e7e8ef;
  opacity: 1;
  background: transparent;
}

input[readonly]:focus,
textarea[readonly]:focus {
  outline: none;
}

input:focus {
  outline: none;
}

input:disabled::-webkit-input-placeholder,
input[readonly]::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder,
textarea[readonly]::-webkit-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
}

input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
}

input:disabled::-ms-input-placeholder,
input[readonly]::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder,
textarea[readonly]::-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
}

input:disabled::placeholder,
input[readonly]::placeholder,
textarea:disabled::placeholder,
textarea[readonly]::placeholder {
  color: #A0A2A6;
  opacity: 1;
}

input:disabled:-ms-input-placeholder,
input[readonly]:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder,
textarea[readonly]:-ms-input-placeholder {
  color: #A0A2A6;
  opacity: 1;
}

input::-ms-clear,
input::-ms-reveal,
textarea::-ms-clear,
textarea::-ms-reveal {
  display: none;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

textarea {
  line-height: 1.5;
}

textarea {
  resize: none;
}

img {
  border: 0;
  vertical-align: middle;
}

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}

main,
section,
article {
  display: block;
}

fieldset,
form {
  border: none;
  outline: none;
}

address {
  font-style: normal;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_chart {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M18.466 3.086H3.534v17.371h14.934V3.086Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M7.8 5.257H5.667v13.029h10.666V5.257h-1.6'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M14.733 2.543v1.91c0 1.043-.832 1.89-1.856 1.89H9.656c-1.024 0-1.856-.847-1.856-1.89v-1.91h6.933ZM5.998 12.325h2.186l.65-3.224 3.937 6.536 2.07-3.562h1.493'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_drug {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M7.65 6.54a4.207 4.207 0 0 0-5.93 0 4.207 4.207 0 0 0 0 5.93l3.81 3.81 5.93-5.93-3.81-3.81ZM15.28 20.1a4.207 4.207 0 0 0 0-5.93l-3.81-3.81-5.93 5.93 3.81 3.81a4.207 4.207 0 0 0 5.93 0ZM18.66 2.62a3.82 3.82 0 0 0-5.4 0l5.4 5.4a3.82 3.82 0 0 0 0-5.4Z'/%3E%3Cpath d='m18.66 8.02-5.4-5.4a3.82 3.82 0 0 0 0 5.4 3.82 3.82 0 0 0 5.4 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_employee {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M16.913 3.984H1v12.93h15.913V3.983Z'/%3E%3Cpath stroke-linecap='round' d='M5.476 3.984v-1.99c0-.546.447-.994.994-.994h4.973c.547 0 .995.448.995.995v1.989M7.771 9.951H1M16.723 9.951H9.95M9.951 7.962h-1.99v3.978h1.99V7.962Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_enter_hospital {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='m7.6 16.11-4.1-4.45V1.5h11v10.28l-3.7 4.33H7.6ZM10.8 16.11v2.39H16M7.6 16.11V18M5.5 4.5H8M5.5 7H8'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hospital {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M15.765 2.53h-9.53v16.94h9.53V2.53Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M12.588 13.117H9.412v6.353h3.176v-6.353ZM6.235 8.353H2.53V19.47h3.706V8.353ZM19.47 8.353h-3.705V19.47h3.706V8.353ZM9.412 7.294h3.176M11 8.882V5.706'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_manage_chart {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M6 4.92V2.5h12.5V17h-2.75'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75v8.75H3.5V5H10l6 5.75Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75h-6V5l6 5.75Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_order {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M17 11.5v-6H1.5v12h9M1.25 14.5H9.5'/%3E%3Cpath d='M5.62 7.5V5.12c0-2 1.62-3.62 3.62-3.62s3.62 1.62 3.62 3.62V7.5M14.12 19.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM12.12 15h4M14.12 17v-4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_payment {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M17 6.5v-1c0-1.1-.9-2-2-2H4.5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V15'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M18.5 11V8.5c0-1.1-.9-2-2-2h-10c-.74 0-1.33-.6-1.33-1.33M19.5 11v4h-3.33c-1.1 0-2-.9-2-2s.9-2 2-2h3.33Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_product {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M11 10.82 2.53 6.67 11 2.53l8.47 4.14L11 10.81v.01ZM19.47 11 11 15.14 2.53 11M19.47 15.33 11 19.47l-8.47-4.14'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reserve {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M17.5 11.5v-3h-16V18h10M17.5 4h-16v4.5h16V4ZM5.5 2v4M13.5 2v4'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M19.81 14.83a4.505 4.505 0 0 1-5.57 5.15 4.448 4.448 0 0 1-3.23-3.23c-.79-3.25 1.94-6.12 5.15-5.57 1.84.31 3.32 1.79 3.64 3.64l.01.01Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M15.38 12.62v3l2 1.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_service {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath fill='%23444' d='M6.908 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118ZM13.261 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M13.177 13.78A4.473 4.473 0 0 1 10 15.093a4.473 4.473 0 0 1-3.176-1.313'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_stats {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M5.235 6.823H2.06v9h3.176v-9ZM11.588 1.53H8.412v14.293h3.176V1.53ZM17.941 6.823h-3.176v9h3.176v-9Z'/%3E%3Cpath stroke-linecap='round' d='M18.47 18.47H1.53'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_time {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M7.348 14.862a6.598 6.598 0 1 0 0-13.195 6.598 6.598 0 0 0 0 13.195ZM12.39 12.8l3.98 3.981'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_notice {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4.35 4.35H.75v9h3.6l8.4 4.2V.75l-8.4 3.6ZM18.12 16.63c4.14-4.14 4.14-10.87 0-15.01'/%3E%3Cpath d='M16.27 14.22c2.81-2.81 2.81-7.38 0-10.2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_my {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.27 10.35a4.8 4.8 0 1 0 0-9.6 4.8 4.8 0 0 0 0 9.6ZM19.87 18.46c-.43-.89-.99-1.71-1.64-2.44a10.623 10.623 0 0 0-7.96-3.57c-2.98 0-5.67 1.22-7.61 3.19-.81.82-1.48 1.77-1.99 2.82'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_message {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M10.6 1C5.3 1 1 5.3 1 10.6a9.5 9.5 0 0 0 2.43 6.36L1 20.2h9.6c5.3 0 9.6-4.3 9.6-9.6S15.9 1 10.6 1Z'/%3E%3Cpath fill='%23444' d='M10.6 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4ZM6.4 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4ZM14.8 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_push {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M3.01 16.18c-.52 0-1-.27-1.27-.71a1.34 1.34 0 0 1 .25-1.68l1.32-1.2V7.73c0-3.72 3.1-6.98 6.64-6.98 3.54 0 6.64 3.26 6.64 6.98v4.87l1.32 1.2c.47.43.57 1.13.25 1.68-.27.44-.75.71-1.27.71H3.01v-.01ZM13.621 16.25c0 2.04-1.64 3.7-3.67 3.7-2.03 0-3.67-1.65-3.67-3.7h7.34Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_prev {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_first {
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_list {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width ='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.334 1.334 0 0 0 1.333-1.334v-8l-4-4Z'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333v4h4M10.667 8.667H5.333M10.667 11.333H5.333M6.667 6H5.333'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_ball {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M2.34 11.453a.993.993 0 0 1-.847-.473.894.894 0 0 1 .167-1.12l.88-.8V5.82c0-2.48 2.067-4.653 4.427-4.653 2.36 0 4.426 2.173 4.426 4.653v3.247l.88.8c.314.286.38.753.167 1.12a.993.993 0 0 1-.847.473H2.34v-.007ZM9.413 11.5a2.457 2.457 0 0 1-2.446 2.467A2.453 2.453 0 0 1 4.52 11.5h4.893Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_edit_line {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='m1 13.118 1.197-3.856 2.73 2.73L1 13.118Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M9.298 2.167 2.197 9.268 4.928 12l7.101-7.1-2.731-2.732ZM12.845 2.432 11.75 1.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.451-.45.451-1.184 0-1.641l.007.006Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_eye {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M.667 8S3.333 2.667 8 2.667 15.333 8 15.333 8 12.667 13.333 8 13.333.667 8 .667 8Z'/%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_emergency {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23444'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M8.18 8.9a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4ZM14.58 14.307a7.103 7.103 0 0 0-1.094-1.627A7.082 7.082 0 0 0 8.18 10.3c-1.987 0-3.78.813-5.074 2.127a7.056 7.056 0 0 0-1.326 1.88'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_vital {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M13.967.833h-12.8v9.6h12.8v-9.6ZM3.433 13.633H11.7M6.234 10.433l-.934 3.2M8.9 10.433l.934 3.2'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M2.9 6.173h2.44L6.347 4.66l1.92 4.04 2.02-5.76L11.3 6.173h4.534'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_question {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23444' rx='8'/%3E%3Cpath fill='%23fff' d='M6.77 9.93c.005-1.46.398-1.905 1.101-2.344.504-.328.897-.691.89-1.23.007-.586-.45-.967-1.019-.973-.545.006-1.054.369-1.078 1.054H5C5.03 4.792 6.254 4 7.754 4c1.635 0 2.789.85 2.789 2.297 0 .967-.498 1.576-1.266 2.039-.662.393-.955.773-.96 1.594v.129H6.77v-.13Zm-.176 1.793a.962.962 0 0 1 .984-.973.978.978 0 0 1 .973.973.988.988 0 0 1-.973.984.972.972 0 0 1-.984-.984Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_excl {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23444' rx='8'/%3E%3Cpath fill='%23fff' d='m9.262 4-.2 5.848h-1.84L7.013 4h2.25ZM7 11.477a1.128 1.128 0 0 1 1.137-1.125c.597 0 1.13.503 1.136 1.125a1.157 1.157 0 0 1-1.136 1.136A1.13 1.13 0 0 1 7 11.477Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_up {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13 11 8 5.667 3 11'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_down {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444'  stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5.667 8 11l5-5.333'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_add {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_new {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath d='M11.25 6v6l-4.5-6v6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_set {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_sort {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill='%23444' d='m5.417 0 4.5 6h-9l4.5-6Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_download {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mail {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14.167V.833M14.668 7.5H1.335'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_del_file {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.333 10.667 9.38-9.475M10.666 10.667l-9.38-9.475'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_print {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M4 6V1.333h8V6M4 12H2.666a1.334 1.334 0 0 1-1.333-1.333V7.333A1.333 1.333 0 0 1 2.666 6h10.667a1.333 1.333 0 0 1 1.333 1.333v3.334A1.333 1.333 0 0 1 13.333 12H12'/%3E%3Cpath d='M12 9.333H4v5.334h8V9.333Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_heaven {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M8.513 5.8C6.071 5.13 5.11 4.281 4.361 3.641c0 0-1.092-1.101-1.85-2.232-.432-.646-.874 2.93-.04 4.6.096.188.193.358.293.508-.29.017-.507.113-.616.291-.33.534.433 1.615 1.706 2.414.101.063.2.122.301.178-.71-.12-1.276-.01-1.394.316-.162.444.563 1.12 1.62 1.512.257.096.509.165.747.21-.25.09-.414.23-.447.408-.09.464.734 1.016 1.84 1.23a4.63 4.63 0 0 0 .916.086.67.67 0 0 0-.232.224.276.276 0 0 0-.038.163c.03.312.657.508 1.4.437.434-.04 1.336-.378 2.01-.715.286-.102.572-.239.862-.392.924-.488 1.56 1.12 2.176.371 1.515-1.845-1.7-6.518-5.1-7.449L8.513 5.8Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_trash {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close_eye {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M11.96 11.96A6.714 6.714 0 0 1 8 13.333C3.333 13.333.667 8 .667 8A12.3 12.3 0 0 1 4.04 4.04M6.6 2.827a6.08 6.08 0 0 1 1.4-.16C12.667 2.667 15.333 8 15.333 8c-.404.757-.887 1.47-1.44 2.127m-4.48-.714a2 2 0 1 1-2.826-2.826M.667.667l14.666 14.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_cart {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chat_user {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 14v-1.333A2.667 2.667 0 0 0 10.667 10H5.333a2.667 2.667 0 0 0-2.666 2.667V14M8 7.333A2.667 2.667 0 1 0 8 2a2.667 2.667 0 0 0 0 5.333Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_out {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.627 8.004H4.319M10.886 11.402l3.227-3.39-3.227-3.407M7.077 14.75h-4.27A2.059 2.059 0 0 1 .75 12.692V3.308c0-1.136.922-2.058 2.058-2.058h4.27'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_note {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' %3E%3Cg fill='none'  clip-path='url(%23clip0_343_31616)'%3E%3Cpath d='M4.01855 10.8084V1.50781H13.5473V10.8084' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.62297 2L8.68992 6.06684L9.11905 6.48569L14.7364 11.9685' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5472 1.50781L8.78452 6.15981L1.76367 13.0091' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1249 10.625L6.40674 17.4582' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.76367 13.0078L6.35747 17.4916' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.23145 14.7031L10.6068 16.0455' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6064 16.0423L14.7359 12.0117' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_343_31616'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
}
.svg_icon.icon_heart {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.061 3.828a4.288 4.288 0 0 0-6.205 0l-.843.869-.842-.869a4.322 4.322 0 0 0-6.222 0c-1.71 1.772-1.71 4.635 0 6.406l.842.869L9.997 17.5l6.205-6.397.842-.869c1.719-1.762 1.719-4.634 0-6.397l.017-.009Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23666' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.dark {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_first.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_prev.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
}
.svg_icon.icon_first.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_prev.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
}
.svg_icon.icon_emergency.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23EF4D56'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
}
.svg_icon.icon_user.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='M8.18 8.9a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4ZM14.58 14.307a7.103 7.103 0 0 0-1.094-1.627A7.082 7.082 0 0 0 8.18 10.3c-1.987 0-3.78.813-5.074 2.127a7.056 7.056 0 0 0-1.326 1.88'/%3E%3C/svg%3E");
}
.svg_icon.icon_question.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23A0A2A6' rx='8'/%3E%3Cpath fill='%23fff' d='M6.77 9.93c.005-1.46.398-1.905 1.101-2.344.504-.328.897-.691.89-1.23.007-.586-.45-.967-1.019-.973-.545.006-1.054.369-1.078 1.054H5C5.03 4.792 6.254 4 7.754 4c1.635 0 2.789.85 2.789 2.297 0 .967-.498 1.576-1.266 2.039-.662.393-.955.773-.96 1.594v.129H6.77v-.13Zm-.176 1.793a.962.962 0 0 1 .984-.973.978.978 0 0 1 .973.973.988.988 0 0 1-.973.984.972.972 0 0 1-.984-.984Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_excl.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23A0A2A6' rx='8'/%3E%3Cpath fill='%23fff' d='m9.262 4-.2 5.848h-1.84L7.013 4h2.25ZM7 11.477a1.128 1.128 0 0 1 1.137-1.125c.597 0 1.13.503 1.136 1.125a1.157 1.157 0 0 1-1.136 1.136A1.13 1.13 0 0 1 7 11.477Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_add.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
}
.svg_icon.icon_add.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
}
.svg_icon.icon_new.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath d='M11.25 6v6l-4.5-6v6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_set.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_set.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_sort {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill='%23999BA0' d='m5.417 0 4.5 6h-9l4.5-6Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_eye.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M.667 8S3.333 2.667 8 2.667 15.333 8 15.333 8 12.667 13.333 8 13.333.667 8 .667 8Z'/%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_close_eye.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M11.96 11.96A6.714 6.714 0 0 1 8 13.333C3.333 13.333.667 8 .667 8A12.3 12.3 0 0 1 4.04 4.04M6.6 2.827a6.08 6.08 0 0 1 1.4-.16C12.667 2.667 15.333 8 15.333 8c-.404.757-.887 1.47-1.44 2.127m-4.48-.714a2 2 0 1 1-2.826-2.826M.667.667l14.666 14.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_cart.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_cart.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_mail.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_mail.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_trash.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_trash.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_ball.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3E%3Cpath stroke='%23999BA0' stroke-linejoin='round' stroke-width='1.5' d='M2.34 11.453a.993.993 0 0 1-.847-.473.894.894 0 0 1 .167-1.12l.88-.8V5.82c0-2.48 2.067-4.653 4.427-4.653 2.36 0 4.426 2.173 4.426 4.653v3.247l.88.8c.314.286.38.753.167 1.12a.993.993 0 0 1-.847.473H2.34v-.007ZM9.413 11.5a2.457 2.457 0 0 1-2.446 2.467A2.453 2.453 0 0 1 4.52 11.5h4.893Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_chat_user.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23999BA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 14v-1.333A2.667 2.667 0 0 0 10.667 10H5.333a2.667 2.667 0 0 0-2.666 2.667V14M8 7.333A2.667 2.667 0 1 0 8 2a2.667 2.667 0 0 0 0 5.333Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_out.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.627 8.004H4.319M10.886 11.402l3.227-3.39-3.227-3.407M7.077 14.75h-4.27A2.059 2.059 0 0 1 .75 12.692V3.308c0-1.136.922-2.058 2.058-2.058h4.27'/%3E%3C/svg%3E");
}
.svg_icon.icon_edit_line.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.5' d='m1 13.118 1.197-3.856 2.73 2.73L1 13.118Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.5' d='M9.298 2.167 2.197 9.268 4.928 12l7.101-7.1-2.731-2.732ZM12.845 2.432 11.75 1.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.451-.45.451-1.184 0-1.641l.007.006Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_logout.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_list.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width ='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.334 1.334 0 0 0 1.333-1.334v-8l-4-4Z'/%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333v4h4M10.667 8.667H5.333M10.667 11.333H5.333M6.667 6H5.333'/%3E%3C/svg%3E");
}
.svg_icon.icon_notice.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4.35 4.35H.75v9h3.6l8.4 4.2V.75l-8.4 3.6ZM18.12 16.63c4.14-4.14 4.14-10.87 0-15.01'/%3E%3Cpath d='M16.27 14.22c2.81-2.81 2.81-7.38 0-10.2'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_heaven.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-width='1.5' d='M8.513 5.8C6.071 5.13 5.11 4.281 4.361 3.641c0 0-1.092-1.101-1.85-2.232-.432-.646-.874 2.93-.04 4.6.096.188.193.358.293.508-.29.017-.507.113-.616.291-.33.534.433 1.615 1.706 2.414.101.063.2.122.301.178-.71-.12-1.276-.01-1.394.316-.162.444.563 1.12 1.62 1.512.257.096.509.165.747.21-.25.09-.414.23-.447.408-.09.464.734 1.016 1.84 1.23a4.63 4.63 0 0 0 .916.086.67.67 0 0 0-.232.224.276.276 0 0 0-.038.163c.03.312.657.508 1.4.437.434-.04 1.336-.378 2.01-.715.286-.102.572-.239.862-.392.924-.488 1.56 1.12 2.176.371 1.515-1.845-1.7-6.518-5.1-7.449L8.513 5.8Z'/%3E%3C/svg%3E");
}

.png_icon {
  vertical-align: top;
}
.png_icon.icon_reply {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reply.png);
  width: 40px;
  min-width: 40px;
  height: 40px;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_chart {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M18.466 3.086H3.534v17.371h14.934V3.086Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M7.8 5.257H5.667v13.029h10.666V5.257h-1.6'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M14.733 2.543v1.91c0 1.043-.832 1.89-1.856 1.89H9.656c-1.024 0-1.856-.847-1.856-1.89v-1.91h6.933ZM5.998 12.325h2.186l.65-3.224 3.937 6.536 2.07-3.562h1.493'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_drug {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M7.65 6.54a4.207 4.207 0 0 0-5.93 0 4.207 4.207 0 0 0 0 5.93l3.81 3.81 5.93-5.93-3.81-3.81ZM15.28 20.1a4.207 4.207 0 0 0 0-5.93l-3.81-3.81-5.93 5.93 3.81 3.81a4.207 4.207 0 0 0 5.93 0ZM18.66 2.62a3.82 3.82 0 0 0-5.4 0l5.4 5.4a3.82 3.82 0 0 0 0-5.4Z'/%3E%3Cpath d='m18.66 8.02-5.4-5.4a3.82 3.82 0 0 0 0 5.4 3.82 3.82 0 0 0 5.4 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_employee {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M16.913 3.984H1v12.93h15.913V3.983Z'/%3E%3Cpath stroke-linecap='round' d='M5.476 3.984v-1.99c0-.546.447-.994.994-.994h4.973c.547 0 .995.448.995.995v1.989M7.771 9.951H1M16.723 9.951H9.95M9.951 7.962h-1.99v3.978h1.99V7.962Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_enter_hospital {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='m7.6 16.11-4.1-4.45V1.5h11v10.28l-3.7 4.33H7.6ZM10.8 16.11v2.39H16M7.6 16.11V18M5.5 4.5H8M5.5 7H8'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hospital {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M15.765 2.53h-9.53v16.94h9.53V2.53Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M12.588 13.117H9.412v6.353h3.176v-6.353ZM6.235 8.353H2.53V19.47h3.706V8.353ZM19.47 8.353h-3.705V19.47h3.706V8.353ZM9.412 7.294h3.176M11 8.882V5.706'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_manage_chart {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M6 4.92V2.5h12.5V17h-2.75'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75v8.75H3.5V5H10l6 5.75Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75h-6V5l6 5.75Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_order {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M17 11.5v-6H1.5v12h9M1.25 14.5H9.5'/%3E%3Cpath d='M5.62 7.5V5.12c0-2 1.62-3.62 3.62-3.62s3.62 1.62 3.62 3.62V7.5M14.12 19.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM12.12 15h4M14.12 17v-4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_payment {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M17 6.5v-1c0-1.1-.9-2-2-2H4.5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V15'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M18.5 11V8.5c0-1.1-.9-2-2-2h-10c-.74 0-1.33-.6-1.33-1.33M19.5 11v4h-3.33c-1.1 0-2-.9-2-2s.9-2 2-2h3.33Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_product {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M11 10.82 2.53 6.67 11 2.53l8.47 4.14L11 10.81v.01ZM19.47 11 11 15.14 2.53 11M19.47 15.33 11 19.47l-8.47-4.14'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reserve {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M17.5 11.5v-3h-16V18h10M17.5 4h-16v4.5h16V4ZM5.5 2v4M13.5 2v4'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M19.81 14.83a4.505 4.505 0 0 1-5.57 5.15 4.448 4.448 0 0 1-3.23-3.23c-.79-3.25 1.94-6.12 5.15-5.57 1.84.31 3.32 1.79 3.64 3.64l.01.01Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M15.38 12.62v3l2 1.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_service {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath fill='%23444' d='M6.908 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118ZM13.261 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.2' d='M13.177 13.78A4.473 4.473 0 0 1 10 15.093a4.473 4.473 0 0 1-3.176-1.313'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_stats {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M5.235 6.823H2.06v9h3.176v-9ZM11.588 1.53H8.412v14.293h3.176V1.53ZM17.941 6.823h-3.176v9h3.176v-9Z'/%3E%3Cpath stroke-linecap='round' d='M18.47 18.47H1.53'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_time {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M7.348 14.862a6.598 6.598 0 1 0 0-13.195 6.598 6.598 0 0 0 0 13.195ZM12.39 12.8l3.98 3.981'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_notice {
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4.35 4.35H.75v9h3.6l8.4 4.2V.75l-8.4 3.6ZM18.12 16.63c4.14-4.14 4.14-10.87 0-15.01'/%3E%3Cpath d='M16.27 14.22c2.81-2.81 2.81-7.38 0-10.2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_my {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='19' viewBox='0 0 21 19' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.27 10.35a4.8 4.8 0 1 0 0-9.6 4.8 4.8 0 0 0 0 9.6ZM19.87 18.46c-.43-.89-.99-1.71-1.64-2.44a10.623 10.623 0 0 0-7.96-3.57c-2.98 0-5.67 1.22-7.61 3.19-.81.82-1.48 1.77-1.99 2.82'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_message {
  display: inline-block;
  width: 21px;
  min-width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M10.6 1C5.3 1 1 5.3 1 10.6a9.5 9.5 0 0 0 2.43 6.36L1 20.2h9.6c5.3 0 9.6-4.3 9.6-9.6S15.9 1 10.6 1Z'/%3E%3Cpath fill='%23444' d='M10.6 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4ZM6.4 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4ZM14.8 11.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_push {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M3.01 16.18c-.52 0-1-.27-1.27-.71a1.34 1.34 0 0 1 .25-1.68l1.32-1.2V7.73c0-3.72 3.1-6.98 6.64-6.98 3.54 0 6.64 3.26 6.64 6.98v4.87l1.32 1.2c.47.43.57 1.13.25 1.68-.27.44-.75.71-1.27.71H3.01v-.01ZM13.621 16.25c0 2.04-1.64 3.7-3.67 3.7-2.03 0-3.67-1.65-3.67-3.7h7.34Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_prev {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_first {
  display: inline-block;
  width: 13px;
  min-width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_list {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width ='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.334 1.334 0 0 0 1.333-1.334v-8l-4-4Z'/%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333v4h4M10.667 8.667H5.333M10.667 11.333H5.333M6.667 6H5.333'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_ball {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M2.34 11.453a.993.993 0 0 1-.847-.473.894.894 0 0 1 .167-1.12l.88-.8V5.82c0-2.48 2.067-4.653 4.427-4.653 2.36 0 4.426 2.173 4.426 4.653v3.247l.88.8c.314.286.38.753.167 1.12a.993.993 0 0 1-.847.473H2.34v-.007ZM9.413 11.5a2.457 2.457 0 0 1-2.446 2.467A2.453 2.453 0 0 1 4.52 11.5h4.893Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_edit_line {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='m1 13.118 1.197-3.856 2.73 2.73L1 13.118Z'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M9.298 2.167 2.197 9.268 4.928 12l7.101-7.1-2.731-2.732ZM12.845 2.432 11.75 1.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.451-.45.451-1.184 0-1.641l.007.006Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_eye {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M.667 8S3.333 2.667 8 2.667 15.333 8 15.333 8 12.667 13.333 8 13.333.667 8 .667 8Z'/%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_emergency {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23444'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M8.18 8.9a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4ZM14.58 14.307a7.103 7.103 0 0 0-1.094-1.627A7.082 7.082 0 0 0 8.18 10.3c-1.987 0-3.78.813-5.074 2.127a7.056 7.056 0 0 0-1.326 1.88'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_vital {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M13.967.833h-12.8v9.6h12.8v-9.6ZM3.433 13.633H11.7M6.234 10.433l-.934 3.2M8.9 10.433l.934 3.2'/%3E%3Cpath stroke='%23444' stroke-linejoin='round' stroke-width='1.5' d='M2.9 6.173h2.44L6.347 4.66l1.92 4.04 2.02-5.76L11.3 6.173h4.534'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_question {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23444' rx='8'/%3E%3Cpath fill='%23fff' d='M6.77 9.93c.005-1.46.398-1.905 1.101-2.344.504-.328.897-.691.89-1.23.007-.586-.45-.967-1.019-.973-.545.006-1.054.369-1.078 1.054H5C5.03 4.792 6.254 4 7.754 4c1.635 0 2.789.85 2.789 2.297 0 .967-.498 1.576-1.266 2.039-.662.393-.955.773-.96 1.594v.129H6.77v-.13Zm-.176 1.793a.962.962 0 0 1 .984-.973.978.978 0 0 1 .973.973.988.988 0 0 1-.973.984.972.972 0 0 1-.984-.984Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_excl {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23444' rx='8'/%3E%3Cpath fill='%23fff' d='m9.262 4-.2 5.848h-1.84L7.013 4h2.25ZM7 11.477a1.128 1.128 0 0 1 1.137-1.125c.597 0 1.13.503 1.136 1.125a1.157 1.157 0 0 1-1.136 1.136A1.13 1.13 0 0 1 7 11.477Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_up {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13 11 8 5.667 3 11'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_down {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444'  stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 5.667 8 11l5-5.333'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_add {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_new {
  display: inline-block;
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath d='M11.25 6v6l-4.5-6v6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_set {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_sort {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill='%23444' d='m5.417 0 4.5 6h-9l4.5-6Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_download {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14 10v2.667A1.334 1.334 0 0 1 12.667 14H3.333A1.334 1.334 0 0 1 2 12.667V10M4.667 6.667 8 10l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mail {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14.167V.833M14.668 7.5H1.335'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_del_file {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1.333 10.667 9.38-9.475M10.666 10.667l-9.38-9.475'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_print {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M4 6V1.333h8V6M4 12H2.666a1.334 1.334 0 0 1-1.333-1.333V7.333A1.333 1.333 0 0 1 2.666 6h10.667a1.333 1.333 0 0 1 1.333 1.333v3.334A1.333 1.333 0 0 1 13.333 12H12'/%3E%3Cpath d='M12 9.333H4v5.334h8V9.333Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_heaven {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-width='1.5' d='M8.513 5.8C6.071 5.13 5.11 4.281 4.361 3.641c0 0-1.092-1.101-1.85-2.232-.432-.646-.874 2.93-.04 4.6.096.188.193.358.293.508-.29.017-.507.113-.616.291-.33.534.433 1.615 1.706 2.414.101.063.2.122.301.178-.71-.12-1.276-.01-1.394.316-.162.444.563 1.12 1.62 1.512.257.096.509.165.747.21-.25.09-.414.23-.447.408-.09.464.734 1.016 1.84 1.23a4.63 4.63 0 0 0 .916.086.67.67 0 0 0-.232.224.276.276 0 0 0-.038.163c.03.312.657.508 1.4.437.434-.04 1.336-.378 2.01-.715.286-.102.572-.239.862-.392.924-.488 1.56 1.12 2.176.371 1.515-1.845-1.7-6.518-5.1-7.449L8.513 5.8Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_trash {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_close_eye {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M11.96 11.96A6.714 6.714 0 0 1 8 13.333C3.333 13.333.667 8 .667 8A12.3 12.3 0 0 1 4.04 4.04M6.6 2.827a6.08 6.08 0 0 1 1.4-.16C12.667 2.667 15.333 8 15.333 8c-.404.757-.887 1.47-1.44 2.127m-4.48-.714a2 2 0 1 1-2.826-2.826M.667.667l14.666 14.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_cart {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chat_user {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 14v-1.333A2.667 2.667 0 0 0 10.667 10H5.333a2.667 2.667 0 0 0-2.666 2.667V14M8 7.333A2.667 2.667 0 1 0 8 2a2.667 2.667 0 0 0 0 5.333Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_out {
  display: inline-block;
  width: 15px;
  min-width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.627 8.004H4.319M10.886 11.402l3.227-3.39-3.227-3.407M7.077 14.75h-4.27A2.059 2.059 0 0 1 .75 12.692V3.308c0-1.136.922-2.058 2.058-2.058h4.27'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_note {
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' %3E%3Cg fill='none'  clip-path='url(%23clip0_343_31616)'%3E%3Cpath d='M4.01855 10.8084V1.50781H13.5473V10.8084' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.62297 2L8.68992 6.06684L9.11905 6.48569L14.7364 11.9685' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.5472 1.50781L8.78452 6.15981L1.76367 13.0091' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1249 10.625L6.40674 17.4582' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.76367 13.0078L6.35747 17.4916' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.23145 14.7031L10.6068 16.0455' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6064 16.0423L14.7359 12.0117' stroke='%23444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_343_31616'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
}
.svg_icon.icon_heart {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.061 3.828a4.288 4.288 0 0 0-6.205 0l-.843.869-.842-.869a4.322 4.322 0 0 0-6.222 0c-1.71 1.772-1.71 4.635 0 6.406l.842.869L9.997 17.5l6.205-6.397.842-.869c1.719-1.762 1.719-4.634 0-6.397l.017-.009Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23fff' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23666' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_time.dark {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%23444' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_first.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_prev.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
}
.svg_icon.icon_first.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m7 1.333-5.333 5 5.333 5'/%3E%3Cpath d='m11.667 1.333-5.334 5 5.334 5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_prev.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10.667 3.333-5.334 5 5.334 5'/%3E%3C/svg%3E");
}
.svg_icon.icon_emergency.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23EF4D56'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
}
.svg_icon.icon_user.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linejoin='round' stroke-width='1.5' d='M8.18 8.9a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4ZM14.58 14.307a7.103 7.103 0 0 0-1.094-1.627A7.082 7.082 0 0 0 8.18 10.3c-1.987 0-3.78.813-5.074 2.127a7.056 7.056 0 0 0-1.326 1.88'/%3E%3C/svg%3E");
}
.svg_icon.icon_question.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23A0A2A6' rx='8'/%3E%3Cpath fill='%23fff' d='M6.77 9.93c.005-1.46.398-1.905 1.101-2.344.504-.328.897-.691.89-1.23.007-.586-.45-.967-1.019-.973-.545.006-1.054.369-1.078 1.054H5C5.03 4.792 6.254 4 7.754 4c1.635 0 2.789.85 2.789 2.297 0 .967-.498 1.576-1.266 2.039-.662.393-.955.773-.96 1.594v.129H6.77v-.13Zm-.176 1.793a.962.962 0 0 1 .984-.973.978.978 0 0 1 .973.973.988.988 0 0 1-.973.984.972.972 0 0 1-.984-.984Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_excl.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Crect width='16' height='16'  fill='%23A0A2A6' rx='8'/%3E%3Cpath fill='%23fff' d='m9.262 4-.2 5.848h-1.84L7.013 4h2.25ZM7 11.477a1.128 1.128 0 0 1 1.137-1.125c.597 0 1.13.503 1.136 1.125a1.157 1.157 0 0 1-1.136 1.136A1.13 1.13 0 0 1 7 11.477Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_add.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
}
.svg_icon.icon_add.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15ZM9.5 12.75v-7.5M13.25 9h-7.5'/%3E%3C/svg%3E");
}
.svg_icon.icon_new.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath d='M11.25 6v6l-4.5-6v6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_set.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_set.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a1.998 1.998 0 0 1 0 2.83 1.998 1.998 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a1.998 1.998 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 3.417 1.415 2 2 0 0 1-.587 1.415l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_sort {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill='%23999BA0' d='m5.417 0 4.5 6h-9l4.5-6Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_eye.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M.667 8S3.333 2.667 8 2.667 15.333 8 15.333 8 12.667 13.333 8 13.333.667 8 .667 8Z'/%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_close_eye.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg stroke='%23A0A2A6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M11.96 11.96A6.714 6.714 0 0 1 8 13.333C3.333 13.333.667 8 .667 8A12.3 12.3 0 0 1 4.04 4.04M6.6 2.827a6.08 6.08 0 0 1 1.4-.16C12.667 2.667 15.333 8 15.333 8c-.404.757-.887 1.47-1.44 2.127m-4.48-.714a2 2 0 1 1-2.826-2.826M.667.667l14.666 14.666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_cart.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_cart.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M6.75 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 16.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM.75.75h3l2.01 10.043A1.5 1.5 0 0 0 7.26 12h7.29a1.5 1.5 0 0 0 1.5-1.207l1.2-6.293H4.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_mail.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_mail.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.667 3.167h10.666c.734 0 1.334.6 1.334 1.333v8c0 .734-.6 1.334-1.333 1.334H2.667c-.733 0-1.333-.6-1.333-1.334v-8c0-.733.6-1.333 1.333-1.333Z'/%3E%3Cpath d='M14.667 4.5 8 9.167 1.333 4.5'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_trash.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_trash.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.804 3.6H13.2v9.213c0 1.098-.925 1.984-2.072 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.342-1.389H8.66c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.401 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_ball.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' fill='none'%3E%3Cpath stroke='%23999BA0' stroke-linejoin='round' stroke-width='1.5' d='M2.34 11.453a.993.993 0 0 1-.847-.473.894.894 0 0 1 .167-1.12l.88-.8V5.82c0-2.48 2.067-4.653 4.427-4.653 2.36 0 4.426 2.173 4.426 4.653v3.247l.88.8c.314.286.38.753.167 1.12a.993.993 0 0 1-.847.473H2.34v-.007ZM9.413 11.5a2.457 2.457 0 0 1-2.446 2.467A2.453 2.453 0 0 1 4.52 11.5h4.893Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_chat_user.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23999BA0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.333 14v-1.333A2.667 2.667 0 0 0 10.667 10H5.333a2.667 2.667 0 0 0-2.666 2.667V14M8 7.333A2.667 2.667 0 1 0 8 2a2.667 2.667 0 0 0 0 5.333Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_out.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.627 8.004H4.319M10.886 11.402l3.227-3.39-3.227-3.407M7.077 14.75h-4.27A2.059 2.059 0 0 1 .75 12.692V3.308c0-1.136.922-2.058 2.058-2.058h4.27'/%3E%3C/svg%3E");
}
.svg_icon.icon_edit_line.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.5' d='m1 13.118 1.197-3.856 2.73 2.73L1 13.118Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.5' d='M9.298 2.167 2.197 9.268 4.928 12l7.101-7.1-2.731-2.732ZM12.845 2.432 11.75 1.338a1.166 1.166 0 0 0-1.641 0l-.818.818 2.73 2.729.817-.818c.451-.45.451-1.184 0-1.641l.007.006Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_logout.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M13.446 8.004H5.173M11.01 11.025l2.869-3.014-2.87-3.028M7.624 14H3.83A1.83 1.83 0 0 1 2 12.17V3.83C2 2.82 2.82 2 3.83 2h3.794'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_list.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width ='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.334 1.334 0 0 0 1.333-1.334v-8l-4-4Z'/%3E%3Cpath stroke='%230078BF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333v4h4M10.667 8.667H5.333M10.667 11.333H5.333M6.667 6H5.333'/%3E%3C/svg%3E");
}
.svg_icon.icon_notice.white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4.35 4.35H.75v9h3.6l8.4 4.2V.75l-8.4 3.6ZM18.12 16.63c4.14-4.14 4.14-10.87 0-15.01'/%3E%3Cpath d='M16.27 14.22c2.81-2.81 2.81-7.38 0-10.2'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_heaven.point {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%230078BF' stroke-width='1.5' d='M8.513 5.8C6.071 5.13 5.11 4.281 4.361 3.641c0 0-1.092-1.101-1.85-2.232-.432-.646-.874 2.93-.04 4.6.096.188.193.358.293.508-.29.017-.507.113-.616.291-.33.534.433 1.615 1.706 2.414.101.063.2.122.301.178-.71-.12-1.276-.01-1.394.316-.162.444.563 1.12 1.62 1.512.257.096.509.165.747.21-.25.09-.414.23-.447.408-.09.464.734 1.016 1.84 1.23a4.63 4.63 0 0 0 .916.086.67.67 0 0 0-.232.224.276.276 0 0 0-.038.163c.03.312.657.508 1.4.437.434-.04 1.336-.378 2.01-.715.286-.102.572-.239.862-.392.924-.488 1.56 1.12 2.176.371 1.515-1.845-1.7-6.518-5.1-7.449L8.513 5.8Z'/%3E%3C/svg%3E");
}

.png_icon {
  vertical-align: top;
}
.png_icon.icon_reply {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reply.png);
  width: 40px;
  min-width: 40px;
  height: 40px;
}

a.com_btn:hover {
  cursor: pointer;
}

.com_btn {
  padding: 0 10px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: normal;
  box-sizing: border-box;
  gap: 6px;
  white-space: nowrap;
  line-height: initial;
}
.com_btn:hover {
  text-decoration: underline;
}
.com_btn.cursor_defalt {
  cursor: default;
  pointer-events: none;
}
.com_btn_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
}
.com_btn_wrap.bottom {
  margin-top: 20px;
}
.com_btn_wrap.bottom.mt_0 {
  margin-top: 0;
}
.com_btn_wrap.bottom .com_btn {
  min-width: 140px;
}
.com_btn_wrap.bottom.between {
  justify-content: space-between;
}
.com_btn_wrap.bottom .left {
  position: absolute;
  left: 15px;
}
.com_btn_wrap .divider {
  margin-left: auto;
}
.com_btn_wrap.left {
  justify-content: flex-start;
}
.com_btn_wrap.right {
  justify-content: flex-end;
}
.com_btn_wrap.has_paging .left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.com_btn_wrap.has_paging .left .com_btn {
  min-width: 0;
}
.com_btn_wrap.has_paging .right {
  position: absolute;
  right: 0;
  bottom: 0;
}
.com_btn_wrap.has_paging .right .com_btn {
  min-width: 0;
}
.com_btn.full {
  width: 100%;
  min-width: 100%;
}
.com_btn.extend {
  flex: 1;
}
.com_btn.big {
  align-self: stretch;
  height: auto !important;
  min-width: 100px;
}
.com_btn.point {
  background-color: #0078BF;
  color: #fff;
}
.com_btn.light_point {
  background-color: #E2EFFF;
  color: #0078BF;
}
.com_btn.gray {
  background-color: #858E97;
  color: #fff;
}
.com_btn.gray {
  background-color: #858e97;
  color: #fff;
}
.com_btn.light_gray {
  background-color: #edeff2;
  color: #222;
}
.com_btn.light_gray.s:hover {
  background-color: #dde1e6;
}
.com_btn.dark_gray {
  background-color: #444;
  color: #fff;
}
.com_btn.dark_point {
  background-color: #005283;
  color: #fff;
}
.com_btn.light_point {
  background-color: #e2efff;
  color: #0078BF;
}
.com_btn.red {
  background-color: #ef4d56;
  color: #fff;
}
.com_btn.red .icon_new.icon_new {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19 18' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M9 16.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z'/%3E%3Cpath d='M11.25 6v6l-4.5-6v6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h18v18H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.com_btn.light_red {
  background-color: #ffdbdd;
  color: #ef4d56;
}
.com_btn.light_red.active {
  background-color: #ef4d56;
  color: #fff;
}
.com_btn.light_red .svg_icon.icon_list.icon_list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width ='16' height='16' fill='none'%3E%3Cpath stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333H4a1.333 1.333 0 0 0-1.333 1.334v10.666A1.333 1.333 0 0 0 4 14.667h8a1.334 1.334 0 0 0 1.333-1.334v-8l-4-4Z'/%3E%3Cpath stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.333 1.333v4h4M10.667 8.667H5.333M10.667 11.333H5.333M6.667 6H5.333'/%3E%3C/svg%3E");
}
.com_btn.line {
  border: solid 1px;
}
.com_btn.line.point {
  border-color: #0078BF;
  background-color: #e2efff;
  color: #0078BF;
}
.com_btn.line.gray {
  border-color: #999BA0;
  background-color: #EBEFF2;
  color: #666;
}
.com_btn.line.dark_gray {
  border-color: #444;
  background-color: #fff;
  color: #222;
}
.com_btn.line.dark_point {
  border-color: #005283;
  background-color: #d1e1ea;
  color: #005283;
}
.com_btn.line.white {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: #0078BF;
  color: #fff;
}
.com_btn.txt {
  text-decoration: underline;
  padding: 0;
  background-color: transparent;
  font-size: 14px;
  text-underline-offset: 2px;
}
.com_btn.txt.point {
  color: #0078BF;
}
.com_btn.txt.red {
  color: #EF4D56;
}
.com_btn.icon {
  aspect-ratio: 1/1;
}
.com_btn.l {
  height: 38px;
  font-size: 15px;
  font-weight: 700;
}
.com_btn.m {
  height: 38px;
  font-weight: 600;
}
.com_btn.s {
  height: 30px;
  font-size: 13px;
  font-weight: 500;
}
.com_btn.oval {
  border-radius: 38px;
}
.com_btn_tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_btn_control {
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  border-radius: 50px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.com_btn_control:not(.next) {
  left: -15px;
}
.com_btn_control.next {
  right: -15px;
}
.com_btn_control.next .svg_icon {
  transform: rotate(180deg);
}
.com_btn.btn_file {
  position: relative;
}
.com_btn.btn_file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/*!페이징 << < > >> */
.com_paging {
  margin-top: 20px;
  text-align: center;
}
.com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 42px;
  height: 42px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
}
.com_paging :is(.btn_first, .btn_prev, .btn_next, .btn_last) img {
  height: 15px;
}
.com_paging :is(.btn_first, .btn_prev) {
  transform: rotate(180deg);
}
.com_paging .btn_prev {
  margin-right: 7px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_prev {
    margin-right: 4px;
  }
}
.com_paging .btn_next {
  margin-left: 7px;
}
@media screen and (max-width: 767.9px) {
  .com_paging .btn_next {
    margin-right: 4px;
  }
}
.com_paging .btn_page {
  line-height: inherit;
  color: #8c8c8c;
}
.com_paging .btn_page.active {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.com_paging .btn_page.disabled {
  cursor: auto;
  opacity: 0.4;
}
.com_card .com_paging {
  margin-top: 10px;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 42px;
  height: 42px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 0;
  color: #8c8c8c;
}
.sec-paging .pg-btn {
  background-image: url("../img/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  text-indent: -9999px;
}
.sec-paging .pg-btn.disabled {
  cursor: auto;
  opacity: 0.4;
}
.sec-paging .group-prev {
  background-image: url("../img/arrow_last.png");
  transform: rotate(180deg);
}
.sec-paging .group-next {
  background-image: url("../img/arrow_last.png");
}
.sec-paging :is(.group-prev, .prev) {
  transform: rotate(180deg);
}
.sec-paging .group-prev {
  margin-right: 9px;
}
.sec-paging .group-next {
  margin-left: 9px;
}
.sec-paging .btn-page {
  line-height: inherit;
  cursor: pointer;
}
.sec-paging .btn-page.active {
  font-weight: bold;
  color: #000;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.com_tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  background: #0078BF;
  border-radius: 10px 10px 0 0;
}
.com_tab .tab {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  white-space: nowrap;
  background: #0078BF;
  min-height: 40px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.28px;
  text-align: center;
  color: #fff;
  flex: 1;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.com_tab .tab:not(:first-child):before {
  content: "";
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  height: 14px;
}
.com_tab .tab.active {
  background-color: #fff;
  border: 2px solid #0078BF;
  font-weight: 700;
  font-size: 15px;
  color: #0078BF;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}
.com_tab .tab:hover:not(.active) {
  background-color: #026ba8;
}
.com_tab_contents {
  display: none;
  border: 2px solid #0078BF;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  flex: 1;
}
.com_tab_contents.active {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_tab_contents__inner {
  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_tab__container {
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}

.com_tab_s {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.com_tab_s .tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  white-space: nowrap;
  background: #EBEFF2;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: initial;
  text-align: center;
  border-radius: 5px;
  padding-inline: 15px;
  height: 38px;
}
.com_tab_s .tab.active {
  background-color: #0078BF;
  font-weight: 700;
  color: #fff;
}
.com_tab_s .tab:hover:not(.active) {
  background-color: #dde1e6;
}
.com_tab_s .tab.full {
  flex: 1;
}
.com_tab_s_contents {
  display: none;
}
.com_tab_s_contents.active {
  display: block;
}

.com_chk {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  cursor: pointer;
  line-height: initial;
}
.com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px 20px !important;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_chk__wrap.align_c {
  justify-content: center;
}
.com_chk input[type=checkbox],
.com_chk input[type=radio] {
  display: inline-block;
  padding-right: 0;
  height: 18px;
}
.com_chk input[type=checkbox]::before,
.com_chk input[type=radio]::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #bbbfc2;
  border-radius: 3px;
  cursor: pointer;
}
.com_chk input[type=checkbox]:checked::before,
.com_chk input[type=radio]:checked::before {
  background: #0078BF url("../img/chk_on.png") no-repeat center/18px auto;
  border-color: #0078BF;
}
.com_chk input[type=checkbox]:disabled,
.com_chk input[type=radio]:disabled {
  border: none;
  opacity: 0.4;
}
.com_chk.circle {
  position: relative;
  margin: 0;
}
.com_chk.circle input::before {
  border-radius: 50%;
}
.com_chk.circle input:checked::before {
  background: url("../img/radio_on.png") no-repeat center/18px auto;
  background-size: 18px auto;
}

.com_chk_btn {
  cursor: pointer;
}
.com_chk_btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.com_chk_btn__wrap.col3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 5px;
  width: 100%;
}
.com_chk_btn__wrap.col3 > * {
  width: calc((100% - 5px * 2) / 3);
  min-width: calc((100% - 5px * 2) / 3);
}
.com_chk_btn input {
  display: none;
}
.com_chk_btn .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  white-space: nowrap;
  background: #EBEFF2;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
  text-align: center;
  border-radius: 5px;
  padding-inline: 15px;
  height: 38px;
  width: 100%;
}
.com_chk_btn .btn:hover {
  background-color: #dde1e6;
}
.com_chk_btn .btn.point {
  background-color: #009CBF;
  color: #fff;
}
.com_chk_btn .btn.red {
  background-color: #FF6B77;
  color: #fff;
}
.com_chk_btn .btn.gray {
  background-color: #999BA0;
  color: #fff;
}
.com_chk_btn .btn.orange {
  background-color: #FF9C58;
  color: #fff;
}
.com_chk_btn .btn.green {
  background-color: #A0DB66;
  color: #fff;
}
.com_chk_btn .btn.purple {
  background-color: #BB82E5;
  color: #fff;
}
.com_chk_btn .btn.emerald {
  background-color: #51C5B7;
  color: #fff;
}
.com_chk_btn .btn.line {
  border: 1px solid #EBEFF2;
}
.com_chk_btn input:checked + .btn {
  background-color: #0078BF;
  color: #fff;
}
.com_chk_btn input:checked + .red {
  background-color: #EF4D56;
  color: #fff;
}
.com_chk_btn input:checked + .gray {
  background-color: #222;
  color: #fff;
}
.com_chk_btn input:checked + .orange {
  background-color: #ED7D31;
  color: #fff;
}
.com_chk_btn input:checked + .green {
  background-color: #7EBB41;
  color: #fff;
}
.com_chk_btn input:checked + .purple {
  background-color: #7030A0;
  color: #fff;
}
.com_chk_btn input:checked + .emerald {
  background-color: #00A894;
  color: #fff;
}
.com_chk_btn input:checked + .line {
  background-color: #E2EFFF;
  color: #0078BF;
  border: 1px solid #0078BF;
}
.com_chk_btn.has_chk input[type=checkbox] + .btn,
.com_chk_btn.has_chk input[type=radio] + .btn {
  background-color: #EBEFF2;
}
.com_chk_btn.has_chk input[type=checkbox] + .btn.s,
.com_chk_btn.has_chk input[type=radio] + .btn.s {
  height: 30px;
}
.com_chk_btn.has_chk input[type=checkbox]:checked + .btn,
.com_chk_btn.has_chk input[type=radio]:checked + .btn {
  color: #222;
}
.com_chk_btn.has_chk input[type=checkbox]:checked + .btn::before,
.com_chk_btn.has_chk input[type=radio]:checked + .btn::before {
  background: #0078BF url("../img/chk_on.png") no-repeat center/18px auto;
  border-color: #0078BF;
}
.com_chk_btn.has_chk .btn {
  background-color: #DBE0E5;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_chk_btn.has_chk .btn::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #bbbfc2;
  border-radius: 3px;
  cursor: pointer;
}
.com_chk_btn.emergency .btn {
  height: 30px;
  padding-inline: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 6px;
  background-color: #ffdbdd;
  color: #EF4D56;
  font-size: 13px;
}
.com_chk_btn.emergency .btn .svg_icon.icon_emergency.icon_emergency.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23EF4D56'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23EF4D56' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
}
.com_chk_btn.emergency .btn .icon_chk {
  border: 1px solid #FF9BA1;
  border-radius: 5px;
  width: 18px;
  height: 18px;
}
.com_chk_btn.emergency input:checked + .btn {
  font-weight: 400;
  background-color: #EF4D56;
  color: #fff;
}
.com_chk_btn.emergency input:checked + .btn .svg_icon.icon_emergency.icon_emergency.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.953 14.563H1.572a.519.519 0 0 1-.488-.676l.33-1.005a2.045 2.045 0 0 1 1.935-1.41h9.81c.877 0 1.658.57 1.935 1.41l.33 1.005a.512.512 0 0 1-.488.675h.016Z'/%3E%3Cpath  stroke='%23fff'  stroke-linejoin='round' stroke-width='1.5' d='M13.362 11.48V6.207c0-2.842-2.287-5.144-5.1-5.144-2.82 0-5.1 2.302-5.1 5.144v5.273s10.133.067 10.2 0Z'/%3E%3Cpath  stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.337 5.772c0-1.402-1.132-2.542-2.52-2.542'/%3E%3C/svg%3E");
}
.com_chk_btn.emergency input:checked + .btn .icon_chk {
  background: url("../img/chk_on.png") no-repeat center/18px auto;
}
.com_chk_btn.full {
  width: 100%;
}

.com_btn_like input[type=checkbox]:before {
  cursor: pointer;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_like_off.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.com_btn_like input[type=checkbox]:checked::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_like_on.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.com_btn_thumb input[type=checkbox]:before {
  cursor: pointer;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_thumb_off.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.com_btn_thumb input[type=checkbox]:checked::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_thumb_on.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.com_btn_bookmark input[type=checkbox]:before {
  cursor: pointer;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_bookmark_off.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.com_btn_bookmark input[type=checkbox]:checked::before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_bookmark_on.png);
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.com_btn_bookmark.s input[type=checkbox]:before, .com_btn_bookmark.s input[type=checkbox]:checked::before {
  min-width: 16px;
  width: 16px;
  height: 16px;
}

.com_switch {
  width: 30px;
  height: 16px;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #aaa;
  border-radius: 16px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.com_switch__wrap {
  position: relative;
  width: 30px;
  height: 16px;
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: linear-gradient(132deg, #fff 43%, #d9d9d9 82.89%);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox] {
  background-color: #0078BF;
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox]:after {
  left: 16px;
  transition: all 0.3s ease;
  background: linear-gradient(132deg, #fff 43%, #d0deda 82.89%);
  border: none;
}

.com_btn_visit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  border-radius: 5px;
  background-color: #fff;
  height: 28px;
  width: 63px;
  font-weight: 700;
}
.com_btn_visit::before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 15px;
}
.com_btn_visit.first:before {
  background-color: #22c55e;
}
.com_btn_visit.follow:before {
  background-color: #fb8044;
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.com_popup .pop_container {
  position: relative;
  background: #fff;
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.com_popup .pop_container.l {
  width: 960px;
}
.com_popup .pop_container.m {
  width: 600px;
}
.com_popup .pop_container.s {
  width: 480px;
}
.com_popup .pop_container.xs {
  width: 330px;
}
.com_popup .content_container {
  padding: 20px;
  scrollbar-face-color: #999;
  scrollbar-highlight-color: #999; /*스크롤*/
  scrollbar-3dlight-color: #999; /*하이라이트*/
  scrollbar-darkshadow-color: #999; /*왼쪽외곽음영*/
  scrollbar-shadow-color: #999; /*오른쪽외곽음영*/
  scrollbar-arrow-color: #999; /*오른쪽 안쪽음영*/
  scrollbar-track-color: #999; /*화살*/
  /*스크롤영역*/
  overflow: hidden;
  overflow-y: auto;
  text-align: left;
  max-height: calc(95vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_popup .content_container.layout_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_popup .btn_container {
  position: relative;
  padding: 10px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.com_popup .btn_container .com_btn {
  min-width: 142px;
}
.com_popup .btn_container .left {
  position: absolute;
  left: 20px;
  top: 10px;
}
.com_popup .btn_container .right {
  position: absolute;
  right: 20px;
  top: 10px;
}
.com_popup .pop_tit {
  position: relative;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.36px;
  text-align: center;
}
.com_popup .pop_tit.line {
  position: relative;
  z-index: -1;
}
.com_popup .pop_tit.line::before {
  content: "";
  border-bottom: 1px solid #D9DCDF;
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  bottom: 0;
}
.com_popup .pop_tit.pb_0 {
  padding-bottom: 0;
}
.com_popup .pop_tit .com_btn {
  position: absolute;
  top: 10px;
  left: 15px;
}
.com_popup .btn_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 16px;
  height: 16px;
  background: url("../img/icon_del.png") no-repeat center/100% auto;
  z-index: 99;
}
.com_popup .txt {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.46;
  letter-spacing: -0.3px;
}
.com_popup .txt_center {
  text-align: center;
}
.com_popup.type_alert {
  z-index: 1000;
}
.com_popup.type_alert .pop_container {
  width: 330px;
}
.com_popup.type_alert .pop_tit + .content_container {
  padding-top: 20px;
}
.com_popup.type_alert .content_container {
  padding: 38px 20px 15px;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.38px;
  text-align: center;
}
.com_popup.type_alert .content_container .pop_tit {
  padding-block: 0 10px;
}
.com_popup.type_alert .content_container .txt + .txt {
  margin-top: 15px;
}
.com_popup.type_alert .content_container .btn_container {
  padding-bottom: 15px;
}
.com_popup.type_full {
  padding-inline: 20px;
}
.com_popup.type_full .pop_container {
  position: relative;
  background: #fff;
  margin-inline: auto;
  z-index: 101;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  max-width: 1790px;
  width: 100%;
}
.com_popup.type_move {
  top: 15px;
  left: 15px;
  width: auto;
  height: auto;
  max-height: 100vh;
  z-index: 100;
  justify-content: center;
  align-items: center;
}
.com_popup.type_move.pop_reserve {
  display: flex;
  left: -200%;
}
.com_popup.type_move.pop_reserve.active {
  left: 15px;
}
.com_popup.type_move .pop_tit {
  cursor: move;
}
.com_popup.type_move .pop_container {
  margin-inline: 0;
}
.com_popup.type_move.active {
  display: flex;
  z-index: 1000;
}
.com_popup.type_move .bg_close {
  display: none;
}
.com_popup.zindex_1000 {
  z-index: 1000;
}

.pop_pay .content_container {
  padding: 15px;
  background-color: #EBEFF2;
  max-height: calc(var(--vh, 1vh) * 98 - 50px);
}
.pop_pay .com_col {
  width: calc((100% - 10px) / 2);
  min-height: calc(var(--vh, 1vh) * 98 - 130px);
  max-height: calc(var(--vh, 1vh) * 98 - 130px);
}
.pop_pay .com_board_top {
  margin-top: 0;
}
.pop_pay .com_total_sec {
  background-color: #fff;
}
.pop_pay .com_total_sec.product_price {
  padding-block: 5px;
}
.pop_pay .com_total_sec.pay_price {
  border: 1px dashed #D9DCDF;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #F5F7F8;
}
.pop_pay .com_price_list .list {
  position: relative;
}
.pop_pay .com_price_list .list.has_btn {
  padding-right: 80px;
}
.pop_pay .com_price_list .list .com_btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pop_pay .account_info {
  border-radius: 5px;
  border: 1px dashed #D9DCDF;
  background: #F5F7F8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  padding: 15px;
  gap: 10px;
}
.pop_pay .account_info .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.pop_pay .account_info .info_area .tit_field {
  font-size: 15px;
  font-weight: 700;
}
.pop_pay .com_input_sec .tit_field {
  white-space: nowrap;
  width: 100px;
}

.pop_customer_info {
  padding-inline: 20px;
}
.pop_customer_info .pop_container {
  width: 1790px;
}
.pop_customer_info .com_customer_info {
  background-color: #F5F7F8;
  overflow-y: hidden;
  max-height: calc(var(--vh, 1vh) * 100);
  height: auto;
}
.pop_customer_info .com_add_file .input_form + .com_btn {
  min-height: 30px;
}
.pop_customer_info .com_col {
  min-height: calc(var(--vh, 1vh) * 100 - 200px);
  max-height: calc(var(--vh, 1vh) * 100 - 200px);
}
.pop_customer_info .btn_container {
  padding-top: 15px;
  padding-bottom: 0;
}
.pop_customer_info .com_customer_info .history_list .com_calendar_control {
  display: flex;
}

.pop_pet_register .content_container {
  padding-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_pet_register .content_container > * {
  width: 100%;
}
.pop_pet_register .user_paging {
  background-color: #0078BF;
  border-radius: 6px;
  min-height: 38px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  margin-inline: auto;
  gap: 10px;
  color: #fff;
}
.pop_pet_register .user_paging .name {
  font-weight: 700;
  font-size: 18px;
}
.pop_pet_register .user_paging button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.pop_pet_register .user_paging .btn_next,
.pop_pet_register .user_paging .btn_last {
  transform: rotate(180deg);
}
.pop_pet_register .com_card {
  border-top: 1px solid #D9DCDF;
}
.pop_pet_register .com_card__head, .pop_pet_register .com_card__body {
  padding-inline: 0;
  border-bottom: 0;
}

.pop_memo .content_container {
  padding-top: 0;
}
.pop_memo .layout_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_memo .customer {
  text-align: center;
  padding: 15px 0 5px;
  color: #0078BF;
  font-weight: 700;
  font-size: 16px;
}
.pop_memo .com_board_text {
  min-height: 400px;
}
.pop_memo .com_board_text .text_list {
  gap: 0;
}
.pop_memo .com_board_text .text_list li {
  flex-wrap: wrap;
  padding-block: 15px;
  border-bottom: 1px solid #D9DCDF;
}
.pop_memo .com_board_text .text_list li .name {
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pop_memo .com_board_text .text_list li .name .icon_star {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_bookmark_on.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.pop_memo .com_board_text .text_list li .date {
  color: #666;
  font-size: 12px;
}
.pop_memo .com_board_text .text_list li .desc {
  flex: 0 0 100%;
  margin-top: 5px;
}
.pop_memo .com_comment_submit {
  position: relative;
}
.pop_memo .com_comment_submit .com_btn_bookmark {
  position: absolute;
  top: 10px;
  left: 10px;
}
.pop_memo .com_comment_submit .textarea {
  padding-left: 35px;
}

.pop_vital .layout_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_vital .com_calendar_header {
  margin-top: 10px;
}
.pop_vital .info_txt {
  text-align: center;
}

.pop_reservation_vaccine .com_input_sec {
  align-items: center;
}
.pop_reservation_vaccine .com_input_sec > * {
  width: 100%;
  text-align: center;
}
.pop_reservation_vaccine .tit {
  font-weight: 700;
  font-size: 16px;
  color: #0078BF;
  padding-bottom: 10px;
}
.pop_reservation_vaccine .com_chk__wrap {
  justify-content: center;
}

.pop_all_waiting .pop_container {
  width: 800px;
}
.pop_all_waiting .layout_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  overflow-y: hidden;
}
.pop_all_waiting .com_board_list__scroll {
  max-height: calc(95vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_all_waiting .com_board_list__scroll::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.pop_all_waiting .com_board_list__scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_all_waiting .com_board_list__scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_all_waiting .com_board_list__scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.pop_all_waiting .com_board_list__scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.pop_all_waiting .com_chk_btn__relative {
  position: relative;
  padding-right: 158px;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px 2px;
  width: 100%;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap > * {
  width: calc((100% - 2px * 3) / 4);
  min-width: calc((100% - 2px * 3) / 4);
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn .btn {
  width: 100%;
  height: 38px;
  justify-content: space-between;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn .btn .count {
  font-weight: 700;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn.sucess {
  width: 152px;
  height: 78px;
  position: absolute;
  top: 0;
  right: 0;
  min-width: auto;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn.sucess .btn {
  height: 78px;
}
.pop_all_waiting .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn.sucess.center .btn {
  justify-content: center;
}

.pop_room .board_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 20px;
}
.pop_room .board_top select {
  width: 110px;
}
.pop_room .board_top .input {
  width: 110px;
}

.pop_enter .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_enter .com_search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex: 1;
}
.pop_enter .com_search .input {
  flex: 1;
}
.pop_enter .input_date,
.pop_enter .select {
  width: 110px;
}

.com_add_service .board_top .input {
  width: 150px;
}
.com_add_service .com_board_list {
  margin-top: 10px;
}

.pop_leave .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_leave .com_reception_card {
  margin-bottom: 0;
}
.pop_leave .com_reception_card__body {
  overflow: hidden;
  padding: 0;
  gap: 0;
}
.pop_leave .com_reception_card__body .info_area {
  padding: 15px;
}
.pop_leave .com_reception_card__body .com_summary__wrap {
  padding: 15px;
  border: none;
  border-radius: 0;
}
.pop_leave .leave_date_sec {
  padding-block: 5px 15px;
}
.pop_leave .leave_date_sec .com_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.pop_leave .leave_date_sec .com_summary dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_leave .btn_wrap {
  justify-content: flex-end;
}
.pop_leave .com_board_list__tip {
  margin-top: -10px;
}
.pop_leave .btn_container {
  height: 70px;
}

.pop_chart .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_chart .com_reception_card__body {
  border-width: 1px;
  border-radius: 5px;
}

.pop_save_quote .text_box {
  border-radius: 5px;
  padding: 10px;
  background-color: #EBEFF2;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}

.pop_objective .com_btn input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.pop_objective .img_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_objective .img_list .thumb {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  min-width: 50%;
  aspect-ratio: 1;
  min-width: none;
}
.pop_objective .img_list .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_objective .img_list .thumb > img, .pop_objective .img_list .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pop_objective .img_list .thumb .com_chk {
  position: absolute;
  top: 10px;
  left: 10px;
}

.pop_objective_img .content_container {
  padding-top: 0;
  text-align: center;
}
.pop_objective_img .objective_img_slider .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1;
  min-width: auto;
  max-width: 560px;
}
.pop_objective_img .objective_img_slider .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_objective_img .objective_img_slider .thumb > img, .pop_objective_img .objective_img_slider .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}

.pop_assessment .pop_container {
  width: 1000px;
}
.pop_assessment .com_flex_row .select {
  width: 150px;
}
.pop_assessment .com_paging {
  margin-top: 0;
}
.pop_assessment .com_btn_wrap .right {
  bottom: 10px;
}

.pop_plan {
  padding-inline: 20px;
}
.pop_plan .pop_container {
  width: 1790px;
  background-color: #EBEFF2;
}
.pop_plan .pop_container .pop_tit {
  background-color: #fff;
}
.pop_plan .content_container {
  max-height: calc(var(--vh, 1vh) * 100 - 100px);
}
.pop_plan .com_search__wrap {
  align-items: center;
}
.pop_plan .com_search__wrap .com_info_text {
  min-width: 500px;
  margin-bottom: 0;
  justify-content: center;
}
.pop_plan .com_info_text.line {
  border: 1px solid #D9DCDF;
  background-color: #fff;
  height: 38px;
}
.pop_plan .com_chk_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pop_plan .com_chk_btn .btn {
  width: 150px;
}
.pop_plan .com_chk_btn input:checked + .btn + .btn {
  background-color: #0078BF;
  color: #fff;
}
.pop_plan .filter_data_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 10px;
}
.pop_plan .filter_data_row .plan_filter_cont {
  flex: 1;
}
.pop_plan .filter_data_row .plan_filter_cont .com_board_list + .com_board_list {
  margin-top: 10px;
}
.pop_plan .com_chk__scroll {
  border: 1px solid #D9DCDF;
  border-radius: 5px;
  padding-block: 10px;
  width: 200px;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_plan .com_chk__scroll::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.pop_plan .com_chk__scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_plan .com_chk__scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_plan .com_chk__scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.pop_plan .com_chk__scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.pop_plan .com_chk__scroll .com_chk {
  position: relative;
  padding: 5px 10px;
}
.pop_plan .com_chk__scroll .com_chk__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.pop_plan .com_chk__scroll .com_chk .txt {
  position: relative;
  z-index: 1;
  font-size: 14px;
}
.pop_plan .com_chk__scroll .com_chk input:checked::before {
  position: relative;
  z-index: 1;
}
.pop_plan .com_chk__scroll .com_chk input:checked::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #EBEFF2;
}
.pop_plan .com_board_list th {
  padding-block: 6px;
}
.pop_plan .com_board_list td:not(.btn_del_field) {
  height: 41px;
}
.pop_plan .com_board_list td:not(.btn_del_field) .input {
  text-align: center;
}
.pop_plan .com_card.pay_area {
  background-color: #EBEFF2;
}
.pop_plan .com_card.pay_area .input {
  width: 100px;
}
.pop_plan .com_card.pay_area .pay_total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 40px;
}
.pop_plan .com_card.pay_area .pay_total dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_plan .com_card.pay_area .pay_total dl dt {
  color: #666;
}
.pop_plan .com_card.pay_area .pay_total dl .price {
  font-weight: 700;
  font-size: 15px;
}
.pop_plan .com_info_text {
  position: relative;
}
.pop_plan .com_info_text .com_btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  height: 22px;
}

.pop_certificate .btn_container {
  padding-bottom: 0;
  height: 40px;
  margin-inline: -20px;
}
.pop_certificate .btn_container .left .com_btn {
  min-width: auto;
}
.pop_certificate .com_tab_s {
  margin-bottom: 10px;
}
.pop_certificate .com_tab_contents {
  border: none;
}
.pop_certificate .com_tab_contents .layout_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_certificate .com_flex_row .select.ws {
  width: 180px;
}
.pop_certificate .document_area {
  padding: 10px;
  border-radius: 5px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border: 1px solid #D9DCDF;
}
.pop_certificate .document_area .img_box {
  position: relative;
}
.pop_certificate .document_area .img_box .textarea {
  position: absolute;
  top: 0;
  right: 5px;
  border: 4px solid #EF4D56;
  border-radius: 2px;
  width: calc(100% - 98px);
  min-height: 60px;
  padding: 5px;
}
.pop_certificate .img_box {
  text-align: center;
}

.pop_customer_sign .info_area {
  padding: 10px;
  border-radius: 5px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border: 1px solid #D9DCDF;
  min-height: 600px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_customer_sign .info_txt {
  text-align: center;
}
.pop_customer_sign .com_chk__wrap {
  justify-content: center;
}
.pop_customer_sign .date {
  font-weight: 500;
  text-align: center;
  margin-block: 5px;
}
.pop_customer_sign .sign_box {
  padding: 10px;
  border-radius: 5px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border: 1px solid #D9DCDF;
  min-height: 100px;
  color: #A0A2A6;
}

.pop_pacs_img .swiper_pagination {
  padding-top: 0;
  text-align: center;
}
.pop_pacs_img .pacs_img_slider_slider .thumb {
  max-width: 560px;
  max-height: 700px;
}

.pop_pacs .com_flex_row .com_info_text {
  margin-bottom: 0;
}
.pop_pacs .com_flex_row .com_btn {
  height: 36px;
  width: 80px;
}

.pop_pacs_order .content_container {
  max-height: calc(var(--vh, 1vh) * 100 - 150px);
}
.pop_pacs_order .com_btn_wrap {
  margin-top: 0;
  margin-block: 5px;
}
.pop_pacs_order .com_board_list__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 5px;
}
.pop_pacs_order .input_unit {
  position: relative;
}
.pop_pacs_order .input_unit .input {
  padding-right: 40px;
}
.pop_pacs_order .input_unit .unit {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.pop_lab .com_search__wrap .select {
  width: 150px;
}
.pop_lab .com_info_text {
  margin-bottom: 0;
}
.pop_lab .com_board_list {
  margin-bottom: 0;
}
.pop_lab .com_board_list + .com_info_text {
  margin-top: 0;
}
.pop_lab .com_btn_wrap {
  margin-block: 5px;
}

.pop_stock .content_container {
  text-align: center;
}
.pop_stock .input {
  width: 100%;
}
.pop_stock .txt {
  margin-bottom: 5px;
}

.pop_narcotics_detail .cont_tit {
  font-weight: 700;
  color: #0078BF;
  font-size: 18px;
  margin-top: 10px;
}
.pop_narcotics_detail .com_board_list td {
  padding-block: 4px;
}
.pop_narcotics_detail .check_list {
  border: 1px solid #D9DCDF;
  border-radius: 5px;
  background-color: #EBEFF2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0px 0px;
  width: 100%;
  overflow: hidden;
  border-right: 0;
}
.pop_narcotics_detail .check_list > * {
  width: calc((100% - 0px * 3) / 4);
  min-width: calc((100% - 0px * 3) / 4);
}
.pop_narcotics_detail .check_list li {
  padding: 10px 15px;
  align-self: stretch;
  border-right: 1px solid #D9DCDF;
  border-bottom: 1px solid #D9DCDF;
  margin-bottom: -1px;
}

.pop_compare_history {
  padding-inline: 20px;
}
.pop_compare_history .pop_container {
  width: 1790px;
  background-color: #EBEFF2;
}
.pop_compare_history .pop_container .pop_tit {
  background-color: #fff;
}
.pop_compare_history .content_container {
  overflow-y: hidden;
  max-height: calc(var(--vh, 1vh) * 100 - 200px);
}
.pop_compare_history .com_board_top {
  padding-inline: 20px;
  justify-content: flex-start;
  gap: 40px;
}
.pop_compare_history .com_board_top dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_compare_history .com_board_top .tit {
  font-size: 15px;
  font-weight: 700;
}
.pop_compare_history .com_board_top .date_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_compare_history .com_board_top .date_wrap .input {
  width: 150px;
}
.pop_compare_history .com_card {
  flex: 1;
  overflow-y: auto;
  max-height: calc(var(--vh, 1vh) * 100 - 300px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_compare_history .com_card::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.pop_compare_history .com_card::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_compare_history .com_card::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_compare_history .com_card::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.pop_compare_history .com_card::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.pop_compare_history .com_card__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 10px;
}

.pop_reserve {
  display: flex;
  left: -200%;
}
.pop_reserve .bg_close {
  left: -200%;
}
.pop_reserve.active {
  left: 0;
}
.pop_reserve.active .bg_close {
  left: 0;
}
.pop_reserve .com_total_sec {
  display: none;
}
.pop_reserve .com_tab_contents__inner {
  padding: 0;
}

.pop_return_item .pop_tit .com_btn_tip {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.pop_return_item .com_attached_list {
  align-items: center;
}

.pop_stock_count .txt, .pop_stock_count .input {
  text-align: center;
}

.pop_refund .com_notice_box {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  gap: 20px;
}
.pop_refund .com_notice_box .tit {
  color: #666;
}
.pop_refund .com_notice_box .price {
  font-size: 15px;
}
.pop_refund .com_flex_row {
  margin-top: 10px;
}
.pop_refund .com_flex_row .tit {
  font-size: 15px;
}

.pop_sms_cont .pop_container {
  width: 1000px;
  background-color: #EBEFF2;
}
.pop_sms_cont .pop_container .pop_tit {
  background-color: #fff;
}
.pop_sms_cont .content_container {
  overflow-y: hidden;
}
.pop_sms_cont .com_card {
  height: 900px;
  flex: 1;
  align-self: stretch;
  overflow-y: auto;
  max-height: calc(var(--vh, 1vh) * 100 - 260px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_sms_cont .com_card::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.pop_sms_cont .com_card::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_sms_cont .com_card::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_sms_cont .com_card::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.pop_sms_cont .com_card::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.pop_sms_cont .com_card__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 10px;
}
.pop_sms_cont .textarea_wrap {
  flex: 1;
}
.pop_sms_cont .textarea_wrap .textarea {
  height: 100%;
}
.pop_sms_cont .com_btn_wrap.bottom {
  margin-top: auto;
}

.pop_push .com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last), .pop_notice .com_paging :is(.btn_first, .btn_prev, .btn_page, .btn_next, .btn_last) {
  min-width: 39px;
}

.pop_notice .com_board_list__top {
  margin-bottom: 10px;
}
.pop_notice .com_attached_list {
  align-items: center;
}
.pop_notice .com_flex_row .txt {
  white-space: nowrap;
}
.pop_notice .notice_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_notice .notice_detail .textarea {
  min-height: 328px;
}
.pop_notice .notice_detail .com_btn_wrap.bottom {
  margin-top: 10px;
}
.pop_notice .notice_detail .com_btn_wrap.bottom .left {
  left: 0;
}
.pop_notice .notice_detail .com_btn_wrap.bottom .left .com_btn {
  min-width: 106px;
}

.pop_chat_list .content_container {
  padding-top: 10px;
}
.pop_chat_list .com_search__wrap {
  padding-bottom: 10px;
  border-bottom: 1px solid #D9DCDF;
}
.pop_chat_list .com_search__wrap .com_btn {
  min-width: 110px;
}
.pop_chat_list .chat_list {
  margin-inline: -20px;
}
.pop_chat_list .chat_list .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  aspect-ratio: auto;
  border-radius: 100%;
}
.pop_chat_list .chat_list .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_chat_list .chat_list .profile > img, .pop_chat_list .chat_list .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pop_chat_list .chat_list .info_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}
.pop_chat_list .chat_list .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pop_chat_list .chat_list .info_area .date {
  font-size: 12px;
  color: #666;
}
.pop_chat_list .chat_list .info_area .new {
  font-size: 11px;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  min-width: 19px;
  padding-inline: 5px;
  height: 19px;
  line-height: 19px;
  border-radius: 24px;
  background-color: #0078BF;
}
.pop_chat_list .chat_list .chat_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
  flex: 1;
}
.pop_chat_list .chat_list .chat_area .name {
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.pop_chat_list .chat_list .chat_area .name .icon_ball {
  min-width: 11px;
  width: 11px;
  height: 13px;
}
.pop_chat_list .chat_list .chat_area .last_chat {
  font-size: 13px;
  color: #666;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  line-height: 1.4;
}
.pop_chat_list .chat_list__item {
  padding: 15px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  width: 100%;
  cursor: pointer;
}
.pop_chat_list .chat_list__item:hover {
  background: #F5F7F8;
}

.pop_chat_room .pop_container {
  background-color: #fff;
}
.pop_chat_room .chat_wrap .chat_top {
  cursor: move;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  position: relative;
  padding: 15px;
}
@media screen and (max-width: 1023.9px) {
  .pop_chat_room .chat_wrap .chat_top {
    padding-block: 10px;
  }
}
.pop_chat_room .chat_wrap .chat_top .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
  border-radius: 100%;
}
.pop_chat_room .chat_wrap .chat_top .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_chat_room .chat_wrap .chat_top .profile > img, .pop_chat_room .chat_wrap .chat_top .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pop_chat_room .chat_wrap .chat_top .tit {
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop_chat_room .chat_wrap .chat_top .btn_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-left: auto;
  gap: 5px;
}
.pop_chat_room .chat_wrap .chat_top .btn_area .com_btn {
  width: 30px;
}
.pop_chat_room .chat_wrap .chat_top .btn_area .btn_close {
  position: static;
}
.pop_chat_room .chat_wrap .chat_mid {
  padding: 20px;
  background: #EBEFF2;
  max-height: calc(95vh - 220px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  min-height: calc(95vh - 220px);
}
.pop_chat_room .chat_wrap .chat_mid::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.pop_chat_room .chat_wrap .chat_mid::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.pop_chat_room .chat_wrap .chat_mid::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_chat_room .chat_wrap .chat_mid::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.pop_chat_room .chat_wrap .chat_mid::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.pop_chat_room .chat_wrap .chat_mid .date_area {
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  text-align: center;
  position: relative;
  text-align: center;
  margin-block: 30px 20px;
}
.pop_chat_room .chat_wrap .chat_mid .date_area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #D9DCDF;
  top: 9px;
  z-index: 1;
}
.pop_chat_room .chat_wrap .chat_mid .date_area span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.pop_chat_room .chat_wrap .chat_mid .box {
  padding: 15px 20px;
  line-height: 1.47;
  text-align: left;
  max-width: 260px;
  width: fit-content;
  font-weight: 500;
  position: relative;
  word-break: break-all;
  border-radius: 25px 0px 25px 25px;
  background: #E2EFFF;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.pop_chat_room .chat_wrap .chat_mid .date_field {
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  letter-spacing: -0.18px;
  color: #666;
}
.pop_chat_room .chat_wrap .chat_mid .img {
  border-radius: 10px;
  overflow: hidden;
  max-width: 260px;
  max-height: 150px;
}
.pop_chat_room .chat_wrap .chat_mid .img img {
  width: 100%;
  height: auto;
}
.pop_chat_room .chat_wrap .chat_mid :is(.get, .send) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 10px;
  position: relative;
  margin-bottom: 10px;
}
.pop_chat_room .chat_wrap .chat_mid .send {
  justify-content: flex-end;
  flex-direction: row;
  align-items: flex-start;
}
.pop_chat_room .chat_wrap .chat_mid .send + .get {
  margin-top: 30px;
}
.pop_chat_room .chat_wrap .chat_mid .get {
  justify-content: flex-start;
  align-items: flex-start;
}
.pop_chat_room .chat_wrap .chat_mid .get .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  aspect-ratio: auto;
  border-radius: 100%;
}
.pop_chat_room .chat_wrap .chat_mid .get .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_chat_room .chat_wrap .chat_mid .get .profile > img, .pop_chat_room .chat_wrap .chat_mid .get .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pop_chat_room .chat_wrap .chat_mid .get .info_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.pop_chat_room .chat_wrap .chat_mid .get .box {
  border-radius: 0px 10px 25px 25px;
  background: #fff;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.pop_chat_room .chat_wrap .chat_mid .get .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_chat_room .chat_wrap .chat_mid .get + .send {
  margin-top: 30px;
}
.pop_chat_room .chat_wrap .chat_bottom {
  padding: 10px;
  height: 50px;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  overflow: hidden;
  border-radius: 6px;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea {
  flex: 1;
  padding: 10px 0;
  height: 50px;
  min-height: 50px;
  background: none;
  font-size: 14px;
  line-height: 1.2;
  border: none;
}
.pop_chat_room .chat_wrap .chat_bottom .btn_photo {
  text-align: center;
  margin-left: 0;
  width: 54px;
  height: 54px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.pop_chat_room .chat_wrap .chat_bottom .btn_photo img {
  width: 20px;
}
.pop_chat_room .chat_wrap .chat_bottom .btn_send {
  padding-right: 20px;
}

.pop_chat_set {
  z-index: 1000;
  position: absolute;
  top: 80px;
  left: auto;
  right: 15px;
  width: 150px;
  height: auto;
  max-height: 100vh;
  justify-content: center;
  align-items: center;
}
.pop_chat_set .pop_container {
  width: 150px;
}
.pop_chat_set .content_container {
  padding: 15px;
}
.pop_chat_set .btn_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.pop_chat_set .btn_list .btn {
  height: 27px;
  text-align: left;
  padding-inline: 10px;
}
.pop_chat_set .btn_list .btn:hover {
  background-color: #F5F7F8;
}
.pop_chat_set .com_btn_wrap {
  margin-top: 20px;
}

.pop_add_chat {
  z-index: 1000;
}
.pop_add_chat .pop_container {
  width: 150px;
}
.pop_add_chat .btn_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.pop_add_chat .btn_list .btn {
  height: 27px;
  text-align: left;
  padding-inline: 10px;
}
.pop_add_chat .btn_list .btn:hover {
  background-color: #F5F7F8;
}
.pop_add_chat .com_btn_wrap {
  margin-top: 20px;
}

.pop_chat_pople {
  z-index: 1000;
}
.pop_chat_pople .com_chk_btn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.pop_chat_pople .com_chk_btn input:checked + .btn {
  background-color: #F5F7F8;
  color: #222;
}
.pop_chat_pople .com_chk_btn .btn {
  height: 27px;
  text-align: left;
  padding-inline: 10px;
  justify-content: flex-start;
  border-radius: 0;
  background-color: #fff;
}

.pop_change_chat_name {
  z-index: 1000;
}
.pop_change_chat_name .tit {
  text-align: center;
  margin-bottom: 10px;
}

.pop_chat_invite .content_container {
  padding-top: 10px;
}
.pop_chat_invite .content_container .com_search {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #D9DCDF;
}
.pop_chat_invite .content_container .user {
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_chat_invite .content_container .user .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  aspect-ratio: auto;
  border-radius: 10;
}
.pop_chat_invite .content_container .user .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.pop_chat_invite .content_container .user .profile > img, .pop_chat_invite .content_container .user .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.pop_chat_invite .content_container .user .com_chk {
  margin-left: auto;
}

.pop_community_write .textarea {
  min-height: 422px;
}

.pop_report .com_chk__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 15px !important;
  align-items: flex-start;
}

.pop_employee_work_type .pop_container {
  width: 427px;
}
.pop_employee_work_type .com_point_txt {
  text-align: center;
}
.pop_employee_work_type .com_chk_btn__wrap {
  padding-right: 98px;
  position: relative;
}
.pop_employee_work_type .com_chk_btn__wrap .btn_work_off {
  position: absolute;
  top: 0;
  right: 0;
  width: 93px;
  min-width: 93px;
  height: 81px;
}

.pop_day_off .select {
  width: 100px;
  margin-left: 10px;
}
.pop_day_off .day_off_item {
  border-radius: 5px;
  border: 1px solid #D9DCDF;
  padding: 5px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.pop_day_off .com_point_txt {
  text-align: center;
}
.pop_day_off .com_info_text .sub {
  font-size: 13px;
  margin-right: 10px;
}
.pop_day_off .com_info_text .date {
  font-size: 15px;
  font-weight: 700;
  color: #222;
}

body {
  background-color: #0078BF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  overflow-y: hidden;
}

main {
  padding-bottom: 80px;
  min-height: 70vh;
  min-width: 1400px;
}
@media screen and (max-width: 1299.9px) {
  main {
    padding-bottom: 40px;
    min-height: auto;
  }
}

.com_container {
  border-radius: 20px 0px 0px 0px;
  background: #EBEFF2;
  padding: 15px;
  margin-top: 15px;
  margin-left: 130px;
  height: calc(var(--vh, 1vh) * 100 - 15px);
  flex: 1;
  min-width: 1270px;
  max-height: calc(var(--vh, 1vh) * 100 - 15px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_container::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_center_wrap {
  width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1299.9px) {
  .com_center_wrap {
    width: auto;
    margin-inline: 20px;
  }
}

.head {
  width: 130px;
  min-width: 130px;
  height: calc(var(--vh, 1vh) * 100);
  padding-inline: 10px;
  max-height: calc(var(--vh, 1vh) * 100);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  background-color: #0078BF;
  scrollbar-highlight-color: #0078BF; /*하이라이트*/
  z-index: 98;
  position: fixed;
}
.head::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.head::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.head::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.head::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.head::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.head::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #005283;
}
.head .logo {
  padding-block: 45px 30px;
  text-align: center;
}
.head .logo, .head .logo * {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.head .com_switch__wrap {
  margin: auto auto 15px;
}
.head__btn_logout {
  margin-bottom: 20px;
  padding-block: 20px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.head__btn_logout .txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  color: #fff;
  gap: 5px;
}
.head__btn_logout .txt:hover {
  text-decoration: underline;
}
.head__btn_logout .txt:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  border: solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.head__btn_logout .svg_icon {
  display: none;
}
.head__btn_work {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  padding-block: 8px;
  color: #fff;
  margin-top: 5px;
}
.head__btn_work .txt {
  font-size: 12px;
}
.head__btn_work .time {
  font-weight: 700;
}
.head__btn_work .svg_icon {
  display: none;
}
.head__btn_work:hover {
  background-color: #026ba8;
}
.head__btn_serviece {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  color: #fff;
  font-weight: 600;
}
.head__btn_serviece .svg_icon.icon_service {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath fill='%237FBBDF' d='M6.908 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118ZM13.261 10a1.059 1.059 0 1 0 0-2.118 1.059 1.059 0 0 0 0 2.118Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M10 18.47a8.47 8.47 0 1 0 0-16.94 8.47 8.47 0 0 0 0 16.94Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M13.177 13.78A4.473 4.473 0 0 1 10 15.093a4.473 4.473 0 0 1-3.176-1.313'/%3E%3C/svg%3E");
}
.head__btn_serviece:hover {
  background-color: #026ba8;
}
.head.mini {
  width: 60px;
  min-width: 60px;
  padding-inline: 7px;
}
.head.mini .logo {
  height: 97px;
}
.head.mini .logo, .head.mini .logo * {
  font-size: 0;
}
.head.mini .head__btn_serviece {
  justify-content: center;
}
.head.mini .head__btn_serviece .txt {
  display: none;
}
.head.mini .head__btn_logout .txt {
  display: none;
}
.head.mini .head__btn_logout .svg_icon {
  display: block;
}
.head.mini .head__btn_work .txt, .head.mini .head__btn_work .time {
  display: none;
}
.head.mini .head__btn_work .svg_icon {
  display: block;
}
.head.mini .head__btn_work .svg_icon.icon_time {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M10.18 4.356V10h4.585'/%3E%3Cpath d='M10 18.47c-4.67 0-8.47-3.8-8.47-8.47 0-4.67 3.8-8.47 8.47-8.47 4.67 0 8.47 3.8 8.47 8.47 0 4.67-3.8 8.47-8.47 8.47Z'/%3E%3C/g%3E%3C/svg%3E");
}

.gnb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 3px;
}
.gnb .menu {
  padding: 10px;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  font-weight: 600;
  gap: 5px;
  white-space: nowrap;
  border-radius: 30px 5px 5px 30px;
  margin-right: -10px;
}
.gnb .menu:hover {
  background-color: #026ba8;
}
.gnb .menu.divider {
  margin-top: 30px;
}
.gnb .menu .svg_icon.icon_chart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M18.466 3.086H3.534v17.371h14.934V3.086Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M7.8 5.257H5.667v13.029h10.666V5.257h-1.6'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M14.733 2.543v1.91c0 1.043-.832 1.89-1.856 1.89H9.656c-1.024 0-1.856-.847-1.856-1.89v-1.91h6.933ZM5.998 12.325h2.186l.65-3.224 3.937 6.536 2.07-3.562h1.493'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_reserve {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M17.5 11.5v-3h-16V18h10M17.5 4h-16v4.5h16V4ZM5.5 2v4M13.5 2v4'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M19.81 14.83a4.505 4.505 0 0 1-5.57 5.15 4.448 4.448 0 0 1-3.23-3.23c-.79-3.25 1.94-6.12 5.15-5.57 1.84.31 3.32 1.79 3.64 3.64l.01.01Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M15.38 12.62v3l2 1.5'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_payment {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M17 6.5v-1c0-1.1-.9-2-2-2H4.5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V15'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M18.5 11V8.5c0-1.1-.9-2-2-2h-10c-.74 0-1.33-.6-1.33-1.33M19.5 11v4h-3.33c-1.1 0-2-.9-2-2s.9-2 2-2h3.33Z'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_enter_hospital {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='m7.6 16.11-4.1-4.45V1.5h11v10.28l-3.7 4.33H7.6ZM10.8 16.11v2.39H16M7.6 16.11V18M5.5 4.5H8M5.5 7H8'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M16 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_hospital {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M15.765 2.53h-9.53v16.94h9.53V2.53Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M12.588 13.117H9.412v6.353h3.176v-6.353ZM6.235 8.353H2.53V19.47h3.706V8.353ZM19.47 8.353h-3.705V19.47h3.706V8.353ZM9.412 7.294h3.176M11 8.882V5.706'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_manage_chart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M6 4.92V2.5h12.5V17h-2.75'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75v8.75H3.5V5H10l6 5.75Z'/%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75h-6V5l6 5.75Z'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_drug {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M7.65 6.54a4.207 4.207 0 0 0-5.93 0 4.207 4.207 0 0 0 0 5.93l3.81 3.81 5.93-5.93-3.81-3.81ZM15.28 20.1a4.207 4.207 0 0 0 0-5.93l-3.81-3.81-5.93 5.93 3.81 3.81a4.207 4.207 0 0 0 5.93 0ZM18.66 2.62a3.82 3.82 0 0 0-5.4 0l5.4 5.4a3.82 3.82 0 0 0 0-5.4Z'/%3E%3Cpath d='m18.66 8.02-5.4-5.4a3.82 3.82 0 0 0 0 5.4 3.82 3.82 0 0 0 5.4 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_order {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M17 11.5v-6H1.5v12h9M1.25 14.5H9.5'/%3E%3Cpath d='M5.62 7.5V5.12c0-2 1.62-3.62 3.62-3.62s3.62 1.62 3.62 3.62V7.5M14.12 19.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM12.12 15h4M14.12 17v-4'/%3E%3C/g%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_product {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2' d='M11 10.82 2.53 6.67 11 2.53l8.47 4.14L11 10.81v.01ZM19.47 11 11 15.14 2.53 11M19.47 15.33 11 19.47l-8.47-4.14'/%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_employee {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M16.913 3.984H1v12.93h15.913V3.983Z'/%3E%3Cpath stroke-linecap='round' d='M5.476 3.984v-1.99c0-.546.447-.994.994-.994h4.973c.547 0 .995.448.995.995v1.989M7.771 9.951H1M16.723 9.951H9.95M9.951 7.962h-1.99v3.978h1.99V7.962Z'/%3E%3C/g%3E%3C/svg%3E");
}
.gnb .menu .svg_icon.icon_stats {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%237FBBDF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M5.235 6.823H2.06v9h3.176v-9ZM11.588 1.53H8.412v14.293h3.176V1.53ZM17.941 6.823h-3.176v9h3.176v-9Z'/%3E%3Cpath stroke-linecap='round' d='M18.47 18.47H1.53'/%3E%3C/g%3E%3C/svg%3E");
}
.gnb .menu.active {
  color: #0078BF;
  background-color: #EBEFF2;
  border-radius: 50px 0px 0px 50px;
  width: calc(100% + 10px);
  position: relative;
}
.gnb .menu.active:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/menu_active.png);
  width: 9px;
  min-width: 9px;
  height: 9px;
  position: absolute;
  top: -9px;
  right: 0;
}
.mini .gnb .menu.active:before {
  right: 3px;
}
.gnb .menu.active:after {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/menu_active.png);
  width: 9px;
  min-width: 9px;
  height: 9px;
  position: absolute;
  bottom: -9px;
  right: 0;
  transform: rotate(270deg);
}
.mini .gnb .menu.active:after {
  right: 3px;
}
.gnb .menu.active .svg_icon.icon_chart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'  fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M18.466 3.086H3.534v17.371h14.934V3.086Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M7.8 5.257H5.667v13.029h10.666V5.257h-1.6'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M14.733 2.543v1.91c0 1.043-.832 1.89-1.856 1.89H9.656c-1.024 0-1.856-.847-1.856-1.89v-1.91h6.933ZM5.998 12.325h2.186l.65-3.224 3.937 6.536 2.07-3.562h1.493'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_reserve {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M17.5 11.5v-3h-16V18h10M17.5 4h-16v4.5h16V4ZM5.5 2v4M13.5 2v4'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M19.81 14.83a4.505 4.505 0 0 1-5.57 5.15 4.448 4.448 0 0 1-3.23-3.23c-.79-3.25 1.94-6.12 5.15-5.57 1.84.31 3.32 1.79 3.64 3.64l.01.01Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M15.38 12.62v3l2 1.5'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_payment {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M17 6.5v-1c0-1.1-.9-2-2-2H4.5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V15'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M18.5 11V8.5c0-1.1-.9-2-2-2h-10c-.74 0-1.33-.6-1.33-1.33M19.5 11v4h-3.33c-1.1 0-2-.9-2-2s.9-2 2-2h3.33Z'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_enter_hospital {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='m7.6 16.11-4.1-4.45V1.5h11v10.28l-3.7 4.33H7.6ZM10.8 16.11v2.39H16M7.6 16.11V18M5.5 4.5H8M5.5 7H8'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M16 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_hospital {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M15.765 2.53h-9.53v16.94h9.53V2.53Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M12.588 13.117H9.412v6.353h3.176v-6.353ZM6.235 8.353H2.53V19.47h3.706V8.353ZM19.47 8.353h-3.705V19.47h3.706V8.353ZM9.412 7.294h3.176M11 8.882V5.706'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_manage_chart {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M6 4.92V2.5h12.5V17h-2.75'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75v8.75H3.5V5H10l6 5.75Z'/%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M16 10.75h-6V5l6 5.75Z'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_drug {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' clip-path='url(%23a)'%3E%3Cpath d='M7.65 6.54a4.207 4.207 0 0 0-5.93 0 4.207 4.207 0 0 0 0 5.93l3.81 3.81 5.93-5.93-3.81-3.81ZM15.28 20.1a4.207 4.207 0 0 0 0-5.93l-3.81-3.81-5.93 5.93 3.81 3.81a4.207 4.207 0 0 0 5.93 0ZM18.66 2.62a3.82 3.82 0 0 0-5.4 0l5.4 5.4a3.82 3.82 0 0 0 0-5.4Z'/%3E%3Cpath d='m18.66 8.02-5.4-5.4a3.82 3.82 0 0 0 0 5.4 3.82 3.82 0 0 0 5.4 0Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_order {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M17 11.5v-6H1.5v12h9M1.25 14.5H9.5'/%3E%3Cpath d='M5.62 7.5V5.12c0-2 1.62-3.62 3.62-3.62s3.62 1.62 3.62 3.62V7.5M14.12 19.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9ZM12.12 15h4M14.12 17v-4'/%3E%3C/g%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_product {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2' d='M11 10.82 2.53 6.67 11 2.53l8.47 4.14L11 10.81v.01ZM19.47 11 11 15.14 2.53 11M19.47 15.33 11 19.47l-8.47-4.14'/%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_employee {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 22 22' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M16.913 3.984H1v12.93h15.913V3.983Z'/%3E%3Cpath stroke-linecap='round' d='M5.476 3.984v-1.99c0-.546.447-.994.994-.994h4.973c.547 0 .995.448.995.995v1.989M7.771 9.951H1M16.723 9.951H9.95M9.951 7.962h-1.99v3.978h1.99V7.962Z'/%3E%3C/g%3E%3C/svg%3E");
}
.gnb .menu.active .svg_icon.icon_stats {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg stroke='%230078BF' stroke-linejoin='round' stroke-width='1.2'%3E%3Cpath d='M5.235 6.823H2.06v9h3.176v-9ZM11.588 1.53H8.412v14.293h3.176V1.53ZM17.941 6.823h-3.176v9h3.176v-9Z'/%3E%3Cpath stroke-linecap='round' d='M18.47 18.47H1.53'/%3E%3C/g%3E%3C/svg%3E");
}
.mini .gnb .menu {
  justify-content: center;
}
.mini .gnb .menu .txt {
  display: none;
}

.ribbon {
  padding: 11px 15px;
  border-radius: 10px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.ribbon__date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.ribbon__date .date {
  padding-inline: 10px;
  font-size: 18px;
  font-weight: 700;
}
.ribbon__date [class^=btn_] {
  line-height: initial;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.ribbon__date .btn_next,
.ribbon__date .btn_last {
  transform: rotate(180deg);
}
.ribbon__date .btn_today {
  margin-left: 20px;
}
.ribbon__link_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 30px;
  margin-right: 30px;
}
.ribbon__link .has_new {
  position: relative;
}
.ribbon__link .has_new:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  text-align: center;
  line-height: 5px;
  background-color: #0078BF;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: -3px;
  right: -3px;
}
.ribbon__link.btn_notice {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  border-radius: 50px;
  background-color: #0078BF;
}
.ribbon__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}

/*컨텐츠 레이아웃*/
.com_col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  min-height: calc(var(--vh, 1vh) * 100 - 118px);
  align-self: stretch;
  max-height: calc(var(--vh, 1vh) * 100 - 118px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_col::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_col::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_col::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_col::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_col::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_col__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  gap: 10px;
}
.ribbon + .com_col__wrap {
  margin-top: 10px;
}

.com_col.m {
  width: 490px;
}
.com_col.s {
  width: 460px;
}
.com_col.l {
  flex: 1;
}
.com_col.extend {
  flex: 1;
}
.com_col .com_card__body {
  flex: 1;
  align-self: stretch;
}
.com_col.half {
  width: 50%;
  align-self: stretch;
}
.com_col.half .com_card {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_col.half .com_card .com_card__body {
  flex: 1;
}
.com_col.h_auto {
  min-height: auto;
}

.com_flex_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-direction: row !important;
  gap: 6px;
}
.com_flex_row + input {
  margin-top: 10px;
}
.com_flex_row .divider {
  margin-left: auto;
}
.com_flex_row.between {
  justify-content: space-between;
  align-items: center;
}
.com_flex_row.type_divider_line {
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0px 10px;
  width: 100%;
}
.com_flex_row.type_divider_line > * {
  width: calc((100% - 10px * 1) / 2);
  min-width: calc((100% - 10px * 1) / 2);
}
.com_flex_row.type_divider_line > * {
  align-self: stretch;
}
.com_flex_row.type_divider_line > * table {
  height: 100%;
}
.com_flex_row.type_divider_line > *:not(:first-child) {
  border-left: 1px solid #D9DCDF;
  padding-left: 10px;
}
.com_flex_row.type_divider_line .tip_txt {
  width: 100% !important;
  text-align: right;
  padding-block: 10px 15px;
  border-left: none !important;
}
.com_flex_row .full {
  flex: 1;
}
.com_flex_row + .com_flex_row {
  margin-top: 6px;
}

.com_divider {
  width: 100%;
  min-height: 1px;
  height: 1px;
  border: none;
  border-bottom: 1px solid #D9DCDF;
}
.com_divider.pd_block {
  margin-block: 10px;
}

.com_point_txt {
  color: #0078BF !important;
}

.com_blue_txt {
  color: #0078BF !important;
}

.com_red_txt {
  color: #EF4D56 !important;
}

.com_green_txt {
  color: #22C55E !important;
}

.com_bk_txt {
  color: #222 !important;
}

.com_info_text {
  background-color: #EBEFF2;
  border-radius: 5px;
  padding: 5px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 5px;
  min-height: 36px;
}
.com_info_text.mb_0 {
  margin-bottom: 0;
}
.com_info_text.align_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_info_text .tit {
  font-weight: 700;
  color: #222;
  font-size: 15px;
}
.com_info_text .date {
  color: #666;
  font-size: 13px;
}
.com_board_list + .com_info_text {
  margin-top: 20px;
}
.com_input_sec + .com_info_text {
  margin-top: 10px;
}

.com_badge {
  padding: 5px 10px;
  height: 28px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.3px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  line-height: initial;
}
.com_badge.blue {
  background-color: #E2EFFF;
  color: #0078BF;
}
.com_badge.blue.deep {
  background-color: #0078BF;
  color: #fff;
}
.com_badge.point {
  background-color: #E2EFFF;
  color: #0078BF;
}
.com_badge.point.deep {
  background-color: #009CBF;
  color: #fff;
}
.com_badge.red {
  background-color: #FFE5E7;
  color: #EF4D56;
}
.com_badge.red.deep {
  background-color: #EF4D56;
  color: #fff;
}
.com_badge.gray {
  background-color: #EBEFF2;
}
.com_badge.orange {
  background-color: #FFE6D6;
  color: #ED7D31;
}
.com_badge.orange.deep {
  background-color: #FF9C58;
  color: #fff;
}
.com_badge.green {
  background-color: #E7FAD4;
  color: #7EBB41;
}
.com_badge.green.deep {
  background-color: #A1DB66;
  color: #fff;
}
.com_badge.purple {
  background-color: #F0E4FA;
  color: #7030A0;
}
.com_badge.purple.deep {
  background-color: #BB82E5;
  color: #fff;
}
.com_badge.emerald {
  background-color: #DCF9F5;
  color: #00A894;
}
.com_badge.emerald.deep {
  background-color: #51C5B7;
  color: #fff;
}
.com_badge.s {
  font-size: 12px !important;
  height: 22px !important;
  font-weight: 400;
}
.com_badge.l {
  min-width: 80px;
  height: 30px !important;
}
.com_badge.square {
  border-radius: 5px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
}

.com_t_bar {
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_t_bar:not(:first-child):before {
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 10px;
  width: 1px;
  background-color: #D9DCDF;
  vertical-align: -1px;
}
.com_t_bar.big {
  font-size: 16px;
}
.com_t_bar.dark:not(:first-child):before {
  background-color: #222;
}
.com_t_bar__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_t_bar__wrap.box {
  justify-content: center;
  padding: 6px 15px;
  border-radius: 5px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  background-color: #EBEFF2;
  transition: 0.2s;
}
.com_t_bar__wrap.box .com_t_bar {
  color: #666;
}
.com_t_bar__wrap.box.active {
  background-color: #E2EFFF;
}
.com_t_bar__wrap.box.active .com_t_bar {
  color: #0078BF;
}
.com_t_bar__wrap.box.active .com_t_bar:before {
  background-color: rgba(0, 120, 191, 0.8);
}
.com_t_bar__wrap.center {
  justify-content: center;
}

.com_t_dote {
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_t_dote__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_t_dote__wrap.align_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 100%;
}
.com_t_dote__wrap + .com_t_dote__wrap {
  margin-top: 5px;
}
.com_t_dote:not(:first-child):before {
  content: "·";
  display: inline-block;
  margin: 0 4px;
  vertical-align: -1px;
  color: #666;
}

.com_notice_box {
  padding: 12px 15px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  background-color: #F5F7F8;
  line-height: 1.42;
  font-size: 13px;
}
.com_notice_box.line_dashed {
  border: 1px dashed #D9DCDF;
}
.com_notice_box.line_dashed.blue {
  background-color: #E2EFFF;
  border-color: #8EB6E5;
}
.com_notice_box .txt_line {
  text-decoration: underline;
}
.com_notice_box.center {
  text-align: center;
}
.com_notice_box.center .com_btn_wrap {
  justify-content: center;
}

.com_terms {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_terms dt {
  font-size: 15px;
  font-weight: 700;
}

.com_dot_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_dot_list .item {
  padding-left: 8px;
  font-size: 13px;
}
.com_dot_list .item:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  text-align: center;
  line-height: 3px;
  background-color: #0078BF;
  color: #fff;
  margin-right: 5px;
  margin-left: -8px;
  vertical-align: 2px;
  border-radius: 5px;
}

.com_tag {
  padding: 5px;
  border-radius: 5px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  padding: 4px 8px;
  border: 1px solid #D9DCDF;
  background-color: #F5F7F8;
  font-size: 13px;
  height: 24px;
}
.com_tag__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 2px;
}

/*common input form*/
.com_input_sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_input_sec .error_txt {
  margin-top: 10px;
  line-height: 17px;
  color: #EF4D56;
}
.com_input_sec .sec_tit_field {
  font-size: 18px;
  font-weight: 700;
  color: #0078BF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 5px;
}
.com_input_sec .sec_tit_field .sub_txt {
  font-size: 13px;
  font-weight: 400;
  color: #666;
}
.com_input_sec .tit_field {
  font-size: 15px;
  font-weight: 600;
}
.com_input_sec .input_field {
  margin-bottom: 5px;
}
.com_input_sec .input_field:last-child {
  margin-bottom: 0;
}
.com_input_sec .input_field input[type=text], .com_input_sec .input_field input[type=password], .com_input_sec .input_field input[type=number] {
  width: 100%;
}

.com_input_has_unit {
  border: 1px solid #D9DCDF;
  border-radius: 5px;
  background-color: #fff;
  padding-right: 12px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_input_has_unit .input {
  border: none;
  padding: 0;
  width: 100% !important;
}

.com_edit_wrap {
  height: 150px;
}
.com_edit_wrap .textarea {
  height: 100%;
  min-height: 150px;
}

.com_add_file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.com_add_file .btn_download {
  margin-right: 5px;
}
.com_add_file .btn_del_thumb {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
}
.com_add_file .blind {
  display: none;
}
.com_add_file .input_form {
  flex: 1; /* input_form이 남은 공간을 꽉 채울 수 있도록 설정 */
}
.com_add_file .input_form .input {
  border: 1px solid #D9DCDF;
  margin-left: 0;
  padding-inline: 10px;
}
.com_add_file .input_form + .com_btn {
  min-height: 38px;
  margin-left: 5px;
}
.com_add_file .com_btn {
  flex: 0; /* com_btn이 필요한 만큼의 공간만 차지하도록 설정 */
}
.com_add_file .com_file_thumb {
  position: relative;
  display: none;
  margin-top: 5px;
  width: 100%; /* 가로 크기를 100%로 설정하여 줄바꿈이 되도록 함 */
}
.com_add_file .com_file_thumb_img {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.com_add_file .com_file_thumb .preview_img {
  width: 60px;
}
.com_add_file_img {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
.com_add_file_img .btn_del_img {
  background: url("../img/icon_del.png") #E8E8E8 center center no-repeat;
  background-size: 9px auto;
  font-size: 0;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  display: inline-block;
}
.com_add_file_img .img {
  position: relative;
  max-width: 200px;
  z-index: 0;
  width: 120px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.com_add_file_img .add_file_value {
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
}
.com_add_file_img .btn_btm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}
.com_add_file + .com_add_file {
  margin-top: 10px;
}
.com_add_file.no_input {
  position: relative;
}
.com_add_file.no_input .input_form {
  display: none;
}
.com_add_file.no_input .com_btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1;
}
.com_add_file.no_input .com_file_thumb {
  margin-top: 0;
}

.com_file_down {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  border-right: 0;
  padding-inline: 15px;
  padding-block: 2px;
}
.com_file_down__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  border: 1px solid #D9DCDF;
  border-radius: 5px;
  height: 38px;
}
.com_file_down__wrap .btn_file {
  position: relative;
  min-width: 72px;
  border-radius: 0 5px 5px 0;
  border-left: 1px solid #D9DCDF;
  align-self: stretch;
  height: 100%;
}
.com_file_down__wrap .btn_file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.com_file_down__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex: 1;
  gap: 5px;
  max-height: 38px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_file_down__list::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_file_down__list::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_file_down__list::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_file_down__list::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_file_down__list::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_file_down .btn_wrap {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}

.com_img_multi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.com_img_multi .added_file {
  position: relative;
}
.com_img_multi .added_file .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: auto;
  border-radius: 6px;
  overflow: hidden;
}
.com_img_multi .added_file .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_img_multi .added_file .thumb > img, .com_img_multi .added_file .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}

.com_attached_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  align-items: flex-start;
}
.com_attached_list .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_attached_list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_attached_list .com_btn {
  position: relative;
}
.com_attached_list .com_btn input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.com_flex_row + .com_attached_list.type_row {
  margin-top: 10px;
}
.com_attached_list.type_row .list {
  flex-direction: row;
  gap: 5px 15px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.com_agree_area .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_agree_area .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.com_agree_area .item .must {
  color: #EF4D56;
}

/*!스크롤*/
.scroll {
  scrollbar-face-color: #d5d3d7;
  /*스크롤*/
  scrollbar-highlight-color: #d5d3d7;
  /*하이라이트*/
  scrollbar-3dlight-color: #d5d3d7;
  /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: #d5d3d7;
  /*오른쪽외곽음영*/
  scrollbar-shadow-color: #d5d3d7;
  /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: #d5d3d7;
  /*화살*/
  scrollbar-track-color: rgba(255, 255, 255, 0);
  /*스크롤영역*/
  overflow: auto;
  /*스크롤바*/
  /*스크롤바 버튼(아래 위 화살표)*/
  /*스크롤바 핸들*/
  /*스크롤바 진행줄*/
  /*진행줄에서 핸들로 덮이지 않은 영역 */
  /*상하 좌우 스크롤이 만나는 공간*/
}
.scroll::-webkit-scrollbar {
  opacity: 0;
  width: 15px;
  height: 15px;
}
.scroll::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0);
}
.scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.08);
}

.scroll_lock {
  touch-action: none;
  overflow-y: hidden !important;
}
.scroll_lock body {
  touch-action: none;
  overflow-y: hidden !important;
}

/*스케줄 달력*/
.fc-theme-standard .fc-scrollgrid {
  border-radius: 6px;
  overflow: hidden;
}

.fc-theme-standard td {
  height: 30px;
}

.fc-header-toolbar {
  justify-content: center;
  gap: 20px;
  display: none !important;
}

.fc .fc-toolbar-title {
  font-size: 18px;
  font-weight: 700;
}

.fc .fc-button-primary {
  border: none;
}
.fc .fc-button-primary .fc-icon {
  width: 20px;
  height: 20px;
}
.fc .fc-button-primary .fc-icon::before {
  color: #A0A2A6;
}

.fc-button,
.fc-button:focus,
.fc-button:active,
.fc-button:hover,
.fc-button:visited,
.fc-button:focus-within,
.fc-button:any-link,
.fc-button:link {
  background: none !important;
  color: #000 !important;
  outline: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  box-shadow: none !important;
  transition: none !important;
}

.fc table {
  text-align: center;
}

.fc-col-header-cell .fc-scrollgrid-sync-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #EBEFF2;
  font-size: 14px;
  font-weight: 600;
  height: 28px;
}

.fc .fc-daygrid-day-top {
  flex-direction: row;
  justify-content: center;
}

.fc-daygrid-day-number {
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fc-day {
  position: relative;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: #fff;
  background-origin: border-box;
  background-clip: content-box, border-box;
  color: #000;
  padding: 0;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: #0078BF;
  font-weight: 700;
  border-radius: 0;
  border-bottom: 3px solid #0078BF;
}

.fc-day.selected-day {
  background-color: #E2EFFF !important;
  border: none;
}

.fc-h-event .fc-event-main {
  border: none;
  color: #3da7fb;
  font-size: 8px;
}

.fc-daygrid-event {
  border: none;
  padding: 0;
  background: none;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 0;
  position: absolute;
}

.fc-h-event .fc-event-title-container {
  text-align: center;
}

.report_calendar .fc-daygrid-day-top {
  position: relative;
}
.report_calendar td {
  height: 54px;
}
.report_calendar .fc-daygrid-day-events {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.report_calendar .report {
  width: 28px;
  height: 28px;
  border-radius: 5px;
  background-color: #0078BF;
  cursor: pointer;
}
.report_calendar .report.done {
  background-color: #EF4D56;
}
.report_calendar .report.active {
  background-image: url(../img/chk_on.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px auto;
}
.report_calendar .state {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  padding: 5px 15px;
}
.report_calendar .state * {
  font-size: 14px;
}
.report_calendar .state.red {
  background-color: #EF4D56;
}
.report_calendar .state.red * {
  color: #fff;
}
.report_calendar .state.blue {
  background-color: #0078BF;
}
.report_calendar .state.blue * {
  color: #fff;
}

.schedule_calendar td {
  height: 95px;
}
.schedule_calendar .fc-daygrid-day-events {
  width: 100%;
  margin: 0;
  z-index: 1;
}
.schedule_calendar .bg {
  margin: 0 !important;
  height: 94px;
  border: none;
  border-radius: 0;
  pointer-events: none;
}
.schedule_calendar .bg.red {
  background-color: #FFE5E7;
}
.schedule_calendar .bg.gray {
  background-color: #F5F7F8;
}
.schedule_calendar .night:after {
  position: absolute;
  top: 5px;
  right: 5px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: transparent;
  color: #fff;
  background: url(../img/svg/icon_night.svg) no-repeat;
}
.schedule_calendar .work {
  white-space: pre;
  line-height: 1.3;
}
.schedule_calendar .work.fc-h-event .fc-event-title {
  text-align: left;
  font-size: 12px;
  color: #222;
}
.schedule_calendar .work.fc-h-event .fc-event-title-container {
  text-align: left;
}
.schedule_calendar .day_off {
  border-radius: 5px;
  border: 1px dashed #D9DCDF;
  background: #F5F7F8;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .day_off .fc-event-title {
  font-size: 12px;
  color: #222;
}
.schedule_calendar .day_off .fc-event-main {
  font-size: 13px;
  color: #222;
}
.schedule_calendar .day_off.full {
  height: 107px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.schedule_calendar .day_off_half {
  border-radius: 5px;
  border: 1px dashed #D9DCDF;
  background: #F5F7F8;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .day_off_half .fc-event-main {
  font-size: 13px;
  font-weight: 600;
}
.schedule_calendar .fc-day.selected-day .bg {
  background-color: #E2EFFF !important;
}
.schedule_calendar .employee {
  border-radius: 5px;
  border: 1px dashed #D9DCDF;
  background: #F5F7F8;
  text-align: center;
  padding-block: 5px;
  margin-top: 5px;
}
.schedule_calendar .work_v {
  border-radius: 5px;
  background: #009CBF;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_v .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.schedule_calendar .work_pn {
  border-radius: 5px;
  background: #FF6B77;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_pn .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.schedule_calendar .work_an {
  border-radius: 5px;
  background: #FF9C58;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_an .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.schedule_calendar .work_a {
  border-radius: 5px;
  background: #A1DB66;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_a .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.schedule_calendar .work_p {
  border-radius: 5px;
  background: #51C5B7;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_p .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}
.schedule_calendar .work_n {
  border-radius: 5px;
  background: #BB82E5;
  text-align: center;
  padding-block: 5px;
}
.schedule_calendar .work_n .fc-event-main {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.type_work .night:after {
  top: -25px;
  right: -5px;
}
.type_work .fc-event-main {
  font-size: 12px;
  color: #222;
}
.type_work td {
  height: 150px;
}
.type_work .fc-daygrid-day-top {
  justify-content: flex-start;
}
.type_work .fc-daygrid-day-number {
  position: relative !important;
}
.type_work .fc-daygrid-day-frame {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.type_work .fc-daygrid-day-events {
  position: relative !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex: 1;
}
.type_work .fc-day-today .fc-daygrid-day-number {
  justify-content: center;
  margin-left: 5px;
}
.type_work .fc-daygrid-event-harness {
  padding-inline: 10px;
}
.type_work .fc-daygrid-event-harness + .fc-daygrid-event-harness {
  margin-top: auto !important;
}

.type_my_work td {
  position: relative;
}
.type_my_work .night:after {
  top: -25px;
  right: -5px;
}
.type_my_work .fc-event-main {
  font-size: 13px;
  color: #222;
}
.type_my_work .work_n, .type_my_work .work_p, .type_my_work .work_v, .type_my_work .work_a, .type_my_work .work_an, .type_my_work .work_v,
.type_my_work .work_pn {
  margin-top: 30px;
  width: calc(100% - 16px);
  position: relative;
  left: 5px;
}
.type_my_work .employee {
  width: calc(100% - 16px);
  position: relative;
  left: 5px;
}
.type_my_work .event_default {
  height: 93px;
  position: absolute;
  top: 0;
  left: -2px;
  width: 100%;
}
.type_my_work .event_default.active {
  background-color: #E2EFFF;
}
.type_my_work .fc-day.selected-day .bg.red {
  background-color: #FFE5E7 !important;
}
.type_my_work .fc-day.selected-day .bg.gray {
  background-color: #F5F7F8 !important;
}

.report_calendar .fc-daygrid-day-number,
.schedule_calendar .fc-daygrid-day-number {
  position: absolute;
  left: 0;
  top: 0;
}
.report_calendar .fc-day-sun .fc-daygrid-day-number,
.schedule_calendar .fc-day-sun .fc-daygrid-day-number {
  color: #EF4D56;
}

.reservation_calendasr .fc-daygrid-day-events {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.reservation_calendasr .reserved-day {
  width: 16px;
  height: 16px;
  background: url(../img/svg/icon_time_dark.svg) no-repeat center/auto 100%;
}
.reservation_calendasr td {
  height: 40px;
}

.swiper_pagination,
.swiper-pagination-fraction {
  position: relative;
  bottom: auto;
  color: #222;
  margin-top: 10px;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev {
  left: 0;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/slide_prev.png);
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.swiper-button-next {
  right: 0;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/slide_next.png);
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.swiper-button-disabled {
  display: none;
}

.com_board_list {
  position: relative;
  table-layout: fixed;
  border-collapse: separate;
  border: 1px solid #D9DCDF;
  border-top: none;
  border-radius: 5px;
  overflow: hidden;
}
.com_board_list th {
  line-height: 1;
}
.com_board_list th, .com_board_list td {
  border-left: 1px solid #D9DCDF;
  border-top: 1px solid #D9DCDF;
  font-size: 13px;
  font-weight: 400;
  padding: 3px 8px;
  line-height: 1.28;
  text-align: center;
  height: 24px;
}
.com_board_list th.align_l, .com_board_list td.align_l {
  text-align: left;
}
.com_board_list th.vertical_top, .com_board_list td.vertical_top {
  vertical-align: top;
}
.com_board_list th:first-child, .com_board_list td:first-child {
  border-left: 0;
}
.com_board_list th .input, .com_board_list th .select, .com_board_list td .input, .com_board_list td .select {
  height: 30px;
}
.com_board_list th .input.full, .com_board_list th .select.full, .com_board_list td .input.full, .com_board_list td .select.full {
  width: 100%;
}
.com_board_list th .input.ws, .com_board_list th .select.ws, .com_board_list td .input.ws, .com_board_list td .select.ws {
  width: 110px;
}
.com_board_list th .input.wxs, .com_board_list th .select.wxs, .com_board_list td .input.wxs, .com_board_list td .select.wxs {
  width: 60px;
}
.com_board_list th .com_chk, .com_board_list td .com_chk {
  vertical-align: -5px;
}
.com_board_list th .com_input_has_unit .input, .com_board_list td .com_input_has_unit .input {
  height: 28px;
}
.com_board_list thead th {
  border-top: 1px solid #D9DCDF;
  background-color: #EBEFF2;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}
.com_board_list thead th .icon_sort {
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
  transition-duration: 0s;
}
.com_board_list thead th .icon_sort.active {
  transform: rotate(180deg);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -ms-transition-duration: 0s;
  transition-duration: 0s;
}
.com_board_list tbody th {
  background-color: #F5F7F8;
  font-weight: 400;
  color: #666;
  text-align: center;
}
.com_board_list tbody tr.selected, .com_board_list tbody tr.hover:hover {
  cursor: pointer;
}
.com_board_list tbody tr.selected td, .com_board_list tbody tr.hover:hover td {
  background-color: #F5F7F8;
}
.com_board_list tbody tr.btn_item {
  cursor: pointer;
}
.com_board_list tbody tr.gray td {
  background-color: #F5F7F8;
}
.com_board_list tbody td, .com_board_list tfoot td {
  background: #fff;
}
.com_board_list tbody td.gray, .com_board_list tfoot td.gray {
  background-color: #F5F7F8;
}
.com_board_list tbody td.blue, .com_board_list tfoot td.blue {
  background-color: #E2EFFF;
}
.com_board_list tbody td.red, .com_board_list tfoot td.red {
  background-color: #FFE5E7;
  color: #EF4D56;
}
.com_board_list tbody td .sub, .com_board_list tfoot td .sub {
  font-size: 11px;
  color: #666;
}
.com_board_list input[type=number] {
  max-width: 100%;
  width: 100px;
}
.com_board_list .state_date {
  font-size: 12px;
}
.com_board_list .account_field .select {
  width: 150px;
}
.com_board_list .account_field .name {
  width: 150px;
}
.com_board_list .com_add_file .input_form + .com_btn {
  min-height: 30px;
}
.com_board_list .input, .com_board_list .select {
  height: 30px;
  padding-inline: 12px;
}
.com_board_list.type_row td {
  text-align: left;
  height: 28px;
}
.com_board_list.type_row th, .com_board_list.type_row td {
  border-left: 0;
}
.com_board_list.type_row th {
  padding-inline: 5px;
}
.com_board_list__tip {
  text-align: center;
  margin-top: 20px;
}
.com_board_list .btn_del {
  background-color: #EBEFF2;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  position: relative;
  top: 0;
  bottom: 0;
  flex: 1;
}
.com_board_list .btn_del_field {
  padding: 0;
  height: 30px;
}
.com_board_list__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_board_list__top .divider {
  margin-left: auto;
}
.com_board_list__top .select {
  width: 120px;
}
.com_board_list__top .select.wl {
  width: 200px;
}
.com_board_list__top.between {
  justify-content: space-between;
}
.com_board_list__top.end {
  justify-content: flex-end;
}
.com_board_list__top .com_chk {
  padding-block: 10px;
}
.com_board_list__top + .com_divider {
  margin-top: -5px;
}
.com_board_list__top + .com_divider + .com_board_list__top {
  margin-top: -5px;
}
.com_board_list .com_divider.full {
  width: calc(100% + 16px);
  margin-left: -8px;
}

.com_board_text {
  padding: 10px 12px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border: 1px solid #D9DCDF;
  background-color: #F5F7F8;
  min-height: 180px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_board_text::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_board_text::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_board_text::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_board_text::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_board_text::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_board_text .text_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 12px;
}
.com_board_text .text_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  flex: 1;
}
.com_board_text .text_list li .date {
  flex: 0 0 auto;
  color: #666;
  margin-left: auto;
}
.com_board_text .text_list li .icon_del_file {
  margin-left: 10px;
  width: 10px;
  height: 10px;
  background: url(../img/svg/icon_del_file.svg) no-repeat center/auto 100%;
}
.com_board_text.white {
  background-color: #fff;
}

.com_comment_submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_comment_submit .textarea {
  min-height: 60px;
}
.com_comment_submit .com_btn {
  flex: 0 0 auto;
  width: 55px;
  height: 60px;
}

.com_board_top {
  padding: 10px;
  border-radius: 10px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  padding-inline: 15px;
  border-bottom: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-block: 10px;
  gap: 5px;
}
.com_board_top .prcie_box {
  color: #EF4D56;
  border-radius: 5px;
  background: #FFE5E7;
  padding: 10px 20px;
  height: 38px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_board_top .btn_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_board_top .com_tab_s {
  flex-wrap: nowrap;
}
.com_board_top .divider {
  width: 1px;
  height: 38px;
  background-color: #D9DCDF;
  margin-inline: 10px;
}
.com_board_top .user_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_board_top .user_info .name {
  font-size: 16px;
  font-weight: 700;
}
.com_board_top .user_info .info {
  white-space: nowrap;
  margin-left: 10px;
}
.com_board_top .user_info .info.divider_bar {
  margin-left: 0;
  position: relative;
}
.com_board_top .user_info .info.divider_bar::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 10px;
  background: #D9DCDF;
  cursor: default;
}
.com_board_top .tit_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_board_top .tit_field .com_badge {
  margin-right: 10px;
  padding-inline: 15px;
  height: 28px;
}
.com_board_top .tit_txt {
  font-size: 18px;
  font-weight: 700;
}
.com_board_top .sub_txt {
  font-size: 15px;
  font-weight: 700;
  color: #0078BF;
  position: relative;
}
.com_board_top .sub_txt::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 10px;
  background: #D9DCDF;
  cursor: default;
}

.com_total_sec {
  background-color: #F5F7F8;
  margin-top: auto;
  border-radius: 0 0 10px 10px;
  padding: 15px;
}
.com_total_sec.white {
  background-color: #fff;
}
.com_total_sec .total_price {
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
}
.com_total_sec .total_price .com_t_bar:not(:first-child):before {
  margin-inline: 5px;
}
.com_total_sec .total_price strong {
  margin-left: 5px;
  font-size: 14px;
}
.com_total_sec .total_price + .total_price {
  margin-top: 10px;
}
.com_total_sec .total_tbl {
  margin-left: auto;
  width: fit-content;
  min-width: 350px;
  table-layout: fixed;
}
.com_total_sec .total_tbl.full {
  min-width: auto;
  width: 100%;
}
.com_total_sec .total_tbl.full.ws {
  width: calc(100% - 150px);
}
.com_total_sec .total_tbl th, .com_total_sec .total_tbl td {
  text-align: right;
  padding: 5px;
  word-break: break-all;
  vertical-align: top;
}
.com_total_sec .total_tbl th {
  color: #666;
  font-weight: 400;
  padding-inline: 0;
}
.com_total_sec .total_tbl td {
  font-weight: 700;
}
.com_total_sec .com_btn_wrap {
  margin-top: 10px;
}
.com_total_sec .com_btn_wrap .com_btn {
  width: 140px;
}
.com_total_sec .com_btn_wrap .btn_pay, .com_total_sec .com_btn_wrap .btn_submit {
  flex: 1;
}

.com_price_info {
  border-radius: 5px;
  background: #EBEFF2;
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  padding: 10px;
}
.com_price_info .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_price_info .item:not(:first-child) {
  position: relative;
}
.com_price_info .item:not(:first-child)::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 10px;
  margin-inline: 10px;
  background: #D9DCDF;
  cursor: default;
}

.com_summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  align-items: first baseline;
  font-size: 13px;
}
.com_summary__wrap {
  padding-block: 15px;
  border-bottom: 1px solid #D9DCDF;
}
.com_summary__wrap.border_bottom_0 {
  border-bottom: 0;
  padding-bottom: 0;
}
.com_summary__wrap.type_box {
  position: relative;
  padding: 15px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border: 1px solid #D9DCDF;
}
.com_summary__wrap.type_box .com_summary {
  justify-content: flex-start;
  gap: 10px;
}
.com_summary__wrap.type_box .com_summary dt {
  color: #666;
  font-size: 13px;
  padding-block: 5px;
}
.com_summary__wrap.type_box .com_btn {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 30px;
  padding-inline: 15px;
  min-width: auto;
}
.com_summary__wrap.type_box .com_btn.static {
  position: static;
}
.com_summary__wrap.type_box.gray {
  background-color: #F5F7F8;
}
.com_summary__wrap.type_box.blue {
  background-color: #E2EFFF;
  border-color: #0078BF;
}
.com_summary__wrap.type_box.full {
  border-width: 1px 0 0 0;
  border-radius: 0;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: -20px;
}
.com_summary__wrap.type_box.flex_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 25px;
}
.com_summary__wrap.type_box.no_border {
  border: none;
  padding: 0;
}
.com_summary__wrap.type_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  padding-block: 5px;
  border-bottom: none;
}
.com_summary__wrap.type_list .com_summary {
  justify-content: flex-start;
}
.com_summary__wrap.type_list .com_summary dt {
  margin-right: 5px;
}
.com_summary__wrap.has_head {
  padding: 0;
}
.com_summary__wrap.has_head .com_summary__list {
  padding: 10px 20px;
}
.com_summary__wrap.has_head .com_btn {
  top: 40px;
}
.com_summary__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_summary__head {
  background-color: #F5F7F8;
  padding: 8px 10px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px 5px 0 0;
}
.com_summary dt::before {
  content: "·";
  display: inline-block;
  margin-right: 4px;
  color: #666;
}
.com_summary dd .btn_download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
  font-size: 13px;
  font-weight: 400;
}
.com_summary dd .price {
  font-weight: 500;
}
.com_summary__tit {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.com_calendar {
  width: 100%;
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding-bottom: 10px;
}
.com_calendar::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_calendar::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_calendar::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_calendar::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_calendar::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_calendar .calendar {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  border-right: 1px solid #D9DCDF;
  border-radius: 5px;
}
.com_calendar .calendar .sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
}
.com_calendar .calendar .sticky.left {
  left: 0;
}
.com_calendar .calendar .sticky.name {
  left: 79px;
}
.com_calendar .calendar th, .com_calendar .calendar td {
  border-left: 1px solid #D9DCDF;
  border-bottom: 1px solid #D9DCDF;
  height: 28px;
}
.com_calendar .calendar th:last-child, .com_calendar .calendar td:last-child {
  border-right: 0;
}
.com_calendar .calendar th {
  background-color: #EBEFF2;
}
.com_calendar .calendar thead th {
  border-top: 1px solid #D9DCDF;
}
.com_calendar .calendar thead th:first-child {
  border-top-left-radius: 5px;
}
.com_calendar .calendar thead th:last-child {
  border-top-right-radius: 5px;
}
.com_calendar .calendar thead th.point {
  background-color: #0078BF;
  border-color: #0078BF;
  color: #fff;
}
.com_calendar .calendar tbody th {
  font-weight: 400;
}
.com_calendar .calendar tbody td {
  width: 200px;
}
.com_calendar .calendar tbody .last_rowspan th:first-child {
  border-bottom-left-radius: 5px;
}
.com_calendar .calendar .com_badge {
  border-radius: 0;
  font-size: 14px;
  width: 100%;
}
.com_calendar.type_block {
  max-height: calc(var(--vh, 1vh) * 100 - 215px);
  overflow-x: auto;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  display: flex;
  align-items: flex-start;
}
.com_calendar.type_block::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_calendar.type_block::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_calendar.type_block::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_calendar.type_block::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_calendar.type_block::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_calendar.type_block .tit {
  position: sticky;
  left: 0;
  top: 0;
  width: 158px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 3;
}
.com_calendar.type_block .tit thead th:last-child {
  border-top-right-radius: 0;
}
.com_calendar.type_block .tit tbody th {
  height: 38px;
}
.com_calendar.type_block .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  justify-content: flex-start;
  flex-basis: flex;
}
.com_calendar.type_block .item > * {
  width: 200px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_calendar.type_block .item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.com_calendar.type_block .item .name {
  border-top: 1px solid #D9DCDF;
  border-right: 1px solid #D9DCDF;
  border-bottom: 1px solid #D9DCDF;
  background: #EBEFF2;
  font-weight: 600;
  height: 28px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.com_calendar.type_block .item .name.point {
  background-color: #0078BF;
  border-color: #0067A4;
  color: #fff;
}
.com_calendar.type_block .item .reserve {
  height: 38px;
  border-bottom: 1px solid #D9DCDF;
  border-right: 1px solid #D9DCDF;
  position: relative;
  cursor: pointer;
}
.com_calendar.type_block .item .reserve.no {
  background-color: #F5F7F8;
}
.com_calendar.type_block .item .reserve.selected {
  background-color: #E2EFFF !important;
}
.com_calendar.type_block .item .reserve:hover .layer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_calendar.type_block .item .reserve .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 2px;
}
.com_calendar.type_block .item .reserve .info .pet {
  font-size: 12px;
  color: #666;
}
.com_calendar.type_block .item .reserve .info .person {
  font-size: 13px;
}
.com_calendar.type_block .item .reserve .layer {
  position: absolute;
  top: 56px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  padding: 10px;
  width: 150px;
  z-index: 2;
  display: none;
}
.com_calendar.type_block .item .reserve .layer .btn {
  text-align: center;
  padding-block: 5px;
}
.com_calendar.type_block .item .reserve .layer .btn:hover {
  background-color: #EBEFF2;
}

.com_calendar_control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 15px;
}
.com_calendar_control .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
}
.com_calendar_control .btn_prev,
.com_calendar_control .btn_next {
  width: 16px;
  height: 16px;
  background: url(../img/svg/icon_prev.svg) no-repeat center/auto 100%;
}
.com_calendar_control .btn_next {
  transform: rotate(180deg);
}
.com_calendar_control .tit {
  font-size: 18px;
  font-weight: 700;
}

.com_calendar_header {
  position: relative;
  min-height: 38px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_calendar_header .option {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_calendar_header .option .select {
  width: 120px;
}
.com_calendar_header .option.left {
  left: 0;
}
.com_calendar_header .option.right {
  right: 0;
}

.com_community {
  border: 1px solid #D9DCDF;
  border-radius: 5px;
  padding: 20px 60px 20px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  gap: 100px;
}
.com_community__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_community .tit_area {
  flex: 1;
}
.com_community .tit_area .tit {
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  white-space: normal;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.com_community .tit_area .desc {
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  white-space: normal;
  color: #666;
}
.com_community .tit_area .info {
  color: #666;
}
.com_community .tit_area .info__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  margin-bottom: 10px;
}
.com_community .tit_area .info:not(:first-child):before {
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 10px;
  width: 1px;
  background-color: #D9DCDF;
  vertical-align: -1px;
}
.com_community .info_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_community .info_area .info {
  white-space: nowrap;
}
.com_community .info_area .info:not(:first-child):before {
  content: "";
  display: inline-block;
  height: 16px;
  margin: 0 60px;
  width: 1px;
  background-color: #D9DCDF;
  vertical-align: -1px;
}

.com_detail__wrap {
  padding: 0px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border-bottom: 0;
}
.com_detail__wrap.bottom {
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
}
.com_detail__wrap.bottom .com_detail__submit {
  margin-top: auto;
}
.com_detail__wrap .control_wrap {
  margin-right: 40px;
}
.com_detail__wrap .info {
  color: #666;
}
.com_detail__wrap .info__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_detail__wrap .info.name {
  position: relative;
  cursor: pointer;
}
.com_detail__wrap .info.name:hover {
  text-decoration: underline;
}
.com_detail__wrap .info .info_layer {
  position: absolute;
  top: 20px;
  left: 50px;
  min-width: 90px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  display: none;
}
.com_detail__wrap .info:not(:first-child):before {
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 10px;
  width: 1px;
  background-color: #D9DCDF;
  vertical-align: -1px;
}
.com_detail__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #EBEFF2;
}
.com_detail__head .tit_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  flex: 1;
}
.com_detail__head .tit_area .tit {
  font-size: 16px;
  font-weight: 700;
}
.com_detail__body {
  padding: 20px;
  letter-spacing: -0.3px;
  line-height: 1.7;
  font-size: 15px;
}
.com_detail__like {
  margin-bottom: 10px;
}
.com_detail__like .com_btn_like {
  width: 127px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  gap: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #E2EFFF;
  color: #0078BF;
  font-weight: 700;
  border-radius: 50px;
  cursor: pointer;
  margin-inline: auto;
}
.com_detail__submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  padding: 15px;
  gap: 5px;
  border-top: 1px solid #EBEFF2;
}
.com_detail__submit .textarea {
  flex: 1;
  min-height: 100px;
}
.com_detail__submit .com_btn {
  width: 100px;
  height: 100px;
}
.com_detail__comment .com_detail__head {
  border-bottom: 0;
  padding-bottom: 0;
}
.com_detail__reply {
  padding-left: 60px;
  position: relative;
  background-color: #F5F7F8;
  border-top: 1px solid #EBEFF2;
}
.com_detail__reply .com_detail__head {
  padding-bottom: 0;
  border-bottom: 0;
}
.com_detail__reply .icon_reply {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.com_detail__post {
  position: relative;
  padding-right: 50px;
  border: 1px solid #D9DCDF;
  border-radius: 5px;
}
.com_detail__post .com_detail__head {
  border-bottom: 0;
  padding-bottom: 0;
}
.com_detail__post .com_state_wrap {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.com_state_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 30px;
}
.com_state_wrap .icon_message {
  min-width: 15px;
  width: 15px;
  height: 15px;
}
.com_state_wrap .com_state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
}

.com_card {
  border-bottom: none;
  border-radius: 6px;
  background-color: #fff;
}
.com_card.extend {
  flex: 1;
}
.com_card.height_full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #888; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_card.height_full::-webkit-scrollbar { /*스크롤바*/
  width: 5px;
  height: 5px;
}
.com_card.height_full::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0px;
  height: 0px;
}
.com_card.height_full::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #A0A2A6;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_card.height_full::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background-color: none;
}
.com_card.height_full::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background-color: none;
}
.com_card.height_full .com_btn_wrap.bottom {
  margin-top: auto !important;
}
.com_card.single {
  padding: 15px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
  flex: 1;
}
.com_card.single .com_card__head {
  border-radius: 0;
  padding-inline: 0;
}
.com_card.single > .com_btn_wrap.bottom {
  margin-top: 5px;
}
.com_card.single.com_btn_wrap.bottom {
  flex: 0;
  margin-top: 0;
}
.com_card.single.auto {
  flex: 0 0 auto;
}
.com_card.line {
  border: 1px solid #D9DCDF;
}
.com_card.center {
  align-items: center;
}
.com_card__head {
  border-radius: 6px 6px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  background-color: #fff;
  padding: 10px 15px 10px;
}
.com_card__head.line {
  border-bottom: 1px solid #D9DCDF;
}
.com_card__head .tit {
  font-weight: 700;
  color: #0078BF;
  font-size: 18px;
}
.com_card__head + .com_card__body {
  padding-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.com_card__head.point {
  background-color: #0078BF;
  position: relative;
}
.com_card__head.point .btn_custmomer_info {
  position: absolute;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.com_card__head.point + .com_card__body {
  padding-top: 10px;
}
.com_card__head .btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_card__head .btn__wrap .com_btn {
  min-width: 30px;
}
.com_card__body {
  padding: 15px;
  border-radius: 6px;
  padding: 15px;
  border-radius: 6px;
  border-bottom: 1px solid #E9EAED;
  background: #FFF;
  border-bottom: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_card__body.hide {
  display: none;
}
.com_card .bg_bottom {
  width: calc(100% + 30px);
  margin-left: -15px;
  background-color: #F5F7F8;
  padding: 15px;
  margin-bottom: -15px;
  border-radius: 0 0 10px 10px;
}

.com_reception_card {
  position: relative;
}
.com_reception_card__head {
  border: solid #D9DCDF;
  border-width: 1px 1px 1px;
  border-radius: 6px 6px 0 0;
  box-shadow: 0px 2px 2px 0px rgba(119, 129, 140, 0.08);
  padding: 1px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_reception_card__head .com_badge {
  margin-right: 10px;
}
.com_reception_card__head .com_btn_visit {
  width: auto;
}
.com_reception_card__head .btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 2px;
}
.com_reception_card__head.point {
  background-color: #0078BF;
  color: #fff;
  border-color: #0078BF;
}
.com_reception_card__body {
  padding: 10px;
  border: solid #D9DCDF;
  border-width: 0 1px 1px;
  border-radius: 0 0 6px 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  overflow: hidden;
  gap: 10px;
}
.com_reception_card__body .info_area {
  position: relative;
  padding-right: 60px;
}
.com_reception_card__body .info_area .com_t_bar__wrap {
  margin-top: 10px;
}
.com_reception_card__body .info_area .btn_status {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  color: #fff;
  background-color: #0078BF;
}
.com_reception_card__body .info_area .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  min-width: 70px;
  aspect-ratio: auto;
  border-radius: 50px;
}
.com_reception_card__body .info_area .profile > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_reception_card__body .info_area .profile > img, .com_reception_card__body .info_area .profile > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
.com_reception_card__body .info_area.type_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 15px;
}
.com_reception_card__body .com_btn_wrap.bottom {
  margin-top: 5px;
}
.com_reception_card__body .com_btn_wrap.bottom .com_btn {
  min-width: 0;
}
.com_reception_card.active {
  border: 2px solid #0078BF;
  border-radius: 6px;
  box-shadow: 0px 4px 4px 0px rgba(0, 120, 191, 0.2);
}
.com_reception_card.active .com_reception_card__body {
  background-color: #E2EFFF;
}
.com_reception_card.active .com_reception_card__body .com_notice_box {
  background-color: #fff;
}
.com_reception_card.active .com_flex_row .com_btn.light_gray {
  background-color: #d6e2f1;
}

.com_price_list {
  border-radius: 5px;
  border: 1px dashed #D9DCDF;
  background: #FFF;
  padding: 15px;
}
.com_price_list .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 6px;
}
.com_price_list .list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
.com_price_list .list .tit {
  color: #666;
  position: relative;
  font-size: 13px;
}
.com_price_list .list .tit::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  height: 2px;
  margin-inline: 3px 5px;
  background: #666;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
.com_price_list .list .tit:after {
  content: ":";
  margin-inline: 2px 5px;
}
.com_price_list .total {
  border-radius: 5px;
  background: #F5F7F8;
  padding: 7px 15px;
  margin-top: 10px;
  text-align: right;
  font-size: 13px;
}
.com_price_list .total .price {
  font-size: 15px;
}
.com_price_list__tit {
  font-size: 15px;
  font-weight: 600;
}
.com_price_list + .com_price_list__tit {
  margin-top: 5px;
}

.com_search {
  border-radius: 5px;
  border: 1px solid #D9DCDF;
  background: #EBEFF2;
  padding-inline: 10px;
  height: 38px;
  position: relative;
  width: 300px;
  min-width: 300px;
}
.com_search ::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 20px;
  height: 36px;
  background-color: #EBEFF2;
  border-radius: 5px;
}
.com_search .input {
  background: transparent;
  border: none;
  border-right: 1px solid #D9DCDF;
  height: 36px;
  padding: 10px;
  border-radius: 0;
  margin-right: 8px;
  width: calc(100% - 30px);
}
.com_search .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_search__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_search__wrap .com_search {
  flex: 1;
}
.com_search__wrap .date_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}

.com_customer_info .user_paging {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  margin-inline: auto;
  gap: 10px;
  color: #fff;
}
.com_customer_info .user_paging .name {
  font-weight: 700;
  font-size: 18px;
}
.com_customer_info .user_paging button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_customer_info .user_paging .btn_next,
.com_customer_info .user_paging .btn_last {
  transform: rotate(180deg);
}
.com_customer_info .com_calendar_control {
  margin-bottom: 10px;
  position: relative;
}
.com_customer_info .com_calendar_control .com_btn {
  position: absolute;
  top: -5px;
  right: 0;
}
.com_customer_info .com_chk_btn__relative {
  position: relative;
  padding-right: 92px;
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px 2px;
  width: 100%;
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap > * {
  width: calc((100% - 2px * 3) / 4);
  min-width: calc((100% - 2px * 3) / 4);
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn .btn {
  width: 100%;
  height: 38px;
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn .btn .count {
  font-weight: 700;
  margin-left: auto;
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn.sucess {
  width: 90px;
  height: 78px;
  position: absolute;
  top: 0;
  right: 0;
  min-width: auto;
}
.com_customer_info .com_chk_btn__relative .com_chk_btn__wrap .com_chk_btn.sucess .btn {
  height: 78px;
}
.com_customer_info .pet_slider__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  position: relative;
  padding-bottom: 5px;
}
.com_customer_info .pet_slider__wrap .swiper-scrollbar {
  background: none;
  height: 6px;
}
.com_customer_info .pet_slider__wrap .swiper-scrollbar-drag {
  background: #a0a2a6;
  border-radius: 6px;
  height: 6px;
}
.com_customer_info .pet_slider__wrap .swiper-button-prev,
.com_customer_info .pet_slider__wrap .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.com_customer_info .pet_slider__wrap .swiper-button-prev::after,
.com_customer_info .pet_slider__wrap .swiper-button-next::after {
  display: none;
}
.com_customer_info .pet_slider__wrap .swiper-button-prev {
  left: 0;
}
.com_customer_info .pet_slider__wrap .swiper-button-next {
  right: 0;
}
.com_customer_info .pet_slider__wrap .swiper-button-disabled {
  display: none;
}
.com_customer_info .pet_slider__wrap.type_manage {
  padding-right: 40px;
}
.com_customer_info .pet_slider__wrap.type_manage .btn_add_pet {
  position: relative;
  flex: 0 0 24%;
  margin-left: 5px;
  padding-block: 10px;
  border-radius: 5px;
  border: 1px solid #D9DCDF;
  background: #F5F7F8;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
}
.com_customer_info .pet_slider__wrap.type_manage .btn_add_pet::before {
  content: "";
  display: block;
  padding-top: 140%;
}
.com_customer_info .pet_slider__wrap.type_manage .btn_add_pet .txt {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  align-items: center;
  gap: 10px;
  font-weight: 700;
}
.com_customer_info .pet_slider .swiper-slide {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid #D9DCDF;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
.com_customer_info .pet_slider .swiper-slide .thumb {
  border-radius: 10px;
  overflow: hidden;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1;
  min-width: auto;
}
.com_customer_info .pet_slider .swiper-slide .thumb > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.com_customer_info .pet_slider .swiper-slide .thumb > img, .com_customer_info .pet_slider .swiper-slide .thumb > a > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
  height: 100%;
}
@media screen and (max-width: 1023.9px) {
  .com_customer_info .pet_slider .swiper-slide .thumb {
    border-radius: 0;
  }
}
.com_customer_info .pet_slider .swiper-slide .info {
  margin-top: 10px;
}
.com_customer_info .pet_slider .swiper-slide .info .sub {
  color: #666;
  font-size: 11px;
  margin-top: 3px;
}
.com_customer_info .pet_slider .swiper-slide.active {
  border: 2px solid #0078BF;
  background-color: #e2efff;
}
.com_customer_info .pet_slider .swiper-slide.active .info,
.com_customer_info .pet_slider .swiper-slide.active .info .sub {
  color: #0078BF;
}
.com_customer_info .pet_card .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_customer_info .history_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_customer_info .com_tab_contents.reservation .com_tab_contents__inner .fc .fc-toolbar.fc-header-toolbar {
  display: none;
}
.com_customer_info .com_tab_contents.beauty .beauty_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_customer_info .com_tab_contents.beauty .beauty_item__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 10px;
}
.com_customer_info .info_txt_center {
  text-align: center;
}
.com_customer_info .com_board_list + .com_notice_box {
  margin-top: 20px;
  padding: 20px;
}
.com_customer_info .history_list .com_calendar_control {
  display: none;
}
.com_customer_info .history_list td.today .com_badge {
  display: none;
}
.com_customer_info .customer_detail .com_card__head .btn_add_customer {
  background-color: #2999DB;
  color: #fff;
  width: 100px;
}
.com_customer_info .customer_detail .com_card__head .btn_register {
  background-color: #22C55E;
  color: #fff;
  width: 100px;
}

.com_work_hours {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 10px;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
}
.com_work_hours > * {
  width: calc((100% - 10px * 1) / 2);
  min-width: calc((100% - 10px * 1) / 2);
}
.com_work_hours .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 25px;
  border-radius: 5px;
  border: 1px solid #D9DCDF;
  background: #F5F7F8;
  padding: 15px 30px;
  white-space: nowrap;
}
.com_work_hours .item .select_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  gap: 5px;
}
.com_work_hours .item .tit {
  font-weight: 700;
}
.com_work_hours .item .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 5px;
}
.com_work_hours .item .sec_tit {
  margin-bottom: 5px;
}