@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKR-Thin.eot);
  src: url(../fonts/NotoSansKR-Thin.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Thin.woff) format("woff"), url(../fonts/NotoSansKR-Thin.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSansKR-Light.eot);
  src: url(../fonts/NotoSansKR-Light.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Light.woff) format("woff"), url(../fonts/NotoSansKR-Light.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-DemiLight.eot);
  src: url(../fonts/NotoSansKR-DemiLight.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-DemiLight.woff) format("woff"), url(../fonts/NotoSansKR-DemiLight.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansKR-Regular.eot);
  src: url(../fonts/NotoSansKR-Regular.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(../fonts/NotoSansKR-Regular.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSansKR-Medium.eot);
  src: url(../fonts/NotoSansKR-Medium.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Medium.woff) format("woff"), url(../fonts/NotoSansKR-Medium.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSansKR-SemiBold.eot);
  src: url(../fonts/NotoSansKR-SemiBold.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-SemiBold.woff) format("woff"), url(../fonts/NotoSansKR-SemiBold.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansKR-Bold.eot);
  src: url(../fonts/NotoSansKR-Bold.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR-Bold.otf) format(".otf");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSansKR-Black.eot);
  src: url(../fonts/NotoSansKR-Black.eot) format("embedded-opentype"), url(../fonts/NotoSansKR-Black.woff) format("woff"), url(../fonts/NotoSansKR-Black.otf) format(".otf");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.woff2) format("woff"), url(../fonts/Roboto-Bold.otf) format(".otf");
}
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*/
  -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*/
  line-height: 1.2;
}

body {
  position: relative;
  min-width: 100%;
  min-height: 100vh;
  color: #222;
  /*a,&,dd,div,dl,dt,h1,h2,h3,h4,h5,input,li,ol,p,html,ul,button,textarea*/
  /*select:disabled { background-image:url('../img/common/select_arrow_off.png'); background-color: #f8f8f8; } */
  /* input, textarea만 다시 보여지게 설정 */
}
body,
body *,
body *::before,
body *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  letter-spacing: -0.02em;
  transition: all 0.3s ease;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body,
  body *,
  body *::before,
  body *::after {
    word-break: break-all;
  }
}
body, body a, body button, body input, body textarea, body h1, body h2, body h3, body h4, body h5, body pre, body select {
  font-family: "Malgun Gothic", "맑은 고딕", Roboto, Arial;
  font-weight: 400;
  font-size: 13px;
}
body li,
body ol,
body ul {
  list-style: none;
}
body a,
body img {
  border: 0;
}
body img {
  max-width: 100%;
}
body a {
  text-decoration: none;
  display: inline-block;
  color: #222;
}
body a:hover {
  text-decoration: none;
}
body input[type=number],
body input[type=password],
body input[type=tel],
body input[type=email],
body input[type=text],
body input[type=date],
body select,
body textarea {
  padding: 0 8px;
  box-sizing: border-box;
  color: #222;
  font-size: 13px;
  background: #fff;
  vertical-align: middle;
  height: 30px;
  border: solid 1px #E7E7E7;
  width: 100%;
  border-radius: 6px;
}
body input[type=number]:disabled,
body input[type=password]:disabled,
body input[type=tel]:disabled,
body input[type=email]:disabled,
body input[type=text]:disabled,
body input[type=date]:disabled,
body select:disabled,
body textarea:disabled {
  background: #F0F0F0;
}
body input {
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
body textarea {
  line-height: 1.5;
  outline: none;
}
body select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-inline: 14px 36px;
  background: #fff url("../img/icon_arrow_down.png") no-repeat calc(100% - 15px) calc(50% + 1px)/13px auto;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}
@media screen and (max-width: 767.9px) {
  body select {
    font-size: 13px;
  }
}
body input[type=number]::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body input[type=search] {
  padding-inline: 12px 10px;
  border: 1px solid #E7E7E7;
  height: 40px;
}
body input::-webkit-search-decoration,
body input::-webkit-search-cancel-button,
body input::-webkit-search-results-button,
body input::-webkit-search-results-decoration,
body 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: 16px auto;
  cursor: pointer;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 400;
}
body * {
  caret-color: transparent;
}
body input, body textarea {
  caret-color: auto !important;
}
body table {
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
body th {
  text-align: center;
}
body td {
  text-align: left;
}
body table > caption {
  position: absolute;
  text-indent: -9999px;
}
body button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
body button:disabled {
  cursor: not-allowed;
}
body button,
body input,
body textarea {
  -webkit-appearance: none;
}
body select,
body textarea,
body input[type=text] {
  width: 100%;
}
body textarea {
  min-height: 150px;
  text-align: left;
  padding: 12px 15px;
}
body input[type=tel] {
  width: 40px;
  min-width: 40px;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body input::-webkit-input-placeholder,
body textarea::-webkit-input-placeholder {
  color: #CBCBCB;
  opacity: 1;
  font-size: 12px;
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  color: #CBCBCB;
  opacity: 1;
  font-size: 12px;
}
body input::-ms-input-placeholder,
body textarea::-ms-input-placeholder {
  color: #CBCBCB;
  opacity: 1;
  font-size: 12px;
}
body input::placeholder,
body textarea::placeholder {
  color: #CBCBCB;
  opacity: 1;
  font-size: 12px;
}
body input:-ms-input-placeholder,
body textarea:-ms-input-placeholder {
  color: #CBCBCB;
  opacity: 1;
  font-size: 12px;
}
body input:disabled {
  border: solid 1px #e7e8ef;
  background-color: transparent;
  cursor: not-allowed;
}
body select:disabled {
  background: url("../img/icon_arrow_down.png") no-repeat #EFF2F5;
  background-position: calc(100% - 10px) center;
  background-size: 10px auto;
}
body input[readonly],
body textarea[readonly] {
  border: 1px solid #e7e8ef;
  opacity: 1;
  background: transparent;
}
body input[readonly]:focus,
body textarea[readonly]:focus {
  outline: none;
}
body input:focus {
  outline: none;
}
body input:disabled::-webkit-input-placeholder,
body input[readonly]::-webkit-input-placeholder,
body textarea:disabled::-webkit-input-placeholder,
body textarea[readonly]::-webkit-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::-ms-input-placeholder,
body input[readonly]::-ms-input-placeholder,
body textarea:disabled::-ms-input-placeholder,
body textarea[readonly]::-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled::placeholder,
body input[readonly]::placeholder,
body textarea:disabled::placeholder,
body textarea[readonly]::placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input:disabled:-ms-input-placeholder,
body input[readonly]:-ms-input-placeholder,
body textarea:disabled:-ms-input-placeholder,
body textarea[readonly]:-ms-input-placeholder {
  color: #C3C0C3;
  opacity: 1;
}
body input::-ms-clear,
body input::-ms-reveal,
body textarea::-ms-clear,
body textarea::-ms-reveal {
  display: none;
}
body input::-webkit-inner-spin-button,
body input::-webkit-outer-spin-button,
body textarea::-webkit-inner-spin-button,
body textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
body textarea {
  resize: none;
  line-height: 1.5;
}
body textarea:disabled {
  background-color: #EFF2F5;
}
body img {
  border: 0;
  vertical-align: middle;
}
body hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
}
body main,
body section,
body article {
  display: block;
}
body fieldset,
body form {
  border: none;
  outline: none;
}
body address {
  font-style: normal;
}

.select2-results__options {
  max-height: 110px !important; /* 높이 조절 (약 5개 항목) */
  overflow-y: auto !important;
}

.select2-search.select2-search--dropdown {
  display: none;
}

.select2-container {
  z-index: 101;
}

.select2-container--default .select2-selection--single, .select2-dropdown {
  border-color: #E7E7E7 !important;
}

.select2-container + .input, .select2-container + input, .select2-container + .input_container {
  margin-left: 5px;
}

.select2-container .select2-selection--single {
  height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #F0FBF5;
  color: #000;
}

/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
body {
  padding-top: 50px;
  max-height: 100vh;
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
body::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
body::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
body::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
body::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
body::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}

.scroll_lock {
  overflow: hidden !important;
}

.com_center_wrap {
  width: 1380px;
  margin-inline: auto;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  width: 100%;
  background: #222;
}
.header .com_center_wrap {
  height: 50px;
  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;
}
.header .btn_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;
  gap: 15px;
  margin-left: auto;
}
.header .btn_sec .push {
  position: relative;
}
.header .btn_sec .push:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  text-align: center;
  line-height: 5px;
  background-color: #3DC27A;
  color: #fff;
  position: absolute;
  border-radius: 100%;
  top: 0;
  right: 0;
}
.header .btn_auto {
  font-weight: 700;
  font-size: 17px;
  color: #fff;
  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;
}
.header .btn_auto:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 18px;
  margin-inline: 35px;
  background: #5F5F5F;
  cursor: default;
}
.header .btn_auto .icon_robot {
  background-color: #3DC27A;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  background-size: 20px auto;
}
.header .logo img {
  width: 165px;
}

.gnb {
  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: 50px;
  margin-left: 80px;
}
.gnb .menu {
  position: relative;
  padding: 13px 0;
  line-height: 24px;
  font-weight: 700;
  font-size: 17px;
  color: #fff;
}
.gnb .menu.active {
  color: #3DC27A;
}
.gnb .menu.active:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #3DC27A;
  border-radius: 5px;
}
.gnb .menu:hover:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: #3DC27A;
  border-radius: 5px;
}

.lnb {
  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;
}
.lnb .menu {
  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;
  height: 37px;
  padding-inline: 16px;
  gap: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.lnb .menu.active {
  background-color: #3DC27A;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
}
.lnb .divider {
  height: 1px;
  width: 100%;
  background-color: #E7E7E7;
}
.lnb__wrap {
  width: 180px;
  background-color: #F9FAFB;
  border-right: 1px solid #E7E7E7;
  min-height: calc(100vh - 50px);
  position: fixed;
  left: 0;
  top: 50px;
  bottom: 0;
  padding-inline: 10px;
  z-index: 4;
}
.lnb__wrap .profile_sec {
  padding: 36px 3px;
  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: 9px;
}
.lnb__wrap .profile_sec .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: auto;
}
.lnb__wrap .profile_sec .profile > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.lnb__wrap .profile_sec .user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  gap: 4px;
  width: 159px;
  min-width: 159px;
}
.lnb__wrap .profile_sec .user .name {
  font-size: 15px;
  font-weight: 600;
  white-space: normal;
  word-break: break-all;
}
.lnb__wrap.close {
  width: 0;
  padding: 0;
}
.lnb__wrap.close .profile_sec {
  width: 0;
  padding-inline: 0;
  overflow: hidden;
  visibility: hidden;
}
.lnb__wrap.close .lnb {
  overflow: hidden;
  visibility: hidden;
  width: 0;
  padding: 0;
}
.lnb_handler {
  position: absolute;
  right: -25px;
  width: 25px;
  height: 66px;
  background-color: #3DC27A;
  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: 0 6px 6px 0;
  top: 50%;
  transform: translateY(-50%);
}
.lnb_handler:not(.close) .svg_icon {
  transform: rotate(180deg);
}

.main_container {
  padding-bottom: 25px;
  min-height: calc(100vh - 50px - 230px);
  overflow: hidden;
}
.main_container .main_top_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;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  margin-bottom: 30px;
}
.main_container .main_top_area .main_visual {
  position: relative;
}
.main_container .main_top_area .main_visual > .swiper {
  width: 1030px;
  height: 200px;
  border-radius: 20px;
  overflow: hidden;
}
.main_container .main_top_area .main_visual .item {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1030px;
  height: 200px;
  min-width: 1030px;
  aspect-ratio: auto;
}
.main_container .main_top_area .main_visual .item > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.main_container .sort_area {
  padding-block: 8px 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: 20px;
}
.main_container .sort_area .com_btn {
  margin: 0;
}
.main_container .sort_area .com_btn .icon_sort {
  width: 10px;
  margin-right: 1px;
}
.main_container .banner_area {
  display: block;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}
.main_container .banner_area img {
  width: 100%;
}
.main_container .banner_area .link {
  width: 100%;
}

.order_user .delivery, .order_state .delivery {
  margin-left: auto;
  font-weight: 600;
  font-size: 12px;
  color: #3DC27A;
  letter-spacing: -0.13px;
}

.order_user {
  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: 4px 18px;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 10px;
}
.order_user .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: 20px;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.order_user .item .tit {
  font-weight: 700;
}
.order_user .item .info {
  color: #666;
}

.order_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;
  padding: 7px 14px;
  width: 100%;
  height: 40px;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 5px;
  margin-bottom: 5px;
}
.order_state .badge {
  padding: 4px 8px;
  line-height: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #FFF;
  letter-spacing: -0.13px;
  background: #9EE1BD;
  border-radius: 3px;
}
.order_state .badge + .item .tit {
  margin-left: 8px;
  position: relative;
  padding-left: 8px;
}
.order_state .badge + .item .tit:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background: #ccc;
  cursor: default;
}
.order_state .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;
}
.order_state .item .tit {
  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: 4px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.13px;
}
.order_state .item .tit .company {
  font-weight: 700;
  font-size: 14px;
  color: #3DC27A;
}
.order_state .item .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;
  gap: 20px;
  font-size: 12px;
  letter-spacing: -0.13px;
  margin-left: 8px;
  position: relative;
  padding-left: 8px;
}
.order_state .item .info:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background: #ccc;
  cursor: default;
}

.member_logo {
  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;
  height: 78px;
  margin-bottom: 14px;
}

