html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
em {
  font-style: normal;
  font-weight: 600;
}
button:focus,
button:focus-visible,
label:focus,
label:focus-visible {
  outline: none;
}

a:hover {
  text-decoration: none;
}

/* input number 타입 기본 증감버튼 제거 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}

/* image {
  width: 500px;
} */

:root {
  --dxp-s-component-wrapper-spacer-size: 0;
  --dxp-s-section-content-spacing-block-start: 0;
  --dxp-s-section-content-spacing-inline-start: 0;
  --dxp-s-section-content-spacing-inline-end: 0;
  --dxp-s-section-content-spacing-block-end: 0;
  --dxp-s-section-content-spacing-block-start-mobile: 0;
  --dxp-s-section-content-spacing-inline-start-mobile: 0;
  --dxp-s-section-content-spacing-inline-end-mobile: 0;
  --dxp-s-section-content-spacing-block-end-mobile: 0;
  --dxp-s-link-text-decoration-focus: 'none';
  --dxp-s-link-text-decoration-hover: 'none';

  --dteka-env-bottom: env(safe-area-inset-bottom, 0);
  --dteka-env-top: env(safe-area-inset-top, 0);

  --dteka-main-color: #12bfbe;
  --dteka-secondary-color: #283541;
  --dteka-other-1: #ff4a4d;
  --dteka-other-2: #fce919;
  --dteka-gray-0: #ffffff;
  --dteka-gray-5: #f8f8f8;
  --dteka-gray-7: #F5F5F5;
  --dteka-gray-10: #e8e8e8;
  --dteka-gray-15: #dddddd;
  --dteka-gray-20: #cccccc;
  --dteka-gray-25: #999999;
  --dteka-gray-30: #666666;
  --dteka-gray-35: #333333;
  --dteka-gray-100: #000;

  --dteka-default-font-color: #222222;
  --dteka-default-font-family: 'Pretendard';
  --dteka-default-font-family-bold: 'Pretendard';
  --dteka-default-border-color: var(--dteka-gray-10);

  --dteka-error: var(--dteka-other-1);

  --dteka-content-max-width: 1440px;
  --dteka-page-title-font-color: #222222;
  --dteka-page-layout: 0 20px;
  --dteka-page-layout-x: 20px;
  --dteka-page-layout-bottom: 50px;
  --dteka-page-layout-top-ka: 94px;
  --dteka-page-layout-top-ff: 58px;

  --dteka-filter-label-font-size: 14px;
  --dteka-filter-label-color: #222222;
  --dteka-filter-label-margin-bottom: 0px;
  --dteka-filter-label-font-weight: 500;

  --dteka-divider-color: #f2f2f2;
  --dteka-divider-height: 11px;

  --dteka-docker-height: 65px;


  --tmp-button-width: 100%;
  --tmp-button-height: auto;
  --tmp-button-dialog-border-color: #d8d8d8;
  --tmp-button-gap: 4px;
  --tmp-button-padding-y: 0px;
  --tmp-button-padding-x: 16px;
  --tmp-button-padding : var(--tmp-button-padding-y) var(--tmp-button-padding-x);
  --tmp-button-background-color : transparent;
  --tmp-button-border-width: 0px;
  --tmp-button-border-radius: var(--tmp-radius);
  --tmp-button-flex-flow: row;
  --tmp-button-font-color: var(--dteka-default-font-color);
  --tmp-button-white-space: normal;
  --tmp-button-justify-content: center;
  --tmp-button-align-items: center;

  --tmp-button-brand-font-color: #fff;
  --tmp-button-brand-border-width : 1px;
  --tmp-button-brand-background-color: var(--dteka-main-color);

  --tmp-button-outline-font-color: var(--dteka-default-font-color);
  --tmp-button-outline-background-color: var(--dteka-gray-0);
  --tmp-button-outline-border-color: var(--dteka-gray-15);
  --tmp-button-outline-border-width : 1px;

  --tmp-button-outline-brand-font-color: var(--dteka-default-font-color);
  --tmp-button-outline-brand-background-color: var(--dteka-gray-0);
  --tmp-button-outline-brand-border-color: var(--dteka-main-color);
  --tmp-button-outline-brand-border-width : 1px;

  --tmp-button-outline-secondary-font-color: var(--dteka-default-font-color);
  --tmp-button-outline-secondary-background-color: var(--dteka-gray-0);
  --tmp-button-outline-secondary-border-color: var(--dteka-secondary-color);
  --tmp-button-outline-secondary-border-width : 1px;

  --tmp-button-secondary-font-color: #fff;
  --tmp-button-secondary-border-width : 1px;
  --tmp-button-secondary-background-color: var(--dteka-secondary-color);

  --tmp-button-refresh-background-color: #f2f2f2;
  --tmp-button-refresh-border-width : 1px;
  --tmp-button-refresh-border-color : #f2f2f2;
  --tmp-button-refresh-font-color: var(--dteka-default-font-color);
  
  --tmp-button-disabled-background-color: var(--dteka-gray-10);
  --tmp-button-disabled-font-color: var(--dteka-gray-25);
  
  --tmp-button-link-font-size: 14px;
  --tmp-button-link-font-color: var(--dteka-gray-30);
  --tmp-button-link-font-weight: 500;

  --tmp-button-height-xl: 50px;
  --tmp-button-height-lg: 46px;
  --tmp-button-height-md: 40px;
  --tmp-button-height-sm: 30px;
  --tmp-button-height-xs: 16px;

  --tmp-button-font-size-xl: 16px;
  --tmp-button-font-size-lg: 16px;
  --tmp-button-font-size-md: 14px;
  --tmp-button-font-size-sm: 14px;
  --tmp-button-font-size-xs: 14px;

  --tmp-button-font-weight-xl: 500;
  --tmp-button-font-weight-lg: 500;
  --tmp-button-font-weight-md: 400;
  --tmp-button-font-weight-sm: 400;
  --tmp-button-font-weight-xs: 300;

  --tmp-border-color: #d8d8d8;
  --tmp-radius: 6px;
  --tmp-rounded: 20px;
  --tmp-hover: #f0f0f0;

  --tmp-input-layout-gap: 12px;
  --tmp-input-wrap-orientation: column;
  --tmp-input-border-color: var(--dteka-gray-10);
  --tmp-input-border-radius: var(--tmp-radius);
  --tmp-input-border-width : 1px;
  --tmp-input-font-weight : 400;
  --tmp-input-line-height : 100%;
  --tmp-input-padding: 0 42px 0 16px;
  --tmp-input-font-size: 14px;
  --tmp-input-font-color: var(--dteka-default-font-color);
  --tmp-input-border-color-disabled: var(--dteka-gray-10);
  --tmp-input-font-color-disabled: var(--dteka-default-font-color);
  --tmp-input-background-color : #fff;
  --tmp-input-background-color-disabled: #f5f5f5;
  --tmp-input-height: 46px;
  --tmp-input-placeholder-color: var(--dteka-gray-25);

  --tmp-input-reset-button-width: 20px;
  --tmp-input-reset-button-height: 20px;
  --tmp-input-reset-button-position-right: 16px;
  --tmp-input-search-button-width: 20px;
  --tmp-input-search-button-height: 20px;
  --tmp-input-search-button-position-right: 16px;
  --tmp-date-icon-position-right: 16px;
  --tmp-date-icon-url: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_135_2610" fill="white"><rect x="1" y="3" width="14" height="12" rx="1"/></mask><rect x="1" y="3" width="14" height="12" rx="1" stroke="%23333333" stroke-width="3" mask="url(%23path-1-inside-1_135_2610)"/><path d="M1 7H15" stroke="%23333333" stroke-width="1.5"/><path d="M4.75 1.5C4.75 1.08579 4.41421 0.75 4 0.75C3.58579 0.75 3.25 1.08579 3.25 1.5H4.75ZM4 4H4.75V1.5H4H3.25V4H4Z" fill="%23333333"/><path d="M12.75 1.5C12.75 1.08579 12.4142 0.75 12 0.75C11.5858 0.75 11.25 1.08579 11.25 1.5H12.75ZM12 4H12.75V1.5H12H11.25V4H12Z" fill="%23333333"/></svg>');
  --tmp-date-range-gap: 8px;

  --tmp-textarea-padding: 14px 16px;
  --tmp-textarea-length-color: var(--dteka-gray-25);
  --tmp-textarea-length-size: 14px;
  --tmp-textarea-input-height: 88px;
  --tmp-textarea-height: 120px;
  --tmp-textarea-count-position-right: 16px;
  --tmp-textarea-count-position-bottom: 16px;
  --tmp-textarea-count-height: 32px;

  --tmp-checkbox-layout-gap: 10px;
  --tmp-checkbox-gap: 8px;
  --tmp-checkbox-faux-width: 24px;
  --tmp-checkbox-faux-height: 24px;
  --tmp-checkbox-border-color: var(--dteka-gray-10);
  --tmp-checkbox-border-radius: 4px;
  --tmp-checkbox-label-color: var(--dteka-gray-35);
  --tmp-checkbox-border-color-active: var(--dteka-secondary-color);
  --tmp-checkbox-background-color-active: var(--dteka-secondary-color);
  --tmp-checkbox-border-color-disabled: var(--dteka-gray-10);
  --tmp-checkbox-font-color-disabled: var(--dteka-gray-25);
  --tmp-checkbox-background-color-disabled: var(--dteka-gray-10);

  --tmp-checkbox-button-border-radius: var(--tmp-radius);

  --tmp-checkbox-button-padding: 12px;
  --tmp-checkbox-button-height: 46px;
  --tmp-checkbox-button-font-color: var(--dteka-gray-30);
  --tmp-checkbox-button-font-size: 14px;
  --tmp-checkbox-button-background-color-active: #f8ffff;
  --tmp-checkbox-button-border-color-active: var(--dteka-main-color);
  --tmp-checkbox-button-font-color-active: #09b4b3;
  --tmp-checkbox-button-layout-gap: 10px 5px;

  --tmp-checkbox-check-button-padding: 12px 8px 12px 16px;
  --tmp-checkbox-check-button-font-color: var(--dteka-gray-30);
  --tmp-checkbox-check-button-width: 10px;
  --tmp-checkbox-check-button-height: 10px;
  --tmp-checkbox-check-button-font-size: 14px;

  --tmp-radio-layout-gap: 10px;
  --tmp-radio-gap: 10px;
  --tmp-radio-faux-width: 24px;
  --tmp-radio-faux-height: 24px;
  --tmp-radio-faux-inner-width: 10px;
  --tmp-radio-faux-inner-height: 10px;
  --tmp-radio-faux-border-color: var(--dteka-gray-10);
  --tmp-radio-label-color: var(--tmp-checkbox-label-color);
  --tmp-radio-border-color: var(--dteka-gray-10);
  --tmp-radio-border-color-disabled: var(--dteka-gray-10);
  --tmp-radio-font-color-disabled: var(--dteka-gray-25);
  --tmp-radio-background-color-disabled: #f5f5f5;
  --tmp-radio-button-border-radius: var(--tmp-radius);
  --tmp-radio-button-padding: 12px;
  --tmp-radio-button-height: 46px;
  --tmp-radio-button-font-color: var(--dteka-gray-30);
  --tmp-radio-button-font-size: 14px;
  --tmp-radio-button-backgorund-color-active: #f8ffff;
  --tmp-radio-button-font-color-active: #09b4b3;
  --tmp-radio-check-button-padding: 12px 8px 12px 16px;
  --tmp-radio-check-button-font-color: var(--dteka-gray-30);
  --tmp-radio-check-button-font-size: 14px;
  --tmp-radio-button-layout-gap: 10px 5px;

  --tmp-dialog-header-border-color: #000;
  --tmp-dialog-button-height: 54px;
  --tmp-dialog-button-font-size: 16px;
  --tmp-dialog-button-icon-gap: 5px;
  --tmp-dialog-dimmed-color: rgba(0, 0, 0, 0.25);

  --tmp-drawer-transition: transform 0.25s;
  --tmp-drawer-header-padding: 24px 20px 8px;
  --tmp-drawer-header-font-size: 20px;
  --tmp-drawer-header-align: left;
  --tmp-drawer-border-radius: 10px;
  --tmp-drawer-header-title-font-color: #222222;

  --tmp-modal-default-width: 600px;
  --tmp-modal-small-width: calc(100vw - 40px);
  --tmp-modal-large-width: 800px;
  --tmp-modal-transition: opacity 0.25s;
  --tmp-modal-header-padding: 10px 24px 5px;
  --tmp-modal-header-content-padding: 0 0 5px;
  --tmp-modal-header-font-size: 18px;

  --tmp-notice-width: calc(100vw - 40px);
  --tmp-notice-padding: 20px;
  --tmp-notice-border-radius: 8px;
  --tmp-notice-backgorund-color: var(--dteka-gray-0);
  --tmp-notice-border-color: var(--dteka-secondary-color);
  --tmp-notice-position-bottom: 85px;
  --tmp-notice-position-bottom-scroll: 20px;
  --tmp-notice-title-font-color: #222222;
  --tmp-notice-title-font-size: 14px;
  --tmp-notice-title-font-weight: 500;
  --tmp-notice-msg-space: 6px;
  --tmp-notice-msg-font-color: #222222;
  --tmp-notice-msg-font-size: 14px;
  --tmp-notice-msg-font-weight: 300;
  --tmp-notice-msg-line-height: 19px;

  --tmp-alert-width: 335px;
  --tmp-alert-border-radius: 10px;
  --tmp-alert-header-font-size: 20px;
  --tmp-alert-header-font-size-small: 16px;
  --tmp-alert-header-title-font-color: #222222;
  --tmp-alert-header-padding: 40px 24px 16px;
  --tmp-alert-header-padding-top: 24px;
  --tmp-alert-body-padding: 16px 24px 8px;
  --tmp-alert-body-font-color: #222222;

  --tmp-accordion-border-color: var(--dteka-default-border-color);
  --tmp-accordion-font-color: var(--dteka-default-font-color);
  --tmp-accordion-content-background-color: var(--dteka-gray-5);

  --tmp-counter-height: 36px;
  --tmp-counter-border-radius: 4px;
  --tmp-counter-border-color: var(--dteka-gray-10);
  --tmp-counter-input-width: 30px;
  --tmp-counter-button-width: 36px;
  --tmp-counter-font-size: 13px;

  --tmp-pagination-gap: 4px;
  --tmp-pagination-min-width: 32px;
  --tmp-pagination-border-radius: 4px;
  --tmp-pagination-padding: 8px;
  --tmp-pagination-font-size: 12px;
  --tmp-pagination-font-color: var(--dteka-default-font-color);
  --tmp-pagination-border-color-avtive: #8e8e8e;
  --tmp-pagination-font-color-avtive: var(--dteka-main-color);

  --tmp-search-popover-margin-top: 4px;
  --tmp-search-popover-padding: 8px;
  --tmp-search-popover-max-height: 150px;
  --tmp-search-popover-item-radius: 6px;
  --tmp-search-popover-item-background-color-hover: #efefef;
  --tmp-search-popover-item-gap: 4px;
  --tmp-search-popover-item-padding: 6px;

  --tmp-badge-border-radius: 4px;
  --tmp-badge-color-brand: var(--dteka-main-color);
  --tmp-badge-border-color-outline: #8e8e8e;
  --tmp-badge-font-color-outline: #000;
  --tmp-badge-background-color-save: #f8fbff;
  --tmp-badge-border-color-save: #2835414d;
  --tmp-badge-font-color-save: var(--dteka-secondary-color);
  --tmp-badge-background-color-use: #fff6f7;
  --tmp-badge-border-color-use: #ff4a4d4d;
  --tmp-badge-font-color-use: var(--dteka-other-1);
  --tmp-badge-background-color-cancel: var(--dteka-gray-5);
  --tmp-badge-border-color-cancel: var(--dteka-gray-10);
  --tmp-badge-font-color-cancel: var(--dteka-gray-25);
  --tmp-badge-border-color-tier: var(--dteka-gray-10);
  --tmp-badge-font-color-tier: var(--dteka-secondary-color);
  --tmp-badge-background-color-option: var(--dteka-gray-5);
  --tmp-badge-border-color-option: var(--dteka-gray-5);
  --tmp-badge-font-color-option: var(--dteka-gray-30);
  --tmp-badge-border-radius-option: 6px;
  --tmp-badge-border-color-tag: #12bfbe80;
  --tmp-badge-background-color-tag: #f8ffff;
  --tmp-badge-font-color-tag: #12afae;
  --tmp-badge-background-color-expect: #f5f5f5;
  --tmp-badge-border-color-expect: rgba(34, 34, 34, 0.3);
  --tmp-badge-font-color-expect: var(--dteka-gray-30);

  --tmp-badge-border-color-basic-score: var(--dteka-gray-20);
  --tmp-badge-background-color-basic-score: var(--dteka-gray-5);
  --tmp-badge-font-color-basic-score: var(--dteka-gray-30);

  --tmp-badge-border-color-add-score: #12bfbe80;
  --tmp-badge-background-color-add-score: #f8ffff;
  --tmp-badge-font-color-add-score: #12afae;

  --tmp-badge-background-color-reduction: #edf3ff;
  --tmp-badge-border-color-reduction: #3d81ff4d;
  --tmp-badge-font-color-reduction: #3d81ff;

  --tmp-badge-border-radius-tag: 50px;
  --tmp-badge-font-size-xl: 14px;
  --tmp-badge-font-size-lg: 12px;
  --tmp-badge-font-size-md: 11px;
  --tmp-badge-font-size-sm: 10px;
  --tmp-badge-font-size-xs: 8px;
  --tmp-badge-padding: 0px 6px;

  --tmp-badge-padding-xl: 0px 12px;
  --tmp-badge-padding-lg: 0px 10px;

  --tmp-badge-background-color-event: linear-gradient(251.87deg, #6a53ed 23.48%, #1083ed 86.93%);
  --tmp-badge-font-color-event: var(--dteka-gray-0);
  --tmp-badge-border-radius-event: 4px;

  --tmp-tooltip-background-color: #000000cc;
  --tmp-tooltip-border-radius: 8px;
  --tmp-tooltip-font-color: var(--dteka-gray-0);
  --tmp-tooltip-font-size: 12px;
  --tmp-tooltip-line-height: 16px;
  --tmp-tooltip-min-width: 228px;
  --tmp-tooltip-max-width: 350px;
  --tmp-tooltip-width: 228px;
  --tmp-tooltip-arrow-url: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6L5.64645 0.353553C5.84171 0.158291 6.15829 0.158291 6.35355 0.353553L12 6H0Z" fill="black" fill-opacity="0.8"/></svg>');

  --tmp-select-icon-position-right: 16px;
  --tmp-select-icon-width: 12px;
  --tmp-select-icon-height: 12px;

  --tmp-pill-font-color: #222222;
  --tmp-pill-font-size: 12px;
  --tmp-pill-padding: 7px 8px;
  --tmp-pill-border-radius: 4px;
  --tmp-pill-background-color: var(--dteka-gray-10);
  --tmp-pill-gap: 3px;
  --tmp-pill-border-color-current: var(--dteka-gray-10);
  --tmp-pill-background-color-current: var(--dteka-gray-0);
  --tmp-pill-font-size-current: 14px;
  --tmp-pill-padding-current: 9px 12px;
  --tmp-pill-border-radius-current: 56px;
  --tmp-pill-gap-current: 6px;

  --tmp-empty-font-color: var(--dteka-gray-25);
  --tmp-empty-title-font-color: var(--dteka-gray-30);
  --tmp-empty-title-font-size: 16px;
  --tmp-empty-title-font-weight: 500;
  --tmp-empty-msg-font-size: 14px;
  --tmp-empty-msg-font-weight: 400;

  --tmp-donut-chart-progress-background-color: var(--dteka-gray-10);
  --tmp-donut-chart-progress-active-color: var(--dteka-main-color);
  --tmp-donut-chart-progress-font-color: var(--dteka-secondary-color);

  --tmp-bar-chart-label-font-size: 12px;
}

meta[name='viewport'] {
  content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
}

html,
body {
  color: var(--dteka-default-font-color);
  font-family: var(--dteka-default-font-family);
  touch-action: manipulation;
  word-break: auto-phrase;
}
body {
  -ms-touch-action: manipulation;
  word-break: auto-phrase;
}
* {
  line-height: 100%;
  letter-spacing: -0.5px;
  word-break: auto-phrase;
}
.no-scroll {
  overflow: hidden;
}
/*[S] SSO */
.component-wrapper-spacer {
  margin: 0;
}
.login-theme_container community_login-social-login {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.login-theme_container[data-login='ff'] community_login-social-login {
  opacity: 1;
  visibility: visible;
  height: unset;
  padding: 0 var(--dteka-page-layout-x);
  transform: translateY(-70px);
  width: 100%;
}
.login-theme_container[data-login='ff'] community_login-social-login > ul,
.login-theme_container[data-login='ff'] community_login-social-login > ul li {
  padding: 0;
  width: 100%;
}
.login-theme_container[data-login='ff'] community_login-social-login button {
  position: relative;
  background-color: var(--tmp-button-brand-background-color) !important;
  color: #fff !important;
  border: 1px solid var(--tmp-button-brand-background-color);
  height: var(--tmp-button-height-xl);
  font-size: var(--tmp-button-font-size-xl);
  font-weight: 500;
  width: 100%;
  color: transparent !important;
}
.login-theme_container[data-login='ff'] community_login-social-login button:before {
  content: 'SSO 로그인';
  color: var(--dteka-gray-0);
  position: absolute;
}
/*[E] SSO */
/*[S] 인풋*/
input:focus,
input:focus-visible {
  outline: none;
  box-shadow: none;
}
.lightning-date {
  margin: 0;
  width: 100%;
}
.lightning-date label,
.lightning-date .slds-form-element__help {
  display: none;
}
.lightning-date input {
  height: var(--tmp-input-height);
}
.lightning-date input,
.lightning-date input:focus {
  border: 0;
  background-color: transparent;
  color: transparent;
  opacity: 0;
}
.lightning-date .slds-input-has-icon,
.lightning-date .slds-dropdown-trigger {
  position: static;
}
.lightning-date .slds-dropdown-trigger .slds-input__icon_right {
  right: 15px;
  width: 16px;
  height: 16px;
}
.lightning-date .slds-dropdown-trigger .slds-input__icon_right lightning-primitive-icon {
  display: none;
}
.lightning-date .slds-day_adjacent-month {
  pointer-events: none;
}

.error-msg {
  color: var(--dteka-error);
  font-size: 13px;
  margin-top: 2px;
}
label,
.label {
  font-weight: var(--dteka-filter-label-font-weight);
  font-size: var(--dteka-filter-label-font-size);
  color: var(--dteka-filter-label-color);
  margin-bottom: var(--dteka-filter-label-margin-bottom);
}
label abbr,
.label abbr {
  color: var(--dteka-error);
  margin-left: 2px;
}
input[type='checkbox']:checked:disabled ~ label .faux svg path,
input[type='radio']:checked:disabled ~ label .faux svg path {
  stroke: #fff;
}
input[type='checkbox']:disabled ~ label .faux svg path,
input[type='radio']:disabled ~ label .faux svg path {
  stroke: var(--dteka-gray-10);
}

/*[E] 인풋*/
/*[S] 레이아웃 */
.content_wrap {
  width: 100%;
  max-width: var(--dteka-content-max-width);
  margin: 0 auto;
}
/*[E] 레이아웃 */

/*[S] dialog*/
.dialog_footer {
  display: flex;
  border-top: 1px solid var(--tmp-button-dialog-border-color);
  margin-top: 32px;
}
c-tmp_dialog-button + c-tmp_dialog-button {
  border-left: 1px solid var(--tmp-button-dialog-border-color);
}
.modal-content_layout {
  padding: 0 20px 20px;
  overflow: hidden;
  overflow-y: auto; 
  max-height: calc(var(--vh, 1vh) * 80);
  min-height: calc(var(--vh, 1vh) * 20);
}

/*[E] dialog*/

/*[S] 아이콘 */
c-tmp_icons {
  display: flex;
}
/*[E] 아이콘 */

/*[S] 토스트 */
.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999999;
  transform: translateX(-50%) translateY(-50%);
  background: #000000e5;
  border-radius: 50px;
  font-size: 14px;
  color: #fff;
  padding: 12px;
  width: calc(100vw - 60px);
  text-align: center;
  opacity: 0;
  transition: margin-top 0.2s, opacity 0.2s;

  max-width: var(--maxWidth);
}

.toast.active {
  margin-top: 20px;
  opacity: 1;
}
.toast.closing {
  opacity: 0;
}
.toast .toast_wrap > p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 32px;
}
/*[E] 토스트*/