.com_layout_col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}
.com_layout_col select + .com_btn {
  height: 30px;
}
.com_layout_col > .com_box {
  width: 100%;
}
.com_layout_col .sec_tit {
  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;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.4px;
}
.com_layout_col .sec_tit .thin {
  font-weight: 400;
}
.com_layout_col .sec_tit__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: 8px;
}
.com_layout_col .sec_tit__wrap .sec_tit + * {
  margin-left: auto;
}
.com_layout_col .sec_tit__wrap .state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  padding: 7px 20px 6px;
  line-height: 20px;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 30px;
}
.com_layout_col .sec_tit__wrap .state .tit {
  font-size: 12px;
  letter-spacing: -0.13px;
}
.com_layout_col .sec_tit__wrap .state .info {
  font-weight: 600;
  font-size: 15px;
  color: #3DC27A;
  letter-spacing: -0.16px;
}
.com_layout_col .sec_tit__wrap .date {
  position: relative;
  line-height: 22px;
  font-size: 12px;
  margin-left: 5px;
  font-size: 14px;
}
.com_layout_col .sec_tit__wrap .com_btn {
  margin-left: auto;
}
.com_layout_col .sec_tit__wrap .com_btn .icon_write {
  min-width: 14px;
  width: 14px;
  height: 14px;
}
.com_layout_col .sec_tit__wrap .tip {
  font-size: 12px;
  color: #666;
}
.com_layout_col .sec_tit__wrap.line {
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 10px;
}
.com_layout_col .body_sec {
  width: 483px;
  flex-grow: 1;
}
.com_layout_col .body_sec .box {
  margin-top: 20px;
  padding: 30px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.com_layout_col .body_sec .box > .com_chk__wrap {
  margin-block: 15px;
}
.com_layout_col .body_sec .box > .com_chk__wrap .com_chk {
  gap: 2.5px;
}
.com_layout_col .aside_sec {
  padding: 30px;
  width: 447px;
  border: 1px solid #DFE4EC;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.com_layout_col .aside_sec > .com_chk__wrap.payment .com_chk .chk {
  background: #F9FAFB;
  line-height: 20px;
  font-size: 12px;
}
.com_layout_col .aside_sec > .com_chk__wrap.payment .com_chk .chk .money {
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 13px;
  transition: none;
}
.com_layout_col .aside_sec .price_info .info {
  color: #3DC27A;
}
.com_layout_col .box {
  padding-block: 20px;
}
.com_layout_col .box.payment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_layout_col .box > .title {
  width: 100%;
  font-weight: 600;
  letter-spacing: -0.14px;
  margin-bottom: 15px;
}
.com_layout_col .pay_method {
  margin-bottom: 10px;
}
.com_layout_col .input_wrap {
  padding-block: 5px 25px;
  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%;
}
.com_layout_col .input_wrap .input {
  flex: 1;
}
.com_layout_col .input_wrap .com_btn {
  width: 105px;
  font-weight: 500;
}

.com_layout {
  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;
  width: 100%;
}
.com_layout > .com_box {
  width: 100%;
}
.com_layout.col2 {
  gap: 10px;
}
.com_layout.col2 .com_box {
  width: calc((100% - 10px) / 2);
  align-self: stretch;
  margin: 0 !important;
}
.com_box + .com_layout {
  margin-top: 20px;
}

.footer {
  height: 230px;
  background: #F3F4F6;
  position: relative;
  z-index: 3;
}
.footer .site_link {
  padding-block: 13px 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;
  border-bottom: 1px solid #E2E3E4;
  position: relative;
}
.footer .site_link .link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 10px 15px;
  line-height: 18px;
  font-weight: 500;
  font-size: 14px;
  color: #222;
  letter-spacing: -0.3px;
}
.footer .site_link .link ~ .link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  display: block;
  width: 1px;
  height: 12px;
  background: #E2E3E4;
}
.footer .company_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  padding: 20px 0;
  width: 1380px;
  margin: 0 auto;
}
.footer .company_info .logo {
  min-width: 140px;
  width: 140px;
}
.footer .company_info .logo a {
  display: block;
  width: 100%;
}
.footer .company_info > .com_btn {
  margin-left: auto;
  margin-top: 14px;
}
.footer .address {
  padding: 12px 0 0 82px;
  line-height: 20px;
  font-size: 13px;
  color: #888;
  letter-spacing: -0.28px;
}
.footer .address .line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer .address .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 7px;
}
.footer .address .item + .item {
  padding-left: 9px;
}
.footer .address .item + .item::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
  background: #888;
  border-radius: 50%;
}
.footer .address .item a:hover {
  text-decoration: underline;
}
.footer .address .copyright {
  margin-top: 19px;
  display: block;
  font-weight: 400;
  font-style: normal;
}
.footer .btn_program_download {
  position: absolute;
  right: 0;
  border-radius: 10px;
  background: #222;
  padding: 6px 17px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  width: 170px;
  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;
  text-align: left;
  align-items: flex-start;
}
.footer .btn_program_download .logo {
  width: 91px;
}
.footer .btn_program_download .svg_icon {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.com_divider {
  border-top: 1px solid #E7E7E7;
  margin-top: 20px;
  padding-top: 20px;
}
.com_divider + .com_btn__wrap.bottom {
  margin-top: 0;
}
.com_divider.pd_none {
  margin: 0;
  padding: 0;
}
.com_divider + .com_tip {
  margin-top: 0;
}

.com_Stock {
  padding-top: 0;
}
.com_Stock .wrapper {
  padding-block: 50px 120px;
  max-width: 1024px;
  min-height: 100vh;
  margin: 0 auto;
}
.com_Stock .wrapper .header {
  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%;
  height: 50px;
  font-weight: 700;
  font-size: 17px;
  color: #fff;
  background: linear-gradient(180deg, #55C98A 0%, #0AAB9A 100%);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.com_Stock .wrapper .com_btn__wrap.bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 22px;
  gap: 10px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
}
.com_Stock .wrapper .com_btn__wrap.bottom .com_btn {
  width: calc(50% - 5px);
  height: 44px;
  box-shadow: 0 5px 5px 0 rgba(61, 194, 122, 0.25);
}
.com_Stock.p_AddPicture .wrapper {
  padding-block: 86px 120px;
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_Stock .ai_guide {
  text-align: center;
  line-height: 22px;
  font-size: 13px;
  letter-spacing: -0.14px;
}
.com_Stock .take_picture {
  margin: 50px 22px 10px;
  position: relative;
  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;
  width: calc(100% - 44px);
  height: 206px;
  background: #F9FAFB;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.com_Stock .take_picture input[type=file] {
  position: absolute;
  left: -2px;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.com_Stock .take_picture .txt {
  padding-block: 16px 1px;
  font-weight: 700;
  font-size: 14px;
  color: #666;
  letter-spacing: -0.15px;
}
.com_Stock .com_add_file {
  margin-inline: 22px;
  position: relative;
  width: calc(100% - 44px);
  height: 50px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.15px;
  background: #3DC27A;
  border-color: #3DC27A;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 5px 0 rgba(61, 194, 122, 0.25);
}
.com_Stock .com_add_file input[type=file] {
  position: absolute;
  left: -2px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.com_Stock .com_add_file .com_file_thumb {
  display: none;
}
.com_Stock .picture_field img {
  width: 100%;
}
.com_Stock .analyze_table {
  margin-top: 10px;
  width: 100%;
  border-top: 1px solid #E7E7E7;
}
.com_Stock .analyze_table th {
  padding: 12px 10px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.26px;
  background: #F6F8FB;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.com_Stock .analyze_table td {
  padding: 12.5px 10px;
  text-align: center;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.26px;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.com_Stock .analyze_table td:first-child {
  font-weight: 500;
  color: #222;
}

form + .list_sec {
  margin-top: 5px;
}

:root {
  --swiper-navigation-size:60px;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 2;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 23px;
  color: #222;
}

.swiper-button-prev {
  left: -30px;
}

.swiper-button-next {
  right: -30px;
}

.control .swiper-pagination-bullets {
  bottom: 21px;
  height: 14px;
}
.control .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px;
  width: 14px;
  height: 14px;
  background: none;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.control .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

p.com_btn {
  cursor: default;
}

.com_btn {
  padding: 0 10px;
  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;
  gap: 6px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 6px;
  cursor: pointer;
}
.com_btn.has_sub {
  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: 0;
}
.com_btn.has_sub .sub {
  font-size: 12px;
}
.com_btn.divider {
  margin-left: auto;
}
.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: 6px;
}
.com_btn__wrap.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: 10px;
}
.com_btn__wrap.alignL {
  justify-content: flex-start;
}
.com_btn__wrap.alignL .com_btn {
  min-width: auto !important;
}
.com_btn__wrap.alignR {
  justify-content: flex-end;
}
.com_btn__wrap.alignR.bottom {
  margin-block: 15px;
}
.com_btn__wrap.alignR .com_btn {
  min-width: auto !important;
}
.com_btn__wrap.alignB {
  justify-content: space-between;
}
.com_btn__wrap.alignB .com_btn {
  min-width: auto !important;
}
.com_btn__wrap.bottom {
  margin-top: 15px;
  position: relative;
  min-height: 30px;
}
.com_btn__wrap.bottom .com_btn.right {
  position: absolute;
  right: 0;
  top: 0;
  min-width: auto !important;
}
.com_btn__wrap.bottom .com_btn.left {
  position: absolute;
  left: 0;
}
.com_btn__wrap.bottom.line {
  border-top: 1px solid #E7E7E7;
  padding-top: 10px;
}
.com_btn + .com_btn__wrap.bottom.line {
  margin-top: 10px !important;
}
.com_btn__wrap.bottom .com_paging {
  margin-top: 0;
}
.com_btn__wrap.bottom .sec-paging {
  margin-top: 5px;
}
.com_btn__wrap + .com_info_write {
  margin-top: 20px;
}
.com_btn__wrap.with_paging {
  margin-top: -10px !important;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.com_btn__wrap.with_paging + .com_divider {
  margin-top: 30px;
}
.com_btn.point {
  background: #3DC27A;
}
.com_btn.point_light {
  background-color: #E7F7EF;
}
.com_btn.black {
  background: #222;
}
.com_btn.gray {
  color: #666;
  background: #F3F4F6;
  border: 1px solid #E7E7E7;
}
.com_btn.dark_gray {
  background: #888;
}
.com_btn.gradation {
  border-radius: 50px;
  background: linear-gradient(180deg, #55C98A 0%, #0AAB9A 100%);
}
.com_btn.blue {
  background: #0E91F2;
}
.com_btn.line {
  background: #fff;
  border: 1px solid #444;
  color: #222;
}
.com_btn.line.point {
  border-color: #3DC27A;
  color: #3DC27A;
}
.com_btn.line.gray {
  border-color: #E7E7E7;
  color: #222;
}
.com_btn.line.point_light {
  background-color: #F6FCF9;
  border-color: #A9E5C4;
  color: #3DC27A;
}
.com_btn.circle {
  border-radius: 100% !important;
  aspect-ratio: 1/1;
  padding: 0 !important;
}
.com_btn.circle .icon_robot {
  width: 22px;
  min-width: 22px;
}
.com_btn.circle .icon_robot2 {
  width: 22px;
  min-width: 22px;
}
.com_btn.xl {
  height: 45px;
  font-weight: 500;
  font-size: 14px;
  padding-inline: 28px;
}
.com_btn.l {
  height: 40px;
  font-weight: 700;
  font-size: 13px;
  padding-inline: 15px;
}
.com_btn.m {
  height: 35px;
  padding-inline: 15px;
}
.com_btn.s {
  height: 30px;
  padding-inline: 12px;
  font-size: 12px;
}
.com_btn.xs {
  height: 24px;
  border-radius: 5px;
  padding-inline: 8px;
  font-size: 11px;
}
.com_btn.xxs {
  height: 18px;
  border-radius: 5px;
  padding-inline: 5px;
  font-size: 11px;
}
.com_btn.xxs .svg_icon.icon_go {
  width: 9px;
  min-width: 9px;
}
.com_btn.full {
  width: 100% !important;
}
.com_btn.extend {
  flex: 1;
}
.com_btn.half {
  width: calc((100% - 10px) / 2);
}
.com_btn.oval {
  border-radius: 50px;
}
.com_btn.txt {
  margin-left: auto;
  padding: 0 !important;
  white-space: normal;
  font-weight: 400;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.14px;
  background: none;
  border: none;
}
.com_btn.txt.blue {
  color: #0E91F2;
}
.com_btn.txt.point {
  color: #3DC27A;
}
.com_btn.txt.underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.com_btn.icon {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  gap: 0;
  padding: 0 !important;
  font-size: 0 !important;
  aspect-ratio: 1/1;
}
.com_btn.icon .icon_arrow_up {
  min-width: 18px;
  width: 18px;
}
.com_btn.icon .icon_arrow_up:after {
  left: 4px;
  bottom: 5px;
  border: 4px solid transparent;
  border-bottom: 5px solid #666;
}
.com_btn.icon .icon_arrow_down {
  min-width: 18px;
  width: 18px;
}
.com_btn.icon .icon_arrow_down:after {
  left: 4px;
  top: 6px;
  border: 4px solid transparent;
  border-top: 5px solid #666;
}
.com_btn.icon .svg_icon {
  margin-left: 0 !important;
}
.com_btn.icon .svg_icon.ascending {
  margin-left: 1px !important;
}
.com_btn.icon .svg_icon.icon_cart {
  width: 14px;
  min-width: 14px;
  height: 18px;
}
.com_btn.icon .svg_icon.icon_robot {
  width: 22px;
  min-width: 22px;
  height: 16px;
}
.com_btn .svg_icon.icon_logout {
  width: 15px;
  min-width: 15px;
  height: 15px;
  background-size: contain;
}
.com_btn .svg_icon.icon_write {
  width: 12.8px;
  min-width: 12.8px;
  height: 12.8px;
  background-size: contain;
}
input[type=text] + .com_btn, input[type=number] + .com_btn {
  height: 30px;
}

/*!페이징 << < > >> */
.com_paging {
  margin-block: 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;
  margin-inline: auto;
}
.com_paging .btn_first, .com_paging .btn_prev, .com_paging .btn_page, .com_paging .btn_next, .com_paging .btn_last {
  min-width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}
.com_paging .btn_first img, .com_paging .btn_prev img, .com_paging .btn_page img, .com_paging .btn_next img, .com_paging .btn_last img {
  width: 16px;
  height: auto;
}
.com_paging .btn_first, .com_paging .btn_prev {
  transform: rotate(180deg);
}
.com_paging .btn_next {
  margin-left: 14px;
}
.com_paging .btn_page {
  line-height: 24px;
  font-size: 13px;
  color: #222;
  margin-left: 14px;
}
.com_paging .btn_page ~ .btn_page {
  margin-left: 7px;
}
.com_paging .btn_page.active {
  font-weight: 600;
  color: #3DC27A;
}
.com_paging .btn_page.disabled {
  opacity: 0.4;
  cursor: default;
}

.sec-paging {
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.sec-paging :is(.pg-btn, .btn-page) {
  min-width: 16px;
  height: 16px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  color: #222;
}
.sec-paging .pg-btn {
  background-image: url("../img/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  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;
  margin-inline: 10px;
  cursor: pointer;
}
.sec-paging .btn-page.active {
  font-weight: bold;
  color: #3DC27A;
}

.com_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;
  gap: 5px;
  margin-bottom: 10px;
}
.com_tab:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  background: #3DC27A;
}
.com_tab.full .tab {
  flex: 1;
}
.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;
  padding: 5px 19px;
  min-width: 120px;
  height: 30px;
  font-weight: 500;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.14px;
  white-space: nowrap;
  background: #F3F4F6;
  border: 1px solid #EFEFEF;
  border-bottom-color: #3DC27A;
  border-radius: 5px 5px 0 0;
  transition: none;
}
.com_tab .tab.active {
  font-weight: 700;
  color: #3DC27A;
  background: #fff;
  border-color: #3DC27A;
}
.com_tab .tab.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: 2;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
}
.com_tab .tab .new {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: #ED2E34;
  border-radius: 50%;
}
.com_tab .tab .new:before {
  content: "N";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  line-height: 16px;
  font-style: normal;
  font-weight: 900;
  font-size: 10px;
  color: #FFF;
}
.com_tab .select {
  height: 27px;
  margin-left: auto;
  margin-bottom: 3px;
}
.com_tab.type_btn {
  gap: 9px;
}
.com_tab.type_btn:after {
  content: none;
}
.com_tab.type_btn .tab {
  flex: 1;
  height: 37px;
  color: #666;
  border-color: #E7E7E7;
  border-radius: 6px;
}
.com_tab.type_btn .tab.active {
  font-weight: 500;
  color: #fff;
  background: #3DC27A;
  border-color: #3DC27A;
}
.com_tab.type_btn .tab.active:after {
  content: none;
}
.com_tab.type_btn + .com_table_top {
  padding-top: 0;
}
.com_tab_contents {
  display: none;
}
.com_tab_contents.active {
  display: block;
}
.com_tab_contents > .com_list {
  margin-bottom: 15px;
}

.com_btn_guide {
  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_guide .icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  color: #000;
  background: #D9D9D9;
  border-radius: 50%;
}
.com_btn_guide.point .icon {
  background-color: #3DC27A;
  color: #fff;
}

.com_btn_more {
  margin-left: auto;
  padding: 3px 7px 3px 8px;
  line-height: 17px;
  font-weight: 500;
  font-size: 12px;
  color: #888;
  white-space: nowrap;
  background: #F8F8F8;
  border: 1px solid #E7E7E7;
  border-radius: 15px;
}
.com_btn_more:after {
  content: "+";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 17px;
  line-height: 14px;
  font-weight: 300;
  font-size: 19px;
  overflow: hidden;
  margin-left: 4px;
}

.com_chk {
  cursor: pointer;
  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: 6px;
  font-size: 12px;
  color: #222;
  white-space: nowrap;
  vertical-align: top;
  user-select: none;
  transition: none;
}
.com_chk input[type=checkbox],
.com_chk input[type=radio] {
  height: 18px;
}
.com_chk input[type=checkbox]:before,
.com_chk input[type=radio]:before {
  content: "";
  display: inline-block;
  min-width: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #BFBFBF;
  border-radius: 3px;
  cursor: pointer;
  transition: none;
}
.com_chk input[type=checkbox]:checked:before,
.com_chk input[type=radio]:checked:before {
  background: #3DC27A url("../img/chk_on.png") no-repeat center/20px auto;
  border: 0;
}
.com_chk input[type=checkbox]:disabled,
.com_chk input[type=radio]:disabled {
  border: 0 !important;
}
.com_chk input[type=checkbox]:disabled:before,
.com_chk input[type=radio]:disabled:before {
  opacity: 0.7;
}
.com_chk .chk {
  display: inline-flex;
  line-height: 20px;
  vertical-align: top;
  transition: none;
}
.com_chk.text {
  gap: 0;
}
.com_chk.text input:before {
  content: none;
}
.com_chk.text .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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.com_chk.text input:checked + .chk {
  background: #3DC27A;
  color: #fff;
}
.com_chk.circle input:before {
  border-radius: 50%;
  background-color: #fff;
}
.com_chk.circle input:checked:before {
  background: #fff url("../img/radio_on.png") no-repeat center/contain;
}
.com_chk.icon {
  font-size: 1px;
  color: transparent !important;
}
.com_chk.icon .icon_naverpay {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_naverpay.png);
  width: 58px;
  min-width: 58px;
  height: 22px;
}
.com_chk.icon .icon_kakaopay {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_kakaopay.png);
  width: 57px;
  min-width: 57px;
  height: 22px;
}
.com_chk.icon .icon_toss {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_toss.png);
  width: 58px;
  min-width: 58px;
  height: 22px;
}
.com_chk.icon .icon_payco {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_payco.png);
  width: 57px;
  min-width: 57px;
  height: 22px;
}
.com_chk.btn_like.l .chk {
  min-width: 140px;
  height: 44px;
  font-size: 20px;
  border-radius: 10px;
}
.com_chk.btn_like input:before {
  content: none;
}
.com_chk.btn_like .chk {
  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_chk.btn_like .chk:before {
  content: none !important;
}
.com_chk.btn_like .icon_thumb {
  min-width: 24px;
  width: 24px;
  min-height: 24px;
  height: 24px;
  display: none;
}
.com_chk.btn_like .icon_thumb.gray {
  display: inline-flex;
}
.com_chk.btn_like input:checked + .chk {
  font-weight: 600;
  color: #3DC27A;
}
.com_chk.btn_like input:checked + .chk .icon_thumb.gray {
  display: none;
}
.com_chk.btn_like input:checked + .chk .icon_thumb.green {
  display: inline-flex;
}
.com_chk.line {
  position: relative;
  padding: 0 !important;
  gap: 0;
}
.com_chk.line input:before {
  content: none;
}
.com_chk.line .chk {
  padding: 3px 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;
  gap: 9px;
  width: 100%;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  font-weight: 600;
}
.com_chk.line .chk:before {
  content: "";
  display: inline-block;
  min-width: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #BFBFBF;
  border-radius: 3px;
  cursor: pointer;
  transition: none;
}
.com_chk.line .chk .txt {
  transition: none;
}
.com_chk.line input:checked + .chk {
  background: #F0FBF5 !important;
  border-color: #3DC27A;
}
.com_chk.line input:checked + .chk:before {
  background: #3DC27A url("../img/chk_on.png") no-repeat center/20px auto;
  border: 0;
}
.com_chk.line input:disabled + .chk {
  opacity: 0.7;
  cursor: default;
}
.com_chk.line input:disabled + .chk:before {
  cursor: default;
}
.com_chk.line.circle .chk:before {
  border-radius: 50%;
}
.com_chk.line.circle input:checked + .chk:before {
  background: #fff url("../img/radio_on.png") no-repeat center/contain;
}
.com_chk.line.text .chk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  height: auto;
}
.com_chk.line.text input:checked + .chk {
  color: #3DC27A;
}
.com_chk.line.l {
  flex: 1;
}
.com_chk.line.l .chk {
  text-align: center;
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 13px;
  border-width: 2px;
  font-weight: 600;
}
.com_chk.line.point .chk {
  background: #F0FBF5 !important;
  border-color: #3DC27A;
}
.com_chk.line.gray .chk {
  background: #E7E7E7 !important;
  border-color: #E7E7E7;
  color: #222;
}
.com_chk.bookmark {
  gap: 0;
}
.com_chk.bookmark input:before {
  content: none;
}
.com_chk.bookmark .icon_star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/icon_star.png") no-repeat 0 0;
  transition: none;
}
.com_chk.bookmark input[type=checkbox]:checked + .icon_star {
  background-position: 100% 0;
}
.com_chk.full {
  width: 100%;
}
.com_chk.title + .input_wrap {
  padding-block: 15px 25px;
}
.com_chk.title + .com_chk__wrap {
  padding-block: 10px 25px;
}
.com_chk input:disabled {
  cursor: default;
}
.com_chk input:disabled:before {
  opacity: 0.5;
}
.com_chk input:checked:disabled:before {
  opacity: 1;
}
.com_chk .sub {
  font-size: 12px;
  color: #666;
}
.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: 20px;
}
.com_chk__wrap.line {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
}
.com_chk__wrap.line li {
  display: flex;
  width: 100%;
}
.com_chk__wrap.all {
  margin-block: 10px 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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_chk__wrap.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.com_chk__wrap.flex_wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px 20px;
  padding-top: 15.5px;
}
.com_chk__wrap.inline {
  gap: 10px;
}
.com_chk__wrap.payment {
  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%;
}
.com_chk__wrap.payment > * {
  width: calc((100% - 10px * 1) / 2) !important;
  min-width: calc((100% - 10px * 1) / 2);
}
.com_chk__wrap.payment .com_chk .chk {
  gap: 0 11px;
}
.com_chk__wrap .com_chk__wrap {
  gap: 2px;
  margin-left: -14px;
}
.com_chk__wrap .com_chk__wrap:before {
  content: "(";
  margin-right: 6px;
}
.com_chk__wrap .com_chk__wrap:after {
  content: ")";
  margin-left: 6px;
}
.com_chk__wrap + .com_table {
  margin-top: 20px;
}
.com_chk__wrap + .input_wrap {
  margin-top: 10px;
}
.com_chk_contents {
  display: none !important;
}
.com_chk_contents.active {
  display: flex !important;
}

.com_chk_btn {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  background: #F3F4F6;
  height: 30px;
  color: #666;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  transition: none;
  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-inline: 10px;
  cursor: pointer;
}
.com_chk_btn input {
  display: none;
}
.com_chk_btn:has(input:checked) {
  border-color: #3DC27A;
  background-color: #fff;
  color: #3DC27A;
  border-color: #3DC27A;
}
.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: 10px;
}
.com_chk_btn.s {
  font-size: 12px;
  height: 22px;
  min-width: auto;
  padding-inline: 5px;
}
.com_chk_btn.chk:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #BFBFBF;
  background-color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
.com_chk_btn.chk:has(input:checked):before {
  background: #3DC27A url("../img/chk_on.png") no-repeat center;
  background-size: 20px auto;
  border: 0;
}
.com_chk_btn.green:has(input:checked) {
  background-color: #3DC27A;
  color: #fff;
}
.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;
  gap: 5px;
}

.com_like {
  cursor: pointer;
  height: 19px;
}
.com_like input:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_like_off.png);
  width: 21px;
  min-width: 21px;
  height: 19px;
  cursor: pointer;
}
.com_like input:checked:before {
  background-image: url("../img/icon_like_on.png");
}

.com_switch {
  width: 38px;
  height: 20px;
  display: inline-block;
  -webkit-appearance: none;
  background-color: #CDCFCF;
  border-radius: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  cursor: pointer;
}
.com_switch__wrap {
  position: relative;
  width: 38px;
  height: 20px;
}
.com_switch:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #CDCFCF;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.com_switch:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
}
.com_switch:checked[type=checkbox] {
  background-color: #3DC27A;
  transition: all 0.3s ease;
}
.com_switch:checked[type=checkbox]:after {
  left: 20px;
  transition: all 0.3s ease;
  background-color: #fff;
  border-color: #3DC27A;
}

.svg_icon {
  transition: all 0.2s;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
}
.svg_icon.icon_set {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3Cpath d='M12.934 10a1.099 1.099 0 0 0 .22 1.213l.04.04a1.335 1.335 0 1 1-1.887 1.886l-.04-.04a1.101 1.101 0 0 0-1.213-.22 1.1 1.1 0 0 0-.667 1.007v.113a1.333 1.333 0 1 1-2.667 0v-.06A1.1 1.1 0 0 0 6 12.933a1.1 1.1 0 0 0-1.213.22l-.04.04a1.333 1.333 0 0 1-2.176-1.454c.067-.162.165-.31.29-.433l.04-.04a1.1 1.1 0 0 0 .22-1.213 1.1 1.1 0 0 0-1.007-.667H2a1.333 1.333 0 0 1 0-2.667h.06A1.1 1.1 0 0 0 3.067 6a1.1 1.1 0 0 0-.22-1.213l-.04-.04a1.333 1.333 0 1 1 1.887-1.887l.04.04a1.1 1.1 0 0 0 1.213.22H6a1.1 1.1 0 0 0 .667-1.006v-.114a1.333 1.333 0 0 1 2.667 0v.06A1.1 1.1 0 0 0 10 3.066a1.1 1.1 0 0 0 1.214-.22l.04-.04a1.332 1.332 0 0 1 2.277.943 1.333 1.333 0 0 1-.39.944l-.04.04a1.1 1.1 0 0 0-.22 1.213v.053a1.1 1.1 0 0 0 1.006.667H14a1.333 1.333 0 1 1 0 2.667h-.06a1.1 1.1 0 0 0-1.006.666Z'/%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_like {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20.466 5.184a5.25 5.25 0 0 0-7.44 0l-1.01 1.01-1.01-1.01a5.293 5.293 0 0 0-7.46 0 5.281 5.281 0 0 0 0 7.45l1.01 1.01 7.44 7.44 7.44-7.44 1.01-1.01a5.251 5.251 0 0 0 0-7.44l.02-.01Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_notice {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.67 19.311c-.55 0-1.06-.29-1.34-.76-.28-.47-.29-1.06-.03-1.54l1.69-1.57v-5.06c0-4 3.27-7.52 7.01-7.52 3.74 0 7.01 3.52 7.01 7.53v5.06l1.69 1.57c.26.48.25 1.07-.03 1.54s-.79.76-1.34.76H4.67v-.01ZM9.82 19.68c0 1.2.98 2.18 2.18 2.18 1.2 0 2.18-.98 2.18-2.18M4.99 15.451h9.37'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_mypage {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 11.851a4.37 4.37 0 1 0 0-8.74 4.37 4.37 0 0 0 0 8.74ZM3.34 21.611c0-4.78 3.88-8.66 8.66-8.66s8.66 3.88 8.66 8.66'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_chat {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23fff' stroke-miterlimit='10' stroke-width='1.5' d='M20.641 13.726a9.168 9.168 0 0 1-2.138 3.783l1.19 3.616-1.691-.953-1.69-.954a8.82 8.82 0 0 1-6.82.758C4.72 18.565 1.975 13.478 3.36 8.616 4.744 3.752 9.735.954 14.508 2.365c4.772 1.41 7.518 6.497 6.133 11.36Z'/%3E%3Cpath fill='%23fff' d='M12 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813ZM7.781 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813ZM16.219 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_login {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M14 7l-5 5 5 5M9 12h12'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_logout {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  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' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_camera {
  display: inline-block;
  width: 60px;
  min-width: 60px;
  height: 50px;
  min-height: 50px;
  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='60' height='50' viewBox='0 0 60 50' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M57.714 16.857a4.286 4.286 0 0 0-4.285-4.286h-8.572L38.43 4H21.286l-6.429 8.571H6.286A4.286 4.286 0 0 0 2 16.857v25.714a4.286 4.286 0 0 0 4.286 4.286h47.143a4.287 4.287 0 0 0 4.285-4.286V16.857Z'/%3E%3Cpath d='M29.857 37.214a9.643 9.643 0 1 0 0-19.286 9.643 9.643 0 0 0 0 19.286Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_three_line {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 13px;
  min-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='14' height='13' viewBox='0 0 14 13' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M0 1h14M0 6.143h14M0 11.285h14'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_search {
  display: inline-block;
  width: 23px;
  min-width: 23px;
  height: 23px;
  min-height: 23px;
  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='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M16.044 16.044 21 21M17.696 9.848A7.848 7.848 0 1 1 2 9.848a7.848 7.848 0 0 1 15.696 0Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_shortcut {
  display: inline-block;
  width: 7px;
  min-width: 7px;
  height: 13px;
  min-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='7' height='13' viewBox='0 0 7 13' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 11.5 5-5-5-5'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_badge {
  display: inline-block;
  width: 35px;
  min-width: 35px;
  height: 40px;
  min-height: 40px;
  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='35' height='40' viewBox='0 0 35 40' fill='%23fff'%3E%3Cpath d='m33.32 29.675-13.475 9.58c-1.4.993-3.29.993-4.69 0L1.68 29.675A3.98 3.98 0 0 1 0 26.443V3.983C0 1.777 1.797 0 4.025 0h26.95C33.192 0 35 1.778 35 3.982v22.462a3.949 3.949 0 0 1-1.68 3.231Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_cart {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 16px;
  min-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='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.622 4.48V3.253A2.298 2.298 0 0 1 5.96 1a2.294 2.294 0 0 1 2.254 2.254V4.48M9.845 4.57H1.99C1.168 4.57.5 5.238.5 6.061v7.448C.5 14.332 1.168 15 1.991 15h7.854c.823 0 1.49-.668 1.49-1.49V6.06a1.49 1.49 0 0 0-1.49-1.49ZM2.459 6.748h6.916'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_x {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  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='10' viewBox='0 0 10 10' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M1.175 8.824 9.078.921M8.825 8.824.922.921'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 17px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 8.5h12M8 14.5v-12'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_delete {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.804 3.6h10.398v9.213c0 1.098-.925 1.984-2.073 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.343-1.389h1.314c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.402 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_inventory {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 1.333 1.333 4.666 8 8l6.666-3.334L8 1.333ZM1.333 11.333 8 14.666l6.666-3.333M1.333 8 8 11.333 14.666 8'/%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_auto_buy {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.715 10.717A3.981 3.981 0 0 1 8 10c.85 0 1.637.265 2.285.717M6.286 6.572a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z'/%3E%3Cpath d='M6.469 1.303 5.977 2.57l-1.691.96-1.349-.205a1.143 1.143 0 0 0-1.143.56l-.457.8a1.143 1.143 0 0 0 .092 1.291l.857 1.063v1.92l-.834 1.063a1.143 1.143 0 0 0-.092 1.291l.457.8a1.143 1.143 0 0 0 1.143.56l1.349-.206 1.668.96.492 1.269a1.144 1.144 0 0 0 1.063.731h.96a1.143 1.143 0 0 0 1.062-.731l.492-1.269 1.668-.96 1.349.206a1.143 1.143 0 0 0 1.143-.56l.457-.8a1.142 1.142 0 0 0-.091-1.291l-.857-1.063V7.04l.834-1.063a1.142 1.142 0 0 0 .091-1.291l-.457-.8a1.142 1.142 0 0 0-1.143-.56l-1.348.205-1.669-.96-.491-1.268A1.143 1.143 0 0 0 8.469.57h-.937a1.143 1.143 0 0 0-1.063.732Z'/%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_chk_list {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5.499h13s1 0 1 1v13s0 1-1 1h-13s-1 0-1-1v-13s0-1 1-1Z'/%3E%3Cpath d='m8 2.999-3 4-2-2M9.5 5.499h3M8 8.999l-3 4-2-2M9.5 11.499h3'/%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_connection_mall {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M12.571 15.428H3.428a2.857 2.857 0 0 1 0-5.714h9.143a2.857 2.857 0 0 1 0 5.714Z'/%3E%3Cpath d='M4 12.857a.286.286 0 1 0 0-.572M4 12.857a.286.286 0 1 1 0-.572M8 12.857a.286.286 0 1 0 0-.572M8 12.857a.286.286 0 1 1 0-.572M12 12.857a.286.286 0 1 0 0-.572M12 12.857a.286.286 0 1 1 0-.572M5.381 3.428a2.857 2.857 0 1 0 2.62-1.714H6.858'/%3E%3Cpath d='M8 .571 6.855 1.714 8 2.857'/%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_statistics {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M10.476 15.429v-8h4.952v8M5.523 15.429v-6h4.953v6'/%3E%3Cpath d='M.571 15.428v-4.285h4.953v4.285M.571 7.21l14.857-5.187M12.487.571l2.942 1.441L14 4.97'/%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_account_statistics {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m5.143 6.857 1.714-1.714L8.57 6.857l2.286-2.286M5.143 9.714h5.714M5.143 12.571h5.714'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14.285 14.286a1.143 1.143 0 0 1-1.143 1.142H2.857a1.143 1.143 0 0 1-1.143-1.142V1.714A1.143 1.143 0 0 1 2.857.571h7.428l4 4v9.715Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_sales_manage {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.802 1.143H2.198c-.583 0-1.055.472-1.055 1.055v11.604c0 .582.472 1.055 1.055 1.055h11.604c.582 0 1.055-.473 1.055-1.055V2.198c0-.583-.473-1.055-1.055-1.055ZM1.143 4h13.714'/%3E%3Cpath d='M1.143 9.107h3.526l2.188-2.822L9.143 12l2.311-2.892h3.403'/%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_myinfo {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.715 6.286a2.857 2.857 0 1 0 0-5.715 2.857 2.857 0 0 0 0 5.715ZM12.857 15.428a2.571 2.571 0 1 1 0-5.143 2.571 2.571 0 0 1 0 5.143ZM7.998 14.286H.571v-.572a5.143 5.143 0 0 1 8.36-4.013'/%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_pharmacy {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6.626V4.903a.554.554 0 0 0-.556-.555H8.996V.903A.555.555 0 0 0 8.44.348H4.885a.555.555 0 0 0-.556.555v3.445H.885a.555.555 0 0 0-.552.555v3.556a.555.555 0 0 0 .555.555H4.33v3.445a.556.556 0 0 0 .556.555h1.722M10.388 10.4l2.818 2.818M11.33 15.098a1.994 1.994 0 0 1-2.822-2.816l3.759-3.759a1.993 1.993 0 1 1 2.818 2.82l-3.756 3.755Z'/%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_staff_manage {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.715 10.717A3.981 3.981 0 0 1 8 10c.85 0 1.637.265 2.285.717M6.286 6.572a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z'/%3E%3Cpath d='M6.469 1.303 5.977 2.57l-1.691.96-1.349-.205a1.143 1.143 0 0 0-1.143.56l-.457.8a1.143 1.143 0 0 0 .092 1.291l.857 1.063v1.92l-.834 1.063a1.143 1.143 0 0 0-.092 1.291l.457.8a1.143 1.143 0 0 0 1.143.56l1.349-.206 1.668.96.492 1.269a1.144 1.144 0 0 0 1.063.731h.96a1.143 1.143 0 0 0 1.062-.731l.492-1.269 1.668-.96 1.349.206a1.143 1.143 0 0 0 1.143-.56l.457-.8a1.142 1.142 0 0 0-.091-1.291l-.857-1.063V7.04l.834-1.063a1.142 1.142 0 0 0 .091-1.291l-.457-.8a1.142 1.142 0 0 0-1.143-.56l-1.348.205-1.669-.96-.491-1.268A1.143 1.143 0 0 0 8.469.57h-.937a1.143 1.143 0 0 0-1.063.732Z'/%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_sort {
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 6px;
  min-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='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23fff' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_write {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-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' viewBox='0 0 12 12' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.496 4.376 4.066 10.8H1.2V7.935L7.625 1.51a1.043 1.043 0 0 1 1.484 0l1.38 1.381a1.043 1.043 0 0 1 0 1.485h.007ZM1.8 7.8l2.4 2.4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_minus {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 2px;
  min-height: 2px;
  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='2'  viewBox='0 0 12 2' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='M1 1h10'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_robot {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 17px;
  min-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='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reset {
  display: inline-block;
  width: 25px;
  min-width: 25px;
  height: 24px;
  min-height: 24px;
  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='25' height='24' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M20 11.063A7.594 7.594 0 0 0 5.469 9.188M5 5.438v3.75h3.75M5 12.938a7.594 7.594 0 0 0 14.531 1.874m.469 3.75v-3.75h-3.75'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_upload {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 19px;
  min-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='20' height='19' viewBox='0 0 20 19' fill='none'%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M17.125 11.875v3.167a1.584 1.584 0 0 1-1.583 1.583H4.458a1.583 1.583 0 0 1-1.583-1.583v-3.167M13.958 6.333 10 2.375 6.042 6.333M10 2.375v9.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_plus_circle {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  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' viewBox='0 0 14 14'  fill='none'%3E%3Crect width='13' height='13' x='.5' y='.5' stroke='%23fff' rx='6.5'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='M3.5 7h7M7 10.5v-7'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_toggle {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 3 8.216 8 13M13 3 8 8.216 13 13'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_popup {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.429 5.714v-4A1.143 1.143 0 0 1 4.572.571h9.714a1.143 1.143 0 0 1 1.143 1.143v9.143A1.143 1.143 0 0 1 14.286 12h-1.714M3.429 4h12'/%3E%3Cpath d='M8.571 8.571H1.714c-.631 0-1.143.512-1.143 1.143v4.572c0 .63.512 1.142 1.143 1.142h6.857c.631 0 1.143-.511 1.143-1.142V9.714c0-.631-.512-1.143-1.143-1.143ZM.571 11.429h9.143'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_deliver {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M.5 5a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z'/%3E%3Cpath d='M2.732 5H4.5V3.23M9.5 8h1a1 1 0 0 1 1 1v3.525M5 14h-.5a1 1 0 0 1-1-1v-2M11.5 9h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1h-1.525'/%3E%3Cpath d='M10.5 13.75a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0ZM5 13.75a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0ZM10.525 14H7.5M15.5 11h-2'/%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_banner {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.286.571H1.714c-.631 0-1.143.512-1.143 1.143v6.857c0 .631.512 1.143 1.143 1.143h12.572c.63 0 1.142-.512 1.142-1.143V1.714c0-.631-.511-1.143-1.142-1.143ZM1.714 12.571h12.571M2.857 15.429h10.286'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_download {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' 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.666 8 9.999l3.333-3.333M8 10V2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_arrow_down {
  display: inline-block;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-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' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.875 4.375 6 9.25 1.125 4.375'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_map {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M14 6.666c0 4.667-6 8.667-6 8.667s-6-4-6-8.667a6 6 0 1 1 12 0Z'/%3E%3Cpath d='M8 8.666a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_delivery {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 10px;
  min-height: 10px;
  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='10' viewBox='0 0 14 10' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M11.948 7.802h1.54V.522H5.297v7.28h3.565M4.935 2.504H2.726L.511 5.146v2.657h1.472'/%3E%3Cpath d='M4.207 9.356c.79-.334 1.165-1.257.838-2.063a1.537 1.537 0 0 0-2.022-.854c-.79.334-1.164 1.257-.837 2.062a1.537 1.537 0 0 0 2.021.855ZM10.401 9.477c.855 0 1.547-.706 1.547-1.578 0-.872-.692-1.579-1.547-1.579-.854 0-1.547.707-1.547 1.579s.693 1.578 1.547 1.578ZM5.52 4.486h7.744'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_go {
  display: inline-block;
  width: 11px;
  min-width: 11px;
  height: 11px;
  min-height: 11px;
  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='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath fill='%23fff' d='M5.754 10.02 4.646 8.926 7.6 5.973H.654V4.359H7.6L4.646 1.42 5.754.327l4.853 4.84-4.853 4.854Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_phone {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.667 11.28v2a1.334 1.334 0 0 1-1.454 1.334 13.194 13.194 0 0 1-5.753-2.047 13 13 0 0 1-4-4 13.193 13.193 0 0 1-2.047-5.78A1.333 1.333 0 0 1 2.74 1.334h2a1.333 1.333 0 0 1 1.333 1.147 8.56 8.56 0 0 0 .467 1.873 1.333 1.333 0 0 1-.3 1.407l-.847.846a10.667 10.667 0 0 0 4 4l.847-.846a1.333 1.333 0 0 1 1.407-.3 8.56 8.56 0 0 0 1.873.466 1.333 1.333 0 0 1 1.147 1.354Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hit {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 9px;
  min-height: 9px;
  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='9' viewBox='0 0 16 9' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.8 4.5S3.415.5 8 .5s7.2 4 7.2 4-2.615 4-7.2 4-7.2-4-7.2-4Z'/%3E%3Cpath d='M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_thumb {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 17px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.666 7.832 2.667-6a2 2 0 0 1 2 2v2.667h3.773a1.333 1.333 0 0 1 1.334 1.533l-.92 6a1.333 1.333 0 0 1-1.334 1.133h-7.52m0-7.333v7.333m0-7.333h-2a1.333 1.333 0 0 0-1.333 1.333v4.667a1.333 1.333 0 0 0 1.333 1.333h2'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_file {
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M11.667 1.666H5a1.667 1.667 0 0 0-1.667 1.667v13.333A1.667 1.667 0 0 0 5 18.333h10a1.667 1.667 0 0 0 1.667-1.667v-10l-5-5Z'/%3E%3Cpath d='M11.666 1.666v5h5M13.333 10.834H6.666M13.333 14.166H6.666M8.333 7.5H6.667'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_user {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  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' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23fff' d='M7 6.668a2.975 2.975 0 0 0 2.965-2.985A2.975 2.975 0 0 0 7 .7a2.975 2.975 0 0 0-2.965 2.984A2.975 2.975 0 0 0 7 6.668ZM2.537 13.3c-.628 0-1.137-.465-1.137-1.037 0-3.078 2.52-5.595 5.6-5.595 3.08 0 5.6 2.519 5.6 5.595 0 .572-.51 1.036-1.137 1.036H2.537Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_note {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.8v-8h8.8v8'/%3E%3Cpath d='M12.8.8 8.268 5.004 1.6 11.185l4.412 4.016L11.6 10'/%3E%3Cpath d='m9.2 12.8 1.2 1.2 1.92-1.836 1.919-1.835L8.383 4.99l-.394-.373L4.8 1.6'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_fix {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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 fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 1.334 2.06 4.173 4.606.674-3.333 3.246.787 4.587L8 11.847l-4.12 2.167.786-4.587-3.333-3.246 4.607-.674L8 1.334Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hospital {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6.626V4.903a.556.556 0 0 0-.556-.555H8.996V.903a.555.555 0 0 0-.555-.555H4.885a.555.555 0 0 0-.556.555v3.445H.885a.555.555 0 0 0-.552.555v3.556a.555.555 0 0 0 .556.555h3.44v3.445a.556.556 0 0 0 .556.555h1.722M10.388 10.398l2.819 2.82M11.33 15.098a1.994 1.994 0 0 1-2.821-2.816l3.758-3.759a1.992 1.992 0 1 1 2.818 2.82l-3.756 3.755Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_pin {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6.666c0 4.667-6 8.667-6 8.667s-6-4-6-8.667a6 6 0 1 1 12 0Z'/%3E%3Cpath d='M8 8.666a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_pill {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.668 9.732c2.468-.193 4.31-2.337 4.117-4.79C9.59 2.487 7.434.655 4.967.847 2.5 1.041.657 3.186.85 5.64c.194 2.453 2.35 4.286 4.817 4.093ZM2.18 8.336l5.698-6.629M12.542 14.83a3.017 3.017 0 0 0 2.284-3.613 3.035 3.035 0 0 0-3.633-2.271 3.017 3.017 0 0 0-2.284 3.612 3.035 3.035 0 0 0 3.633 2.271ZM9.299 10.282l5.138 3.21'/%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_news {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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 fill='%23fff' d='M2.286 1C1.574 1 1 1.574 1 2.286v9.857a.86.86 0 0 0 .857.857V2.286c0-.24.189-.429.429-.429H13A.86.86 0 0 0 12.143 1H2.286Z'/%3E%3Cpath fill='%23fff' d='M4.286 3C3.574 3 3 3.574 3 4.286v9.428C3 14.426 3.574 15 4.286 15h5.22c.343 0 .668-.137.908-.377l4.209-4.209c.24-.24.377-.565.377-.908v-5.22C15 3.574 14.426 3 13.714 3H4.286Zm-.429 1.286c0-.24.189-.429.429-.429h9.428c.24 0 .429.189.429.429V9h-3.857C9.574 9 9 9.574 9 10.286v3.857H4.286a.424.424 0 0 1-.429-.429V4.286Zm6 9.677v-3.677c0-.24.189-.429.429-.429h3.677l-4.106 4.106Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_discount {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M.572 12.572c0 .631.511 1.143 1.141 1.143h12.575c.63 0 1.141-.512 1.141-1.143v-2.325a2.328 2.328 0 0 1 0-4.493V3.429c0-.631-.51-1.143-1.14-1.143H1.713c-.63 0-1.14.512-1.14 1.143v2.32a2.328 2.328 0 0 1 0 4.503v2.32ZM5.168 10.858l5.714-5.714'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M5.74 6.286a.571.571 0 1 0 0-1.142.571.571 0 0 0 0 1.142ZM10.31 10.858a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143Z'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_money {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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 fill='%23fff'%3E%3Cpath d='M5.5 9.511c.08.95.83 1.7 2.18 1.78v.7h.6v-.71c1.4-.1 2.22-.85 2.22-1.93 0-.99-.63-1.5-1.74-1.76l-.47-.11v-1.92c.6.07.98.4 1.07.85h1.05c-.08-.92-.86-1.64-2.13-1.72v-.7h-.6v.72c-1.2.12-2.01.84-2.01 1.85 0 .9.61 1.47 1.61 1.71l.4.1v2.03c-.62-.09-1.02-.43-1.11-.9H5.5v.01Zm2.18-2.17c-.59-.14-.91-.42-.91-.84 0-.47.34-.82.91-.93v1.77Zm.69 1.19c.72.17 1.05.44 1.05.91 0 .54-.41.91-1.14.98v-1.91l.09.02Z'/%3E%3Cpath d='M8 15c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7Zm0 1c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8Z'/%3E%3Cpath d='M8 13.5c-3.04 0-5.5-2.46-5.5-5.5S4.96 2.5 8 2.5s5.5 2.46 5.5 5.5-2.46 5.5-5.5 5.5Zm0 .5c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_memo {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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-linecap='round' clip-path='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linejoin='round' d='M1.5.499h13s1 0 1 1v13s0 1-1 1h-13s-1 0-1-1v-13s0-1 1-1Z'/%3E%3Cpath stroke='%23fff' stroke-linejoin='round' d='M10.746 6.646 5.388 12H3V9.612L8.354 4.26a.869.869 0 0 1 1.237 0l1.15 1.15a.869.869 0 0 1 0 1.237h.005Z'/%3E%3Cpath stroke='%23fff' d='M13.5 12H8'/%3E%3Cpath stroke='%23fff' stroke-linejoin='round' d='m3.5 9.5 2 2'/%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_my {
  display: inline-block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-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='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M5.2 9.4s1.05 1.4 2.8 1.4c1.75 0 2.8-1.4 2.8-1.4'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_reset2 {
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 16px;
  min-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='16' fill='none'%3E%3Cpath stroke='%2310B45B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.503 6.801a5.998 5.998 0 1 0 5.5-3.599h-2.4'/%3E%3Cpath stroke='%2310B45B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.999.803-2.4 2.4L7 5.6'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_robot2 {
  display: inline-block;
  width: 24px;
  min-width: 24px;
  height: 16px;
  min-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='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
  background-size: contain;
}
.svg_icon.icon_hit.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.8 4.5S3.415.5 8 .5s7.2 4 7.2 4-2.615 4-7.2 4-7.2-4-7.2-4Z'/%3E%3Cpath d='M8 6.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_chat.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23888' stroke-miterlimit='10' stroke-width='1.5' d='M20.641 13.726a9.168 9.168 0 0 1-2.138 3.783l1.19 3.616-1.691-.953-1.69-.954a8.82 8.82 0 0 1-6.82.758C4.72 18.565 1.975 13.478 3.36 8.616 4.744 3.752 9.735.954 14.508 2.365c4.772 1.41 7.518 6.497 6.133 11.36Z'/%3E%3Cpath fill='%23888' d='M12 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813ZM7.781 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813ZM16.219 12.688a1.406 1.406 0 1 0 0-2.813 1.406 1.406 0 0 0 0 2.813Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_thumb.gray {
  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' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.666 7.832 2.667-6a2 2 0 0 1 2 2v2.667h3.773a1.333 1.333 0 0 1 1.334 1.533l-.92 6a1.333 1.333 0 0 1-1.334 1.133h-7.52m0-7.333v7.333m0-7.333h-2a1.333 1.333 0 0 0-1.333 1.333v4.667a1.333 1.333 0 0 0 1.333 1.333h2'/%3E%3C/svg%3E");
}
.svg_icon.icon_thumb.green {
  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' stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.666 7.832 2.667-6a2 2 0 0 1 2 2v2.667h3.773a1.333 1.333 0 0 1 1.334 1.533l-.92 6a1.333 1.333 0 0 1-1.334 1.133h-7.52m0-7.333v7.333m0-7.333h-2a1.333 1.333 0 0 0-1.333 1.333v4.667a1.333 1.333 0 0 0 1.333 1.333h2'/%3E%3C/svg%3E");
}
.svg_icon.icon_camera.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='50' viewBox='0 0 60 50' fill='none'%3E%3Cg stroke='%23b5b5b5' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M57.714 16.857a4.286 4.286 0 0 0-4.285-4.286h-8.572L38.43 4H21.286l-6.429 8.571H6.286A4.286 4.286 0 0 0 2 16.857v25.714a4.286 4.286 0 0 0 4.286 4.286h47.143a4.287 4.287 0 0 0 4.285-4.286V16.857Z'/%3E%3Cpath d='M29.857 37.214a9.643 9.643 0 1 0 0-19.286 9.643 9.643 0 0 0 0 19.286Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_search.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%233DC27A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M16.044 16.044 21 21M17.696 9.848A7.848 7.848 0 1 1 2 9.848a7.848 7.848 0 0 1 15.696 0Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_search.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M16.044 16.044 21 21M17.696 9.848A7.848 7.848 0 1 1 2 9.848a7.848 7.848 0 0 1 15.696 0Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_shortcut.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 11.5 5-5-5-5'/%3E%3C/svg%3E");
}
.svg_icon.icon_shortcut.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 11.5 5-5-5-5'/%3E%3C/svg%3E");
}
.svg_icon.icon_badge.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='40' viewBox='0 0 35 40' fill='%23ED2E34'%3E%3Cpath d='m33.32 29.675-13.475 9.58c-1.4.993-3.29.993-4.69 0L1.68 29.675A3.98 3.98 0 0 1 0 26.443V3.983C0 1.777 1.797 0 4.025 0h26.95C33.192 0 35 1.778 35 3.982v22.462a3.949 3.949 0 0 1-1.68 3.231Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_badge.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='40' viewBox='0 0 35 40' fill='%2384C21D'%3E%3Cpath d='m33.32 29.675-13.475 9.58c-1.4.993-3.29.993-4.69 0L1.68 29.675A3.98 3.98 0 0 1 0 26.443V3.983C0 1.777 1.797 0 4.025 0h26.95C33.192 0 35 1.778 35 3.982v22.462a3.949 3.949 0 0 1-1.68 3.231Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_badge.blue {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='40' viewBox='0 0 35 40' fill='%230E91F2'%3E%3Cpath d='m33.32 29.675-13.475 9.58c-1.4.993-3.29.993-4.69 0L1.68 29.675A3.98 3.98 0 0 1 0 26.443V3.983C0 1.777 1.797 0 4.025 0h26.95C33.192 0 35 1.778 35 3.982v22.462a3.949 3.949 0 0 1-1.68 3.231Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_x.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M1.175 8.824 9.078.921M8.825 8.824.922.921'/%3E%3C/svg%3E");
}
.svg_icon.icon_delete.black {
  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' stroke='%231A1818' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M2.804 3.6h10.398v9.213c0 1.098-.925 1.984-2.073 1.984H4.876c-1.147 0-2.072-.886-2.072-1.984V3.6ZM6.002 3.6V2.59c0-.765.603-1.389 1.343-1.389h1.314c.74 0 1.342.624 1.342 1.389V3.6M1.603 3.6H14.4M6.402 6.002V12.4M9.6 6.002V12.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_inventory.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 1.333 1.333 4.666 8 8l6.666-3.334L8 1.333ZM1.333 11.333 8 14.666l6.666-3.333M1.333 8 8 11.333 14.666 8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_auto_buy.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.715 10.717A3.981 3.981 0 0 1 8 10c.85 0 1.637.265 2.285.717M6.286 6.572a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z'/%3E%3Cpath d='M6.469 1.303 5.977 2.57l-1.691.96-1.349-.205a1.143 1.143 0 0 0-1.143.56l-.457.8a1.143 1.143 0 0 0 .092 1.291l.857 1.063v1.92l-.834 1.063a1.143 1.143 0 0 0-.092 1.291l.457.8a1.143 1.143 0 0 0 1.143.56l1.349-.206 1.668.96.492 1.269a1.144 1.144 0 0 0 1.063.731h.96a1.143 1.143 0 0 0 1.062-.731l.492-1.269 1.668-.96 1.349.206a1.143 1.143 0 0 0 1.143-.56l.457-.8a1.142 1.142 0 0 0-.091-1.291l-.857-1.063V7.04l.834-1.063a1.142 1.142 0 0 0 .091-1.291l-.457-.8a1.142 1.142 0 0 0-1.143-.56l-1.348.205-1.669-.96-.491-1.268A1.143 1.143 0 0 0 8.469.57h-.937a1.143 1.143 0 0 0-1.063.732Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_chk_list.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5.499h13s1 0 1 1v13s0 1-1 1h-13s-1 0-1-1v-13s0-1 1-1Z'/%3E%3Cpath d='m8 2.999-3 4-2-2M9.5 5.499h3M8 8.999l-3 4-2-2M9.5 11.499h3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_connection_mall.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M12.571 15.428H3.428a2.857 2.857 0 0 1 0-5.714h9.143a2.857 2.857 0 0 1 0 5.714Z'/%3E%3Cpath d='M4 12.857a.286.286 0 1 0 0-.572M4 12.857a.286.286 0 1 1 0-.572M8 12.857a.286.286 0 1 0 0-.572M8 12.857a.286.286 0 1 1 0-.572M12 12.857a.286.286 0 1 0 0-.572M12 12.857a.286.286 0 1 1 0-.572M5.381 3.428a2.857 2.857 0 1 0 2.62-1.714H6.858'/%3E%3Cpath d='M8 .571 6.855 1.714 8 2.857'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_statistics.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M10.476 15.429v-8h4.952v8M5.523 15.429v-6h4.953v6'/%3E%3Cpath d='M.571 15.428v-4.285h4.953v4.285M.571 7.21l14.857-5.187M12.487.571l2.942 1.441L14 4.97'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_account_statistics.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' d='m5.143 6.857 1.714-1.714L8.57 6.857l2.286-2.286M5.143 9.714h5.714M5.143 12.571h5.714'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M14.285 14.286a1.143 1.143 0 0 1-1.143 1.142H2.857a1.143 1.143 0 0 1-1.143-1.142V1.714A1.143 1.143 0 0 1 2.857.571h7.428l4 4v9.715Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_sales_manage.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.802 1.143H2.198c-.583 0-1.055.472-1.055 1.055v11.604c0 .582.472 1.055 1.055 1.055h11.604c.582 0 1.055-.473 1.055-1.055V2.198c0-.583-.473-1.055-1.055-1.055ZM1.143 4h13.714'/%3E%3Cpath d='M1.143 9.107h3.526l2.188-2.822L9.143 12l2.311-2.892h3.403'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_myinfo.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.715 6.286a2.857 2.857 0 1 0 0-5.715 2.857 2.857 0 0 0 0 5.715ZM12.857 15.428a2.571 2.571 0 1 1 0-5.143 2.571 2.571 0 0 1 0 5.143ZM7.998 14.286H.571v-.572a5.143 5.143 0 0 1 8.36-4.013'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_pharmacy.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6.626V4.903a.554.554 0 0 0-.556-.555H8.996V.903A.555.555 0 0 0 8.44.348H4.885a.555.555 0 0 0-.556.555v3.445H.885a.555.555 0 0 0-.552.555v3.556a.555.555 0 0 0 .555.555H4.33v3.445a.556.556 0 0 0 .556.555h1.722M10.388 10.4l2.818 2.818M11.33 15.098a1.994 1.994 0 0 1-2.822-2.816l3.759-3.759a1.993 1.993 0 1 1 2.818 2.82l-3.756 3.755Z'/%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_staff_manage.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.715 10.717A3.981 3.981 0 0 1 8 10c.85 0 1.637.265 2.285.717M6.286 6.572a1.714 1.714 0 1 0 3.429 0 1.714 1.714 0 0 0-3.429 0Z'/%3E%3Cpath d='M6.469 1.303 5.977 2.57l-1.691.96-1.349-.205a1.143 1.143 0 0 0-1.143.56l-.457.8a1.143 1.143 0 0 0 .092 1.291l.857 1.063v1.92l-.834 1.063a1.143 1.143 0 0 0-.092 1.291l.457.8a1.143 1.143 0 0 0 1.143.56l1.349-.206 1.668.96.492 1.269a1.144 1.144 0 0 0 1.063.731h.96a1.143 1.143 0 0 0 1.062-.731l.492-1.269 1.668-.96 1.349.206a1.143 1.143 0 0 0 1.143-.56l.457-.8a1.142 1.142 0 0 0-.091-1.291l-.857-1.063V7.04l.834-1.063a1.142 1.142 0 0 0 .091-1.291l-.457-.8a1.142 1.142 0 0 0-1.143-.56l-1.348.205-1.669-.96-.491-1.268A1.143 1.143 0 0 0 8.469.57h-.937a1.143 1.143 0 0 0-1.063.732Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23222' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_logout.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_logout.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_write.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.496 4.376 4.066 10.8H1.2V7.935L7.625 1.51a1.043 1.043 0 0 1 1.484 0l1.38 1.381a1.043 1.043 0 0 1 0 1.485h.007ZM1.8 7.8l2.4 2.4'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_write.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.496 4.376 4.066 10.8H1.2V7.935L7.625 1.51a1.043 1.043 0 0 1 1.484 0l1.38 1.381a1.043 1.043 0 0 1 0 1.485h.007ZM1.8 7.8l2.4 2.4'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_write.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.496 4.376 4.066 10.8H1.2V7.935L7.625 1.51a1.043 1.043 0 0 1 1.484 0l1.38 1.381a1.043 1.043 0 0 1 0 1.485h.007ZM1.8 7.8l2.4 2.4'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_plus.black {
  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' stroke='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2 8.5h12M8 14.5v-12'/%3E%3C/svg%3E");
}
.svg_icon.icon_minus.black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='2'  viewBox='0 0 12 2' fill='none'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-width='1.5' d='M1 1h10'/%3E%3C/svg%3E");
}
.svg_icon.icon_robot.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
}
.svg_icon.icon_robot.red {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
}
.svg_icon.icon_robot.blue {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
}
.svg_icon.icon_robot.purple {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M6.376 4.064c-.858 0-1.534.68-1.534 1.496v7.518c0 .815.676 1.496 1.534 1.496h11.25c.857 0 1.533-.68 1.533-1.496V5.56c0-.815-.676-1.496-1.533-1.496zM3.522 5.56c0-1.566 1.289-2.816 2.854-2.816h11.25c1.565 0 2.853 1.25 2.853 2.816v7.518c0 1.566-1.288 2.816-2.853 2.816H6.376c-1.565 0-2.854-1.25-2.854-2.816z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.96 9.318c0-1.692 1.393-3.045 3.087-3.045v1.32c-.987 0-1.766.783-1.766 1.725s.78 1.725 1.766 1.725v1.32C2.353 12.363.96 11.01.96 9.318M19.952 6.273c1.694 0 3.086 1.353 3.086 3.045 0 1.693-1.392 3.045-3.086 3.045v-1.32c.986 0 1.766-.783 1.766-1.725s-.78-1.725-1.766-1.725zM8.646 3.42c0-1.84 1.512-3.31 3.356-3.31 1.845 0 3.357 1.472 3.357 3.31h-1.32c0-1.088-.9-1.99-2.037-1.99-1.136 0-2.036.9-2.036 1.99z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M10.828 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001M16.902 9.248a1.297 1.297 0 1 0-2.593-.001 1.297 1.297 0 0 0 2.593.001'/%3E%3C/svg%3E");
}
.svg_icon.icon_plus_circle.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'  fill='none'%3E%3Crect width='13' height='13' x='.5' y='.5' stroke='%233DC27A' rx='6.5'/%3E%3Cpath stroke='%233DC27A' stroke-linecap='round' stroke-width='1.5' d='M3.5 7h7M7 10.5v-7'/%3E%3C/svg%3E");
}
.svg_icon.icon_toggle.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' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 3 8.216 8 13M13 3 8 8.216 13 13'/%3E%3C/svg%3E");
}
.svg_icon.icon_toggle.green {
  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' stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3 3 8.216 8 13M13 3 8 8.216 13 13'/%3E%3C/svg%3E");
}
.svg_icon.icon_deliver.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M.5 5a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z'/%3E%3Cpath d='M2.732 5H4.5V3.23M9.5 8h1a1 1 0 0 1 1 1v3.525M5 14h-.5a1 1 0 0 1-1-1v-2M11.5 9h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1h-1.525'/%3E%3Cpath d='M10.5 13.75a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0ZM5 13.75a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0ZM10.525 14H7.5M15.5 11h-2'/%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_popup.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.429 5.714v-4A1.143 1.143 0 0 1 4.572.571h9.714a1.143 1.143 0 0 1 1.143 1.143v9.143A1.143 1.143 0 0 1 14.286 12h-1.714M3.429 4h12'/%3E%3Cpath d='M8.571 8.571H1.714c-.631 0-1.143.512-1.143 1.143v4.572c0 .63.512 1.142 1.143 1.142h6.857c.631 0 1.143-.511 1.143-1.142V9.714c0-.631-.512-1.143-1.143-1.143ZM.571 11.429h9.143'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_banner.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.286.571H1.714c-.631 0-1.143.512-1.143 1.143v6.857c0 .631.512 1.143 1.143 1.143h12.572c.63 0 1.142-.512 1.142-1.143V1.714c0-.631-.511-1.143-1.142-1.143ZM1.714 12.571h12.571M2.857 15.429h10.286'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_go.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath fill='%233DC27A' d='M5.754 10.02 4.646 8.926 7.6 5.973H.654V4.359H7.6L4.646 1.42 5.754.327l4.853 4.84-4.853 4.854Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_go.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath fill='%23666' d='M5.754 10.02 4.646 8.926 7.6 5.973H.654V4.359H7.6L4.646 1.42 5.754.327l4.853 4.84-4.853 4.854Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_notice.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.67 19.311c-.55 0-1.06-.29-1.34-.76-.28-.47-.29-1.06-.03-1.54l1.69-1.57v-5.06c0-4 3.27-7.52 7.01-7.52 3.74 0 7.01 3.52 7.01 7.53v5.06l1.69 1.57c.26.48.25 1.07-.03 1.54s-.79.76-1.34.76H4.67v-.01ZM9.82 19.68c0 1.2.98 2.18 2.18 2.18 1.2 0 2.18-.98 2.18-2.18M4.99 15.451h9.37'/%3E%3C/svg%3E");
}
.svg_icon.icon_set.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%3Cg stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' clip-path='url(%23a)'%3E%3Cpath d='M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3Cpath d='M12.934 10a1.099 1.099 0 0 0 .22 1.213l.04.04a1.335 1.335 0 1 1-1.887 1.886l-.04-.04a1.101 1.101 0 0 0-1.213-.22 1.1 1.1 0 0 0-.667 1.007v.113a1.333 1.333 0 1 1-2.667 0v-.06A1.1 1.1 0 0 0 6 12.933a1.1 1.1 0 0 0-1.213.22l-.04.04a1.333 1.333 0 0 1-2.176-1.454c.067-.162.165-.31.29-.433l.04-.04a1.1 1.1 0 0 0 .22-1.213 1.1 1.1 0 0 0-1.007-.667H2a1.333 1.333 0 0 1 0-2.667h.06A1.1 1.1 0 0 0 3.067 6a1.1 1.1 0 0 0-.22-1.213l-.04-.04a1.333 1.333 0 1 1 1.887-1.887l.04.04a1.1 1.1 0 0 0 1.213.22H6a1.1 1.1 0 0 0 .667-1.006v-.114a1.333 1.333 0 0 1 2.667 0v.06A1.1 1.1 0 0 0 10 3.066a1.1 1.1 0 0 0 1.214-.22l.04-.04a1.332 1.332 0 0 1 2.277.943 1.333 1.333 0 0 1-.39.944l-.04.04a1.1 1.1 0 0 0-.22 1.213v.053a1.1 1.1 0 0 0 1.006.667H14a1.333 1.333 0 1 1 0 2.667h-.06a1.1 1.1 0 0 0-1.006.666Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23888' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.svg_icon.icon_file.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='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M11.667 1.666H5a1.667 1.667 0 0 0-1.667 1.667v13.333A1.667 1.667 0 0 0 5 18.333h10a1.667 1.667 0 0 0 1.667-1.667v-10l-5-5Z'/%3E%3Cpath d='M11.666 1.666v5h5M13.333 10.834H6.666M13.333 14.166H6.666M8.333 7.5H6.667'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_user.gray {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill='%23E0E0E0' d='M7 6.668a2.975 2.975 0 0 0 2.965-2.985A2.975 2.975 0 0 0 7 .7a2.975 2.975 0 0 0-2.965 2.984A2.975 2.975 0 0 0 7 6.668ZM2.537 13.3c-.628 0-1.137-.465-1.137-1.037 0-3.078 2.52-5.595 5.6-5.595 3.08 0 5.6 2.519 5.6 5.595 0 .572-.51 1.036-1.137 1.036H2.537Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_note.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' stroke='%23888' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.8v-8h8.8v8'/%3E%3Cpath d='M12.8.8 8.268 5.004 1.6 11.185l4.412 4.016L11.6 10'/%3E%3Cpath d='m9.2 12.8 1.2 1.2 1.92-1.836 1.919-1.835L8.383 4.99l-.394-.373L4.8 1.6'/%3E%3C/svg%3E");
}
.svg_icon.icon_like.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20.466 5.184a5.25 5.25 0 0 0-7.44 0l-1.01 1.01-1.01-1.01a5.293 5.293 0 0 0-7.46 0 5.281 5.281 0 0 0 0 7.45l1.01 1.01 7.44 7.44 7.44-7.44 1.01-1.01a5.251 5.251 0 0 0 0-7.44l.02-.01Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_notice.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.67 19.311c-.55 0-1.06-.29-1.34-.76-.28-.47-.29-1.06-.03-1.54l1.69-1.57v-5.06c0-4 3.27-7.52 7.01-7.52 3.74 0 7.01 3.52 7.01 7.53v5.06l1.69 1.57c.26.48.25 1.07-.03 1.54s-.79.76-1.34.76H4.67v-.01ZM9.82 19.68c0 1.2.98 2.18 2.18 2.18 1.2 0 2.18-.98 2.18-2.18M4.99 15.451h9.37'/%3E%3C/svg%3E");
}
.svg_icon.icon_mypage.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%233DC27A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 11.851a4.37 4.37 0 1 0 0-8.74 4.37 4.37 0 0 0 0 8.74ZM3.34 21.611c0-4.78 3.88-8.66 8.66-8.66s8.66 3.88 8.66 8.66'/%3E%3C/svg%3E");
}
.svg_icon.icon_hospital.black {
  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' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 6.626V4.903a.556.556 0 0 0-.556-.555H8.996V.903a.555.555 0 0 0-.555-.555H4.885a.555.555 0 0 0-.556.555v3.445H.885a.555.555 0 0 0-.552.555v3.556a.555.555 0 0 0 .556.555h3.44v3.445a.556.556 0 0 0 .556.555h1.722M10.388 10.398l2.819 2.82M11.33 15.098a1.994 1.994 0 0 1-2.821-2.816l3.758-3.759a1.992 1.992 0 1 1 2.818 2.82l-3.756 3.755Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_phone.black {
  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' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.667 11.28v2a1.334 1.334 0 0 1-1.454 1.334 13.194 13.194 0 0 1-5.753-2.047 13 13 0 0 1-4-4 13.193 13.193 0 0 1-2.047-5.78A1.333 1.333 0 0 1 2.74 1.334h2a1.333 1.333 0 0 1 1.333 1.147 8.56 8.56 0 0 0 .467 1.873 1.333 1.333 0 0 1-.3 1.407l-.847.846a10.667 10.667 0 0 0 4 4l.847-.846a1.333 1.333 0 0 1 1.407-.3 8.56 8.56 0 0 0 1.873.466 1.333 1.333 0 0 1 1.147 1.354Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_pin.black {
  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' stroke='%23222' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6.666c0 4.667-6 8.667-6 8.667s-6-4-6-8.667a6 6 0 1 1 12 0Z'/%3E%3Cpath d='M8 8.666a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_cart.green {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%233DC27A' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.622 4.48V3.253A2.298 2.298 0 0 1 5.96 1a2.294 2.294 0 0 1 2.254 2.254V4.48M9.845 4.57H1.99C1.168 4.57.5 5.238.5 6.061v7.448C.5 14.332 1.168 15 1.991 15h7.854c.823 0 1.49-.668 1.49-1.49V6.06a1.49 1.49 0 0 0-1.49-1.49ZM2.459 6.748h6.916'/%3E%3C/svg%3E");
}
.svg_icon.icon_pill.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M5.668 9.732c2.468-.193 4.31-2.337 4.117-4.79C9.59 2.487 7.434.655 4.967.847 2.5 1.041.657 3.186.85 5.64c.194 2.453 2.35 4.286 4.817 4.093ZM2.18 8.336l5.698-6.629M12.542 14.83a3.017 3.017 0 0 0 2.284-3.613 3.035 3.035 0 0 0-3.633-2.271 3.017 3.017 0 0 0-2.284 3.612 3.035 3.035 0 0 0 3.633 2.271ZM9.299 10.282l5.138 3.21'/%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_news.black {
  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 fill='%23222' d='M2.286 1C1.574 1 1 1.574 1 2.286v9.857a.86.86 0 0 0 .857.857V2.286c0-.24.189-.429.429-.429H13A.86.86 0 0 0 12.143 1H2.286Z'/%3E%3Cpath fill='%23222' d='M4.286 3C3.574 3 3 3.574 3 4.286v9.428C3 14.426 3.574 15 4.286 15h5.22c.343 0 .668-.137.908-.377l4.209-4.209c.24-.24.377-.565.377-.908v-5.22C15 3.574 14.426 3 13.714 3H4.286Zm-.429 1.286c0-.24.189-.429.429-.429h9.428c.24 0 .429.189.429.429V9h-3.857C9.574 9 9 9.574 9 10.286v3.857H4.286a.424.424 0 0 1-.429-.429V4.286Zm6 9.677v-3.677c0-.24.189-.429.429-.429h3.677l-4.106 4.106Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_money.black {
  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 fill='%23222'%3E%3Cpath d='M5.5 9.511c.08.95.83 1.7 2.18 1.78v.7h.6v-.71c1.4-.1 2.22-.85 2.22-1.93 0-.99-.63-1.5-1.74-1.76l-.47-.11v-1.92c.6.07.98.4 1.07.85h1.05c-.08-.92-.86-1.64-2.13-1.72v-.7h-.6v.72c-1.2.12-2.01.84-2.01 1.85 0 .9.61 1.47 1.61 1.71l.4.1v2.03c-.62-.09-1.02-.43-1.11-.9H5.5v.01Zm2.18-2.17c-.59-.14-.91-.42-.91-.84 0-.47.34-.82.91-.93v1.77Zm.69 1.19c.72.17 1.05.44 1.05.91 0 .54-.41.91-1.14.98v-1.91l.09.02Z'/%3E%3Cpath d='M8 15c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7Zm0 1c4.42 0 8-3.58 8-8s-3.58-8-8-8-8 3.58-8 8 3.58 8 8 8Z'/%3E%3Cpath d='M8 13.5c-3.04 0-5.5-2.46-5.5-5.5S4.96 2.5 8 2.5s5.5 2.46 5.5 5.5-2.46 5.5-5.5 5.5Zm0 .5c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6Z'/%3E%3C/g%3E%3C/svg%3E");
}
.svg_icon.icon_discount.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' d='M.572 12.572c0 .631.511 1.143 1.141 1.143h12.575c.63 0 1.141-.512 1.141-1.143v-2.325a2.328 2.328 0 0 1 0-4.493V3.429c0-.631-.51-1.143-1.14-1.143H1.713c-.63 0-1.14.512-1.14 1.143v2.32a2.328 2.328 0 0 1 0 4.503v2.32ZM5.168 10.858l5.714-5.714'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M5.74 6.286a.571.571 0 1 0 0-1.142.571.571 0 0 0 0 1.142ZM10.31 10.858a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_memo.black {
  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-linecap='round' clip-path='url(%23a)'%3E%3Cpath stroke='%23222' stroke-linejoin='round' d='M1.5.499h13s1 0 1 1v13s0 1-1 1h-13s-1 0-1-1v-13s0-1 1-1Z'/%3E%3Cpath stroke='%23222' stroke-linejoin='round' d='M10.746 6.646 5.388 12H3V9.612L8.354 4.26a.869.869 0 0 1 1.237 0l1.15 1.15a.869.869 0 0 1 0 1.237h.005Z'/%3E%3Cpath stroke='%23222' d='M13.5 12H8'/%3E%3Cpath stroke='%23222' stroke-linejoin='round' d='m3.5 9.5 2 2'/%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_my.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-linejoin='round' d='M5.2 9.4s1.05 1.4 2.8 1.4c1.75 0 2.8-1.4 2.8-1.4'/%3E%3C/svg%3E");
}
.svg_icon.icon_download.black {
  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='%23222' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' 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.666 8 9.999l3.333-3.333M8 10V2'/%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='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23818181' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  width: 20px;
  height: 15px;
  background-size: 11px auto;
  vertical-align: middle;
}
.svg_icon.icon_sort.ascending {
  transform: rotate(180deg);
}
.svg_icon.icon_sort.active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%233DC27A' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
}
.svg_icon.icon_up {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23818181' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  background-size: 8px auto;
  vertical-align: middle;
  transform: rotate(180deg);
}
.svg_icon.icon_up.variation {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23ED2E34' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.svg_icon.icon_down {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23818181' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  width: 18px;
  height: 18px;
  background-size: 8px auto;
  vertical-align: middle;
}
.svg_icon.icon_down.variation {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%230E91F2' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
  transform: rotate(360deg);
}
.svg_icon.icon_del_circle {
  background: url(../img/icon_del_circle.png);
  width: 16px;
  height: 17px;
}
.svg_icon.icon_add_circle {
  background: url(../img/icon_add_circle.png);
  width: 16px;
  height: 16px;
}
.svg_icon.icon_close_circle {
  background: url(../img/icon_close_circle.png);
  width: 16px;
  height: 16px;
}

.com_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: 102;
  display: none;
  justify-content: center;
  align-items: center;
}
.com_popup.active {
  display: flex;
  align-items: center;
}
.com_popup.top {
  z-index: 99999999;
}
.com_popup .bg_close {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 101;
  background-color: rgba(0, 0, 0, 0.7);
}
.com_popup .pop_container {
  position: relative;
  background: #fff;
  margin-inline: auto;
  z-index: 102;
  overflow: hidden;
  max-width: 95vw;
  border: 1px solid #CCC;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.com_popup .pop_container.xxl {
  width: 1380px;
  background: none;
  border: 0;
  border-radius: 0;
}
.com_popup .pop_container.xxl .btn_close {
  top: 12px;
  right: 12px;
}
.com_popup .pop_container.xxl .content_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  padding: 0;
  height: 95vh;
  max-height: none;
  overflow: visible;
}
.com_popup .pop_container.xl {
  width: 1280px;
  min-width: 1280px;
}
.com_popup .pop_container.l {
  width: 640px;
}
.com_popup .pop_container.m {
  width: 540px;
}
.com_popup .pop_container.s {
  width: 400px;
}
.com_popup .pop_container.xs {
  width: 300px;
}
.com_popup .pop_container.xs .pop_tit {
  text-align: center;
  font-size: 14px;
}
.com_popup .pop_container.xs .btn_close {
  right: 15px;
  top: 20px;
}
.com_popup .pop_container.xs .content_container {
  padding-inline: 25px;
}
.com_popup .pop_container.xs .btn_container {
  padding-block: 20px;
}
.com_popup .pop_container.xs .btn_container.full {
  padding: 5px 0 25px;
}
.com_popup .pop_container.height_xs {
  padding-bottom: 76px;
}
.com_popup .pop_container.height_xs .content_container {
  max-height: 298px;
}
.com_popup .pop_tit {
  padding: 23px 30px 13px;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.2px;
  text-align: left;
}
.com_popup .pop_tit__wrap {
  padding: 23px 30px 13px;
}
.com_popup .pop_tit__wrap .pop_tit {
  padding: 0;
}
.com_popup .pop_tit.xs {
  text-align: center;
  font-size: 14px;
}
.com_popup .content_container {
  text-align: left;
  max-height: calc(95vh - 150px);
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding: 0 30px 0;
  margin-block: 10px;
}
.com_popup .content_container::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_popup .content_container::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_popup .content_container::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_popup .content_container::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_popup .content_container::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.com_popup .content_container .alert_txt {
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.com_popup .content_container .com_rep_drug ~ .alert_txt {
  margin-block: 10px 15px;
  line-height: 14px;
  font-weight: 500;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.12px;
}
.com_popup .content_container .com_info_write {
  padding-bottom: 20px;
  border-bottom: 1px solid #E7E7E7;
}
.com_popup .content_container .com_info_write.type_row .info_field {
  width: calc(100% - 92px);
  min-width: calc(100% - 92px);
}
.com_popup .content_container .com_info_write.none_line {
  border-bottom: none;
}
.com_popup .content_container .com_cart_box ~ .com_info_write {
  border: 0;
}
.com_popup .content_container .com_cart_box ~ .com_info_write ~ .price_info {
  margin-bottom: 20px;
}
.com_popup .content_container .auto_guide {
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 20px;
}
.com_popup .content_container .info_box {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  padding-block: 30px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  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: 20px;
  margin-bottom: 15px;
}
.com_popup .content_container .info_box .input {
  width: 100px;
}
.com_popup .agree_area {
  border-top: 1px solid #E7E7E7;
  padding-top: 15px;
  margin: 30px;
}
.com_popup .content_container .agree_area {
  margin: 10px 0 30px;
}
.com_popup .btn_container {
  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;
  padding-block: 20px 30px;
  margin-inline: 25px;
  margin-top: -3px;
  gap: 10px;
  position: relative;
}
.com_popup .btn_container.line {
  border-top: 1px solid #E7E7E7;
  margin-top: 0;
}
.com_popup .btn_container .left {
  position: absolute;
  left: 0;
}
.com_popup .btn_container .right {
  position: absolute;
  right: 0;
}
.com_popup .btn_close {
  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: absolute;
  right: 20px;
  top: 15px;
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_close.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.com_popup.type_alert .pop_tit {
  padding-block: 28px 0;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.15px;
}
.com_popup.type_alert:not(:has(.pop_tit)) .content_container {
  padding-block: 50px 20px;
}
.com_popup.type_alert .notice_txt {
  text-align: center;
  line-height: 1.4;
  margin-block: 20px;
}
.com_popup.type_alert .point_txt {
  color: #3DC27A;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 15px;
}

.pop_cate_manage .com_table {
  margin-top: 20px;
}
.pop_cate_manage .com_red_txt {
  margin-top: 20px;
}

.pop_address_list .list.info_box {
  padding-inline: 20px;
  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: flex-start;
}

.pop_contract .notice {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  color: #0E91F2;
  margin-top: 10px;
}
.pop_contract .com_write {
  margin-top: 0 !important;
}

.pop_product_detail .pop_container {
  width: 1262px !important;
}
.pop_product_detail .content_container {
  margin-block: 0;
}
.pop_product_detail .content_container .sec_tit {
  line-height: 20px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.17px;
  margin-bottom: 15px;
}
.pop_product_detail .content_container .sec_tit__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;
}
.pop_product_detail .product_detail_left_sec__scroll {
  max-height: 100%;
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding: 10px 30px;
}
.pop_product_detail .product_detail_left_sec__scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_product_detail .product_detail_left_sec__scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_product_detail .product_detail_left_sec__scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_product_detail .product_detail_left_sec__scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_product_detail .product_detail_left_sec__scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.pop_product_detail .left_sec {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 20px 0;
  width: 634px;
  height: 100%;
  background: #F3F4F6;
  border: 2px solid #222;
  border-radius: 20px;
}
.pop_product_detail .left_sec .com_btn.txt {
  line-height: 20px;
  gap: 8px;
}
.pop_product_detail .left_sec .com_product_list {
  padding-bottom: 0;
}
.pop_product_detail .right_sec {
  margin-left: auto;
  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;
  padding: 30px 0 20px 70px;
  width: calc(100% - 594px);
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0 20px 20px 0;
}
.pop_product_detail .right_sec .scroll {
  max-height: 100%;
  padding-bottom: 1px;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding-right: 30px;
}
.pop_product_detail .right_sec .scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_product_detail .right_sec .scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_product_detail .right_sec .scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_product_detail .right_sec .scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_product_detail .right_sec .scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.pop_product_detail .right_sec .com_product_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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 20px;
  width: 100%;
}
.pop_product_detail .right_sec .com_product_list > * {
  width: calc((100% - 20px * 1) / 2) !important;
  min-width: calc((100% - 20px * 1) / 2);
}
.pop_product_detail .right_sec .com_product_item .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-width: 100%;
  aspect-ratio: 1;
}
.pop_product_detail .right_sec .com_product_item .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.pop_product_detail .right_sec .sec_tit__wrap {
  margin-top: 38px;
}

.pop_return .com_table_top {
  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_return .com_table_top .com_chk__wrap {
  width: 100%;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 10px;
  margin-bottom: 10px;
  justify-content: center;
}
.pop_return .com_table_top .file_field {
  margin-bottom: 10px;
  width: 100%;
}
.pop_return .com_table_top .file_field .com_add_file {
  width: 100%;
}
.pop_return .com_table_top .input_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;
  gap: 5px;
}
.pop_return .com_write .write td .input {
  width: 100%;
}
.pop_return .com_write .write td input[type=number] {
  text-align: left !important;
}
.pop_return .com_add_file .com_btn {
  min-width: auto !important;
}
.pop_return .write + .com_tip {
  margin-left: 15px;
}

.pop_add_product_code .pop_container {
  height: 98vh;
}
.pop_add_product_code .com_table_top {
  justify-content: flex-start;
  margin-top: 15px;
}
.pop_add_product_code .com_table_top .com_keyword_search .input {
  width: 300px !important;
}
.pop_add_product_code .table_bottom {
  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: 15px;
}
.pop_add_product_code .table_bottom .com_tip {
  margin-top: 0;
}
.pop_add_product_code .box {
  border-radius: 5px;
  background: #F3F4F6;
  padding: 12px 20px;
  margin-bottom: 5px;
}
.pop_add_product_code .scroll {
  max-height: calc(100vh - 454px);
  padding-bottom: 1px;
  overflow-x: visible;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  height: calc(100vh - 454px);
}
.pop_add_product_code .scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_add_product_code .scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_add_product_code .scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_add_product_code .scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_add_product_code .scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}

.pop_pharm_setting .com_keyword_search {
  margin-bottom: 10px;
}
.pop_pharm_setting .com_info_write {
  margin-top: 20px;
}
.pop_pharm_setting .com_product_item.type_wide .wrap * {
  word-break: break-all;
}
.pop_pharm_setting .com_product_item.type_wide .wrap .name {
  white-space: normal;
  word-break: break-all;
}
.pop_pharm_setting .com_chk__wrap.center {
  justify-content: center;
}
.pop_pharm_setting .item.salse_period {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
}
.pop_pharm_setting .item.salse_period .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;
  align-self: flex-start;
  margin-right: 20px;
  margin-top: 7px;
}
.pop_pharm_setting .item.salse_period .com_chk__wrap {
  padding-top: 0;
}
.pop_pharm_setting .item.salse_period .salse_period_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;
  column-gap: 17px;
}
.pop_pharm_setting .com_write .guide {
  padding-top: 0;
}

.pop_terms .com_terms {
  max-height: 300px;
  overflow: auto;
}
.pop_terms .com_terms .agree_area {
  margin-inline: 0;
  margin-bottom: 10px;
}
.pop_terms .com_terms + .com_terms {
  margin-top: 20px;
}

.pop_payment .com_chk__wrap.payment {
  margin-top: 20px;
}

.pop_phone_modify .btn_re_request {
  padding-inline: 5.5px;
}

.pop_add_prescription .com_table_top {
  padding-top: 10px;
  justify-content: flex-end;
  gap: 10px;
}
.pop_add_prescription .com_table_top .select {
  width: 150px;
}
.pop_add_prescription .scroll {
  max-height: auto;
  padding-bottom: 1px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_add_prescription .scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_add_prescription .scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_add_prescription .scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_add_prescription .scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_add_prescription .scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.pop_add_prescription .com_table input[type=number] {
  max-width: none;
  width: 100%;
}
.pop_add_prescription .btn_container .com_btn.l {
  min-width: 200px;
}

.pop_ai_edit .scroll {
  max-height: none;
  padding-bottom: 1px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.pop_ai_edit .scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.pop_ai_edit .scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.pop_ai_edit .scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.pop_ai_edit .scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.pop_ai_edit .scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.pop_ai_edit .com_table input[type=number] {
  width: 100%;
  max-width: 100%;
}
.pop_ai_edit .btn_container .com_btn {
  width: 200px;
  min-width: 200px;
}

.pop_memo {
  z-index: 999;
}

.pop_inventory .com_medicine_box {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pop_inventory .com_medicine_box .name {
  white-space: normal;
}
.pop_inventory .com_info_write.type_row .info_field {
  width: auto !important;
  min-width: auto !important;
  justify-content: flex-end;
}
.pop_inventory .com_info_write.type_row .info_field .select {
  width: 100%;
  min-width: 220px;
}

.pop_add_pharmacy .pop_tit__wrap {
  padding-bottom: 0;
}
.pop_add_pharmacy .pop_tit__wrap .com_keyword_search {
  margin-top: 10px;
}
.pop_add_pharmacy .content_container {
  padding-block: 0;
  margin-block: 10px;
}

.pop_store_info .pop_tit {
  padding: 16px 0 12px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.15px;
  border-bottom: 1px solid #E7E7E7;
  margin: 0 25px 10px;
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
}
.pop_store_info .pop_tit > * {
  font-size: 14px;
  font-weight: bold;
}
.pop_store_info .btn_close {
  right: 20px;
  top: 20px;
  width: 12px;
  height: 12px;
}
.pop_store_info .btn_container {
  padding-block: 20px 22px !important;
}
.pop_store_info .info_write {
  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_store_info .info_write .block {
  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_store_info .info_write .block .tit_field {
  width: 100px;
  min-width: 100px;
  color: #666;
}
.pop_store_info .info_write .block.msg {
  margin-top: 16px;
  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-direction: column;
  padding: 10px;
  background: #F3F4F6;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
}
.pop_store_info .info_write .block.msg .textarea {
  padding: 2px 4px;
  width: 100%;
  height: 108px;
  background: none;
  border: 0;
}

.com_point_txt {
  color: #3DC27A !important;
}

.com_red_txt {
  color: #ED2E34 !important;
}

.com_blue_txt {
  color: #0E91F2 !important;
}

.com_green_txt {
  color: #3DC27A !important;
}

.com_gray_txt {
  color: #888 !important;
}

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

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

.em {
  font-weight: 700 !important;
}

.icon_circle {
  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;
  width: 20px;
  height: 20px;
  background: #3DC27A;
  border-radius: 50%;
}
.icon_circle.line {
  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;
  width: 16px;
  height: 16px;
  background: transparent;
  border-radius: 50%;
  border: 1.5px solid #fff;
}
.icon_circle .icon_plus {
  min-width: 12px;
  width: 12px;
  min-height: 12px;
  height: 12px;
}
.icon_circle .icon_go {
  margin: 1px 0 0 1px;
}

.com_tip {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.13px;
  line-height: 1.5;
}
.com_tip + .com_table, .com_tip + .list_sec, .com_tip + .scroll, .com_tip + .write {
  margin-top: 10px;
}
.com_tip.type_top {
  margin-block: 0 5px;
}
.com_tip.alignC {
  text-align: center;
}
.com_btn__wrap.bottom + .com_tip {
  margin-top: 10px;
}

.com_dot_list {
  position: relative;
  width: 100%;
  align-self: flex-start;
}
.com_dot_list + .com_dot_list {
  margin-top: 10px;
}
.com_dot_list.gray {
  padding: 10px 15px;
  background: #F9FAFB;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
}
.com_dot_list.align_left {
  padding: 10px 15px;
}
.com_dot_list.align_left .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
}
.com_dot_list.align_left .item .tit {
  width: 110px;
  color: #222;
}
.com_dot_list.align_left .item .info {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.com_dot_list.align_left .com_btn.s.black {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.com_dot_list.type_row {
  margin-top: 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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px 0;
}
.com_dot_list.type_row .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  width: 50%;
  line-height: 20px;
}
.com_dot_list.type_row .item .tit {
  width: 110px;
  min-width: 110px;
  font-size: 13px;
  color: #222;
}
.com_dot_list.type_row .item .info {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.com_dot_list.type_col .item {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
.com_dot_list.type_col .item .tit {
  padding: 6px 0 10px;
  width: 100%;
  font-weight: 400;
  font-size: 13px;
  color: #222;
  border-bottom: 1px solid #E7E7E7;
}
.com_dot_list.type_col .item .tit:before {
  content: none;
}
.com_dot_list.type_col .item .info {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.com_dot_list.icon {
  margin-block: 10px 35px;
}
.com_dot_list.icon .item {
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 5px;
  line-height: 18px;
  font-size: 14px;
}
.com_dot_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;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  line-height: 25px;
}
.com_dot_list .item.divider {
  margin-top: 7px;
  border-top: 1px solid #E7E7E7;
  padding-top: 7px;
}
.com_dot_list .item.new > * {
  position: relative;
  padding-right: 20px;
}
.com_dot_list .item.new > *:after {
  content: "N";
  position: absolute;
  right: 0;
  top: 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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  width: 16px;
  height: 16px;
  font-weight: 900;
  font-size: 10px;
  color: #fff;
  background: #ED2E34;
  border-radius: 50%;
}
.com_dot_list .item .txt {
  padding-left: 7px;
  font-size: 12px;
  color: #222;
  letter-spacing: -0.13px;
  position: relative;
}
.com_dot_list .item .txt::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  min-width: 2px;
  height: 2px;
  margin-right: 5px;
  background: #222;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_list .item .txt:before {
  margin: -1px 5px 0 -7px;
  align-self: first baseline;
}
.com_dot_list .item .txt.com_red_txt {
  position: relative;
}
.com_dot_list .item .txt.com_red_txt::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  min-width: 2px;
  height: 2px;
  margin-right: 5px;
  background: #ED2E34;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_list .item .link {
  position: relative;
  padding-left: 10px;
  line-height: 18px;
  font-size: 12px;
  color: #222;
  letter-spacing: -0.3px;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.com_dot_list .item .link::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  min-width: 3px;
  height: 3px;
  margin-right: 5px;
  background: #AFB2B5;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_list .item .link:before {
  vertical-align: top;
  margin: 8px 7px 0 -10px;
}
.com_dot_list .item .link:hover {
  text-decoration: underline;
}
.com_dot_list .item .tit {
  padding-left: 7px;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.13px;
  position: relative;
}
.com_dot_list .item .tit::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  min-width: 2px;
  height: 2px;
  margin-right: 5px;
  background: #666;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_list .item .tit:before {
  margin: -3px 5px 0 -7px;
}
.com_dot_list .item .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 7px;
  font-weight: 700;
  letter-spacing: -0.14px;
}
.com_dot_list .item .info .unit {
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.com_dot_list .item .info .icon_shortcut {
  margin-top: 10px;
}
.com_dot_list .item.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: 10px;
  align-items: flex-start;
}
.com_dot_list .item.row .com_chk__wrap.flex_wrap {
  padding-top: 0;
}
.com_dot_list.price_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;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 20px;
}
.com_dot_list.price_info .item {
  margin-left: auto;
  width: 50%;
  line-height: 22px;
  margin-bottom: 5px;
}
.com_dot_list.price_info .item .tit {
  padding-left: 25px;
  font-weight: 600;
  font-size: 13px;
  color: #222;
}
.com_dot_list.price_info .item .tit:before {
  content: none;
}
.com_dot_list.price_info .item .info {
  font-weight: 400;
  font-size: 17px;
}
.com_dot_list.price_info .tip {
  padding: 4px 0 0;
  text-align: right;
  line-height: 16px;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.13px;
}
.com_dot_list.price_info + .com_tip {
  padding-block: 5px 4px;
}

.com_refer_list {
  margin-top: 14px;
}
.com_refer_list li {
  padding-left: 15px;
  font-size: 14px;
  color: #666;
}
@media screen and (max-width: 767.9px) {
  .com_refer_list li {
    font-size: 12px;
  }
}
.com_refer_list li:before {
  content: "※";
  display: inline-block;
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 10px;
  background-color: transparent;
  color: #666;
  margin-left: -15px;
  margin-right: 5px;
}
.com_refer_list li:not(:last-child) {
  margin-bottom: 10px;
}

.com_sale_info {
  padding: 20px;
  width: 100%;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 10px;
}
.com_sale_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;
  width: 100%;
  line-height: 26px;
  margin-bottom: 8px;
}
.com_sale_info > .item .tit {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.15px;
}
.com_sale_info > .item .discount {
  color: #FF4C00;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.com_sale_info > .item .icon_next {
  margin: 0 10px;
}
.com_sale_info > .item .price {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.22px;
}
.com_sale_info > .item .tip {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
}
.com_sale_info .com_dot_list {
  margin-top: 10px;
  border-top: 1px solid #C3EBD5;
  padding-top: 10px;
  line-height: 24px;
}

.com_discount_view {
  padding-block: 20px;
  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;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 20px;
}
.com_discount_view .com_badge {
  margin-right: auto;
}
.com_discount_view .price_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  line-height: 40px;
}
.com_discount_view .price_area .prev {
  font-size: 13px;
  color: #888;
  letter-spacing: -0.14px;
  text-decoration: line-through;
  margin-right: 10px;
}
.com_discount_view .price_area .now {
  font-weight: 700;
  font-size: 21px;
  color: #000;
  letter-spacing: -0.22px;
}

.com_dot_tip li {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  padding-left: 8px;
}
.com_dot_tip li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  min-width: 3px;
  height: 3px;
  margin-right: 5px;
  background: #3DC27A;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_tip li:before {
  margin-left: -8px;
  vertical-align: 4px;
}
.com_dot_tip.gray li {
  position: relative;
}
.com_dot_tip.gray li::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 2px;
  min-width: 2px;
  height: 2px;
  margin-right: 5px;
  background: #222;
  border-radius: 2px;
  vertical-align: middle;
  cursor: default;
}
.com_dot_tip.gray li:before {
  margin-left: -7px;
}

.com_tip_list {
  padding: 15px;
}
.com_tip_list .tit {
  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: 700;
  margin-bottom: 10px;
}
.com_tip_list .tit:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip_point.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.com_tip_list .list {
  color: #666;
  padding-left: 15px;
  line-height: 1.5;
}
.com_tip_list .list li {
  list-style: decimal;
}

.com_medicine_box {
  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: 3px 8px;
  padding: 12px 15px;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 5px;
  margin-bottom: 20px;
  line-height: initial;
}
.com_medicine_box .name {
  font-weight: 700;
  font-size: 14px;
  color: #3DC27A;
  white-space: nowrap;
}
.com_medicine_box.center {
  text-align: center;
  justify-content: center;
}

.com_order_box {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  padding: 13px;
  font-size: 12px;
  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: 4px;
  margin-bottom: 10px;
}
.com_order_box.center {
  text-align: center;
}
.com_order_box.center * {
  text-align: center;
}
.com_order_box.center .product {
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_order_box .product {
  font-weight: 700;
  gap: 5px;
}
.com_order_box .product .info {
  font-weight: 400;
  font-size: 11px;
}
.com_order_box .order_num {
  font-weight: 700;
}
.com_order_box .com_tip {
  margin-top: 0;
}
.com_order_box .txt1 {
  color: #666;
}
.com_order_box .inventory_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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 3px;
}
.com_order_box .inventory_info .num {
  font-size: 15px;
}

.com_pg_tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 10px;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.3px;
  align-items: center;
}
.com_pg_tit .sub {
  display: inline-block;
  font-size: 17px;
  color: #3DC27A;
}
.com_pg_tit__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;
  height: 60px;
}
.com_pg_tit__wrap .com_center_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_pg_tit__wrap .com_keyword_search {
  margin-inline: auto;
}
.com_pg_tit__wrap > .com_btn.xl {
  position: absolute;
  right: 0;
  top: 10px;
  height: 40px;
}
.com_pg_tit__wrap .com_btn.right {
  margin-left: auto;
}
.com_pg_tit__wrap .com_search_area {
  margin-inline: auto 390px;
  width: 592px;
  padding-block: 0;
}
.com_pg_tit__wrap .com_select_ui {
  margin-left: auto;
}
.com_pg_tit__wrap .com_select_ui ~ .com_keyword_search {
  width: 390px;
}
.com_pg_tit__wrap .tip {
  font-size: 13px;
  font-weight: 400;
  margin-left: 20px;
}
.com_pg_tit__wrap .switch {
  border-radius: 50px;
  background: #F3F4F6;
  height: 40px;
  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;
  margin-left: auto;
  padding-inline: 28px;
  font-size: 15px;
  font-weight: 600;
}
.com_pg_tit__wrap.alignB {
  justify-content: space-between;
}

.com_sec_tit {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.com_sec_tit.m {
  font-size: 14px;
}
.com_sec_tit .txt {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin-left: 10px;
  color: #666;
}
.com_sec_tit__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;
  margin-bottom: 10px;
}
.com_sec_tit__wrap .com_sec_tit {
  margin-bottom: 0;
}
.com_sec_tit__wrap .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;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
.com_sec_tit__wrap .tip:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_tip.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.com_sec_tit__wrap .sub {
  margin-right: auto;
  color: #3DC27A;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.com_sec_tit__wrap .sub:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 16px;
  margin-inline: 15px;
  background: #E7E7E7;
  cursor: default;
}
.com_sec_tit__wrap .sub .point {
  font-size: 19px;
}
.com_sec_tit__wrap .sub.black {
  color: #222;
}
.write + .com_sec_tit {
  margin-top: 20px;
}
.com_sec_tit + .guide {
  padding-top: 0 !important;
}

.com_tit_box {
  border-radius: 5px;
  border: 1px solid #3DC27A;
  background: #F0FBF5;
  font-size: 13px;
  font-weight: 600;
  color: #3DC27A;
  text-align: center;
  margin-bottom: 5px;
  padding-block: 5px;
}

.com_terms {
  line-height: 1.5;
}
.com_terms dt {
  font-size: 15px;
  margin-bottom: 15px;
}
.com_terms dt.tit {
  font-weight: 700;
  font-size: 17px;
}
.com_terms dd {
  font-size: 13px;
  color: #666;
}
.com_terms dd + dt {
  margin-top: 30px;
}
.com_terms dd + dd {
  margin-top: 10px;
}

.com_badge {
  position: relative;
  width: 30px;
  height: 35px;
}
.com_badge .icon_badge {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  min-width: 30px;
  height: 35px;
  min-height: 35px;
}
.com_badge .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  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;
  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;
  text-align: center;
  width: 100%;
  height: 100%;
}
.com_badge .text .percent {
  width: 100%;
  line-height: 16px;
  font-weight: 800;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.15px;
}
.com_badge .text .percent .unit {
  font-size: 8px;
}
.com_badge .text .icon_delivery {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_delivery.png);
  width: 19px;
  min-width: 19px;
  height: 18px;
  background-position: 0 0;
  display: block;
  margin: 0 auto;
}
.com_badge .text .tit {
  margin-block: -3px 5px;
  width: 100%;
  line-height: 11px;
  font-weight: 700;
  font-size: 9px;
  color: #fff;
  letter-spacing: -0.16px;
}

.com_txt_badge {
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  height: 31px;
  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-inline: 10px;
  line-height: initial;
}
.com_txt_badge.blue {
  color: #0E91F2;
  background-color: #E7F5FF;
}
.com_txt_badge.point {
  color: #3DC27A;
  background-color: #F0FBF5;
}
.com_txt_badge.green {
  color: #3DC27A;
  border: 1px solid #3DC27A;
  background-color: #EAFCF3;
}
.com_txt_badge.green2 {
  color: #fff;
  border: 1px solid #3DC27A;
  background-color: #3DC27A;
}
.com_txt_badge.gray {
  background-color: #F3F4F6;
}
.com_txt_badge.s {
  border-radius: 5px;
  height: 24px;
  font-size: 12px;
}
.com_txt_badge.xs {
  height: 17px;
  font-size: 11px;
  padding-inline: 5px;
  font-weight: 500;
  border-radius: 3px;
}
.com_txt_badge + .com_sec_tit {
  margin-left: 10px;
}

.com_nodata {
  text-align: center;
  width: 100%;
  flex: 1;
}

.com_info_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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.com_info_txt .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: 15px;
}
.com_info_txt .item:not(:last-of-type) {
  position: relative;
}
.com_info_txt .item:not(:last-of-type):after {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 0px 15px;
  background: #E7E7E7;
  cursor: default;
}
.com_info_txt .btn_area {
  margin-left: auto;
}
.com_info_txt.top_line {
  border-top: 1px solid #E7E7E7;
  padding-top: 10px;
}

/*로딩중*/
.com_loading::before {
  content: "";
  display: inline-block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  width: 40px;
  height: 40px;
  background-image: url("../img/loadingCircle.gif");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9999;
  border-radius: 100%;
}
.com_loading::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9998;
}

.com_sidebar {
  position: fixed;
  right: -473px;
  top: 60px;
  z-index: 103;
  padding-top: 10px;
  padding-inline: 40px 10px;
  width: 503px;
  min-width: 503px;
  min-height: calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: #fff;
  overflow: hidden;
  border: 1px solid #E7E7E7;
  border-radius: 20px 0 0 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.com_sidebar.active {
  right: 0;
}
.com_sidebar.active .svg_icon {
  transform: rotate(0) !important;
}
.com_sidebar .sidebar_toggle_btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background-color: #3DC27A;
}
.com_sidebar .sidebar_toggle_btn .svg_icon {
  transform: rotate(180deg);
}
.com_sidebar .com_user_box {
  padding: 0;
  width: auto;
  border: 0;
  border-radius: 0;
  margin-bottom: 10px;
}
.com_sidebar .com_user_box .top {
  margin-bottom: 3px;
}
.com_sidebar .com_user_box .top .user_img {
  width: 32px;
  height: 32px;
}
.com_sidebar .com_user_box .top .user_name {
  margin-left: 10px;
  width: calc(100% - 42px);
  font-weight: 700;
  font-size: 15px;
}
.com_sidebar .com_user_box .top .user_name .name {
  font-weight: 700;
  font-size: 15px;
  margin: 0;
}
.com_sidebar .com_user_box .under {
  overflow: hidden;
  border: 1px solid #4D5158;
  border-radius: 5px;
}
.com_sidebar .com_user_box .this_month_total {
  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;
  background: none;
  background: #F3F4F6;
  border-radius: 0;
  padding: 3px 15px;
}
.com_sidebar .com_user_box .this_month_total * {
  color: #222;
}
.com_sidebar .com_user_box .this_month_total .title {
  margin-bottom: 0;
  line-height: 17px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.14px;
  margin-right: auto;
}
.com_sidebar .com_user_box .this_month_total .item {
  width: auto;
  line-height: 1.2;
  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;
  white-space: nowrap;
}
.com_sidebar .com_user_box .this_month_total .item .tit {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.13px;
  margin-right: 5px;
}
.com_sidebar .com_user_box .this_month_total .item .info {
  font-weight: 700;
  font-size: 13px;
  color: #0E91F2;
  letter-spacing: -0.14px;
}
.com_sidebar .com_user_box .this_month_total .item + .item {
  position: relative;
}
.com_sidebar .com_user_box .this_month_total .item + .item:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 5px;
  background: #E7E7E7;
  cursor: default;
}
.com_sidebar .com_user_box .this_month_total .item + .item .info {
  color: #3DC27A;
}
.com_sidebar .com_user_box .user_point {
  border-top: 1px solid #E7E7E7;
  padding: 3px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
}
.com_sidebar .com_user_box .user_point .item {
  margin: 0;
  position: relative;
  padding: 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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 8px;
  line-height: 1.2;
  border: 0;
  border-radius: 0;
  flex: 1;
}
.com_sidebar .com_user_box .user_point .item .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;
  align-items: flex-start;
}
.com_sidebar .com_user_box .user_point .item:not(:last-child) {
  border-right: 1px solid #E7E7E7;
}
.com_sidebar .com_user_box .user_point .icon {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
}
.com_sidebar .com_user_box .user_point .tit {
  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: 1px;
  font-size: 12px;
}
.com_sidebar .com_user_box .user_point .info {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.13px;
}
.com_sidebar .submit_area {
  position: absolute;
  left: 40px;
  right: 16px;
  bottom: 10px;
}
.com_sidebar .submit_area .com_btn__wrap .com_btn.l {
  height: 37px;
}
.com_sidebar .submit_area .btn_tip_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;
}
.com_sidebar .submit_area .btn_tip_sec .tip {
  color: #666;
  font-size: 12px;
}
.com_sidebar .submit_area .tip {
  text-align: right;
}
.com_sidebar .price_info {
  border-top: 1px solid #E7E7E7;
  padding: 5px 0;
  border-bottom: 0;
  margin-block: 5px 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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0px 40px;
  width: 100%;
  flex-direction: row;
}
.com_sidebar .price_info > * {
  width: calc((100% - 40px * 1) / 2) !important;
  min-width: calc((100% - 40px * 1) / 2);
}
.com_sidebar .price_info .item {
  line-height: 20px;
  margin: 0;
}
.com_sidebar .price_info .item .tit {
  font-weight: 400;
  font-size: 13px;
  padding-left: 0;
}
.com_sidebar .price_info .item .info {
  font-weight: 400;
  font-size: 13px;
  color: #222;
}
.com_sidebar .com_cart_box .title {
  font-size: 13px;
  margin-bottom: 3px;
}
.com_sidebar .com_cart_box .mall_section {
  height: calc(100vh - 340px);
}
.com_sidebar .com_cart_box .mall_section .scroll {
  min-height: auto !important;
  padding-right: 5px;
  width: calc(100% + 5px);
  margin-right: -5px;
}
.com_sidebar .com_cart_box .company_check {
  margin-top: 2px;
}
.com_sidebar .com_cart_box .company_check .shortcut {
  padding-block: 7px;
}
.com_sidebar .com_cart_box .company_check .shortcut:before {
  top: 10px;
}
.com_sidebar .com_cart_box .com_table {
  margin-block: 3px !important;
}
.com_sidebar .com_cart_box .com_table input[type=text] {
  height: 22px !important;
  font-size: 12px;
}
.com_sidebar .com_cart_box .com_table th, .com_sidebar .com_cart_box .com_table td {
  padding: 3px;
  line-height: 1.2 !important;
  height: 23px;
  border-bottom: 1px solid #E7E7E7;
}
.com_sidebar .com_cart_box .com_table th, .com_sidebar .com_cart_box .com_table th > *, .com_sidebar .com_cart_box .com_table td, .com_sidebar .com_cart_box .com_table td > * {
  font-size: 12px;
}
.com_sidebar .com_cart_box .com_table .price_deliv {
  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;
  font-weight: 400;
  gap: 30px;
  padding-inline: 20px;
}
.com_sidebar .com_cart_box .com_table .price_deliv .deliv_num {
  color: #3DC27A;
}
.com_sidebar .com_chk {
  font-size: 13px;
}
.com_sidebar .com_chk.line .chk {
  padding-block: 5px;
  white-space: normal;
  word-break: break-all;
  padding-right: 110px;
}
.com_sidebar .com_tab .tab {
  flex: 1;
}
.com_sidebar .com_tab .tab.active {
  color: #222;
}
.com_sidebar .sidebar_cart-num {
  color: #3DC27A !important;
}
.com_sidebar .sidebar_order-scroll {
  max-height: calc(100vh - 149px);
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  width: calc(100% + 5px);
  padding-right: 5px;
}
.com_sidebar .sidebar_order-scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_sidebar .sidebar_order-scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_sidebar .sidebar_order-scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_sidebar .sidebar_order-scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_sidebar .sidebar_order-scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.com_sidebar .sidebar_order-notice {
  font-size: 20px;
  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;
  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: 10px;
  border-bottom: 1px solid #666;
  padding-block: 14px 24px;
  margin-bottom: 20px;
}
.com_sidebar .sidebar_order-notice img {
  width: 20px;
}
.com_sidebar .sidebar_order .mall_tit__wrap {
  border-top-width: 5px;
}
.com_sidebar .sidebar_order .mall_tit__wrap:first-of-type {
  border: none;
  padding-top: 0;
}
.com_sidebar .sidebar_order .price_info {
  border-top: none;
  padding-top: 0;
}
.com_sidebar .sidebar_order .com_table thead th {
  text-align: left;
  font-weight: bold;
}
.com_sidebar .sidebar_order_history-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;
}
.com_sidebar .sidebar_order_history-search input {
  margin-left: 5px;
  font-size: 12px !important;
}
.com_sidebar .sidebar_order_history-search input::-webkit-input-placeholder {
  font-size: 12px !important;
}
.com_sidebar .sidebar_order_history-search input:-ms-input-placeholder {
  font-size: 12px !important;
}
.com_sidebar .sidebar_order_history-search input::-ms-input-placeholder {
  font-size: 12px !important;
}
.com_sidebar .sidebar_order_history-search input::placeholder {
  font-size: 12px !important;
}
.com_sidebar .sidebar_order_history-search select {
  width: 115px;
  font-size: 12px;
  padding-inline: 5px 24px;
  background-position: calc(100% - 5px) center;
}
.com_sidebar .sidebar_order_history-search .com_btn {
  margin-left: 10px;
  padding-inline: 10px;
  font-size: 12px;
  height: 30px;
}
.com_sidebar .sidebar_order_history-table {
  border-top: 1px solid #333;
  table-layout: fixed;
}
.com_sidebar .sidebar_order_history-table td {
  padding: 7px 10px;
  border-bottom: 1px solid #E7E7E7;
  font-size: 13px;
}
.com_sidebar .sidebar_order_history-table td * {
  word-break: break-all;
}
.com_sidebar .sidebar_order_history-table td p {
  margin-block: 3px;
}
.com_sidebar .sidebar_order_history-table td:not(:first-child) {
  border-left: 1px solid #E7E7E7;
  text-align: center;
}
.com_sidebar .sidebar_order_history-table td .tit {
  font-weight: 600;
}
.com_sidebar .sidebar_order_history-table td .date {
  color: #888;
}
.com_sidebar .sidebar_order_history-table td .info .gray {
  color: #888;
}
.com_sidebar .sidebar_order_history-table td .num {
  color: #888;
}
.com_sidebar .sidebar_order_history-table td .sate {
  font-weight: 600;
}
.com_sidebar .sidebar_order_history-table td .price {
  font-weight: 600;
}
.com_sidebar .sidebar_order_history-scroll {
  margin-top: 10px;
  max-height: calc(100vh - 235px);
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
  padding-right: 5px;
  width: calc(100% + 5px);
  margin-right: -5px;
}
.com_sidebar .sidebar_order_history-scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_sidebar .sidebar_order_history-scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_sidebar .sidebar_order_history-scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_sidebar .sidebar_order_history-scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_sidebar .sidebar_order_history-scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.com_sidebar .mall_tit {
  color: #3DC27A;
  font-size: 13px;
  margin-block: 3px;
  font-weight: 700;
}
.com_sidebar .mall_tit__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;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #E7E7E7;
  padding-block: 8px;
  margin-top: 8px;
}
.com_sidebar .mall_tit__wrap .tip {
  font-size: 11px;
  color: #666;
}