/*[S] 필터 레이아웃*/
.filter_layout {
  display: flex;
  flex-flow: column;
  gap: 40px;
}
.filter_footer {
  padding: 20px;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 5px;
  position: sticky;
  bottom: 0;
  left: 0;
  background-color: var(--dteka-gray-0);
}
/*[E] 필터 레이아웃*/

/*[S] 슬라이더 */
.device_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 100%;
  border-radius: 0;
  height: 3px;
  margin: 0 !important;
  background-color: var(--dteka-gray-10);
}
.device_swiper
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--dteka-secondary-color);
  border-radius: 4px;
}

.product_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: var(--dteka-secondary-color);
  opacity: 0.2;
}
.product_swiper
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--dteka-secondary-color);
  opacity: 1;
}
.main_swiper .swiper-pagination-fraction .swiper-pagination-current {
  font-weight: 700;
  color: #fff;
}
/*[E] 슬라이더*/

/*[S] 카드*/
/* .card {
  background-color: var(--dteka-gray-5);
  border: 1px solid var(--dteka-gray-10);
  border-radius: 6px;
} */
/* .card-main {
  background-color: var(--dteka-gray-5);
  border: 1px solid var(--dteka-gray-10);
  border-radius: 8px;
} */
/* .card-border {
  background-color: var(--dteka-gray-0);
  border: 1px solid var(--dteka-gray-15);
  border-radius: 6px;
} */
/* .card-border-main {
  background-color: var(--dteka-gray-0);
  border: 1px solid var(--dteka-gray-15);
  border-radius: 8px;
} */