.com_cart_box {
  height: calc(100% - 458px);
}
.com_cart_box .title {
  line-height: 19px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.16px;
}
.com_cart_box .mall_section {
  height: calc((100% - 29px) / 2);
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 10px;
}
.com_cart_box .mall_section .cart_company {
  border-top: 1px solid #E7E7E7;
  background: #F9FAFB;
  border-radius: 0;
  padding: 5px;
  font-weight: 500;
}
.com_cart_box .mall_section + .mall_section {
  border: 0;
}
.com_cart_box .mall_section + .mall_section .com_chk.line {
  color: #0E91F2;
  border-color: #85CBFF;
}
.com_cart_box .mall_section + .mall_section .com_chk.line input:checked + .chk {
  background: #F3FAFF !important;
  border-color: #0E91F2;
}
.com_cart_box .mall_section + .mall_section .com_chk.line input:checked + .chk:before {
  background-color: #0E91F2;
}
.com_cart_box .mall_section + .mall_section .company_check .shortcut {
  color: #0E91F2;
}
.com_cart_box .mall_section .scroll {
  height: 100%;
  max-height: 100%;
  padding-bottom: 1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: transparent; /*스크롤*/
  scrollbar-highlight-color: #C4C4C4; /*하이라이트*/
  scrollbar-3dlight-color: transparent; /*왼쪽외곽음영*/
  scrollbar-darkshadow-color: transparent; /*오른쪽외곽음영*/
  scrollbar-shadow-color: transparent; /*오른쪽 안쪽음영*/
  scrollbar-arrow-color: transparent; /*화살*/
  scrollbar-track-color: transparent; /*스크롤영역*/
}
.com_cart_box .mall_section .scroll::-webkit-scrollbar { /*스크롤바*/
  width: 6px;
  height: 6px;
}
.com_cart_box .mall_section .scroll::-webkit-scrollbar-button { /*스크롤바 버튼(아래 위 화살표)*/
  width: 0;
  height: 0;
}
.com_cart_box .mall_section .scroll::-webkit-scrollbar-thumb { /*스크롤바 핸들*/
  background-color: #C4C4C4;
  background-clip: padding-box;
  border-radius: 5px;
}
.com_cart_box .mall_section .scroll::-webkit-scrollbar-track { /*스크롤바 진행줄*/
  background: none;
}
.com_cart_box .mall_section .scroll::-webkit-scrollbar-track-piece { /*진행줄에서 핸들로 덮이지 않은 영역 */
  background: none;
}
.com_cart_box .mall_section .com_chk.line {
  font-weight: 600;
  color: #3DC27A;
  border-color: #A9E5C4;
}
.com_cart_box .mall_section .com_chk.line.has_chk {
  font-weight: 600;
  background: #F6FCF9;
  border-color: #3DC27A;
}
.com_cart_box .mall_section .com_chk .guide {
  margin-left: auto;
  font-weight: 400;
  font-size: 12px;
}
.com_cart_box .mall_section .com_table th, .com_cart_box .mall_section .com_table td {
  text-align: center;
  line-height: 16px;
  word-break: break-all;
}
.com_cart_box .mall_section .com_table th a, .com_cart_box .mall_section .com_table td a {
  word-break: break-all;
}
.com_cart_box .mall_section .com_table th .com_btn, .com_cart_box .mall_section .com_table td .com_btn {
  margin-bottom: 4px;
}
.com_cart_box .mall_section .com_table input[type=text] {
  padding-inline: 5px;
}
.com_cart_box .company_check {
  margin-top: 5px;
  position: relative;
}
.com_cart_box .company_check .shortcut {
  position: absolute;
  right: 0;
  top: 0;
  padding: 11px 15px;
  line-height: 19px;
  font-weight: 700;
  font-size: 12px;
  color: #3DC27A;
  letter-spacing: -0.13px;
}
.com_cart_box .company_check .shortcut:before {
  content: "";
  position: absolute;
  left: -3px;
  top: 14px;
  display: block;
  width: 1px;
  height: 12px;
  background: #DADADA;
}
.com_cart_box .company_check .accordion_contents {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.com_cart_box .company_check .accordion_contents.active {
  height: auto;
  visibility: visible;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.com_cart_box .company_check .btn_accordion {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 32px;
  z-index: 2;
  cursor: pointer;
  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_cart_box .company_check .btn_accordion img {
  width: 10px;
  transform: rotate(90deg);
}
.com_cart_box .company_check.active .btn_accordion img {
  transform: rotate(270deg);
}

.com_rep_drug {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 6px;
  flex-flow: column wrap;
  padding: 9px 10px;
  height: 61px;
  background: #F3F4F6;
  border: 1px solid #CCC;
  border-radius: 10px;
}
.com_rep_drug .circle_box {
  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: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  margin: 5.5px 4px;
}
.com_rep_drug.all {
  color: #3DC27A;
}
.com_rep_drug.ban {
  color: #FF4C00;
}
.com_rep_drug.auto {
  color: #3DC27A;
}
.com_rep_drug.prepare {
  color: #983DD0;
}
.com_rep_drug .tit {
  line-height: 19px;
}
.com_rep_drug .info {
  width: calc(100% - 44px);
  line-height: 16px;
}
.com_rep_drug .com_btn_guide {
  position: absolute;
  right: 14px;
  top: 21.5px;
}

.com_search_area {
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_search_area .select {
  width: 130px !important;
  height: 40px;
  border-radius: 30px;
  border-color: #3DC27A;
}
.com_search_area .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;
  margin-right: 5px;
}

.com_select_ui {
  position: relative;
  width: 150px;
  margin-right: 5px;
}
.com_select_ui .com_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  width: 100%;
  padding-inline: 15px;
  border-radius: 30px;
  height: 40px;
  font-size: 14px;
}
.com_select_ui .com_btn .icon_three_line {
  margin-left: auto;
}
.com_select_ui .com_btn.active + .select_list {
  display: block;
}
.com_select_ui .select_list {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 102;
  width: 100%;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);
}
.com_select_ui .select_list li .option {
  padding: 10px 30px;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 0;
  transition: none;
}
.com_select_ui .select_list li .option:hover {
  background: #E7E7E7;
}
.com_select_ui .select_list li .option.active {
  font-weight: 700;
  color: #fff;
  background: #3DC27A;
}
.com_select_ui.type_board_search {
  height: 37px;
  width: auto;
  margin-right: 10px;
}
.com_select_ui.type_board_search .com_btn.black {
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #222;
  color: #222;
  height: 37px;
  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-inline: 15px;
  width: auto;
  flex-direction: row-reverse;
  font-size: 13px;
}
.com_select_ui.type_board_search .com_btn.black .svg_icon.icon_three_line {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none' stroke='%23222' stroke-width='2'%3E%3Cpath d='M0 1h14M0 6.143h14M0 11.285h14'/%3E%3C/svg%3E");
}
.com_select_ui.type_board_search .select_list {
  top: 37px;
  border-radius: 6px;
}
.com_select_ui.type_board_search .select_list li .option {
  padding: 5px 10px;
  font-size: 12px;
}

.com_keyword_search {
  position: relative;
  padding-inline: 17px 11px;
  width: 390px;
  min-width: 390px;
  height: 40px;
  background: #fff;
  border: 3px solid #3DC27A;
  border-radius: 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;
}
.com_keyword_search .input_container {
  position: relative;
  width: 100%;
}
.com_keyword_search .keyword_layer {
  position: absolute;
  width: 100%;
  top: 37px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
  display: none;
  z-index: 2;
}
.com_keyword_search .keyword_layer.active {
  display: block;
}
.com_keyword_search .keyword_layer .keyword {
  padding: 5px 10px;
  width: 100%;
  text-align: left;
}
.com_keyword_search .keyword_layer .keyword:hover {
  background-color: #F0FBF5;
  color: #3DC27A;
}
.com_keyword_search .input {
  padding-right: 10px;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 13px;
  border: 0;
}
.com_keyword_search .input + .com_btn {
  margin-left: 5px;
}
.com_keyword_search .select {
  width: 200px;
  margin-right: 10px;
}
.com_keyword_search .select + .divider_line {
  margin-left: 5px !important;
}
.com_keyword_search .com_btn {
  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: 0;
  overflow: hidden;
}
.com_keyword_search .com_btn.btn_search {
  font-size: 0;
  padding: 0;
}
.com_keyword_search .com_btn.btn_search .svg_icon.icon_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%233DC27A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M16.044 16.044 21 21M17.696 9.848A7.848 7.848 0 1 1 2 9.848a7.848 7.848 0 0 1 15.696 0Z'/%3E%3C/svg%3E");
}
.com_keyword_search .com_btn.btn_reset {
  font-size: 0;
  padding: 0;
}
.com_keyword_search .btn_clear {
  position: absolute;
  right: 47px;
  top: 0;
  width: 45px;
  height: 37px;
  border: 0;
}
.com_keyword_search .btn_search {
  margin-left: auto;
  width: 49px;
  height: 49px;
}
.com_keyword_search input::-webkit-input-placeholder {
  color: #333;
  font-size: 13px;
  font-weight: 500;
}
.com_keyword_search input:-ms-input-placeholder {
  color: #333;
  font-size: 13px;
  font-weight: 500;
}
.com_keyword_search input::-ms-input-placeholder {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.com_keyword_search input::placeholder {
  color: #333;
  font-size: 13px;
  font-weight: 500;
}
.com_keyword_search input:-ms-input-placeholder {
  color: #333;
  font-size: 13px;
  font-weight: 500;
}
.com_keyword_search.type_board_search {
  border: none;
  height: 30px;
  width: auto;
  min-width: auto;
  padding: 0;
  border-radius: 0;
}
.com_keyword_search.type_board_search .select {
  width: 120px;
}
.com_keyword_search.type_board_search .input {
  height: 30px;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  width: 245px;
}
.com_keyword_search.type_board_search input::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.com_keyword_search.type_board_search input:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.com_keyword_search.type_board_search input::-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.com_keyword_search.type_board_search input::placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.com_keyword_search.type_board_search input:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  font-weight: 400;
}
.com_keyword_search.type_board_search .btn_search {
  border-radius: 6px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  border: 1px solid #3DC27A;
  margin-left: 5px;
}
.com_keyword_search.type_board_search .btn_search .svg_icon.icon_search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none' stroke='%233DC27A' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M16.044 16.044 21 21M17.696 9.848A7.848 7.848 0 1 1 2 9.848a7.848 7.848 0 0 1 15.696 0Z'/%3E%3C/svg%3E");
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  background-size: contain;
}
.com_keyword_search.type_board_search .btn_reset {
  border-radius: 6px;
  height: 30px;
  width: 30px;
  min-width: 30px;
  border: 1px solid #3DC27A;
  margin-left: 5px;
}
.com_keyword_search.type_board_search .divider_line {
  display: block;
  width: 1px;
  height: 30px;
  background-color: #E7E7E7;
  margin-inline: 15px;
}
.com_keyword_search.type_board_search .divider {
  margin-left: auto;
}
.com_keyword_search.full {
  width: 100%;
}
.com_keyword_search.full .input {
  flex: 1;
}
.com_keyword_search.extend {
  width: auto;
  flex: 1;
}
.com_keyword_search.extend .input {
  flex: 1;
  width: 100%;
}
.com_keyword_search + .com_table {
  margin-top: 20px;
}
.com_keyword_search .point_sec {
  margin-left: 9px;
  padding: 8px;
  width: 210px;
  height: 37px;
  text-align: center;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 5px;
}
.com_keyword_search .point_sec * {
  display: inline-block;
  line-height: 18px;
  vertical-align: top;
}
.com_keyword_search .point_sec .tit {
  font-size: 12px;
}
.com_keyword_search .point_sec .info {
  font-weight: 700;
  font-size: 14px;
  color: #3DC27A;
}