.card-content {
  background-color: var(--dteka-gray-0);
  border: 1px solid var(--dteka-gray-15);
}
.card-content-background {
  background-color: #f5f5f5;
  border: 1px solid var(--dteka-gray-10);
}
.card-image {
  /* background-color: #f5f5f5; */
  border: 1px solid var(--dteka-gray-10);
  /* background-image: url('data:image/svg+xml,<svg width="95" height="90" viewBox="0 0 95 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.0011 0.668912C50.526 -1.29679 59.8961 1.05586 66.7881 7.9126C71.2796 12.3703 90.252 44.4406 92.792 50.833C99.6066 67.9826 90.1436 87.0979 71.3415 89.0945C60.5156 90.2554 32.9784 90.3947 22.4158 88.9552C13.9595 87.8099 7.00553 81.9128 3.30397 74.3595C-2.24064 63.0606 -0.180769 57.7517 4.86823 47.2112C8.44589 39.7508 22.8185 13.949 27.6661 8.74841C30.5004 5.71473 37.0982 1.47377 41.0011 0.668912ZM23.5774 76.3097C59.2766 109.789 107.087 51.8391 69.7927 23.2822C32.4983 -5.27463 -8.28085 46.4218 23.5774 76.3097Z" fill="%23CCCCCC"/></svg>'); */
  background-repeat: no-repeat;
  background-position: center;
  padding: 15px;
}
.card-image-90 {
  width: 90px;
  height: 90px;
  background-size: 50px;
}
.card-image-100 {
  width: 100px;
  height: 100px;
  background-size: 50px;
}
.card-image-160 {
  width: 160px;
  height: 160px;
  background-size: 70px;
}
.radius-6 {
  border-radius: 6px;
}
.radius-8 {
  border-radius: 8px;
}
/*[E] 카드*/

/*[S] 이미지 */
.default_img {
  background-image: url('data:image/svg+xml,<svg width="95" height="90" viewBox="0 0 95 90" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.0011 0.668912C50.526 -1.29679 59.8961 1.05586 66.7881 7.9126C71.2796 12.3703 90.252 44.4406 92.792 50.833C99.6066 67.9826 90.1436 87.0979 71.3415 89.0945C60.5156 90.2554 32.9784 90.3947 22.4158 88.9552C13.9595 87.8099 7.00553 81.9128 3.30397 74.3595C-2.24064 63.0606 -0.180769 57.7517 4.86823 47.2112C8.44589 39.7508 22.8185 13.949 27.6661 8.74841C30.5004 5.71473 37.0982 1.47377 41.0011 0.668912ZM23.5774 76.3097C59.2766 109.789 107.087 51.8391 69.7927 23.2822C32.4983 -5.27463 -8.28085 46.4218 23.5774 76.3097Z" fill="%23CCCCCC"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.default-small {
  background-size: 50px;
}
/*[E] 이미지 */

/*[S] 하단 고정 버튼 레이아웃*/
.fixed_footer {
  padding: 20px;
  box-shadow: 0px -5px 14px 0px #0000000a;
  background-color: var(--dteka-gray-0);
}
/*[E] 하단 고정 버튼 레이아웃*/

/*[S] 텍스트 */
.title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
}
.container_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}
.container-sub_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.container_desc {
  font-size: 15px;
  line-height: 22px;
  color: var(--dteka-gray-30);
}