.com_search_period {
  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_search_period .select {
  min-width: 150px;
  margin-right: 119px;
}
.com_search_period .com_btn {
  min-width: 60px;
  height: 30px;
}
.com_search_period + .com_keyword_search {
  margin-top: 10px;
}
.com_search_period .com_chk_btn {
  min-width: 55px;
}
.com_search_period + .list_sec {
  margin-top: 10px;
}
.com_search_period + .board_top {
  margin-top: 10px;
}
.com_search_period .input_date {
  width: 163px;
}
.com_search_period .divider {
  margin-right: auto;
}

.com_notice_box {
  padding: 20px 24px;
  width: 330px;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-left: auto;
}
.com_notice_box .sec_tit {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.com_notice_box .sec_tit__wrap {
  margin-right: -14px;
  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: 16px;
}
.com_notice_box .com_btn_more {
  padding-block: 4px 3px;
  font-weight: 500;
  color: #2E323B;
  background: none;
  border: 0;
  border-radius: 0;
}
.com_notice_box .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: 8px;
}

.com_user_box {
  padding: 19px 20px;
  width: 330px;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.com_user_box.type_wide {
  padding: 15px 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  width: 100%;
  background: linear-gradient(180deg, #55C98A 0%, #0AAB9A 100%);
  border: 1px solid #3DC27A;
}
.com_user_box.type_wide .top {
  margin: 0 0 0 5px;
}
.com_user_box.type_wide .top .user_img {
  width: 74px;
  height: 74px;
}
.com_user_box.type_wide .top .user_name {
  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;
  width: auto;
  line-height: 24px;
}
.com_user_box.type_wide .top .user_name .item {
  width: 100%;
  font-size: 19px;
  color: #fff;
  letter-spacing: -0.2px;
}
.com_user_box.type_wide .top .user_name .item:first-of-type {
  font-weight: 700;
}
.com_user_box.type_wide .top .user_name .name {
  margin: 0;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.2px;
}
.com_user_box.type_wide .grade_benefit {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 40px;
}
.com_user_box.type_wide .grade_benefit .item {
  width: 100px;
}
.com_user_box.type_wide .grade_benefit .item .tit {
  display: block;
  text-align: center;
  margin-bottom: 11px;
}
.com_user_box.type_wide .grade_benefit .item .icon_piggy {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_piggy.png);
  width: 45px;
  min-width: 45px;
  height: 44px;
}
.com_user_box.type_wide .grade_benefit .item .icon_add_point {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_add_point.png);
  width: 43px;
  min-width: 43px;
  height: 44px;
}
.com_user_box.type_wide .grade_benefit .item .icon_discount {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_discount.png);
  width: 43px;
  min-width: 43px;
  height: 44px;
}
.com_user_box.type_wide .grade_benefit .item .info {
  display: block;
  padding-inline: 10px;
  text-align: center;
  line-height: 17px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.14px;
}
.com_user_box .com_dot_list .item {
  line-height: 34px;
}
.com_user_box .com_dot_list .item .tit {
  padding-left: 11px;
  font-size: 13px;
  position: relative;
}
.com_user_box .com_dot_list .item .tit::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 3px;
  min-width: 3px;
  height: 3px;
  margin-right: 8px;
  background: #666;
  border-radius: 3px;
  vertical-align: middle;
  cursor: default;
}
.com_user_box .com_dot_list .item .tit:before {
  margin: -2px 8px 0 -11px;
}
.com_user_box .com_dot_list .item .info {
  font-size: 14px;
}
.com_user_box .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;
  margin-bottom: 18px;
}
.com_user_box .top .user_img {
  width: 40px;
  height: 40px;
  background: url("../img/user_profile.png") no-repeat center/cover;
}
.com_user_box .top .user_name {
  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;
  width: calc(100% - 49px);
  line-height: 20px;
  font-size: 13px;
  letter-spacing: -0.14px;
}
.com_user_box .top .user_name .name {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.16px;
  margin-right: 4px;
}
.com_user_box .top .user_name .com_btn {
  margin-left: auto;
  border-radius: 15px;
}
.com_user_box .this_month_total {
  width: 100%;
  background: linear-gradient(180deg, #3DC27A 0%, #09AB9B 100%);
  border-radius: 10px;
}
.com_user_box .this_month_total * {
  color: #fff;
}
.com_user_box .this_month_total .link {
  display: block;
  width: 100%;
  padding: 17px 20px 13px;
}
.com_user_box .this_month_total .title {
  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;
  width: 100%;
  line-height: 21px;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 9px;
}
.com_user_box .this_month_total .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: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  width: 100%;
  line-height: 25px;
}
.com_user_box .this_month_total .item .tit {
  font-weight: 600;
  font-size: 14px;
}
.com_user_box .this_month_total .item .info {
  font-weight: 700;
  font-size: 15px;
}
.com_user_box .user_point {
  padding-top: 15px;
  cursor: pointer;
}
.com_user_box .user_point .item {
  margin-top: 5px;
  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: 12px 19px;
  width: 100%;
  line-height: 22px;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
}
.com_user_box .user_point .tit, .com_user_box .user_point .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;
  gap: 10px;
}
.com_user_box .user_point .info {
  font-weight: 700;
  font-size: 14px;
}
.com_user_box .user_point .icon.icon_account {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_account.png);
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.com_user_box .user_point .icon.icon_coupon {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_coupon.png);
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.com_user_box .user_point .icon.icon_point {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_point.png);
  width: 22px;
  min-width: 22px;
  height: 22px;
}
.com_user_box .user_point .icon_shortcut {
  width: 10px;
  height: 11px;
}