dl.default-dl {
  display: grid;
  grid-template-columns: minmax(70px, auto) minmax(0, 1fr);
  gap: 20px;
}
dl.default-dl dt {
  font-size: 14px;
  line-height: 22px;
  color: var(--dteka-gray-30);
}
dl.default-dl dd {
  line-height: 22px;
}

dl.default-dl + dl.default-dl {
  margin-top: 8px;
}
lightning-formatted-rich-text * {
  line-height: 150%;
  word-break: auto-phrase;
}

/*사은품 상세 배송정보, 교환/반품 안내 텍스트 */
.item_content-delivery *,
.item_content-return * {
  font-size: 14px !important;
  font-weight: 300;
  line-height: 19px;
  color: var(--dteka-default-font-color) !important;
  font-family: var(--dteka-default-font-family) !important;
}
.hq-detail_container lightning-formatted-rich-text * {
  line-height: 19px;
}
.empty-address {
  font-size: 16px;
  color: var(--dteka-gray-25);
  line-height: 22px;
  font-weight: 400;
}
/*[E] 텍스트 */

/*[S] 툴팁*/
.tooltip-popover-content * {
  line-height: 16px;
  font-size: 11px;
  font-weight: 400;
}
/*[E] 툴팁*/

/*[S] 공지사항 */
.theme_container[data-dir='down'] ~ c-tmp_modal-host .notice-modal[data-open='true'] {
  transform: translateX(-50%) translateY(var(--dteka-docker-height));
}
/*[E] 공지사항 */

/*[S] 차트*/
.c3-chart-arcs-title,
.custom-donut-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.c3-axis-y path,
.c3-axis-x path,
.c3-axis-x .tick line,
.c3-axis-y .tick line {
  display: none;
}
.c3-grid line {
  stroke: var(--dteka-gray-10) !important;
  stroke-dasharray: 0;
  stroke-width: 1;
}

.c3-axis-y text {
  font-size: 12px;
  fill: var(--dteka-gray-30);
  transform: translateX(-10px);
}
.c3-axis-x text {
  font-size: 14px;
  fill: var(--dteka-gray-30);
  transform: translateY(10px);
}

.c3-custom-value-label {
  font-size: 11px;
  font-weight: 600;
  fill: var(--dteka-main-color);
  pointer-events: none;
}

.c3-custom-value-bubble {
  fill: #fff;
  stroke: var(--dteka-main-color);
}
.c3-custom-value-tail {
  fill: #fff !important;
  stroke: var(--dteka-main-color) !important;
}

/*[E] 차트*/

/*[S] 분할 컨테이너*/
.divier_container + .divier_container {
  border-top: var(--dteka-divider-height) solid var(--dteka-divider-color);
}
/*[E] 분할 컨테이너*/

/*[S] 리스트*/
.dot_list li {
  display: flex;
}