.com_product_item {
  position: relative;
  padding: 10px 14px;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  align-self: stretch;
  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;
  font-size: 12px;
}
.com_product_item .com_chk {
  position: absolute;
  right: 0;
  top: 0;
}
.com_product_item .com_badge {
  position: absolute;
  right: 0;
  top: 5px;
}
.com_product_item .thumb {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 158px;
  height: 158px;
  min-width: 158px;
  aspect-ratio: 1;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin: 0 auto 6px;
  cursor: pointer;
}
.com_product_item .thumb > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_product_item .com_btn.auto {
  position: absolute;
  right: 9px;
  top: 9px;
  z-index: 1;
  width: 26px;
  height: 26px;
  font-size: 1px;
  color: transparent;
  border-radius: 50%;
  overflow: hidden;
}
.com_product_item .com_btn.auto .icon_robot {
  width: 22px;
  min-width: 22px;
  height: 16px;
}
.com_product_item .com_like {
  position: absolute;
  left: 9px;
  top: 9px;
  z-index: 1;
  display: block;
  padding-top: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}
.com_product_item .name {
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 3px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
.com_product_item .pack {
  line-height: 17px;
}
.com_product_item .classify {
  line-height: 17px;
  font-size: 12px;
  color: #888;
  margin-bottom: 9px;
}
.com_product_item .tags {
  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: 12px;
}
.com_product_item .tags .tag:before {
  content: "#";
}
.com_product_item .tag {
  word-break: break-all;
  font-size: 12px;
  color: #888;
  letter-spacing: -0.12px;
  margin-top: 3px;
}
.com_product_item .volume {
  font-size: 11px;
  color: #666;
  letter-spacing: -0.12px;
}
.com_product_item .store {
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}
.com_product_item .price_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: 1px;
  padding-block: 6px 4.5px;
  position: relative;
  margin-top: auto;
}
.com_product_item .price_area .discount {
  line-height: 16px;
  font-weight: 600;
  font-size: 12px;
  color: #FF4C00;
}
.com_product_item .price_area .price_x {
  line-height: 13px;
  font-size: 11px;
  color: #B5B5B5;
  letter-spacing: -0.11px;
  text-decoration: line-through;
}
.com_product_item .price_area .price_x + .price {
  padding-top: 0;
}
.com_product_item .price_area .price {
  padding-top: 2px;
  line-height: 18px;
  font-weight: 700;
  font-size: 15px;
}
.com_product_item .company {
  padding: 4px 5px;
  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: 7px;
  font-weight: 500;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.13px;
  border-radius: 5px;
  background: #F9FAFB;
}
.com_product_item .company > img {
  max-width: 25px;
  max-height: 25px;
}
.com_product_item .order_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;
  margin-top: 5px;
}
.com_product_item .order_area .stock .total {
  line-height: 16px;
  font-weight: 700;
  font-size: 14px;
  color: #3DC27A;
  letter-spacing: -0.13px;
}
.com_product_item .order_area .input_number {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
}
.com_product_item .order_area .input_number input {
  width: 50px;
  height: 30px;
  text-align: center;
  border: 0;
  font-size: 14px;
}
.com_product_item .info {
  word-break: break-all;
  font-size: 13px;
  color: #888;
  letter-spacing: -0.12px;
}
.com_product_item.type_detail {
  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;
  flex-direction: row;
  padding: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 24px;
}
.com_product_item.type_detail .wrap {
  width: calc(100% - 190px);
}
.com_product_item.type_detail .name {
  line-height: 19px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 9px;
  cursor: default;
}
.com_product_item.type_detail .limit {
  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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: 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;
  width: 129px;
  height: 115px;
  background: #fff;
  border-radius: 10px;
}
.com_product_item.type_detail .limit .brand {
  line-height: 19px;
  font-weight: 700;
  font-size: 15px;
  color: #3DC27A;
  margin-bottom: 11px;
  text-align: center;
}
.com_product_item.type_detail .limit .tit {
  line-height: 15px;
  font-size: 11px;
}
.com_product_item.type_detail .limit .min_price {
  line-height: 16px;
  font-size: 12px;
}
.com_product_item.type_detail .btn_sec {
  margin-block: 19px 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;
  width: 100%;
  gap: 5px;
}
.com_product_item.type_detail .btn_sec .com_btn {
  font-weight: 700;
  font-size: 12px;
}
.com_product_item.type_detail .btn_sec .com_btn.black {
  margin-left: auto;
}
.com_product_item.type_detail .thumb {
  width: 100%;
  height: 430px;
  margin-bottom: 13px;
  cursor: default;
}
.com_product_item.type_detail .small_thumbs {
  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: 12px;
}
.com_product_item.type_detail .small_thumbs .item {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  min-width: 85px;
  aspect-ratio: 1;
  width: 85px;
  height: 85px;
  border: 1px solid #E7E7E7;
  border-radius: 10px;
}
.com_product_item.type_detail .small_thumbs .item > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_product_item.type_detail .info {
  color: #222;
}
.com_product_item.type_wide {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -moz-flex-direction: 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;
  height: auto;
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  box-shadow: none;
  margin-bottom: 10px;
}
.com_product_item.type_wide .thumb {
  width: 100px;
  min-width: 100px;
  height: 100px;
  margin: 0;
}
.com_product_item.type_wide .wrap {
  flex-grow: 1;
  padding-block: 10px;
  padding-inline: 14px 12px;
}
.com_product_item.type_wide .wrap .name {
  line-height: 18px;
  font-weight: 700;
}
.com_product_item.type_wide .wrap .info {
  margin-top: 10px;
  font-size: 12px;
}
.com_product_item.type_wide .sales_rate {
  margin-block: 12px;
  position: relative;
  padding-inline: 15px 5px;
  min-width: 190px;
  width: 190px;
  border-left: 1px solid #E7E7E7;
  align-self: center;
}
.com_product_item.type_wide .medicine_info {
  color: #3DC27A;
  font-size: 12px;
  margin-bottom: 10px;
}