.dot_list li:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--dteka-gray-25);
  vertical-align: middle;
  margin-right: 6px;
  flex-shrink: 0;
  margin-top: 8px;
}

.list-content_body > li {
  padding: 24px var(--dteka-page-layout-x);
  border-top: 1px solid var(--dteka-gray-10);
}
.list-content_body > li:first-of-type {
  border-top: none;
}
.item-store_header {
  margin-bottom: 10px;
}
.store-tag_wrap {
  margin-bottom: 16px;
}

.list-end {
  height: 1px;
}
/*[E] 리스트*/

/*[S] 테이블*/
table.dteka_table th,
table.dteka_table td {
  border-right: 1px solid var(--dteka-gray-15);
  border-bottom: 1px solid var(--dteka-gray-15);
  padding: 20px;
  font-size: 15px;
  text-align: center;
}
table.dteka_table th {
  border-top: 1px solid var(--dteka-gray-15);
  font-weight: 600;
  background-color: var(--dteka-gray-5);
}
table.dteka_table th:first-of-type,
table.dteka_table td:first-of-type {
  border-left: 1px solid var(--dteka-gray-15);
}
/*[E] 테이블*/

/*[S] 점주 상단 배너*/
.ka_banner {
  background-color: var(--dteka-gray-5);
  color: var(--dteka-gray-30);
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*[E] 점주 상단 배너*/

/*[S] 행사 카드*/
.sales-event_card {
  border: 1px solid var(--dteka-gray-10);
  border-radius: 8px;
}
.sales-event_card + .sales-event_card {
  margin-top: 20px;
}
.sales-event_card .container-sub_title {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  background-color: #f5f5f5;
  gap: 8px;
}
.sales-event_card .container-sub_title span {
  line-height: 25px;
}

.sales-event_card-body {
  padding: 20px 20px 24px;
}
.sales-event_card-body .sales-event-products_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.sales-event_card i {
  display: block;
  margin-top: 18px;
  font-style: normal;
  font-size: 13px;
  color: var(--dteka-gray-30);
  font-weight: 300;
}
.sales-event-products_title + .sales-event-products {
  margin-top: 14px;
}

.sales-event-products > li p {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  padding-left: 9px;
}
.sales-event-products > li p:before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: var(--dteka-gray-25);
  vertical-align: middle;
  margin-right: 6px;
  position: absolute;
  top: 7px;
  left: 0;
}
.sales-event-products > li + li {
  margin-top: 14px;
  border-top: 1px dashed var(--dteka-gray-10);
  padding-top: 14px;
}
.sales-event-products > li .badge_wrap {
  margin-top: 4px;
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}
.sales-event_card .container-sub_title .badge_wrap {
  display: flex;
  gap: 2px;
}
.date_wrap {
  display: flex;
  justify-content: space-between;
}
.sales-event_card i + .date_wrap,
.sales-event-products_title + .date_wrap,
.sales-event-products + .date_wrap {
  margin-top: 24px;
}
.date_wrap .date {
  color: var(--dteka-gray-30);
  font-size: 13px;
}
.dday {
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  flex-shrink: 0;
}
/*[E] 행사 카드*/