.com_product_detail {
  margin-bottom: 24px;
}
.com_product_detail ~ .com_product_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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 20px;
  width: 100%;
  padding-block: 0;
}
.com_product_detail ~ .com_product_list > * {
  width: calc((100% - 20px * 1) / 2) !important;
  min-width: calc((100% - 20px * 1) / 2);
}
.com_product_detail ~ .com_product_list .com_product_item {
  background: #fff;
}

.com_map_wrap {
  position: relative;
  width: 100%;
  height: 300px;
  border-radius: 5px;
  overflow: hidden;
}
.com_map_wrap .btn_location {
  position: absolute;
  width: 17px;
  height: 17px;
  background: #3DC27A;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
}
.com_map_wrap .btn_location:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 4px;
  top: 4px;
  width: 9px;
  height: 9px;
  background: #fff;
  border-radius: 50%;
}
.com_map_wrap .location_layer {
  position: absolute;
  transform: translate(-50%, -100%);
  margin-left: 8px;
  margin-top: -6px;
  padding: 7px 14px;
  text-align: center;
  line-height: 18px;
  font-weight: 500;
  background: #fff;
  border: 1px solid #3DC27A;
  border-radius: 5px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
}
.com_map_wrap .location_layer .phone {
  font-size: 12px;
  color: #3DC27A;
}

.com_stock_input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  gap: 10px;
  padding: 20px;
  width: 100%;
  background: #F9FAFB;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  margin-bottom: 20px;
}
.com_stock_input .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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  width: 50%;
  height: 50px;
  background: #E7F7EF;
  border-radius: 5px;
}
.com_stock_input .item .num {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #3DC27A;
}
.com_stock_input input.input {
  width: 50%;
  height: 50px;
  text-align: center;
  border-radius: 5px;
}
.com_stock_input input.input::-webkit-inner-spin-button, .com_stock_input input.input::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  margin: 0;
  opacity: 1;
}

.com_box {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #CCC;
  background: #FFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.com_box.green {
  border-color: #3DC27A;
  background-color: #F0FBF5;
}
.com_box.green .com_sec_tit {
  color: #3DC27A;
}
.com_box + .com_box {
  margin-top: 20px;
}
.com_box .com_btn__wrap.bottom .com_btn {
  min-width: 150px;
}
.com_box + .com_btn__wrap.bottom {
  margin-block: 30px 20px;
}
.com_box + .com_btn__wrap.bottom .com_btn {
  min-width: 120px;
}

.com_graph_area {
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  padding: 20px;
}

.com_thumb_wrap {
  max-width: 100%;
}
.com_thumb_wrap .swiper {
  margin-bottom: 20px;
  padding-bottom: 10px;
  max-width: 100%;
}
.com_thumb_wrap .swiper .swiper-wrapper {
  max-width: none;
}
.com_thumb_wrap .swiper .swiper-slide {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  min-width: 130px;
  aspect-ratio: auto;
  width: 130px !important;
  max-width: 130px;
  border: 1px solid #E7E7E7;
  overflow: hidden;
}
.com_thumb_wrap .swiper .swiper-slide > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.com_thumb_wrap .swiper .swiper-scrollbar {
  left: 0;
  bottom: 0;
  width: 100%;
}
.com_thumb_wrap .com_bg_chk {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
  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: 7px;
  width: 100%;
  line-height: 17px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.com_thumb_wrap .com_bg_chk input[type=checkbox],
.com_thumb_wrap .com_bg_chk input[type=radio] {
  position: relative;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 0;
}
.com_thumb_wrap .com_bg_chk input[type=checkbox]::before,
.com_thumb_wrap .com_bg_chk input[type=radio]::before {
  content: "";
  display: inline-block;
  min-width: 18px;
  width: 18px;
  height: 18px;
  border: 1px solid #BFBFBF;
  border-radius: 3px;
  cursor: pointer;
  transition: none;
}
.com_thumb_wrap .com_bg_chk input[type=checkbox]:checked::before,
.com_thumb_wrap .com_bg_chk input[type=radio]:checked::before {
  background: #3DC27A url("../img/chk_on.png") no-repeat center/20px auto;
  border: 0;
}
.com_thumb_wrap .com_bg_chk input[type=checkbox]:disabled::before,
.com_thumb_wrap .com_bg_chk input[type=radio]:disabled::before {
  opacity: 0.7;
}
.com_thumb_wrap .btn_del {
  position: absolute;
  right: 4px;
  top: 4px;
  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: 16px;
  height: 16px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
  background: #FFF url("../img/icon_delete.png") no-repeat center;
  border: 1px solid #E7E7E7;
  border-radius: 50%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.com_select_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;
  margin-bottom: 10px;
}
.com_select_date select {
  min-width: 120px;
  width: auto;
}
.com_select_date .unit {
  font-size: 12px;
  color: #666;
  margin-left: auto;
}

.com_product_list {
  padding-block: 0 20px;
  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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 10px;
  width: 100%;
}
.com_product_list > * {
  width: calc((100% - 10px * 6) / 7) !important;
  min-width: calc((100% - 10px * 6) / 7);
}

.com_table {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #E7E7E7;
}
.com_table .sort_wrap {
  position: absolute;
  width: 10px;
  height: 14px;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
.com_table .sort_wrap .svg_icon {
  width: 10px;
  height: 6px;
}
.com_table .sort_wrap .svg_icon.icon_sort {
  top: 50%;
  transform: translateY(calc(-50% + 3px));
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'  viewBox='0 0 11 6' fill='none'%3E%3Cpath fill='%23fff' d='m5.5 6-5-6h10l-5 6Z'/%3E%3C/svg%3E");
}
.com_table .sort_wrap .svg_icon.ascending {
  bottom: auto;
  transform: translateY(calc(-50% - 3px)) rotate(180deg);
}
.com_table .sort_wrap .hidden {
  display: none !important;
}
.com_table:has(.resizable) {
  table-layout: fixed;
}
.com_table:has(.sticky) {
  border-top: 0;
}
.com_table:has(thead) td {
  text-align: center;
}
.com_table_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;
  padding-bottom: 8px !important;
}
.com_table_top .com_sec_tit {
  margin-right: auto;
  margin-bottom: 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;
}
.com_table_top .com_sec_tit .sub {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  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_table_top .com_sec_tit .sub:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 1px;
  height: 12px;
  margin-inline: 10px;
  background: #E7E7E7;
  cursor: default;
}
.com_table_top .notice_txt {
  color: #666;
  font-size: 12px;
  align-self: flex-start;
}
.com_table_top .date_txt {
  margin-left: auto;
}
.com_table_top .date_txt + .com_btn {
  margin-left: 17px;
}
.com_table_top .select {
  width: 150px;
  margin-right: 10px;
}
.com_table_top .com_search_period + .com_keyword_search {
  margin: 0;
}
.write + .com_table_top {
  margin-top: 20px;
}
.com_table_top .info_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;
  gap: 20px;
}
.com_table_top .info_field .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;
  gap: 3px;
}
.com_table_top .top_txt {
  margin-block: 15px;
}
.com_table_top .divider {
  margin-left: auto;
}
.com_table_top.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;
  align-items: flex-start;
}
.com_table_bottom {
  margin-top: 10px;
}
.com_table_bottom .tip {
  color: #666;
  font-size: 12px;
}
.com_table_bottom.alignR {
  text-align: right;
}
.com_table_bottom.alignB {
  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_table th, .com_table td {
  padding: 3px 5px;
  line-height: 17px;
  font-size: 12px;
  height: 25px;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.com_table th .sub, .com_table td .sub {
  display: block;
  font-weight: 400;
  color: #888;
}
.com_table tr:nth-of-type(5n) td, .com_table tr:nth-child(5n) td {
  border-bottom: 2px solid #D3D3D3;
}
.com_table th {
  font-weight: 500;
  background: #808080;
  text-align: center;
  color: #fff;
  position: relative;
}
.com_table th .txt {
  display: inline-block;
  vertical-align: middle;
}
.com_table th + th:last-child {
  border-right: none;
}
.com_table td {
  text-align: left;
  word-break: break-all;
}
.com_table td *, .com_table td a {
  word-break: break-all;
}
.com_table td:last-of-type {
  border-right: 0;
}
.com_table td.going {
  color: #0E91F2;
}
.com_table td.complete {
  color: #3DC27A;
}
.com_table td.some_going {
  color: #0E91F2;
}
.com_table td .memo {
  border: 1px solid #E7E7E7;
  padding: 4px 10px;
  min-height: 30px;
  border-radius: 6px;
}
.com_table td .com_btn {
  font-weight: 400;
  font-size: 12px;
  height: 25px;
  padding-inline: 10px;
}
.com_table td .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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}
.com_table thead th:last-of-type {
  border-right: 0;
}
.com_table thead th.right_line {
  border-right: 1px solid #E7E7E7;
}
.com_table tr {
  position: relative;
  height: 26px;
}
.com_table tr.selected, .com_table tr:hover {
  background-color: #F0FBF5;
}
.com_table tr.cancel td {
  color: #ED2E34;
  text-decoration: line-through;
}
.com_table .resizable {
  position: relative;
  user-select: none;
}
.com_table .resizable::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
  height: 100%;
  cursor: col-resize;
}
.com_table .aliginC {
  text-align: center !important;
}
.com_table .alignR {
  text-align: right !important;
}
.com_table tfoot tr:first-child th, .com_table tfoot tr:first-child td {
  border-top: 1px solid #E7E7E7;
}
.com_table tfoot th, .com_table tfoot td {
  text-align: center;
  font-weight: 700;
  background: #F9FAFB;
}
.com_table tfoot th:last-child, .com_table tfoot td:last-child {
  border-right: 0;
}
.com_table tfoot th .sub, .com_table tfoot td .sub {
  display: inline;
}
.com_table:has(tfoot) tbody tr:last-child th, .com_table:has(tfoot) tbody tr:last-child td {
  border-bottom: none;
}
.com_table .sticky {
  position: sticky;
  z-index: 2;
}
.com_table .sticky.top {
  top: 0;
}
.com_table .sticky.top th {
  border-top: 1px solid #E7E7E7;
}
.com_table .sticky.bottom {
  bottom: -1px;
}
.com_table .select {
  max-width: 120px;
  height: 25px;
}
.com_table .charge .em {
  color: #0E91F2;
}
.com_table .spend .stock,
.com_table .sold_out .stock {
  color: #ED2E34;
}
.com_table .svg_icon.icon_write {
  vertical-align: middle;
  margin-left: 5px;
}
.com_table .total {
  background-color: #F9FAFB;
}
.com_table input[type=text], .com_table input[type=date] {
  height: 25px;
}
.com_table input[type=number] {
  max-width: 40px;
  height: 25px;
}
.com_table .input.full {
  width: 100% !important;
}
.com_table .com_btn.icon {
  margin-inline: auto;
}
.com_table .price_x {
  text-decoration: line-through;
  color: #888;
  font-size: 12px;
}
.com_table.type_row tr {
  background: none;
}
.com_table.type_row th, .com_table.type_row td {
  padding: 3px 10px;
  height: 37px;
}
.com_table.type_row th {
  font-weight: 500;
}
.com_table.type_row td {
  background: none;
}
.com_table + .com_btn__wrap.bottom, .com_table + .com_info_write {
  margin-top: 15px;
}
.com_table .input_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_table .input_wrap.gap {
  gap: 5px;
}
.com_table .no_data {
  position: absolute;
  width: 100%;
}
.com_table .com_like {
  vertical-align: -4px;
}
.com_table .com_like input:before {
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-left: 5px;
}