/*[S] 티어*/
.store-info_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.tier_wrap {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-shrink: 0;
}
.store-info_header c-dteka_store-name-tag {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
/*[E] 티어*/
.highlight {
  background-color: yellow;
}

/*[S] 가로화면 */
.media-landscape .fixed-bottom {
  max-width: var(--maxWidth);
  left: 50% !important;
  margin-left: calc(var(--maxWidth) / 2 * -1);
}
.media-landscape .page-guide {
  max-width: var(--maxWidth);
  left: 50% !important;
  margin-left: calc(var(--maxWidth) / 2 * -1);
}
/*[E] 가로화면*/

/*[S] 누적 포인트 현황*/
.progress_msg {
  font-size: 15px;
  color: var(--dteka-secondary-color) !important;
  margin-bottom: 29px;
  display: block;
  text-align: center;
  line-height: 22px;
}

.progress_msg em {
  position: relative;
  z-index: 1;
}
.progress_msg em:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background-color: var(--dteka-other-2);
  width: 100%;
  height: 6px;
  border-radius: 3px;
  opacity: 0.35;
  z-index: -1;
}
/*[E] 누적 포인트 현황*/
/*[S] 목표상품*/
.my-goal_point em {
  position: relative;
  z-index: 1;
}
.my-goal_point em:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background-color: var(--dteka-other-2);
  width: 100%;
  height: 6px;
  border-radius: 3px;
  opacity: 0.35;
  z-index: -1;
}
/*[E] 목표상품*/
/*[S] 담당직원 디바이스 판매량*/
.my-stores-card h5 em {
  position: relative;
  z-index: 1;
}
.my-stores-card h5 em:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background-color: var(--dteka-other-2);
  width: 100%;
  height: 6px;
  border-radius: 3px;
  opacity: 0.35;
  z-index: -1;
}
/*[E] 담당직원 디바이스 판매량*/
/*[S] 점주/담당직원 프로그램 판매량*/
.txt-sales-count .slds-rich-text-editor__output [part='formatted-rich-text'] span {
  color: var(--dteka-default-font-color);
}
/*[E] 점주/담당직원 프로그램 판매량*/
/*[S] 담당직원 점포목록*/
.filter-detail-right [part='formatted-rich-text'] span {
  font-weight: 500;
  color: var(--dteka-default-font-color);
}
/*[E] 담당직원 점포목록*/
/*[S]알림*/
.notification-total [part='formatted-rich-text'] span {
  font-weight: 500;
  color: var(--dteka-default-font-color);
}
/*[E]알림*/
/*[S] 담당직원 보유점포목록 모달*/
.store-group_header p [part='formatted-rich-text'] span {
  font-weight: 600;
}
/*[E] 담당직원 보유점포목록 모달*/