.com_input_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_input_wrap .com_btn {
  margin: 0 !important;
}
.com_input_wrap.center {
  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_input_wrap.between {
  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_input_wrap .tit_field {
  white-space: nowrap;
}

.com_write .write {
  border-top: 1px solid #E7E7E7;
  table-layout: fixed;
  width: 100%;
}
.com_write .write + .write {
  border-top: 0;
}
.com_write .write + .write.one_column {
  margin-top: 10px;
  border-top: 1px solid #E7E7E7;
}
.com_write .write + .write.one_column thead + tbody td {
  padding: 4px 20px;
}
.com_write .write + .write.space {
  margin-top: 16px;
  border-top: 1px solid #E7E7E7;
}
.com_write .write.com_chk_contents.active {
  display: table !important;
}
.com_write .write .none_line.right {
  border-right: none;
}
.com_write .write th, .com_write .write td {
  height: 26px;
}
.com_write .write th {
  padding: 3px 10px;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.13px;
  background: #F9FAFB;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.com_write .write td {
  padding: 3px 10px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.13px;
  background: #fff;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
}
.com_write .write td:last-of-type {
  border-right: 0;
}
.com_write .write td .align_flex {
  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: 3px 0;
  min-height: 43px;
  gap: 7px;
  white-space: nowrap;
}
.com_write .write td.aliginC {
  text-align: center;
}
.com_write .write td .input {
  width: 117px;
}
.com_write .write td .input[type=date] {
  width: 125px;
  margin-left: 5px;
}
.com_write .write td .input.full {
  width: 100%;
}
.com_write .write td .input.tel {
  width: 197px;
}
.com_write .write td .input.hp[type=number] {
  text-align: left !important;
}
.com_write .write td .guide {
  padding-block: 6px;
  text-align: left;
}
.com_write .write td .input_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: 15px;
}
.com_write .write td .input_wrap .input {
  flex: 1;
}
.com_write .write td .input_wrap .com_btn.right {
  margin-left: auto;
}
.com_write .write td .input_wrap .nowrap {
  white-space: nowrap;
}
.com_write .write td .input_wrap + .input_wrap {
  margin-top: 10px;
}
.com_write .write td .input_wrap .input_tit {
  align-self: flex-start;
  line-height: 37px;
  min-width: 55px;
  padding-right: 20px;
}
.com_write .write td .input_wrap .name:not(:first-of-type) {
  margin-left: 15px;
}
.com_write .write td .input_wrap.between {
  justify-content: space-between;
}
.com_write .write td .block {
  padding: 7px 0;
}
.com_write .write td .com_dot_list .item {
  margin-top: 10px;
}
.com_write .write td .point_box {
  border-radius: 5px;
  background-color: #F0FBF5;
  padding-inline: 15px;
  height: 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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  font-size: 12px;
  font-weight: 400;
}
.com_write .write td .point_box .price_x {
  text-decoration: line-through;
}
.com_write .write td .com_dot_list {
  gap: 10px;
}
.com_write .write td .com_dot_list .item {
  line-height: 16px;
}
.com_write .write td.has_table {
  padding: 0;
}
.com_write .write td.has_table .write {
  border-top: none;
}
.com_write .write td.has_table .write tr:last-child td {
  border-bottom: none;
}
.com_write .write td.has_table .write thead th {
  padding: 3px 10px;
}
.com_write .write td.has_table .write thead th:not(:last-child) {
  border-right: 1px solid #E7E7E7;
}
.com_write .write thead th {
  padding: 10px;
  background: #F3F4F6;
  border-right: 0;
}
.com_write .write thead + tbody td {
  padding: 4px 10px;
  text-align: center;
}
.com_write .write thead + tbody td .align_flex {
  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_write .write thead + tbody td .align_flex .input {
  width: 70px;
}
.com_write .write thead + tbody td .align_flex .select {
  width: 122px;
}
.com_write .write thead + tbody td .com_chk__wrap {
  padding: 3px 0;
  min-height: 43px;
}
.com_write .write thead + tbody td .com_chk__wrap .input {
  width: 60px;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents.com_chk__wrap {
  border-top: 1px solid #E7E7E7;
  padding: 7px 20px 3px;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents.contents_wrap {
  border-top: 1px solid #E7E7E7;
  gap: 4px;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents.contents_wrap .com_chk__wrap {
  padding: 7px 20px 3px;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents .com_chk__wrap {
  border-top: 1px solid #E7E7E7;
  width: 100%;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents .com_chk__wrap:first-of-type {
  border-top: 0;
}
.com_write .write thead + tbody td .com_chk__wrap ~ .com_chk_contents .align_flex {
  padding: 7px 20px 3px;
}
.com_write .write .input_box {
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  height: 30px;
  padding-inline: 10px;
  color: #999;
  font-size: 12px;
  width: 135px;
  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;
  white-space: nowrap;
  gap: 5px;
}
.com_write .write .input_box .input {
  border: none;
  padding: 0;
  width: 75px !important;
  height: 28px;
  flex: 1;
}
.com_write .write input[type=date] {
  width: 130px;
  max-width: 130px;
}
.com_write .write .note-editor.note-frame {
  width: 100%;
}
.com_write .write .com_chk {
  font-size: 12px;
}
.com_write .guide {
  padding-block: 20px 10px;
  line-height: 16px;
  font-size: 12px;
  color: #0E91F2;
  letter-spacing: -0.13px;
}
.com_write .guide + .guide {
  border-top: 1px solid #E7E7E7;
}
.com_write > .com_keyword_search.type_board_search {
  width: 100%;
  margin-bottom: 10px;
}
.com_write > .com_keyword_search.type_board_search .input {
  width: calc(100% - 47px);
}
.com_write .btn_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;
  padding-block: 15px;
  border-bottom: 1px solid #E7E7E7;
}
.com_write + .com_sec_tit {
  margin-top: 20px;
}
.com_write + .com_info_write {
  margin-top: 10px;
}
.com_write .fileuploadBox input[type=file] {
  display: none;
}
.com_write input[type=hidden] {
  display: none;
}
.com_write .com_thumb_wrap .swiper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.com_write .com_thumb_wrap .swiper .swiper-slide {
  margin-bottom: 5px;
}
.com_write .tip {
  color: #666;
  font-size: 11px;
  margin-left: 10px;
}
.com_write + .com_dot_tip {
  margin-top: 10px;
}

.com_list .item {
  border-bottom: 1px solid #E7E7E7;
}
.com_list .item .link_area {
  position: relative;
  display: block;
  padding: 15px 0;
}
.com_list .item.done .com_badge {
  color: #666;
  background: #DFE4EC;
}
.com_list .tit_field {
  line-height: 18px;
  font-size: 14px;
  letter-spacing: -0.15px;
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
}
.com_list .cont_field {
  margin-top: 10px;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: -0.13px;
}
.com_list .info_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;
  gap: 7px;
  line-height: 16px;
  font-size: 12px;
  color: #888;
  letter-spacing: -0.12px;
}
.com_list .info_field .info {
  position: relative;
}
.com_list .info_field .info + .info {
  margin-left: 1px;
  position: relative;
  padding-left: 1px;
  padding-left: 9px;
}
.com_list .info_field .info + .info:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background: #979797;
  cursor: default;
}
.com_list .info_field .info + .com_btn {
  margin-left: 20px;
}
.com_list .info_field .info .btn_like .chk {
  padding: 0;
  background: none;
  border: 0;
}
.com_list .info_field .info .svg_icon {
  margin-right: 4px;
}
.com_list .info_field.state {
  gap: 20px;
  position: absolute;
  right: 21px;
  top: 50%;
  margin-top: -8px;
  color: #222;
}
.com_list .info_field.state .info {
  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;
  padding-left: 0;
}
.com_list .info_field.state .info:before {
  content: none;
}
.com_list .info_field.state .svg_icon {
  min-width: 16px;
  width: 16px;
  min-height: 19px;
  height: 19px;
}

.com_view .top {
  position: relative;
  padding-block: 0 10px;
  border-bottom: 1px solid #E7E7E7;
  gap: 8px;
  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_view .top.type_grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.com_view .top .icon_chat {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.com_view .top .icon_write {
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.1'%3E%3Cpath d='M10.496 4.376 4.066 10.8H1.2V7.935L7.625 1.51a1.043 1.043 0 0 1 1.484 0l1.38 1.381a1.043 1.043 0 0 1 0 1.485h.007ZM1.8 7.8l2.4 2.4'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.com_view .top .title {
  font-weight: 600;
  font-size: 18px;
  color: #222;
  word-break: break-all;
}
.com_view .top .info_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;
  gap: 9px;
}
.com_view .top .info_field .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;
  gap: 3px;
  color: #888;
  font-weight: 400;
  position: relative;
}
.com_view .top .info_field .info .com_btn.txt {
  text-decoration: underline;
}
.com_view .top .info_field .info .com_btn.line {
  position: absolute;
  left: 9px;
  top: 25px;
  gap: 3px;
  height: 40px;
  font-weight: 400;
  border-color: #CCC;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  display: none;
  z-index: 2;
}
.com_view .top .info_field .info .com_btn.line.active {
  display: flex;
}
.com_view .top .info_field .info + .info {
  margin-left: 1px;
  position: relative;
  padding-left: 1px;
  padding-left: 9px;
}
.com_view .top .info_field .info + .info:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 1px;
  height: 10px;
  background: #ddd;
  cursor: default;
}
.com_view .top .info_field.state {
  justify-content: flex-end;
}
.com_view .view_contents {
  padding-block: 10px;
  line-height: 20px;
  letter-spacing: -0.14px;
}
.com_view .tit_area {
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 17px;
}
.com_view .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: 20px;
  padding-block: 10px;
  border-bottom: 1px solid #E7E7E7;
}
.com_view .info_area .memo {
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  background: #FFF;
  min-width: 365px;
  padding: 12px 15px;
  align-self: stretch;
  overflow-y: auto;
}
.com_view .file_field {
  margin-top: 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: 15px;
  padding-top: 10px;
}
.com_view .file_field + .file_field {
  padding-top: 5px;
}
.com_view .com_btn__wrap.bottom {
  border-top: 1px solid #E7E7E7;
  padding-top: 20px;
}
.com_view .com_table {
  margin-top: auto;
}
.com_view .com_table + .file_field {
  margin-top: 0;
}
.com_view .com_chk.line.l {
  flex: none;
}
.com_view .com_chk.line.l .chk {
  font-size: 20px;
}

/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.com_info_write .com_btn.m,
.com_write .write .com_btn.m {
  height: 30px;
}
.com_info_write input[type=text] + .com_btn,
.com_info_write input[type=number] + .com_btn,
.com_info_write select + .com_btn,
.com_write .write input[type=text] + .com_btn,
.com_write .write input[type=number] + .com_btn,
.com_write .write select + .com_btn {
  height: 30px;
}

.com_info_write {
  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_info_write.type_row {
  gap: 10px 0;
  padding: 0 !important;
  border: 0 !important;
}
.com_info_write.type_row .block {
  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;
  flex-direction: row;
  margin-top: 0 !important;
}
.com_info_write.type_col {
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_info_write.type_col > * {
  width: 100%;
}
.com_info_write.type_box {
  border-radius: 10px;
  border: 1px solid #E7E7E7;
  background: #F9FAFB;
  padding: 15px;
  margin-bottom: 10px;
}
.com_info_write .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;
  width: 100%;
}
.com_info_write .block:not(:first-child) {
  margin-top: 10px;
}
.com_info_write .block.row {
  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;
  flex-direction: row;
}
.com_info_write .block.row:not(:first-child) {
  margin-top: 5px;
}
.com_info_write .block.row.left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
}
.com_info_write .block.row .tit_field {
  white-space: nowrap;
}
.com_info_write .block.row .info_field {
  min-width: 100px;
  text-align: right;
}
.com_info_write .block.line {
  border-top: 1px solid #E7E7E7;
  padding-top: 10px;
}
.com_info_write .block.col2 {
  width: calc((100% - 20px) / 2);
}
.com_info_write .block.payment_price {
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  background: #F9FAFB;
  padding: 15px 11px;
  flex-direction: 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;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}
.com_info_write .block.payment_price .tit {
  font-weight: 500;
}
.com_info_write .block.payment_price .info {
  color: #3DC27A;
}
.com_info_write .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;
  gap: 9px;
  line-height: 17px;
}
.com_info_write .tit_field .state, .com_info_write .tit_field .com_chk {
  margin-left: auto;
}
.com_info_write .tit_field .com_chk {
  font-weight: 400;
  font-size: 12px;
}
.com_info_write .tit_field .icon_must {
  font-size: 14px;
  font-weight: 600;
  margin-left: -5px;
  color: #FF4C00;
  font-style: normal;
}
.com_info_write .tit_field .tip {
  font-weight: 400;
  font-size: 11px;
  color: #666;
  margin-left: auto;
}
.com_info_write .info_field .editor {
  width: 100%;
  height: 405px;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
}
.com_info_write .info_field .com_chk__wrap.payment .com_chk {
  min-width: calc((100% - 20px) / 3);
  width: calc((100% - 20px) / 3);
}
.com_info_write .info_field .payment {
  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;
  width: 100%;
}
.com_info_write .info_field .payment .input_wrap {
  padding-top: 15px;
}
.com_info_write .info_field .com_add_file {
  gap: 10px;
  width: 100%;
  margin: 0;
}
.com_info_write .info_field .com_add_file .input_form {
  width: calc(100% - 115px);
}
.com_info_write .info_field .com_add_file .input_form .input {
  width: 100%;
}
.com_info_write .info_field .com_add_file .com_btn {
  min-width: 105px !important;
  width: 105px;
  color: #3DC27A;
  border-color: #3DC27A;
}
.com_info_write .info_field .guide {
  line-height: 16px;
  font-size: 12px;
  color: #ED2E34;
  letter-spacing: -0.13px;
  margin-top: 10px;
}
.com_info_write .info_field.found {
  padding-block: 20px 0;
  text-align: center;
  line-height: 20px;
  font-size: 13px;
  letter-spacing: -0.14px;
  border-top: 1px solid #E7E7E7;
}
.com_info_write .info_field.found .text {
  font-weight: 700;
}
.com_info_write .info_field.email {
  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: 10px;
}
.com_info_write .info_field.file .com_btn {
  font-weight: 500;
}
.com_info_write .info_field.file.only_btn .input_form {
  display: none;
}
.com_info_write .info_field.file.only_btn .com_btn {
  min-width: 100% !important;
  width: 100%;
}
.com_info_write .info_field.com_chk__wrap {
  gap: 10px;
}
.com_info_write .info_field.com_chk__wrap .com_chk_btn {
  flex: 1;
}
.com_info_write .info_field.time {
  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: 0;
}
.com_info_write .info_field.time .select {
  width: calc(50% - 10px);
}
.com_info_write .info_field.time .icon_flow {
  width: 20px;
  text-align: center;
  color: #000;
  font-weight: 600;
}
.com_info_write .input_form {
  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;
  gap: 10px;
}
.com_info_write .input_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;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap: 5px 10px;
}
.com_info_write .input_wrap + .info_field {
  padding-top: 0;
}
.com_info_write .input_wrap + .info_field .guide {
  margin-top: -7px;
}
.com_info_write .input_wrap + .info_field .com_btn {
  margin-left: auto;
}
.com_info_write .input_wrap .input {
  width: calc(100% - 115px);
}
.com_info_write .input_wrap .input + .com_btn {
  width: 105px;
}
.com_info_write .input_wrap .guide {
  margin-top: 0;
}
.com_info_write .input_wrap input[type=file] {
  position: absolute;
  left: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  overflow: hidden;
}
.com_info_write .input_wrap ~ .input {
  margin-top: 10px;
}
.com_info_write .input_wrap.flex.between {
  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_info_write .input_wrap.nowrap {
  flex-wrap: nowrap;
}
.com_info_write .num {
  font-size: 15px;
  font-weight: 600;
  color: #3DC27A;
}
.tip + .com_info_write {
  margin-top: 20px;
}
.com_info_write + .com_write {
  margin-top: 10px;
}
.com_info_write .sms_code_input .com_btn {
  min-width: 105px !important;
}

.com_unit_input {
  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 #E7E7E7;
  border-radius: 6px;
  height: 30px;
  padding-inline: 10px;
  width: 100px;
}
.com_unit_input .input {
  height: 28px;
  border: none;
  flex: 1;
  width: 100%;
}

.com_note .target {
  padding: 11px 10px 9px;
  line-height: 18px;
  font-weight: 700;
  font-size: 14px;
  color: #3DC27A;
  letter-spacing: -0.15px;
  background: #F0FBF5;
  border: 1px solid #9EE1BD;
  border-radius: 5px;
  margin-bottom: 20px;
}
.com_note .target + .com_keyword_search {
  margin-block: -10px 10px;
}
.com_note .textarea {
  min-height: 200px;
}

.com_comment_wrap .tit {
  padding-block: 14px;
  line-height: 22px;
  font-size: 14px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .tit b {
  color: #3DC27A;
}
.com_comment_wrap .comment_write {
  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-block: 0 20px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .comment_write .textarea {
  width: calc(100% - 110px);
  min-height: 100px;
  height: 100px;
}
.com_comment_wrap .comment_write .com_btn {
  width: 100px;
  height: 100px;
  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_comment_wrap .each_comment {
  position: relative;
  padding-block: 20px;
  border-bottom: 1px solid #EFF2F5;
}
.com_comment_wrap .each_comment .modify_btn {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_write.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}
.com_comment_wrap .each_comment .delete_btn {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn_close.png);
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 1px;
  color: transparent;
  overflow: hidden;
}
.com_comment_wrap .com_paging {
  margin-block: 20px 30px;
}
.com_comment_wrap .com_list {
  display: block;
}
.com_comment_wrap .com_list li {
  position: relative;
  display: block;
}
.com_comment_wrap .com_list li ul li {
  padding-left: 23px;
}
.com_comment_wrap .com_list li ul li:before {
  content: "";
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon_reply.png);
  width: 16px;
  min-width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 22px;
}
.com_comment_wrap .com_list li .contents {
  margin-top: 12px;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.28px;
}
.com_comment_wrap .com_list li .comment_write {
  padding-top: 20px;
}
.com_comment_wrap .com_list .info_field.state {
  gap: 14px;
}
.com_comment_wrap .com_list .info_field.state .info {
  margin-left: 8px;
}

.com_member_form .form_wrap {
  padding: 30px;
  width: 540px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

.com_agree {
  border-top: 1px solid #E7E7E7;
  margin-block: 20px;
  padding-block: 15px 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;
}
@media screen and (max-width: 767.9px) {
  .com_agree {
    margin-top: 20px;
    padding-block: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .com_agree {
    gap: 5px;
  }
}
.com_agree .must {
  color: #3DC27A;
}
.com_agree .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: 10px;
}
.com_agree .item .com_chk {
  color: #666;
}
.com_agree .btn {
  font-size: 12px;
  color: #3DC27A;
  text-decoration: underline;
  text-underline-offset: 2px;
  margin-left: auto;
}
.com_agree .all {
  padding-block: 0 15px;
  font-weight: 700;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 5px;
}
@media screen and (max-width: 767.9px) {
  .com_agree .all {
    margin-bottom: 15px;
  }
}
.com_agree .all .com_chk {
  color: #222;
}
.com_agree .email {
  border-top: 1px solid #E7E7E7;
  margin-top: 25px;
  padding-top: 25px;
  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;
  color: #666;
}
@media screen and (max-width: 767.9px) {
  .com_agree .email {
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
  }
}
.com_agree .email .tit_field {
  min-width: 120px;
}

.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;
  gap: 7px;
  max-width: 100%;
}
.com_add_file * {
  max-width: 100%;
}
.com_add_file .select_main_img {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #E7E7E7;
  background: #fff;
  padding: 3px 5px;
  font-size: 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: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  gap: 5px;
  cursor: pointer;
}
.com_add_file .select_main_img input[type=checkbox]:before {
  content: "";
  display: inline-block;
  width: 18px;
  min-width: 18px;
  height: 18px;
  border: 1px solid #BFBFBF;
  border-radius: 3px;
}
.com_add_file .select_main_img input[type=checkbox]:checked:before {
  background: #3DC27A url("../img/chk_on.png") no-repeat center/20px auto;
  border: 0;
}
.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 #ddd;
  margin-left: 0;
  padding-inline: 10px;
}
.com_add_file .com_btn {
  flex: 0; /* com_btn이 필요한 만큼의 공간만 차지하도록 설정 */
  min-width: 132px !important;
}
.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: 120px;
  aspect-ratio: 3/2; /* 원하는 이미지 비율에 맞게 설정 (120 / 80 = 3 / 2) */
  object-fit: cover; /* 이미지가 컨테이너를 채울 수 있도록 설정 */
}
.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_pay_method {
  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;
  width: 100%;
}
.com_pay_method .input_wrap {
  padding: 0;
  flex-wrap: nowrap;
}
.com_pay_method .com_chk__wrap {
  gap: 10px;
}
.com_pay_method .com_chk__wrap .com_chk {
  flex: 1;
}
.com_pay_method .com_chk__wrap .com_chk .chk {
  padding-inline: 10px;
  width: 100%;
}

.com_select_box {
  margin-bottom: 10px;
}
.com_select_box .select_field {
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #E7E7E7;
  background: #F3F4F6;
  text-align: center;
  padding-block: 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;
}
.com_select_box .select_field .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;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
}
.com_select_box .input_field {
  border-radius: 0px 0px 5px 5px;
  border-right: 1px solid #E7E7E7;
  border-bottom: 1px solid #E7E7E7;
  border-left: 1px solid #E7E7E7;
  display: none;
  padding: 5px;
}
.com_select_box .input_field.active {
  display: block;
}
.com_select_box .input {
  width: 100px;
}

.com_input_num {
  text-align: center;
}

/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.pop_chat .tab_container {
  min-height: 464px;
}
.pop_chat .search_chat, .pop_chat .search_friend {
  border-bottom: 1px solid #E7E7E7;
  justify-content: center;
  padding-bottom: 10px;
}
.pop_chat .com_chk__wrap {
  padding-block: 15px;
  border-bottom: 1px solid #E7E7E7;
}
.pop_chat .chat_list .list {
  display: grid;
  grid-template-columns: 44px auto 80px;
  grid-template-rows: repeat(2, 1fr);
  gap: 3px 10px;
  align-items: center;
  padding-block: 20px;
  border-bottom: 1px solid #E7E7E7;
  position: relative;
  cursor: pointer;
}
.pop_chat .chat_list .list .profile {
  border-radius: 16px;
  grid-row: 1/3;
  width: 44px;
  height: 44px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  aspect-ratio: auto;
  background: url(../img/noimg_profile.jpg) no-repeat center;
  background-size: contain;
}
.pop_chat .chat_list .list .profile > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.pop_chat .chat_list .list .name {
  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: 600;
}
.pop_chat .chat_list .list .time {
  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-end;
  gap: 5px;
  font-size: 11px;
  color: #999;
}
.pop_chat .chat_list .list .time .svg_icon {
  width: 15px;
  min-width: 15px;
  height: 15px;
}
.pop_chat .chat_list .list .txt {
  display: block;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  display: block;
}
.pop_chat .chat_list .list .new_area {
  text-align: right;
}
.pop_chat .chat_list .list .new_area .num {
  border-radius: 50px;
  background-color: #006453;
  height: 16px;
  padding-inline: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  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;
  width: auto;
}
.pop_chat .chat_list .list .com_like {
  font-size: 0;
}
.pop_chat .chat_list.type_friend .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: 12px;
}
.pop_chat .chat_list.type_friend .list .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  aspect-ratio: auto;
  height: auto;
}
.pop_chat .chat_list.type_friend .list .profile > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.pop_chat .chat_list.type_friend .list .com_like {
  margin-left: auto;
}

.pop_chat_room .btn_close {
  top: 15px;
  right: 20px;
}
.pop_chat_room .chat_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;
  height: 100%;
  padding: 40px 18px 0;
  max-height: 95vh;
}
.pop_chat_room .chat_wrap .profile {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  min-width: 45px;
  aspect-ratio: auto;
  border-radius: 100%;
  margin-right: 10px;
}
.pop_chat_room .chat_wrap .profile > img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: none;
}
.pop_chat_room .chat_wrap .chat_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;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 15px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
}
.pop_chat_room .chat_wrap .chat_top .icon_user {
  margin-right: 4px;
}
.pop_chat_room .chat_wrap .chat_top .set_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: 8px;
}
.pop_chat_room .chat_wrap .chat_top .set_area .icon_set {
  cursor: pointer;
}
.pop_chat_room .chat_wrap .chat_top .set_area .svg_icon.icon_notice {
  width: 18px;
  min-width: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.67 19.311c-.55 0-1.06-.29-1.34-.76-.28-.47-.29-1.06-.03-1.54l1.69-1.57v-5.06c0-4 3.27-7.52 7.01-7.52 3.74 0 7.01 3.52 7.01 7.53v5.06l1.69 1.57c.26.48.25 1.07-.03 1.54s-.79.76-1.34.76H4.67v-.01ZM9.82 19.68c0 1.2.98 2.18 2.18 2.18 1.2 0 2.18-.98 2.18-2.18M4.99 15.451h9.37'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pop_chat_room .chat_wrap .chat_top .set_area .layer {
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #DFE4EC;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 10px;
  right: 0;
  top: 35px;
  z-index: 3;
}
.pop_chat_room .chat_wrap .chat_top .set_area .layer.active {
  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_room .chat_wrap .chat_top .set_area .layer .btn {
  color: #1A1818;
  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;
  font-size: 12px;
  justify-content: flex-start;
}
.pop_chat_room .chat_wrap .chat_top .set_area .layer .icon_logout {
  width: 15px;
  min-width: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pop_chat_room .chat_wrap .chat_mid {
  height: 640px;
  background: #fff;
}
.pop_chat_room .chat_wrap .chat_mid .scroll_body {
  height: 557px;
  max-height: calc(95vh - 167px);
  width: calc(100% + 50px);
  margin-left: -25px;
  padding-inline: 25px;
  overflow-y: auto;
}
.pop_chat_room .chat_wrap .chat_mid .date_area {
  font-size: 11px;
  line-height: 1.67;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.pop_chat_room .chat_wrap .chat_mid .date_area:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #F0F4F5;
  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 .profile {
  position: absolute;
  left: 0;
}
.pop_chat_room .chat_wrap .chat_mid .box {
  background: #F0F4F5;
  padding: 10px;
  font-size: 12px;
  line-height: 1.47;
  text-align: left;
  max-width: 260px;
  width: auto;
  border-radius: 5px;
  font-weight: 500;
  position: relative;
  word-break: break-all;
}
.pop_chat_room .chat_wrap .chat_mid .box:after {
  content: "";
  display: block;
  width: 8.8px;
  height: 6.7px;
  position: absolute;
  background-size: cover;
  top: 6px;
}
.pop_chat_room .chat_wrap .chat_mid .name_field {
  color: #777381;
  font-size: 12px;
  font-weight: 500;
}
.pop_chat_room .chat_wrap .chat_mid .date_field {
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: right;
  color: #777381;
}
.pop_chat_room .chat_wrap .chat_mid .img {
  border-radius: 10px;
  overflow: hidden;
  max-width: 260px;
}
.pop_chat_room .chat_wrap .chat_mid .img img {
  width: 100%;
  height: auto;
}
.pop_chat_room .chat_wrap .chat_mid :is(.get, .send) {
  padding-block: 20px;
  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;
  position: relative;
}
.pop_chat_room .chat_wrap .chat_mid .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: 7px;
}
.pop_chat_room .chat_wrap .chat_mid .send {
  justify-content: flex-end;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}
.pop_chat_room .chat_wrap .chat_mid .send .box {
  background-color: #F0F4F5;
}
.pop_chat_room .chat_wrap .chat_mid .send .box:after {
  right: -8.8px;
  background-image: url("../img/chat_send.png");
}
.pop_chat_room .chat_wrap .chat_mid .get {
  padding-left: 55px;
}
.pop_chat_room .chat_wrap .chat_mid .get .box {
  margin-top: 10px;
  align-self: flex-start;
}
.pop_chat_room .chat_wrap .chat_mid .get .box:after {
  background-image: url("../img/chat_get.png");
  left: -8.8px;
}
.pop_chat_room .chat_wrap .chat_bottom {
  height: 50px;
  background: #fff;
  border-top: 1px solid #E7E7E7;
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.pop_chat_room .chat_wrap .chat_bottom .select {
  width: 150px;
  border-radius: 0;
  border: 0;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea {
  flex: 1;
  padding: 11.5px 15px;
  height: 42px;
  min-height: 42px;
  background: none;
  font-size: 12px;
  line-height: 1.2;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea:focus {
  outline: none;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea::-webkit-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 12px;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea:-ms-input-placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 12px;
}
.pop_chat_room .chat_wrap .chat_bottom .textarea::placeholder {
  color: #c4c4c4;
  opacity: 1;
  font-size: 12px;
}
.pop_chat_room .chat_wrap .chat_bottom .btn_photo {
  text-align: center;
  margin-left: 0;
  width: 42px;
  height: 42px;
  border-radius: 3px;
  border: 1px solid #E7E7E7;
  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 .com_btn {
  margin-left: 0;
  width: 55px;
  height: 42px;
}

.pop_chat_member .content_container {
  padding-inline: 0;
  padding-block: 20px;
  margin-inline: 30px;
  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: 20px;
  border-block: 1px solid #E7E7E7;
}
.pop_chat_member .content_container .name {
  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;
}