@charset "UTF-8";
/**
* import library css
*/
@import url("../libs/swiper/swiper-bundle.min.css");
@import url("../libs/datepicker/datepicker.min.css");
/**
* fonts
*/
@import url("../fonts/icon-fonts.css");
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/woff2/Pretendard-Black.woff2") format("woff2"), url("../fonts/woff/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/woff/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/woff2/Pretendard-Bold.woff2") format("woff2"), url("../fonts/woff/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/woff/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/woff2/Pretendard-Medium.woff2") format("woff2"), url("../fonts/woff/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/woff2/Pretendard-Regular.woff2") format("woff2"), url("../fonts/woff/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/woff2/Pretendard-Light.woff2") format("woff2"), url("../fonts/woff/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/woff/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../fonts/woff2/Pretendard-Thin.woff2") format("woff2"), url("../fonts/woff/Pretendard-Thin.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../fonts/woff2/Pretendard-Thin.woff2") format("woff2"), url("../fonts/woff/Pretendard-Thin.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareNeo";
  font-weight: 300;
  font-display: swap;
  src: local("NanumSquareNeo Light"), url("../fonts/woff2/NanumSquareNeoTTF-aLt.woff2") format("woff2"), url("../fonts/woff/NanumSquareNeoTTF-aLt.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareNeo";
  font-weight: 400;
  font-display: swap;
  src: local("NanumSquareNeo Regular"), url("../fonts/woff2/NanumSquareNeoTTF-bRg.woff2") format("woff2"), url("../fonts/woff/NanumSquareNeoTTF-bRg.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareNeo";
  font-weight: 700;
  font-display: swap;
  src: local("NanumSquareNeo Bold"), url("../fonts/woff2/NanumSquareNeoTTF-cBd.woff2") format("woff2"), url("../fonts/woff/NanumSquareNeoTTF-cBd.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareNeo";
  font-weight: 800;
  font-display: swap;
  src: local("NanumSquareNeo ExtraBold"), url("../fonts/woff2/NanumSquareNeoTTF-dEb.woff2") format("woff2"), url("../fonts/woff/NanumSquareNeoTTF-dEb.woff") format("woff");
}
@font-face {
  font-family: "NanumSquareNeo";
  font-weight: 900;
  font-display: swap;
  src: local("NanumSquareNeo Heavy"), url("../fonts/woff2/NanumSquareNeoTTF-eHv.woff2") format("woff2"), url("../fonts/woff/NanumSquareNeoTTF-eHv.woff") format("woff");
}
/*
root var
*/
:root {
  --font-primary: "Pretendard", "sans-serif";
  --font-secondary: "NanumSquareNeo", "Pretendard", "sans-serif";
  --primary-color-50: #fffbeb;
  --primary-color-100: #fef3c7;
  --primary-color-200: #fde68a;
  --primary-color-300: #fcd34d;
  --primary-color-400: #fbbf24;
  --primary-color-500: #fba104;
  --primary-color-600: #d97706;
  --primary-color-700: #b45309;
  --primary-color-800: #92400e;
  --primary-color-900: #78350f;
  --primary2-color-25: #fffaf3;
  --primary2-color-50: #fff7ed;
  --primary2-color-100: #ffedd5;
  --primary2-color-200: #fed7aa;
  --primary2-color-300: #fdba74;
  --primary2-color-400: #fb923c;
  --primary2-color-500: #f97316;
  --secondary-color-50: #eff6ff;
  --secondary-color-100: #dbeafe;
  --secondary-color-200: #bfdbfe;
  --secondary-color-300: #93c5fd;
  --secondary-color-400: #60a5fa;
  --secondary-color-500: #348df6;
  --secondary-color-600: #326eef;
  --secondary-color-700: #2560de;
  --secondary-color-800: #2152bc;
  --secondary-color-900: #1a4196;
  --secondary-color-950: #092e7d;
  --gray-color-50: #fafafa;
  --gray-color-100: #f4f4f5;
  --gray-color-200: #e4e4e7;
  --gray-color-300: #d4d4d8;
  --gray-color-400: #a1a1aa;
  --gray-color-500: #71717a;
  --gray-color-600: #52525b;
  --gray-color-700: #3f3f46;
  --gray-color-800: #27272a;
  --gray-color-900: #18181b;
  --gray2-color-100: #ecf1f6;
  --gray2-color-400: #94a3b8;
  --color-white: #ffffff;
  --color-black: #000000;
  --warning-color-50: #fef2f2;
  --warning-color-400: #f87171;
  --warning-color-500: #ef4444;
  --warning-color-600: #dc2626;
  --infomation-color-50: #eff6ff;
  --infomation-color-400: #60a5fa;
  --infomation-color-500: #348df6;
  --infomation-color-600: #326eef;
  --positive-color-50: #ecfdf3;
  --positive-color-400: #32d583;
  --positive-color-500: #12b76a;
  --positive-color-600: #039855;
  --etc-color-01: #34dabc;
  --etc-color-02: #ff8d74;
  --etc-color-03: #92d488;
  --etc-color-04: #f9b271;
  --etc-color-05: #8198eb;
  --youth-color-01: #5277fa;
  --youth-color-02: #3356f1;
  /* use color */
  --color-youth01: var(--youth-color-01);
  --color-youth02: var(--youth-color-02);
  --color-inverse: var(--color-white);
  --color-opacity-60: rgb(255 255 255 / 0.6);
  --color-opacity-80: rgb(255 255 255 / 0.8);
  --color-icon: var(--gray-color-800);
  --color-icon-light: var(--gray-color-500);
  --color-icon-lighter: var(--gray-color-400);
  --color-icon-primary-dark: var(--primary2-color-500);
  --color-icon-primary: var(--primary-color-500);
  --color-icon-secondary: var(--secondary-color-900);
  --color-icon-secondary-light: var(--secondary-color-500);
  --color-icon-error: var(--warning-color-500);
  --color-border: var(--gray-color-200);
  --color-border-dark: var(--gray-color-400);
  --color-border-darker: var(--gray-color-500);
  --color-border-darkest: var(--gray-color-800);
  --color-border-primary: var(--primary-color-500);
  --color-border-primary-dark: var(--primary-color-600);
  --color-border-primary-light: var(--primary2-color-100);
  --color-border-secondary: var(--secondary-color-900);
  --color-border-secondary-light: var(--secondary-color-500);
  --color-border-secondary-lighter: var(--secondary-color-100);
  --color-bg-gray-darkest: var(--gray2-color-400);
  --color-bg-gray-darker: var(--gray-color-300);
  --color-bg-gray-dark: var(--gray-color-100);
  --color-bg-gray: var(--gray-color-50);
  --color-bg-primary-dark: var(--primary-color-600);
  --color-bg-primary: var(--primary-color-500);
  --color-bg-primary-light: var(--primary2-color-100);
  --color-bg-primary-lightest01: var(--primary2-color-50);
  --color-bg-primary-lightest02: var(--primary2-color-25);
  --color-bg-secondary-dark: var(--secondary-color-950);
  --color-bg-secondary: var(--secondary-color-900);
  --color-bg-secondary-light01: var(--secondary-color-800);
  --color-bg-secondary-light02: var(--secondary-color-500);
  --color-bg-secondary-lighter: var(--secondary-color-200);
  --color-bg-secondary-lightest01: var(--gray2-color-100);
  --color-bg-secondary-lightest02: var(--secondary-color-50);
  --color-bg-etc01: var(--etc-color-01);
  --color-bg-etc02: var(--etc-color-02);
  --color-bg-etc03: var(--etc-color-03);
  --color-bg-etc04: var(--etc-color-04);
  --color-bg-etc05: var(--etc-color-05);
  --color-text: var(--gray-color-900);
  --color-text-light: var(--gray-color-700);
  --color-text-lighter: var(--gray-color-500);
  --color-text-lightest: var(--gray-color-400);
  --color-text-disable: var(--gray-color-300);
  --color-text-primary-dark: var(--primary2-color-500);
  --color-text-primary: var(--primary-color-500);
  --color-text-secondary: var(--secondary-color-900);
  --color-text-secondary-light: var(--secondary-color-700);
  --color-text-secondary-lighter: var(--secondary-color-500);
  --color-text-warning: var(--warning-color-500);
  --color-text-danger: var(--warning-color-600);
  /* bootstrap */
  --header-top-height: 2.9375rem;
  --header-gnb-height: 6.8125rem;
  --header-total-height: calc(var(--header-top-height) + var(--header-gnb-height));
  --footer-spacing: 3.5rem;
  --footer-height: 20.6875rem;
  --width-max-contents: 89.5rem;
  --spacing-contents: 1rem;
  --snb-width: 14.75rem;
  --snb-spacing: 4rem;
  --main-sec-vertical-spacing: 5rem;
  --main-grid-spacing: 0.75rem;
  --size-text-d1: 2.875rem;
  --size-text-d2: 2.25rem;
  --size-text-d3: 2rem;
  --size-text-d4: 1.75rem;
  --size-text-d5: 1.5rem;
  --size-text-d6: 1.25rem;
  --size-text-h1: 2.5rem;
  --size-text-h2: 2rem;
  --size-text-h3: 1.5rem;
  --size-text-h4: 1.375rem;
  --size-text-xl: 1.25rem;
  --size-text-lg: 1.125rem;
  --size-text-md: 1rem;
  --size-text-sm: 0.875rem;
  --size-text-xs: 0.75rem;
  --size-text-xxs: 0.6875rem;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  :root {
    --footer-height: 25.0625rem;
  }
}
@media (max-width: 991.98px) {
  :root {
    --footer-height: 27.8125rem;
  }
}
@media (max-width: 767.98px) {
  :root {
    --footer-spacing: 2.5rem;
    --footer-height: 26rem;
    --header-top-height: 0rem;
    --header-gnb-height: 3.5rem;
    --main-sec-vertical-spacing: 2rem;
    --main-grid-spacing: 0.5rem;
  }
}
/*
맵 좌표 변환 함수
**/
/*
==========================================================================
  common  :: reset mark.
==========================================================================
*/
* {
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  cursor: default;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

html,
body {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

html {
  font-size: 16px;
}

body {
  line-height: 1;
  letter-spacing: -0.02em;
  font-family: var(--font-primary);
  font-weight: 400;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

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

input,
button,
textarea,
select,
a {
  font-family: inherit;
  color: inherit;
  background-color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

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

a,
button,
a:hover,
button:hover,
a:active,
button:active,
a:focus,
button:focus {
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border: none;
}

a:active {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

input[type=text],
input[type=password],
textarea,
select,
button {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

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

/*
* custom-icon
*/
.icon-star {
  width: 100%;
  height: 100%;
}
.icon-star::before {
  content: "";
  background: url("../images/common/icon_star_off.svg") center/100% no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.icon-star.on::before {
  background: url("../images/common/icon_star_on.svg") center/100% no-repeat;
}

.icon-heart {
  width: 100%;
  height: 100%;
}
.icon-heart::before {
  content: "";
  background: url("../images/common/icon_heart_off.svg") center/100% no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.icon-heart.on::before {
  background: url("../images/common/icon_heart_on.svg") center/100% no-repeat;
}

/*
* responsive
*/
/*
  * input forms
**/
.input-wrap {
  position: relative;
}
.input-wrap input,
.input-wrap select,
.input-wrap textarea {
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  padding: 0 1rem;
  font-size: var(--size-text-md);
  color: var(--color-text);
  background-color: var(--color-white);
}
.input-wrap input::-webkit-input-placeholder, .input-wrap select::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder {
  opacity: 1;
  color: var(--color-text-disable);
}
.input-wrap input::-moz-placeholder, .input-wrap select::-moz-placeholder, .input-wrap textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-text-disable);
}
.input-wrap input:-ms-input-placeholder, .input-wrap select:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-disable);
}
.input-wrap input::-ms-input-placeholder, .input-wrap select::-ms-input-placeholder, .input-wrap textarea::-ms-input-placeholder {
  opacity: 1;
  color: var(--color-text-disable);
}
.input-wrap input::placeholder,
.input-wrap select::placeholder,
.input-wrap textarea::placeholder {
  opacity: 1;
  color: var(--color-text-disable);
}
.input-wrap input:disabled,
.input-wrap select:disabled,
.input-wrap textarea:disabled {
  background-color: var(--gray-color-100);
  color: var(--color-text-lightest);
}
.input-wrap textarea {
  display: block;
  padding: 1rem;
  resize: none;
  line-height: 1.4;
  min-height: 7.5rem;
}
.input-wrap input,
.input-wrap select {
  height: 2.875rem;
}
.input-wrap input[type=password] {
  padding-right: 3rem;
}
.input-wrap input[type=password] + .btn-eye-off {
  display: none;
}
.input-wrap select {
  padding-right: 2.25rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  background-position: center right 0.5rem;
  background-image: url("../images/components/bg_select_arrow.svg");
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.05rem;
}
.input-wrap select option[disabled] {
  display: none;
}
.input-wrap.unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.input-wrap.unit span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: var(--size-text-md);
  font-weight: 500;
}
.input-wrap.dpicker-m, .input-wrap.dpicker-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.input-wrap.dpicker-m > input, .input-wrap.dpicker-s > input {
  background: var(--color-inverse) url("../images/components/icon_calendar.svg") center right 0.875rem/1.25rem 1.25rem no-repeat;
  padding-right: 3rem;
}
.input-wrap.dpicker-m .datepicker-input.in-edit, .input-wrap.dpicker-s .datepicker-input.in-edit {
  border: 1px solid var(--color-border);
}
.input-wrap.dpicker-m .datepicker-input.in-edit:active, .input-wrap.dpicker-m .datepicker-input.in-edit:focus, .input-wrap.dpicker-s .datepicker-input.in-edit:active, .input-wrap.dpicker-s .datepicker-input.in-edit:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.input-wrap.dpicker-m .datepicker-cell.selected,
.input-wrap.dpicker-m .datepicker-cell.selected:hover, .input-wrap.dpicker-s .datepicker-cell.selected,
.input-wrap.dpicker-s .datepicker-cell.selected:hover {
  background-color: var(--color-bg-primary);
}
.input-wrap.dpicker-m {
  position: relative;
  gap: 1.4375rem;
}
.input-wrap.dpicker-m > input {
  width: calc(50% - 0.25rem);
}
.input-wrap.dpicker-m::before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.input-wrap.bold {
  font-weight: 700;
}
.input-wrap .label {
  margin-bottom: 0.5rem;
}
.input-wrap.outline input,
.input-wrap.outline select,
.input-wrap.outline textarea {
  border: 1px solid var(--color-border-secondary);
}
.input-wrap.outline select {
  background-image: url("../images/components/bg_select_arrow_outline.svg");
}
.input-wrap .btn-eye-off {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.input-wrap .btn-eye-off i {
  display: block;
  font-size: var(--size-text-xl);
  color: var(--color-icon-lighter);
}
.input-wrap.is-invalid input {
  border-color: var(--color-icon-error);
}
.input-wrap.is-invalid input[type=password] {
  border-color: var(--color-border);
}
.input-wrap.is-invalid input + .invalid-feedback {
  margin-top: 0.25rem;
}
.input-wrap.is-invalid .invalid-feedback,
.input-wrap.is-invalid + .invalid-feedback {
  display: block;
}
.input-wrap.multi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.input-wrap.multi .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  font-weight: 500;
}
.input-wrap.multi + .memMessage {
  font-size: var(--size-text-sm);
  font-weight: 400;
}

/*
  * validation check txt
*/
.invalid-feedback {
  display: none;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-warning);
}

/*
  * button
*/
.btn {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-white);
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-bg-secondary);
  border-radius: 0.5rem;
  height: 2.625rem;
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.btn:hover, .btn:active, .btn:focus {
  background-color: var(--color-bg-secondary-dark);
  border: 1px solid var(--color-bg-secondary-dark);
}
.btn:disabled {
  background-color: var(--color-bg-secondary-lighter);
  border: 1px solid var(--color-border-secondary-lighter);
  cursor: default;
}
.btn.lg {
  font-size: var(--size-text-lg);
  font-weight: 700;
  height: 2.875rem;
  padding: 0 1.25rem;
}
.btn.sm {
  height: 2.25rem;
  font-size: var(--size-text-sm);
}
.btn.xs {
  height: 1.8125rem;
  font-size: var(--size-text-xs);
  padding: 0 0.5rem;
  border-radius: 0.25rem;
}
.btn.outline {
  background-color: var(--color-white);
  color: var(--color-bg-secondary);
}
.btn.outline:hover, .btn.outline:active, .btn.outline:focus {
  background-color: var(--color-bg-secondary-lightest01);
  border: 1px solid var(--color-border-secondary);
}
.btn.outline:disabled {
  background-color: var(--color-bg-secondary-lightest01);
  border: 1px solid var(--color-border-secondary-light);
  color: rgba(26, 65, 150, 0.3);
}
.btn.bg-orange {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}
.btn.bg-orange:hover, .btn.bg-orange:active, .btn.bg-orange:focus {
  background-color: var(--color-bg-primary-dark);
  border: 1px solid var(--color-bg-primary-dark);
}
.btn.bg-orange.outline {
  background-color: var(--color-white);
  color: var(--color-text-primary-dark);
}
.btn.bg-orange.outline:hover, .btn.bg-orange.outline:active, .btn.bg-orange.outline:focus {
  background-color: var(--color-bg-primary-lightest02);
  border: 1px solid var(--color-border-primary-dark);
}
.btn.bg-orange.outline:disabled {
  background-color: var(--color-bg-primary-lightest02);
  border: 1px solid var(--color-border-primary-light);
  color: rgba(249, 115, 22, 0.3);
}
.btn.bg-orange:disabled {
  background-color: var(--color-bg-primary-light);
  border: 1px solid var(--color-bg-primary-light);
}
.btn.bg-gray {
  background-color: var(--color-bg-gray-dark);
  border: 1px solid var(--color-bg-gray-dark);
  color: var(--color-text-lighter);
}
.btn.bg-gray:hover, .btn.bg-gray:active, .btn.bg-gray:focus {
  background-color: var(--color-bg-gray-darker);
  border: 1px solid var(--color-bg-gray-darker);
}
.btn.bg-gray.outline {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
}
.btn.bg-gray.outline:hover, .btn.bg-gray.outline:active, .btn.bg-gray.outline:focus {
  background-color: var(--color-bg-gray-dark);
  border: 1px solid var(--color-border);
}
.btn.bg-gray.outline:disabled {
  background-color: var(--color-bg-gray-dark);
  border: 1px solid var(--color-border);
  color: var(--color-text-disable);
}
.btn.bg-gray:disabled {
  background-color: var(--color-bg-gray-dark);
  border: 1px solid var(--color-bg-gray-dark);
  color: rgba(113, 113, 122, 0.3);
}

/*
  * checkbox, radio button
*/
.checkbox,
.radio-button {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.checkbox input,
.radio-button input {
  position: absolute;
  display: none;
}
.checkbox input[type=checkbox]:checked ~ .label-checkbox::before,
.radio-button input[type=checkbox]:checked ~ .label-checkbox::before {
  border-color: var(--color-border-primary);
  background: var(--color-bg-primary) url("../images/components/icon_checked.png") center/cover no-repeat;
}
.checkbox input[type=radio]:checked ~ .label-radio::after,
.radio-button input[type=radio]:checked ~ .label-radio::after {
  background-color: var(--color-bg-primary);
}
.checkbox input:disabled ~ .label-radio,
.radio-button input:disabled ~ .label-radio {
  cursor: default;
  border: 1px solid var(--color-bg-primary);
}
.checkbox .label-checkbox,
.radio-button .label-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.checkbox .label-checkbox::before,
.radio-button .label-checkbox::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-white);
  border-radius: 0.25rem;
  margin-right: 0.375rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.checkbox .label-radio,
.radio-button .label-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.checkbox .label-radio::before,
.radio-button .label-radio::before {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background-color: var(--color-white);
  margin-right: 0.375rem;
}
.checkbox .label-radio::after,
.radio-button .label-radio::after {
  content: "";
  position: absolute;
  left: 0.1875rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}
.checkbox.circle input[type=checkbox]:checked ~ .label-checkbox::before,
.radio-button.circle input[type=checkbox]:checked ~ .label-checkbox::before {
  border-color: var(--color-border-primary);
  background: var(--color-bg-primary) url("../images/components/icon_checked_circle.png") center/cover no-repeat;
}
.checkbox.circle .label-checkbox,
.radio-button.circle .label-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkbox.circle .label-checkbox::before,
.radio-button.circle .label-checkbox::before {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: none;
  background: var(--color-bg-gray-darker) url("../images/components/icon_checked_circle.png") center/cover no-repeat;
}

.radiobtn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}

/*
  * toggle switch button
*/
.switch-wrap {
  display: block;
  position: relative;
  width: 3.25rem;
  height: 2rem;
}
.switch-wrap input {
  display: none;
}
.switch-wrap input:checked + .label-switch {
  background-color: var(--color-border-primary);
}
.switch-wrap input:checked + .label-switch::before {
  left: calc(100% - 1.8125rem);
  -webkit-box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.11);
          box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.11);
}
.switch-wrap .label-switch {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-bg-gray-darker);
  border-radius: 1.5rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-wrap .label-switch::before {
  content: "";
  position: absolute;
  width: 1.625rem;
  height: 1.625rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: var(--color-inverse);
  border-radius: 50%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.11);
}

/*
  * login
*/
.formbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  line-height: 1.2;
}
.formbox .label {
  font-size: var(--size-text-md);
  font-weight: 700;
  line-height: 1.3;
}
.formbox .label.essential::after {
  content: "*";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 1.125rem;
  color: var(--color-icon-secondary-light);
  margin-left: 0.25rem;
}
.formbox .user-value {
  font-size: var(--size-text-lg);
  font-weight: 400;
}
.formbox .user-value.nickname, .formbox .user-value.login-type {
  font-weight: 500;
  color: var(--color-text-lighter);
}
.formbox .desc {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: #5b86b8;
}
.formbox .notice {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-warning);
}
.formbox.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formbox.align-top {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.input-wrap.show .icon-eye-off::before {
  content: "\e922";
}

.input-group .label {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
  margin-bottom: 0.25rem;
}
.input-group .input-wrap {
  margin-top: 0;
}

.noticebox {
  margin-top: 2.5rem;
  background-color: var(--color-bg-gray);
  border-top: 1px solid var(--color-border-dark);
  border-bottom: 1px solid var(--color-border);
  padding: 1.5rem 1rem;
}
.noticebox .title {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-light);
  text-align: left;
  margin-bottom: 0;
}
.noticebox .notice-list {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-top: 0.75rem;
  margin-left: 0.375rem;
  padding-left: 0.875rem;
  position: relative;
}
.noticebox .notice-list::before {
  content: "·";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  position: absolute;
  left: 0;
}
.noticebox .notice-list em {
  font-weight: 700;
}

.option-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
  background-color: var(--color-bg-gray);
  border-radius: 0.5rem;
}
.option-input .label {
  font-weight: 500;
}
.option-input .formbox {
  margin-bottom: 0 !important;
  gap: 0.5rem;
}
.option-input .formbox > :nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.option-input .formbox input {
  background-color: #f4f4f4;
  color: var(--color-text-lighter);
}
.option-input .formbox.flex-row .label {
  width: 3.5625rem;
}
.option-input .input-wrap.email input {
  background-color: var(--color-white);
}
.option-input .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.option-input .desc {
  font-size: var(--size-text-sm);
  color: var(--color-text-warning);
}
.option-input .terms {
  background-color: var(--color-white);
  max-height: 7.5rem;
  border-radius: 0.5rem;
  overflow-y: auto;
  padding: 1.25rem 1.25rem 1.25rem 1rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
}
.option-input .terms::-webkit-scrollbar {
  width: 0.3125rem;
}
.option-input .terms::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
}
.option-input .terms::-webkit-scrollbar-track {
  background: transparent;
}
.option-input .terms .terms-list {
  margin-top: 0.625rem;
}
.option-input .terms .terms-title {
  font-size: var(--size-text-md);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.option-input .terms .terms-cont {
  margin-top: 0.25rem;
}
.option-input .terms .cont-title {
  font-weight: 700;
}
.option-input .terms .cont-desc {
  margin-top: 0.25rem;
}
.option-input .terms .cont-desc.disc {
  position: relative;
  margin-left: 0.375rem;
  padding-left: 0.875rem;
}
.option-input .terms .cont-desc.disc::before {
  content: "·";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  position: absolute;
  left: 0;
}
.option-input .personal-info .terms-list:first-child {
  margin-top: 0;
}
.option-input .checkbox-group .desc {
  display: none;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-warning);
  margin-top: 0.5rem;
}
.option-input .checkbox-group.no-check .desc {
  display: block;
}

.switch-favorite {
  position: relative;
  top: 0.1875rem;
  display: inline-block;
  cursor: pointer;
}
.switch-favorite input[type=checkbox] {
  position: absolute;
  display: none;
  visibility: hidden;
}
.switch-favorite i {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.switch-favorite input[type=checkbox]:checked + i::before {
  background: url("../images/common/icon_heart_on.svg") center/100% no-repeat;
}

/*
  * sub contents tab
*/
.sub-cont-tab .tab-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.sub-cont-tab .list {
  font-size: var(--size-text-md);
  font-weight: 400;
  line-height: 1.3;
  border: 1px solid var(--color-border);
  padding: 0.5rem 1.25rem;
  background-color: var(--color-inverse);
  border-radius: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2.375rem;
}
.sub-cont-tab .list.active {
  font-weight: 700;
  color: var(--color-text-primary);
  border: 2px solid var(--color-border-primary);
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .input-wrap input,
.input-wrap select,
.input-wrap textarea {
    font-size: var(--size-text-sm);
  }
  .input-wrap input::-webkit-input-placeholder, .input-wrap select::-webkit-input-placeholder, .input-wrap textarea::-webkit-input-placeholder {
    font-size: var(--size-text-sm);
  }
  .input-wrap input::-moz-placeholder, .input-wrap select::-moz-placeholder, .input-wrap textarea::-moz-placeholder {
    font-size: var(--size-text-sm);
  }
  .input-wrap input:-ms-input-placeholder, .input-wrap select:-ms-input-placeholder, .input-wrap textarea:-ms-input-placeholder {
    font-size: var(--size-text-sm);
  }
  .input-wrap input::-ms-input-placeholder, .input-wrap select::-ms-input-placeholder, .input-wrap textarea::-ms-input-placeholder {
    font-size: var(--size-text-sm);
  }
  .input-wrap input::placeholder,
.input-wrap select::placeholder,
.input-wrap textarea::placeholder {
    font-size: var(--size-text-sm);
  }
  .input-wrap input,
.input-wrap select {
    height: 2.625rem;
  }
  .input-wrap input[type=text]:focus,
.input-wrap input[type=password]:focus,
.input-wrap input[type=number]:focus,
.input-wrap input[type=date]:focus,
.input-wrap textarea:focus {
    font-size: 1rem !important;
  }
  .input-wrap.dpicker-m > input, .input-wrap.dpicker-s > input {
    background-size: 1rem;
    background-position: center right 0.75rem;
    padding-right: 2rem;
  }
  .input-wrap.multi + .memMessage {
    font-size: var(--size-text-xs);
  }
  .invalid-feedback {
    font-size: var(--size-text-xs);
    margin-top: 0.375rem;
  }
  .formbox {
    gap: 0.375rem;
  }
  .formbox .label {
    font-size: var(--size-text-sm);
  }
  .formbox .desc {
    font-size: var(--size-text-xxs);
  }
  .formbox .notice {
    font-size: var(--size-text-xs);
  }
  .noticebox {
    margin-top: 2rem;
    padding: 1.25rem 1rem;
  }
  .noticebox .title {
    font-size: var(--size-text-sm);
  }
  .option-input .formbox.flex-row .label {
    width: 3.25rem;
  }
  .option-input .desc {
    font-size: var(--size-text-xs);
  }
  .option-input .checkbox-group .desc {
    font-size: var(--size-text-xs);
  }
  .option-input .terms .terms-title {
    font-size: var(--size-text-sm);
  }
  .option-input .terms .cont-title,
.option-input .terms .cont-desc {
    font-size: var(--size-text-xs);
  }
  .sub-cont-tab .list {
    font-size: var(--size-text-sm);
    padding: 0.5rem 0.75rem;
    height: 2.25rem;
  }
  .checkbox .label-checkbox,
.radio-button .label-checkbox {
    font-size: var(--size-text-sm);
  }
}
@media (max-width: 575.98px) {
  .input-wrap.dpicker-m > input, .input-wrap.dpicker-s > input {
    background-position: center right 0.625rem;
    padding-right: 1.75rem;
    padding-left: 0.75rem;
  }
}
/*
* responsive
*/
/*
* Full calendar
*/
:root {
  --fc-small-font-size: 0.85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;
  --fc-button-text-color: #fff;
  --fc-button-bg-color: var(--primary-color-600);
  --fc-button-border-color: #2c3e50;
  --fc-button-hover-bg-color: #1e2b37;
  --fc-button-hover-border-color: #1a252f;
  --fc-button-active-bg-color: #1a252f;
  --fc-button-active-border-color: #151e27;
  --fc-event-bg-color: #3788d8;
  --fc-event-border-color: #3788d8;
  --fc-event-text-color: #fff;
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;
  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgb(143, 223, 130);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: red;
}

:root {
  --fc-daygrid-event-dot-width: 8px;
}

:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc {
  color: var(--color-text);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 2px solid var(--color-border-darker);
  -webkit-column-gap: 7rem;
     -moz-column-gap: 7rem;
          column-gap: 7rem;
}
.fc .fc-toolbar.fc-header-toolbar .fc-button {
  border: none;
  background-color: transparent;
  color: var(--color-icon);
}
.fc .fc-toolbar.fc-header-toolbar > div {
  margin-top: 0;
}
.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
  font-size: var(--size-text-h2);
  font-weight: 700;
  text-align: center;
}
.fc .fc-toolbar.fc-header-toolbar .fc-button-primary:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fc .fc-toolbar.fc-header-toolbar .fc-button-primary:not(:disabled) .fc-button-active {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-icon);
}
.fc .fc-toolbar.fc-header-toolbar .fc-button-primary:not(:disabled):active, .fc .fc-toolbar.fc-header-toolbar .fc-button-primary:not(:disabled):hover, .fc .fc-toolbar.fc-header-toolbar .fc-button-primary:not(:disabled):focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-icon);
}
.fc .fc-toolbar.fc-header-toolbar .fc-button-primary:not(:disabled):active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.fc .fc-col-header-cell {
  border-bottom: 1px solid var(--color-border);
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  font-size: var(--size-text-h3);
  font-weight: 700;
}
.fc .fc-col-header-cell.fc-day-sun {
  color: var(--color-text-danger);
}
.fc .fc-daygrid-body {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.fc .fc-daygrid-day-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1rem;
  min-height: initial;
  margin: 0;
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event {
  display: block;
  margin: 0;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  cursor: default;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event.event-post {
  background-color: #D2F0FF;
  border: 1px solid #025782;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event.event-receipt {
  background-color: #FFD9D9;
  border: 1px solid #E95858;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event.event-result {
  background-color: #FFEAC6;
  border: 1px solid #E18F00;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event .fc-event-main {
  display: none;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event-title-container {
  visibility: hidden;
}
.fc .fc-daygrid-day.select .fc-daygrid-day-top, .fc .fc-daygrid-day.fc-day-today.select .fc-daygrid-day-top {
  background-color: var(--color-bg-secondary);
  color: var(--color-inverse);
}
.fc .fc-daygrid-day-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 50%;
  font-size: var(--size-text-h4);
  font-weight: 500;
  width: 2.75rem;
  height: 2.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-bg-gray-dark);
}
.fc .fc-daygrid-day-top > a {
  background-color: transparent;
}
.fc .fc-daygrid-day-bottom {
  display: none;
  visibility: hidden;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top {
  background-color: var(--color-bg-primary);
  color: var(--color-inverse);
}

.fc-theme-standard .fc-scrollgrid {
  border: none;
}
.fc-theme-standard td,
.fc-theme-standard th {
  border: none;
}

/*
  modal-lg : 806px;
  modal-md : 577px;
  modal-lg : 360px;
*/
:root {
  --modal-lg: 50.375rem;
  --modal-md: 34.8125rem;
  --modal-sm: 22.5rem;
}

.modal.modal-lg .modal__container {
  max-width: var(--modal-lg);
}
.modal.modal-md .modal__container {
  max-width: var(--modal-md);
}
.modal.modal-sm .modal__container {
  max-width: var(--modal-sm);
}
.modal .modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  padding: 1rem;
}
.modal .modal__container {
  background-color: var(--color-white);
  width: 100%;
  max-width: var(--modal-md);
  max-height: 100%;
  border-radius: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal .modal__header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25rem 0 0.875rem;
  margin: 0 1.5rem;
  border-bottom: 1px solid var(--color-border-darkest);
}
.modal .modal__title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal .modal__close {
  background: transparent;
  border: 0;
  width: 2rem;
  height: 2rem;
}
.modal .modal__header .modal__close:before {
  content: "✕";
  font-size: 1.5rem;
}
.modal .modal__header + .modal__content {
  padding-top: 1.5rem;
}
.modal .modal__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.5;
  padding: 0 1.5rem;
  padding-top: 1.75rem;
  overflow-y: auto;
  position: relative;
}
.modal .modal__content::-webkit-scrollbar {
  width: 0.375rem;
  padding-right: 1rem;
}
.modal .modal__content::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
  border-right: 1px solid var(--color-bg-secondary-lightest02);
}
.modal .modal__content::-webkit-scrollbar-track {
  background: transparent;
}
.modal .modal__content > .txt {
  margin-bottom: 1rem;
  text-align: center;
}
.modal .modal__content > .txt:last-child {
  margin-bottom: 0;
}
.modal .modal__content > .warning {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-warning);
  margin-top: 1.25rem;
  text-align: center;
}
.modal .modal__content > .warning i {
  font-size: 1.25rem;
  position: relative;
  top: 0.1875rem;
  margin-right: 0.125rem;
}
.modal .modal__btn {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2.875rem;
}
.modal .modal__btn.w-max {
  max-width: 11rem;
}
.modal .modal__header ~ .modal__footer .modal__btn {
  height: 2.625rem;
}
.modal .modal__footer {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.modal.micromodal-slide {
  display: none;
}
.modal.micromodal-slide.is-open {
  display: block;
}
.modal.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal.micromodal-slide .modal__container, .modal.micromodal-slide .modal__overlay {
  will-change: transform;
}
.modal.none-filter .modal__overlay {
  background-color: transparent;
}
.modal.none-filter .modal__container {
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
}
.modal.none-footer .modal__content {
  padding-bottom: 1.75rem;
}
.modal.none-footer .modal__content::-webkit-scrollbar-button:vertical:end:decrement {
  display: block;
  width: 1rem;
}
.modal.none-footer .modal__header + .modal__content {
  padding-bottom: 1.5rem;
}

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
/*
* responsive
*/
@media (max-width: 991.98px) {
  .modal.modal-lg .modal__container {
    max-width: var(--modal-md);
  }
  .modal.modal-lg.mo-full .modal__container {
    max-width: var(--modal-lg);
  }
}
@media (max-width: 767.98px) {
  .modal .modal__btn.w-max {
    max-width: 100%;
  }
  .modal.mo-full .modal__overlay {
    padding: 0;
  }
  .modal.mo-full .modal__container {
    width: 100% !important;
    height: 100% !important;
    max-width: initial !important;
    border-radius: 0;
  }
  .modal.mo-full .modal__header {
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 1px solid var(--color-border);
  }
  .modal.mo-full .modal__content {
    padding: 1rem;
  }
  .modal.mo-full .modal__footer {
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  }
  .modal.none-f-shadow .modal__footer {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (max-width: 575.98px) {
  .modal .modal__container {
    max-width: 100% !important;
  }
}
.table-wrap .tb-head-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.table-wrap .tb-head-wrap .text-wrap .tb-desc {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.table-wrap .tb-head-wrap .tb-desc {
  margin-top: 0;
}
.table-wrap .tb-head-wrap .tb-desc.ml-a {
  margin-left: auto;
}
.table-wrap .tb-head-wrap .text {
  margin-bottom: 0 !important;
}
.table-wrap .tb-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
}
.table-wrap .tb-title.lg {
  font-size: var(--size-text-lg) !important;
}
.table-wrap .tb-title.light {
  font-weight: 400 !important;
}
.table-wrap .tb-text {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
}
.table-wrap .tb-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-top: 0.5rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table-wrap .tb-desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.25rem;
}
.table-wrap .tb-desc.warning {
  color: var(--color-text-warning);
}
.table-wrap .tb-desc.warning::before {
  color: var(--color-text-warning);
}
.table-wrap.none-thead .table th,
.table-wrap.none-thead .table td {
  height: 4.25rem;
  text-align: left;
}
.table-wrap.none-thead .table th.center,
.table-wrap.none-thead .table td.center {
  text-align: center;
}
.table-wrap.none-thead .table thead {
  display: none;
}
.table-wrap.tb-scrollable .tb-overflow {
  word-break: keep-all;
  overflow-x: auto;
}
.table-wrap.tb-scrollable .table {
  min-width: 45rem;
}
.table-wrap.tb-lg .table th,
.table-wrap.tb-lg .table td {
  height: 4.8125rem;
}
.table-wrap.tb-lg .table thead th {
  height: 5.125rem;
}
.table-wrap.tb-sm .tb-head-wrap {
  margin-bottom: 0;
}
.table-wrap.tb-sm .tb-desc {
  font-size: var(--size-text-xs);
}
.table-wrap.tb-sm .desc-second {
  font-size: var(--size-text-xs);
  color: #5b86b8;
  margin-bottom: 0.25rem;
}
.table-wrap.tb-sm .table th,
.table-wrap.tb-sm .table td {
  height: 2.375rem;
  font-size: var(--size-text-sm);
  padding: 0.5rem 0.75rem;
}
.table-wrap.tb-sm .table .desc.warning {
  font-size: var(--size-text-xxs);
}
.table-wrap .tb-descbox {
  background-color: var(--color-bg-gray-dark);
  padding: 1.5rem;
  border-radius: 1rem;
  margin-top: 0.5rem;
  color: var(--color-text-light);
}
.table-wrap .tb-descbox .desc-title {
  font-size: var(--size-text-md);
  font-weight: 700;
  margin-bottom: 0.625rem;
}
.table-wrap .tb-descbox .desc-list-wrap {
  padding-left: 1rem;
}
.table-wrap .tb-descbox .desc-list {
  font-size: var(--size-text-md);
  font-weight: 400;
  margin-bottom: 0.25rem;
  list-style: disc;
  line-height: 1.4;
}
.table-wrap .tb-descbox .desc-list:last-child {
  margin-bottom: 0;
}
.table-wrap .tb-descbox .desc-list::marker {
  font-size: 0.5rem;
}

.table {
  margin-bottom: 0;
  font-size: var(--size-text-md);
  font-weight: 400;
  width: 100%;
  border-top: 2px solid var(--color-border-darkest);
}
.table .mo-visible {
  display: none;
}
.table th,
.table td {
  position: relative;
  padding: 0.875rem 1.25rem;
  line-height: 1.4;
  height: 3.375rem;
  vertical-align: middle;
  border: 1px solid var(--color-border);
}
.table th.center,
.table td.center {
  text-align: center;
}
.table th.center .desc,
.table td.center .desc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table th.right,
.table td.right {
  text-align: right;
}
.table th.align-top,
.table td.align-top {
  vertical-align: top;
}
.table th.bg-gray,
.table td.bg-gray {
  background-color: var(--color-bg-gray-dark);
}
.table th.bg-blue-light,
.table td.bg-blue-light {
  background-color: var(--color-bg-secondary-lightest02);
}
.table th .dictionary span,
.table td .dictionary span {
  margin-right: 0.25rem;
}
.table th .bold,
.table td .bold {
  font-weight: 700;
}
.table th {
  font-weight: 500;
  background-color: var(--color-bg-gray);
  text-align: center;
}
.table th:first-of-type {
  border-left: none;
}
.table th.bg-blue {
  background-color: var(--color-bg-secondary-lightest01);
}
.table th.center {
  text-align: center !important;
}
.table th.left {
  text-align: left !important;
}
.table th.bold {
  font-weight: 700;
}
.table th.light {
  font-weight: 500;
}
.table th .bold {
  font-weight: 700;
}
.table th.important::after {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-65%);
          transform: translateY(-65%);
}
.table th .dictionary {
  display: inline-block;
}
.table td:first-child {
  border-left: none;
}
.table td:last-of-type {
  border-right: none;
}
.table td:first-of-type {
  border-left: none;
}
.table td a:hover {
  text-decoration: underline;
}
.table td .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0.625rem;
}
.table td .attachment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
}
.table td .attachment::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  background: url("../images/components/icon_paperclip.svg") center/cover no-repeat;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  top: 1px;
}
.table thead th {
  height: 4rem;
  font-weight: 700;
}
.table thead th:last-of-type {
  border-right: none;
}
.table .desc {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: #5b86b8;
}
.table .desc.warning {
  color: var(--color-text-warning);
  position: relative;
  padding-left: 0.75rem;
}
.table .desc.warning::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  position: absolute;
  left: 0;
  top: -0.0625rem;
}
.table .desc.advice {
  position: relative;
  padding-left: 0.75rem;
  font-size: var(--size-text-sm);
  color: var(--color-text-lighter);
}
.table .desc.advice::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-text-secondary-lighter);
  position: absolute;
  left: 0;
  top: 0.125rem;
}
.table .desc.include-list-wrap .list-wrap {
  padding-left: 0;
}
.table .desc.include-list-wrap .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table .desc.include-list-wrap .list.include-desc {
  display: block;
}
.table .desc.include-list-wrap .list.include-desc .txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table .desc.include-list-wrap .list.include-desc .desc {
  padding-left: 1.375rem;
}
.table .desc.include-list-wrap .list.include-desc .desc::before {
  left: 0.75rem;
}
.table .desc.include-list-wrap .list .num {
  margin-right: 0.25rem;
}
.table .desc.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
}
.table .desc.line::before {
  content: "-";
  display: inline-block;
  font-size: var(--size-text-sm);
}
.table .rank {
  margin-bottom: 1rem;
}
.table .rank:last-child {
  margin-bottom: 0;
}
.table .em {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.table .em:last-child {
  margin-bottom: 0;
}
.table .text-gray {
  color: var(--color-text-lighter);
  margin-bottom: 0.25rem;
}
.table .text-gray:last-child {
  margin-bottom: 0;
}
.table .text-orange {
  color: var(--color-text-primary-dark);
}
.table .list-wrap {
  padding-left: 1.5rem;
}
.table .list-wrap .list {
  list-style-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%2371717a" transform="scale(0.25) translate(2, 10)" transform-origin="center" /></svg>');
}
.table .list-wrap .list.no-marker::marker {
  font-size: 0;
}

table .checkbox {
  position: relative;
  top: 0.1875rem;
}
table .checkbox .label-checkbox::before {
  margin-right: 0;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .table-wrap .tb-title {
    font-size: var(--size-text-lg);
  }
  .table-wrap .tb-title.lg {
    font-size: var(--size-text-md) !important;
  }
  .table-wrap .tb-text {
    font-size: var(--size-text-md);
  }
  .table-wrap .tb-desc {
    font-size: var(--size-text-xs);
    margin-top: 0.5rem;
  }
  .table-wrap .tb-desc::before {
    position: relative;
    margin-right: 0.1875rem;
  }
  .table-wrap.none-thead .table th,
.table-wrap.none-thead .table td {
    height: 3.25rem;
  }
  .table-wrap.tb-lg .table th,
.table-wrap.tb-lg .table td {
    height: 3.8125rem;
  }
  .table-wrap.tb-lg .table thead th {
    height: 4.3125rem;
  }
  .table-wrap.tb-sm .table th,
.table-wrap.tb-sm .table td {
    height: 2.375rem;
    font-size: var(--size-text-sm);
    padding: 0.5rem 0.75rem;
  }
  .table-wrap.tb-scrollable {
    position: relative;
  }
  .table-wrap.tb-scrollable .tb-overflow {
    margin-right: -1rem;
    padding-right: 1rem;
    position: relative;
  }
  .table-wrap.tb-scrollable .tb-overflow::after {
    content: "";
    display: block;
    width: 6.0625rem;
    height: 6.0625rem;
    background: url("../images/common/img_x-scroll.svg") center/cover no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .table-wrap.scroller .tb-overflow::after {
    content: none;
  }
  .table-wrap .tb-descbox {
    padding: 1rem;
  }
  .table-wrap .tb-descbox .desc-title {
    font-size: var(--size-text-sm);
  }
  .table-wrap .tb-descbox .desc-list {
    font-size: var(--size-text-sm);
  }
  .table-wrap .table .mo-hidden {
    display: none;
  }
  .table-wrap .table .mo-visible {
    display: table-row;
  }
  .table th,
.table td {
    padding: 0.625rem 0.75rem;
    font-size: var(--size-text-sm);
    height: 2.75rem;
  }
  .table td .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.25rem;
    margin-left: 0;
  }
  .table thead th {
    height: 3.25rem;
  }
  .tb-accord .d3-head td:first-child {
    padding-left: 2rem;
  }
  .tb-accord .d2-head td:first-child {
    padding-left: 1.5rem;
  }
  .tb-accord .d1-body td:first-child {
    padding-left: 1.5rem;
  }
  .tb-accord .d2-body td:first-child {
    padding-left: 2rem;
  }
  .tb-accord .d3-body td:first-child {
    padding-left: 2.5rem;
  }
}
.list-announce col:nth-of-type(1) {
  width: 76px;
}
.list-announce col:nth-of-type(3) {
  width: 98px;
}
.list-announce col:last-of-type {
  width: 80px;
}

.table-detail col:nth-of-type(1) {
  width: 12.5rem;
}

.myhome-info .table-detail col:nth-of-type(1) {
  width: 190px;
}

.cpnt-common-list.type2 col:first-child {
  width: 57px;
}
.cpnt-common-list.type2 col:nth-last-of-type(2) {
  width: 134px;
}
.cpnt-common-list .list-my-interest1 col:nth-child(3) {
  width: auto;
}
.cpnt-common-list .list-my-interest1 col:nth-last-of-type(3) {
  width: 134px;
}
.cpnt-common-list .tb-all-rental-house col:nth-child(3) {
  width: auto;
}
.cpnt-common-list .tb-all-rental-house col:nth-last-of-type(3) {
  width: 86px;
}
.cpnt-common-list .tb-all-rental-house col:nth-last-of-type(2) {
  width: 90px;
}
.cpnt-common-list .tb-waiting-tenant col:nth-of-type(3) {
  width: auto;
}
.cpnt-common-list .tb-waiting-tenant col:nth-last-of-type(4) {
  width: 90px;
}
.cpnt-common-list .tb-waiting-tenant col:nth-last-of-type(3) {
  width: 80px;
}
.cpnt-common-list .tb-waiting-tenant col:nth-last-of-type(2) {
  width: 110px;
}
.cpnt-common-list .tb-public-housing col:nth-last-of-type(3) {
  width: 134px;
}
.cpnt-common-list .tb-interest-houseinfo col:last-of-type {
  width: 134px;
}

.cpnt-common-list .list-my-align3 col:nth-of-type(1) {
  width: auto;
}
.cpnt-common-list .list-my-align3 col:nth-of-type(2) {
  width: 98px;
}

.tb-welfare2 col:first-child {
  width: 170px;
}
.tb-welfare2 col:nth-of-type(3) {
  width: 250px;
}

.tb-welfare4 col:first-child {
  width: 86px;
}
.tb-welfare4 col:nth-of-type(2) {
  width: 85px;
}

.tb-welfare2-3 col:first-child {
  width: 76px;
}
.tb-welfare2-3 col:nth-of-type(2) {
  width: 96px;
}

.tb-welfare2-4 col:first-child {
  width: 148px;
}
.tb-welfare2-4 col:nth-of-type(3) {
  width: 15%;
}

.tb-welfare2-6 col:first-child {
  width: 184px;
}
.tb-welfare2-6 col:nth-of-type(2) {
  width: 126px;
}

.tb-welfare3-2 col:first-child {
  width: 80px;
}
.tb-welfare3-2 col:nth-of-type(2) {
  width: 80px;
}
.tb-welfare3-2 col:nth-of-type(3) {
  width: 45%;
}

.tb-welfare2-1 col:first-child,
.tb-welfare3-1 col:first-child,
.tb-welfare4-1 col:first-child,
.tb-welfare5-1 col:first-child {
  width: 20%;
}

.tb-welfare4-2 col:first-child {
  width: 20%;
}

.tb-welfare10-1 .table col:first-child {
  width: 140px;
}

.tb-welfare11-1 .table col:first-child,
.tb-welfare11-2 .table col:first-child {
  width: 170px;
}

.tb-welfare11-4 .table col:first-child {
  width: 15%;
}

.tb-welfare11-5 .table col:first-child {
  width: 165px;
}
.tb-welfare11-5 .table col:nth-of-type(2) {
  width: 260px;
}

.tb-search-main1 col:nth-of-type(2) {
  width: 110px;
}
.tb-search-main1 col:nth-of-type(5) {
  width: 106px;
}
.tb-search-main1 col:nth-of-type(6) {
  width: 106px;
}

.tb-search-main2 col:nth-of-type(1) {
  width: auto;
}
.tb-search-main2 col:nth-of-type(2) {
  width: 84px;
}
.tb-search-main2 col:nth-of-type(3) {
  width: 96px;
}

.tb-search-main3 col:nth-of-type(2) {
  width: 180px;
}
.tb-search-main3 col:nth-of-type(3) {
  width: 160px;
}

.tb-search-main4 col:nth-of-type(2) {
  width: 240px;
}
.tb-search-main4 col:nth-of-type(3) {
  width: 200px;
}

.tb-welfare13-1 col:nth-of-type(1) {
  width: 138px;
}
.tb-welfare13-1 col:nth-of-type(2) {
  width: 128px;
}

.tb-welfare14-1 col:last-of-type,
.tb-welfare14-2 col:last-of-type,
.tb-welfare14-3 col:last-of-type {
  width: 30%;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .list-announce col:nth-of-type(1) {
    width: 64px;
  }
  .list-announce col:nth-of-type(2) {
    width: auto;
  }
  .list-announce col:nth-of-type(3) {
    width: 50px;
  }
  .list-announce col:last-of-type {
    width: 50px;
  }
  .table-detail col:nth-of-type(1) {
    width: auto;
    min-width: 6.125rem;
    min-width: 98px;
  }
  .myhome-info .table-detail col:nth-of-type(1) {
    width: 130px;
  }
  .cpnt-common-list.type2 col:first-child {
    width: auto;
  }
  .cpnt-common-list.type2 col:nth-last-of-type(2) {
    width: 110px;
  }
  .cpnt-common-list.type2 .list-my-interest1 col:nth-child(3) {
    width: auto;
  }
  .cpnt-common-list.type2 .list-my-interest1 col:nth-last-of-type(3) {
    width: 110px;
  }
  .cpnt-common-list.type2 .tb-all-rental-house col:nth-last-of-type(3) {
    width: auto;
  }
  .cpnt-common-list.type2 .tb-all-rental-house col:nth-last-of-type(2) {
    width: auto;
  }
  .cpnt-common-list.type2 .tb-waiting-tenant.tb-list {
    min-width: 70rem;
  }
  .cpnt-common-list.type2 .tb-waiting-tenant col:nth-last-of-type(3) {
    width: auto;
  }
  .cpnt-common-list.type2 .tb-waiting-tenant col:nth-last-of-type(2) {
    width: auto;
  }
  .cpnt-common-list.type2 .tb-public-housing col:nth-last-of-type(3) {
    width: 110px;
  }
  .cpnt-common-list .list-my-align3 col:nth-of-type(2) {
    width: auto;
  }
  .tb-welfare2 col:first-child {
    width: 60px;
  }
  .tb-welfare2 col:nth-of-type(3) {
    width: auto;
  }
  .tb-welfare3 col:last-child {
    width: 58px;
  }
  .tb-welfare4-2 col:first-child {
    width: 50px;
  }
  .tb-welfare10-1 .table col:first-child {
    width: 72px;
  }
  .tb-welfare11-1 .table col:first-child,
.tb-welfare11-2 .table col:first-child {
    width: 130px;
  }
  .tb-welfare11-4 .table col:first-child {
    width: 68px;
  }
  .tb-welfare11-5 .table col:first-child {
    width: 68px;
  }
  .tb-welfare11-5 .table col:nth-of-type(2) {
    width: 135px;
  }
  .tb-welfare11-7 .table col:first-child {
    width: 54px;
  }
  .tb-welfare11-7 .table col:nth-of-type(2) {
    width: 116px;
  }
  .tb-search-main3 col:nth-of-type(2) {
    width: 26% !important;
  }
  .tb-search-main3 col:nth-of-type(3) {
    width: 26% !important;
  }
  .tb-welfare13-1 col:nth-of-type(1) {
    width: auto;
  }
  .tb-welfare13-1 col:nth-of-type(2) {
    width: auto;
  }
  .tb-welfare-center1 col:nth-of-type(2) {
    width: 26% !important;
  }
  .tb-welfare-center1 col:nth-of-type(3) {
    width: 26% !important;
  }
}
.body-wrapper {
  min-height: 100%;
  position: relative;
}
.body-wrapper.fixed {
  height: 100%;
  overflow: hidden;
}
.body-wrapper.fixed .footer {
  position: relative;
}
.body-wrapper.down .header {
  top: calc(0rem - var(--header-total-height));
}
.body-wrapper.down .snbar {
  top: 4rem;
}
.body-wrapper.none-toolbar .mo-quick-menu .menu-list {
  bottom: calc(1.5rem + env(safe-area-inset-bottom));
}

.sec-container,
.subpage-container {
  max-width: var(--width-max-contents);
  padding-left: var(--spacing-contents);
  padding-right: var(--spacing-contents);
  margin-left: auto;
  margin-right: auto;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  -webkit-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
}

#main {
  padding-top: var(--header-total-height);
  padding-bottom: var(--footer-height);
}
#main .subpage-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
#main .subpage-container .sec-container {
  max-width: initial;
  padding: 0;
  margin: 0;
}
#main .subpage-container .contents-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

.footer {
  height: var(--footer-height);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.snbar {
  position: sticky;
  top: calc(var(--header-total-height) + 4rem);
}

.mo-snbar {
  display: none;
}

.mo-toolbar {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
}

.quick-menu {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: translate(calc(100% - 1.25rem), -50%);
          transform: translate(calc(100% - 1.25rem), -50%);
  z-index: 60;
  width: 7.375rem;
}

.mo-quick-menu {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 60;
  width: 0;
  height: 0;
  display: none;
}
.mo-quick-menu.open {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mo-quick-menu .menu-list {
  position: fixed;
  right: 1rem;
  bottom: calc(5.5rem + env(safe-area-inset-bottom));
}

/*
* responsive
*/
@media (max-width: 1199.98px) {
  .snbar {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 767.98px) {
  .body-wrapper {
    padding-bottom: calc(4rem + env(safe-area-inset-bottom));
  }
  .body-wrapper.down {
    padding-bottom: 0;
  }
  .body-wrapper.down .mo-toolbar {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .body-wrapper.down .mo-quick-menu .menu-list {
    bottom: calc(1.5rem + env(safe-area-inset-bottom));
  }
  .body-wrapper.sub-wrapper #main {
    padding-bottom: 0;
  }
  .body-wrapper.none-toolbar {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .body-wrapper.none-toolbar .mo-toolbar {
    display: none;
    visibility: hidden;
  }
  #main .subpage-container {
    padding: 0;
  }
  #main .subpage-container .contents-container {
    padding-left: var(--spacing-contents);
    padding-right: var(--spacing-contents);
  }
  #main .contents-area {
    padding-bottom: 9rem;
  }
  .mo-snbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .body-wrapper.sub-wrapper .footer {
    display: none;
    visibility: hidden;
  }
  .mo-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .quick-menu {
    display: none;
  }
  .mo-quick-menu {
    display: block;
  }
}
/* iOS only */
@supports (-webkit-touch-callout: none) {
  html,
body {
    height: -webkit-fill-available;
  }
  .body-wrapper {
    min-height: -webkit-fill-available;
  }
}
.header .top {
  height: var(--header-top-height);
  background-color: var(--color-bg-gray);
  border-bottom: 1px solid var(--color-border);
}
.header .top .top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.header .top .top-menu {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.header .top .top-menu li {
  font-size: 0.875rem;
  font-size: var(--size-text-sm);
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header .top .top-menu li .btn-logout {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  display: none;
  visibility: hidden;
}
.header .top .top-menu li .btn-logout i {
  font-size: 1.75rem;
}
.header .top .top-menu li > a {
  display: block;
  color: var(--color-text-lighter);
  text-decoration: none;
  font-weight: 500;
  padding: 0.5rem 0.0625rem;
}
.header .top .top-menu li > a.btn-link-hub:hover {
  color: var(--color-border-primary);
}
.header .top .top-menu li > a.btn-link-hub:hover::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.125rem;
  background-color: var(--color-border-primary);
}
.header .top .top-menu li > a.btn-link-youth:hover {
  color: var(--color-youth02);
}
.header .top .top-menu li > a.btn-link-youth:hover::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.125rem;
  background-color: var(--color-youth02);
}
.header .top .top-menu li > span {
  margin-right: 4px;
}
.header .top .top-menu li .btn-zoom {
  font-size: 0;
  color: transparent;
  width: 1.75rem;
  height: 1.75rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header .top .top-menu li .btn-zoom.in {
  background-image: url("../images/header/img_plussquare.svg");
}
.header .top .top-menu li .btn-zoom.out {
  background-image: url("../images/header/img_minussquare.svg");
}
.header .gnbar {
  position: relative;
  height: var(--header-gnb-height);
  background-color: var(--color-inverse);
  border-bottom: 1px solid var(--color-border);
}
.header .gnbar .gnb-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.header .gnbar .mo-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  visibility: hidden;
}
.header .gnbar .mo-title-wrap .btn-history-back {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  margin-right: 0.5rem;
}
.header .gnbar .mo-title-wrap .sub-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-text);
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.header .gnbar .logo {
  display: block;
  margin-right: 5rem;
}
.header .gnbar .logo > img {
  display: block;
  width: 8.0625rem;
  height: auto;
}
.header .gnbar .global-menu {
  height: calc(100% + 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-h4);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: -1px;
}
.header .gnbar .global-menu .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 1.25rem;
}
.header .gnbar .global-menu .list:first-of-type {
  padding-left: 0;
}
.header .gnbar .global-menu .list:first-of-type::after {
  -webkit-transform: translateX(calc(-50% - 0.625rem));
          transform: translateX(calc(-50% - 0.625rem));
}
.header .gnbar .global-menu .list:first-of-type:hover::after {
  width: calc(100% - 1.25rem);
}
.header .gnbar .global-menu .list:last-of-type {
  padding-right: 0;
}
.header .gnbar .global-menu .list:last-of-type::after {
  -webkit-transform: translateX(calc(-50% + 0.625rem));
          transform: translateX(calc(-50% + 0.625rem));
}
.header .gnbar .global-menu .list:last-of-type:hover::after {
  width: calc(100% - 1.25rem);
}
.header .gnbar .global-menu .list::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  background-color: var(--color-icon-secondary);
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}
.header .gnbar .global-menu .list:hover {
  color: var(--color-text-secondary);
}
.header .gnbar .global-menu .list:hover::after {
  width: calc(100% - 2.5rem);
}
.header .gnbar .global-menu .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0.5rem;
}
.header .gnbar .global-menu .list.active {
  color: var(--color-text-secondary);
}
.header .gnbar .global-menu .list.active::after {
  width: calc(100% - 2.5rem);
}
.header .gnbar .global-menu .list.active:first-of-type::after {
  width: calc(100% - 1.25rem);
  -webkit-transform: translateX(calc(-50% - 0.625rem));
          transform: translateX(calc(-50% - 0.625rem));
}
.header .gnbar .global-menu .list.active:first-of-type:hover::after {
  width: calc(100% - 1.25rem);
}
.header .gnbar .global-menu .list.active:last-of-type::after {
  width: calc(100% - 1.25rem);
  -webkit-transform: translateX(calc(-50% + 0.625rem));
          transform: translateX(calc(-50% + 0.625rem));
}
.header .gnbar .global-menu .list.active:last-of-type:hover::after {
  width: calc(100% - 1.25rem);
}
.header .gnbar .depth-menu {
  position: absolute;
  left: 0;
  width: 100%;
  top: -150%;
  z-index: -1;
  -webkit-box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.07);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-bg-secondary-lightest01)), color-stop(50%, #fff));
  background-image: linear-gradient(to right, var(--color-bg-secondary-lightest01) 50%, #fff 50%);
}
.header .gnbar .depth-menu.open {
  bottom: initial;
  top: var(--header-gnb-height);
}
.header .gnbar .depth-menu .depth-menu-wrap {
  padding-left: calc(var(--spacing-contents) + 13.0625rem);
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: var(--color-white);
}
.header .gnbar .depth-menu .depth-menu-wrap::before {
  content: "";
  display: block;
  width: 13.0625rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 13.0625rem;
  background-color: var(--color-bg-secondary-lightest01);
}
.header .gnbar .depth-menu .global-sub {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  display: none;
}
.header .gnbar .depth-menu .global-sub::before {
  content: attr(data-title);
  position: absolute;
  height: 1.375rem;
  border-left: 4px solid var(--color-icon-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-h3);
  font-weight: 500;
  color: var(--color-bg-secondary);
  padding-left: 0.75rem;
  letter-spacing: -0.04em;
  -webkit-transform: translate(calc(-3.5rem - 100%), 50%);
          transform: translate(calc(-3.5rem - 100%), 50%);
}
.header .gnbar .depth-menu .global-sub.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .gnbar .depth-menu .global-sub .group {
  min-width: 11.25rem;
}
.header .gnbar .depth-menu .global-sub .group .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  border: 1px solid var(--color-border-dark);
  border-radius: 0.5rem;
  padding: 0 1rem;
  font-size: var(--size-text-lg);
  font-weight: 700;
  background-color: var(--color-white);
}
.header .gnbar .depth-menu .global-sub .group .menu {
  margin-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
  padding: 0 0.75rem;
}
.header .gnbar .depth-menu .global-sub .group .menu > .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-light);
  padding: 0.125rem 0;
}
.header .gnbar .depth-menu .global-sub .group .menu > .list > a::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--color-icon-primary);
  border-radius: 50%;
  margin-right: 0.5rem;
}
.header .gnbar .depth-menu .global-sub .group .menu > .list > a:hover {
  font-weight: 700;
  text-decoration: underline;
}
.header .gnbar .depth-menu .global-sub .group:hover .head {
  color: var(--color-text-secondary);
  background-color: var(--color-bg-secondary-lightest01);
  border-color: var(--color-icon-secondary);
}
.header .gnbar .gnb-toolbar {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .gnbar .gnb-toolbar .desktop-tool {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  font-weight: 500;
  padding: 0.25rem 0;
  color: var(--color-text);
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-tool > i {
  font-size: 1.25rem;
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-tool:hover {
  color: var(--color-text-secondary);
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-login {
  color: var(--color-text-secondary);
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-mypage {
  display: none;
  visibility: hidden;
  color: var(--color-text-secondary);
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-toggle-sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-secondary);
  font-size: 2rem;
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-toggle-sitemap::before {
  content: "\e916";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-toggle-sitemap:hover {
  color: var(--color-icon-secondary);
}
.header .gnbar .gnb-toolbar .desktop-tool .btn-toggle-sitemap.open::before {
  content: none;
}
.header .gnbar .gnb-toolbar .mobile-tool {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.header .gnbar .gnb-toolbar .mobile-tool button {
  width: 1.75rem;
  height: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.75rem;
}
.header .gnbar .gnb-toolbar .mobile-tool button:hover {
  color: var(--color-icon-secondary);
}
.header .gnbar .gnb-toolbar .mobile-tool .btn-m-notify {
  position: relative;
}
.header .gnbar .gnb-toolbar .mobile-tool .btn-m-notify.new::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: block;
  background-color: var(--color-text-warning);
  position: absolute;
  top: 0.125rem;
  left: 1rem;
}
.header .gnbar .gnb-toolbar .mobile-tool .only-main,
.header .gnbar .gnb-toolbar .mobile-tool .only-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.header .mo-gnb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 110;
  background-color: var(--color-white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.header .mo-gnb.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.header .mo-gnb .gnb-mo-header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0 1rem 1rem;
}
.header .mo-gnb .gnb-mo-header .head-tool {
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header .mo-gnb .gnb-mo-header .head-tool .linkbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
}
.header .mo-gnb .gnb-mo-header .head-tool .linkbar a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
.header .mo-gnb .gnb-mo-header .head-tool .linkbar a::before {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
}
.header .mo-gnb .gnb-mo-header .head-tool .linkbar a.btn-home::before {
  background: url("../images/header/icon_home.svg") center/100% no-repeat;
}
.header .mo-gnb .gnb-mo-header .head-tool .linkbar a.btn-alarm::before {
  content: "\e903";
  font-size: 1.75rem;
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .mo-gnb .gnb-mo-header .head-tool .btn-close {
  margin-left: auto;
  font-size: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}
.header .mo-gnb .gnb-mo-header .user-func-bar {
  margin-top: 0.5rem;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .logout,
.header .mo-gnb .gnb-mo-header .user-func-bar .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .logout button,
.header .mo-gnb .gnb-mo-header .user-func-bar .login button {
  font-size: var(--size-text-sm);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  height: 3rem;
  background-color: var(--color-bg-gray);
  border: 1px solid var(--color-border);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .logout button i,
.header .mo-gnb .gnb-mo-header .user-func-bar .login button i {
  font-size: 1rem;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .logout button:first-child,
.header .mo-gnb .gnb-mo-header .user-func-bar .login button:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
  border-right: none;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .logout button:last-child,
.header .mo-gnb .gnb-mo-header .user-func-bar .login button:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}
.header .mo-gnb .gnb-mo-header .user-func-bar .login {
  display: none;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  background-color: var(--color-bg-secondary-lightest01);
  border: 1px solid var(--color-border-secondary);
  border-radius: 0.5rem;
  padding: 0.5rem 0;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.75rem;
  letter-spacing: -0.09em;
  font-weight: 700;
  color: var(--color-bg-secondary);
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc::before {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 0.125rem;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc.youth::before {
  background: url("../images/header/icon_homesearch.svg") center/100% no-repeat;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc.map::before {
  background: url("../images/header/icon_map.svg") center/100% no-repeat;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc.data::before {
  background: url("../images/header/icon_data.svg") center/100% no-repeat;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc span {
  text-align: center;
  line-height: 1.2;
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc:hover {
  background-color: var(--color-youth01);
  border-color: var(--color-youth01);
}
.header .mo-gnb .gnb-mo-header .etc-menu-bar .btn-etc:hover span {
  color: var(--color-white);
}
.header .mo-gnb .gnb-mo-header .info-contact {
  padding-top: 1rem;
}
.header .mo-gnb .gnb-mo-header .info-contact .call-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.header .mo-gnb .gnb-mo-header .info-contact .call-center .label {
  font-size: var(--size-text-sm);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.header .mo-gnb .gnb-mo-header .info-contact .call-center .label:before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  background: url("../images/header/icon_phone.svg") center/100% no-repeat;
}
.header .mo-gnb .gnb-mo-header .info-contact .call-center .call-link {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-secondary-lighter);
}
.header .mo-gnb .gnb-mo-header .info-contact .operation-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.header .mo-gnb .gnb-mo-header .info-contact .operation-time p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-xs);
  font-weight: 500;
}
.header .mo-gnb .gnb-mo-header .info-contact .operation-time p em {
  font-weight: 700;
  margin-right: 0.375rem;
}
.header .mo-gnb .gnb-mo-header .info-contact .operation-time .weekday {
  color: var(--color-text-secondary-lighter);
}
.header .mo-gnb .gnb-mo-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-top: 1px solid var(--color-border-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}
.header .mo-gnb .gnb-mo-body .top-depth {
  background-color: var(--color-bg-secondary-lightest01);
  padding: 1.5rem 0 1.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 9.75rem;
}
.header .mo-gnb .gnb-mo-body .top-depth .d1-list {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0;
  padding-left: 1rem;
  margin-right: -0.3125rem;
  cursor: pointer;
}
.header .mo-gnb .gnb-mo-body .top-depth .d1-list.active {
  background-color: var(--color-bg-secondary);
  -webkit-box-shadow: 0 3px 12px 0 rgba(26, 65, 150, 0.4);
          box-shadow: 0 3px 12px 0 rgba(26, 65, 150, 0.4);
  color: var(--color-white);
  font-weight: 700;
  border-radius: 0.5rem 0.5rem 0.5rem 1.5rem;
}
.header .mo-gnb .gnb-mo-body .sub-depth {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header .mo-gnb .gnb-mo-body .depth2 {
  display: none;
  height: 100%;
  padding: 2.25rem 1rem 2.25rem 1.25rem;
  overflow-y: auto;
}
.header .mo-gnb .gnb-mo-body .depth2.open {
  display: block;
}
.header .mo-gnb .gnb-mo-body .depth2 .d2-list {
  margin-top: 1.5rem;
}
.header .mo-gnb .gnb-mo-body .depth2 .d2-list:first-child {
  margin-top: 0;
}
.header .mo-gnb .gnb-mo-body .depth2 .d2-list .d2-head {
  font-size: var(--size-text-lg);
  font-weight: 500;
}
.header .mo-gnb .gnb-mo-body .depth2 .d2-list .d2-head > a {
  display: inline-block;
  padding: 0.2188rem 0;
}
.header .mo-gnb .gnb-mo-body .depth2 .d2-list .d2-head:hover, .header .mo-gnb .gnb-mo-body .depth2 .d2-list .d2-head.active {
  font-weight: 700;
  color: var(--color-text-secondary);
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 {
  background-color: var(--color-bg-gray);
  padding: 1rem;
  margin-top: 0.75rem;
  border-radius: 0.5rem;
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list > a {
  padding: 0.1875rem 0;
  display: block;
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list::before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-icon-primary);
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list:first-child {
  margin-top: 0;
}
.header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list:hover, .header .mo-gnb .gnb-mo-body .depth2 .depth3 .d3-list.active {
  color: var(--color-text);
  text-decoration: underline;
}
.header .sitemap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: var(--header-total-height);
  height: 100vh;
  display: none;
}
.header .sitemap .head-tool {
  position: absolute;
  width: 100%;
  max-width: var(--width-max-contents);
  top: var(--header-top-height);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: var(--header-gnb-height);
}
.header .sitemap .head-tool .btn-close {
  position: absolute;
  width: 2rem;
  height: 2rem;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  color: var(--color-icon-secondary);
}
.header .sitemap.open {
  display: block;
}
.header .sitemap .sitemap-wrap {
  height: 100%;
  padding: 2rem 1rem;
  overflow-y: auto;
  background-color: var(--color-white);
}
.header .sitemap .sitemap-body {
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-white);
  border: 1px solid var(--color-border-secondary);
  padding: 3.25rem 5rem;
  border-radius: 2rem;
  -webkit-box-shadow: 0 0.25rem 1.625rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.25rem 1.625rem 0 rgba(0, 0, 0, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}
.header .sitemap .sitemap-body .cont-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}
.header .sitemap .sitemap-body .cont-col-2 > .colbox {
  width: 50%;
}
.header .sitemap .sitemap-body .cont-col-2 > .colbox .d1-title {
  margin-bottom: 2.5rem;
}
.header .sitemap .sitemap-body .d1-title {
  width: 100%;
  text-align: center;
  font-family: var(--font-secondary);
  height: 4.125rem;
  border-radius: 2.0625rem;
  background-color: var(--color-border-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  font-size: var(--size-text-d5);
  font-weight: 900;
  color: var(--color-white);
}
.header .sitemap .sitemap-body .d2-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.header .sitemap .sitemap-body .d2-wrap a {
  padding: 0;
}
.header .sitemap .sitemap-body .d2-wrap .d2-title {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 12.875rem;
  font-size: var(--size-text-h4);
  font-weight: 700;
  color: var(--color-text-secondary);
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu {
  padding: 1.5rem 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 1px solid var(--color-border-secondary);
  border-bottom: 1px solid var(--color-border-secondary);
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1.5rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .col-50 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .col-33 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 33.3333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 9.875rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .col-33 .d3-title {
  width: auto;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d3-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 11.375rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d3-title.w-50 {
  width: 50%;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d3-title > a {
  display: inline-block;
  padding: 0.25rem 0;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d4-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.125rem, 1fr));
  gap: 1.5rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d4-menu .d4-list .d4-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  border: 1px solid var(--color-border-dark);
  border-radius: 0.5rem;
  padding: 0 1rem;
  font-size: var(--size-text-lg);
  color: var(--color-text);
  font-weight: 700;
  background-color: var(--color-white);
  margin-bottom: 0.75rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d5-menu {
  padding: 0 0.75rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d5-menu .d5-list {
  font-size: var(--size-text-sm);
  color: var(--color-text-light);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d5-menu .d5-list:last-of-type {
  margin-bottom: 0;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d5-menu .d5-list > a {
  display: inline-block;
  padding: 0.0625rem 0;
  line-height: 1.286;
}
.header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .d5-menu .d5-list::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-icon-primary);
  margin-right: 0.5rem;
}
.header.on-login .top .top-menu li .btn-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.header.on-login .gnbar .gnb-toolbar .desktop-tool .btn-mypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.header.on-login .gnbar .gnb-toolbar .desktop-tool .btn-login {
  display: none;
  visibility: hidden;
}
.header.on-login .mo-gnb .gnb-mo-header .user-func-bar .logout {
  display: none;
}
.header.on-login .mo-gnb .gnb-mo-header .user-func-bar .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  .header .gnbar .gnb-toolbar .desktop-tool .btn-tool.optional {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .header .gnbar .global-menu,
.header .gnbar .depth-menu {
    display: none;
    visibility: hidden;
  }
  .header .sitemap .sitemap-body {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list.custom .col-50 {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .header .sitemap .sitemap-body .d2-wrap .d3-menu .d3-list .col-33 {
    width: 50%;
  }
}
@media (max-width: 767.98px) {
  .header .top {
    display: none;
    visibility: hidden;
  }
  .header .gnbar .logo > img {
    width: 4.4375rem;
  }
  .header .gnbar .gnb-toolbar .desktop-tool {
    display: none;
  }
  .header .gnbar .gnb-toolbar .mobile-tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .body-wrapper .header .gnbar .mobile-tool .only-sub,
.main-wrapper .header .gnbar .mobile-tool .only-sub {
    display: none;
    visibility: hidden;
  }
  .body-wrapper .header .gnbar .mobile-tool .only-main,
.main-wrapper .header .gnbar .mobile-tool .only-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .sub-wrapper .header .gnbar .logo {
    display: none;
    visibility: hidden;
  }
  .sub-wrapper .header .gnbar .mo-title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .sub-wrapper .header .gnbar .mobile-tool .only-main {
    display: none;
    visibility: hidden;
  }
  .sub-wrapper .header .gnbar .mobile-tool .only-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
}
.footer {
  background-color: var(--color-bg-secondary-lightest01);
  padding-top: var(--footer-spacing);
  padding-bottom: var(--footer-spacing);
}
.footer .linkbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
.footer .linkbar .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.625rem 3.5rem;
}
.footer .linkbar .inside .logo {
  width: 7rem;
  height: auto;
}
.footer .linkbar .inside .foot-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-md);
  font-weight: 500;
  padding-top: 0.125rem;
  line-height: 1;
}
.footer .linkbar .inside .foot-menu-list .list {
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .linkbar .inside .foot-menu-list .list::after {
  content: "";
  width: 1px;
  height: 1rem;
  background-color: var(--color-border);
}
.footer .linkbar .inside .foot-menu-list .list > a {
  display: block;
  color: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  margin: 0 1.75rem;
}
.footer .linkbar .inside .foot-menu-list .list:first-of-type {
  color: #fba104;
  font-weight: 700;
  text-decoration: underline;
}
.footer .linkbar .inside .foot-menu-list .list:first-of-type > a {
  margin-left: 0;
}
.footer .linkbar .inside .foot-menu-list .list:last-of-type {
  color: var(--color-text-secondary);
  font-weight: 700;
  text-decoration: underline;
}
.footer .linkbar .inside .foot-menu-list .list:last-of-type > a {
  margin-right: 0;
}
.footer .linkbar .outside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.footer .linkbar .outside .input-wrap {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.footer .linkbar .outside .input-wrap.family {
  width: 10.625rem;
}
.footer .linkbar .outside .input-wrap.relative {
  width: 14.25rem;
}
.footer .infobar {
  margin-top: 3.125rem;
}
.footer .infobar .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.75rem;
     -moz-column-gap: 1.75rem;
          column-gap: 1.75rem;
  margin-bottom: 1rem;
}
.footer .infobar .contact dl {
  font-size: var(--size-text-md);
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.footer .infobar .contact dl dt {
  font-weight: 700;
}
.footer .infobar .copyright {
  font-size: var(--size-text-sm);
  color: var(--color-text-lightest);
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.footer .infobar .organ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
.footer .infobar .organ img {
  height: 2.25rem;
  width: auto;
}

.mo-toolbar {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.04);
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.mo-toolbar::after {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -1;
  content: url("../images/footer/icon_bnb01_on.svg") url("../images/footer/icon_bnb02_on.svg") url("../images/footer/icon_bnb03_on.svg") url("../images/footer/icon_bnb04_on.svg");
}
.mo-toolbar .btn-mtool {
  height: 4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem;
  font-size: var(--size-text-xxs);
  color: var(--color-text-lightest);
}
.mo-toolbar .btn-mtool::before {
  position: static;
  content: "";
  display: block;
  width: 1.625rem;
  height: 1.625rem;
}
.mo-toolbar .btn-mtool:hover {
  color: var(--color-text-secondary);
}
.mo-toolbar .btn-mtool.btn-home::before {
  background: url("../images/footer/icon_bnb01.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-home:hover::before {
  background: url("../images/footer/icon_bnb01_on.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-notice::before {
  background: url("../images/footer/icon_bnb02.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-notice:hover::before {
  background: url("../images/footer/icon_bnb02_on.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-diagnosis::before {
  background: url("../images/footer/icon_bnb03.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-diagnosis:hover::before {
  background: url("../images/footer/icon_bnb03_on.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-map::before {
  background: url("../images/footer/icon_bnb04.svg") center/100% no-repeat;
}
.mo-toolbar .btn-mtool.btn-map:hover::before {
  background: url("../images/footer/icon_bnb04_on.svg") center/100% no-repeat;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  .footer .linkbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 991.98px) {
  .footer .linkbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .linkbar .inside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer .infobar .contact {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer .infobar .copyright {
    text-align: center;
  }
  .footer .infobar .organ {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .footer {
    border-top: 1px solid var(--color-border);
  }
  .footer .linkbar {
    row-gap: 1.25rem;
  }
  .footer .linkbar .inside .logo {
    width: 4.625rem;
  }
  .footer .linkbar .inside .foot-menu-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0;
    font-size: var(--size-text-sm);
    row-gap: 0.625rem;
  }
  .footer .linkbar .inside .foot-menu-list .list {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 50%;
  }
  .footer .linkbar .inside .foot-menu-list .list:nth-of-type(even)::after {
    content: none;
  }
  .footer .linkbar .inside .foot-menu-list .list:nth-of-type(odd) > a {
    margin-left: auto;
  }
  .footer .linkbar .outside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .footer .linkbar .outside .input-wrap.family, .footer .linkbar .outside .input-wrap.relative {
    width: 100%;
  }
  .footer .infobar {
    margin-top: 1.25rem;
  }
  .footer .infobar .contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.625rem;
  }
  .footer .infobar .contact dl {
    font-size: var(--size-text-xs);
  }
  .footer .infobar .contact dl dt {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 84px;
  }
  .footer .infobar .copyright {
    font-size: var(--size-text-xxs);
    margin-bottom: 1rem;
  }
  .footer .infobar .organ {
    -webkit-column-gap: 1.3125rem;
       -moz-column-gap: 1.3125rem;
            column-gap: 1.3125rem;
  }
  .footer .infobar .organ img {
    height: 1.4375rem;
  }
}
.snbar {
  width: var(--snb-width);
  border-radius: 1rem 1rem 0 1rem;
  -webkit-box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.07);
          box-shadow: 0 0 1.625rem rgba(0, 0, 0, 0.07);
  -webkit-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
  overflow: hidden;
}
.snbar .d-group {
  background-color: var(--color-bg-secondary-lightest01);
}
.snbar .head {
  height: 6.75rem;
  border-radius: 1rem 1rem 0 0;
  background-color: var(--color-bg-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-secondary);
  color: var(--color-white);
  font-size: var(--size-text-d4);
  font-weight: 700;
}
.snbar .snb-depth1 .accord-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.0625rem;
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text);
  padding: 0 20px;
  border: 1px solid var(--color-border);
  border-bottom: none;
  background-color: var(--color-white);
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.snbar .snb-depth1 .accord-head > a {
  padding: 0.375rem 0;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.snbar .snb-depth1 .accord-head.active {
  color: var(--color-text-secondary);
  font-weight: 700;
}
.snbar .snb-depth1 .accord-head.d1 {
  cursor: pointer;
}
.snbar .snb-depth1 .accord-head.d1 > a {
  pointer-events: none;
}
.snbar .snb-depth1 .accord-head.d1::after {
  content: "\e91a";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-left: auto;
  color: var(--color-icon-light);
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.snbar .snb-depth1 .accord-head.d1 + .accord-body {
  border-top: 0;
  border-bottom: 0;
  max-height: 0;
}
.snbar .snb-depth1 .accord-head.d1.open::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.snbar .snb-depth1 .accord-head.d1.open + .accord-body {
  max-height: 345rem;
  border-top: 1px solid var(--color-border-secondary-lighter);
}
.snbar .snb-depth1 .accord-body {
  display: block;
  background-color: var(--color-bg-secondary-lightest01);
  border: 1px solid var(--color-border-secondary-lighter);
  border-bottom: none;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.snbar .snb-depth1 .accord-body .d2-list {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.snbar .snb-depth1 .accord-body .d2-list:first-of-type {
  margin-top: 1.5rem;
}
.snbar .snb-depth1 .accord-body .d2-list:last-of-type {
  margin-bottom: 1.5rem;
}
.snbar .snb-depth1 .accord-body .d2-head {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.snbar .snb-depth1 .accord-body .d2-head::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: var(--color-icon-light);
}
.snbar .snb-depth1 .accord-body .d2-head.active {
  color: var(--color-bg-secondary);
  font-weight: 700;
}
.snbar .snb-depth1 .accord-body .d2-head > a {
  display: inline-block;
  padding: 0.1875rem 0;
}
.snbar .snb-depth1 .accord-body .d2-head > a:hover {
  color: var(--color-bg-secondary);
  font-weight: 700;
}
.snbar .snb-depth1 .snb-depth3 {
  margin-top: 1rem;
  background-color: var(--color-white);
  padding: 1rem 1.375rem;
  border-bottom-left-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.875rem;
}
.snbar .snb-depth1 .snb-depth3 .d3-list {
  font-size: var(--size-text-md);
  color: var(--color-text-lighter);
  font-weight: 500;
}
.snbar .snb-depth1 .snb-depth3 .d3-list.active > a {
  color: var(--color-bg-secondary);
  text-decoration: underline;
}
.snbar .snb-depth1 .snb-depth3 .d3-list > a {
  display: inline-block;
  padding: 0.1875rem 0;
}
.snbar .snb-depth1 .snb-depth3 .d3-list > a:hover {
  color: var(--color-bg-secondary);
  text-decoration: underline;
}
.snbar .snb-depth1 li:last-of-type .accord-head {
  border-bottom-left-radius: 1rem;
  border-bottom: 1px solid var(--color-border);
}
.snbar .snb-depth1 li:last-of-type .accord-head.open {
  border-radius: 0;
  border-bottom: none;
}
.snbar .snb-depth1 li:last-of-type .accord-head.open + .accord-body {
  border-bottom: 1px solid var(--color-border-secondary-lighter);
}
.snbar .snb-depth1 li:last-of-type .accord-body {
  border-bottom-left-radius: 1rem;
}

.mo-snbar {
  position: relative;
  height: 2.75rem;
  margin-left: -1rem;
  margin-right: -1rem;
  z-index: 5;
  margin-bottom: 1rem;
}
.mo-snbar .col-depth {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: var(--size-text-sm);
  color: var(--color-inverse);
  font-weight: 500;
  background-color: var(--color-bg-secondary-dark);
  position: relative;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.mo-snbar .col-depth:nth-of-type(2) {
  background-color: var(--color-bg-secondary);
}
.mo-snbar .col-depth:nth-of-type(3) {
  background-color: var(--color-bg-secondary-light01);
}
.mo-snbar .col-depth:nth-of-type(4) {
  background-color: var(--color-bg-secondary-light02);
}
.mo-snbar .col-depth.active {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  min-width: 55%;
}
.mo-snbar .col-depth.active .option-menu {
  width: 100%;
  max-height: 15rem;
}
.mo-snbar .col-depth.active .label::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mo-snbar .col-depth .label {
  width: 100%;
  height: 100%;
  padding-left: 0.5rem;
  padding-right: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.mo-snbar .col-depth .label > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.mo-snbar .col-depth .label::after {
  content: "\e91a";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--color-opacity-60);
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.mo-snbar .col-depth .option-menu {
  position: absolute;
  top: 2.75rem;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: inherit;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.mo-snbar .col-depth .option-menu .list {
  margin-bottom: 0.75rem;
}
.mo-snbar .col-depth .option-menu .list:hover {
  text-decoration: underline;
}
.mo-snbar .col-depth .option-menu .list a {
  display: block;
  padding: 0.0938rem 1rem;
}
.mo-snbar .col-depth .option-menu .list:first-child {
  margin-top: 0.875rem;
}
.mo-snbar .col-depth .option-menu .list:last-child {
  margin-bottom: 0.875rem;
}

/*
* responsive
*/
.quick-menu.open {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.quick-menu.open .btn-quick-close i {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  margin-bottom: 0.0625rem;
  margin-left: 0.0625rem;
}
.quick-menu .menu-cont {
  position: relative;
  background-color: var(--color-white);
  padding: 1.25rem;
  border: 1px solid var(--color-border);
  border-right: none;
  border-radius: 1rem 0 0 1rem;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.quick-menu .menu-list {
  row-gap: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 1.5rem;
}
.quick-menu .menu-list .list {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.quick-menu .menu-list .list > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.quick-menu .menu-list .list > a::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.quick-menu .menu-list .list.jobpost > a::before {
  background: url("../images/quick/icon_quickmenu01.svg") center/100% no-repeat;
}
.quick-menu .menu-list .list.diagnosis > a::before {
  background: url("../images/quick/icon_quickmenu02.svg") center/100% no-repeat;
}
.quick-menu .menu-list .list.map > a::before {
  background: url("../images/quick/icon_quickmenu03.svg") center/100% no-repeat;
}
.quick-menu .menu-list .list.dictionary > a::before {
  background: url("../images/quick/icon_quickmenu04.svg") center/100% no-repeat;
}
.quick-menu .btn-quick-close {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quick-menu .btn-quick-close i {
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 1rem;
  color: var(--color-white);
}
.quick-menu .call-info {
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
  text-align: center;
}
.quick-menu .call-info .label {
  display: block;
  font-size: var(--size-text-xs);
  font-weight: 500;
}
.quick-menu .call-info .call {
  display: block;
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-text-secondary-lighter);
  margin-top: 0.375rem;
}
.quick-menu .call-info .btn-chatbot {
  background-color: var(--gray2-color-100);
  border-radius: 0.5rem;
  width: 100%;
  height: 5.5rem;
  margin-top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.quick-menu .call-info .btn-chatbot::before {
  content: "";
  display: block;
  width: 3.9375rem;
  height: 4.5rem;
  background: url("../images/quick/img_chatbot.svg") center/cover no-repeat;
  position: relative;
  top: -1.125rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.quick-menu .call-info .btn-chatbot span {
  font-size: var(--size-text-xs);
  font-weight: 700;
  color: var(--color-text);
  position: relative;
  top: -0.375rem;
}
.quick-menu .btn-quick-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  background-color: var(--gray2-color-100);
  border-radius: 1rem;
  padding: 0 0.5rem;
  height: 1.5rem;
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-text-lighter);
  margin-left: 1.25rem;
  position: absolute;
  opacity: 0;
  margin-top: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.quick-menu .btn-quick-top::after {
  content: "";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  background: url("../images/quick/icon_arrowbar_up.svg") center/100% no-repeat;
}
.quick-menu.down .btn-quick-top {
  opacity: 1;
  margin-top: 1.875rem;
}

.mo-quick-menu.open {
  background-color: rgba(0, 0, 0, 0.75);
}
.mo-quick-menu.open .menu-list .list button.btn-m-quickmenu::before {
  content: "\e90b";
}
.mo-quick-menu.open .menu-list .list.optional {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.mo-quick-menu.open .menu-list .list.optional:nth-of-type(1) {
  -webkit-animation-name: mo-quick-show;
          animation-name: mo-quick-show;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.mo-quick-menu.open .menu-list .list.optional:nth-of-type(2) {
  -webkit-animation-name: mo-quick-show;
          animation-name: mo-quick-show;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.mo-quick-menu.close .menu-list .list.optional:nth-of-type(1) {
  -webkit-animation-name: mo-quick-hidden;
          animation-name: mo-quick-hidden;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.mo-quick-menu.close .menu-list .list.optional:nth-of-type(2) {
  -webkit-animation-name: mo-quick-hidden;
          animation-name: mo-quick-hidden;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
.mo-quick-menu .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-transition: bottom 0.15s ease-in-out;
  transition: bottom 0.15s ease-in-out;
  pointer-events: none;
}
.mo-quick-menu .menu-list .list.optional {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.mo-quick-menu .menu-list .list button {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: var(--size-text-xl);
  font-weight: 500;
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: auto;
}
.mo-quick-menu .menu-list .list button > span {
  font-size: var(--size-text-xs);
  font-weight: 500;
  position: absolute;
  left: -2.875rem;
}
.mo-quick-menu .menu-list .list button::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.mo-quick-menu .menu-list .list button.btn-m-dictionary::before {
  background: url("../images/quick/icon_bookmark.svg") center/100% no-repeat;
}
.mo-quick-menu .menu-list .list button.btn-m-chatbot::before {
  /* background: url("../images/quick/icon_chats.svg") center/100% no-repeat; */
  background: url("../images/quick/icon_chats2.svg") center/100% no-repeat;
}
.mo-quick-menu .menu-list .list button.btn-m-quickmenu {
  background-color: var(--color-bg-primary);
  border: 1px solid rgba(217, 119, 6, 0.0021);
  -webkit-box-shadow: 0 2px 10px 0 rgba(251, 161, 4, 0.5);
          box-shadow: 0 2px 10px 0 rgba(251, 161, 4, 0.5);
}
.mo-quick-menu .menu-list .list button.btn-m-quickmenu::before {
  content: "\e90c";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mo-quick-menu .menu-list .list button.btn-m-top {
  color: var(--color-icon);
}
.mo-quick-menu .menu-list .list button.btn-m-top::before {
  content: "\e912";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes mo-quick-show {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

@keyframes mo-quick-show {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes mo-quick-hidden {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes mo-quick-hidden {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
  }
}
/*
* responsive
*/
.sub-global-tab {
  position: relative;
  z-index: 1;
}
.sub-global-tab .tab-title {
  display: none;
  visibility: none;
}
.sub-global-tab .sub-tab-title {
  display: none;
}
.sub-global-tab .option-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(16.6% - 0.4rem), 1fr));
  gap: 0.5rem;
}
.sub-global-tab .option-list .list {
  border-radius: 1rem;
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-lightest);
}
.sub-global-tab .option-list .list:hover {
  color: var(--color-text-light);
}
.sub-global-tab .option-list .list:hover .sub-option-list {
  max-height: 2.5rem;
  overflow: visible;
}
.sub-global-tab .option-list .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background-color: var(--color-bg-gray-dark);
  min-height: 3.5rem;
  word-break: keep-all;
  line-height: 1.2;
}
.sub-global-tab .option-list .list.active {
  color: var(--color-white);
  font-weight: 700;
}
.sub-global-tab .option-list .list.active > a {
  background-color: var(--color-icon-primary);
}
.sub-global-tab .option-list .list.active .sub-option-list {
  max-height: 2.5rem;
  overflow: visible;
}
.sub-global-tab .option-list .list .sub-option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sub-global-tab .option-list .list .sub-option-list .sub-list {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-lighter);
  border-left: 1px solid var(--color-border);
  padding-left: 1.5rem;
  margin-left: 1.5rem;
}
.sub-global-tab .option-list .list .sub-option-list .sub-list:first-child {
  border: none;
  padding-left: 0;
  margin-left: 0;
}
.sub-global-tab .option-list .list .sub-option-list .sub-list.active, .sub-global-tab .option-list .list .sub-option-list .sub-list:hover {
  font-weight: 700;
  color: var(--color-text-primary-dark);
}

.sub-cont-header {
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
}
.sub-cont-header .contents-title {
  font-size: var(--size-text-h1);
  font-weight: 700;
  color: var(--color-text);
  padding: 0.25rem 0;
}
.sub-cont-header .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
}
.sub-cont-header .breadcrumb .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-lighter);
}
.sub-cont-header .breadcrumb .link > a {
  display: block;
}
.sub-cont-header .breadcrumb .link :hover {
  color: var(--color-text);
  text-decoration: underline;
}
.sub-cont-header .breadcrumb .link::after {
  content: "\e914";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.sub-cont-header .breadcrumb .link:last-child {
  pointer-events: none;
}
.sub-cont-header .breadcrumb .link:last-child::after {
  content: none;
}
.sub-cont-header .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.sub-cont-header .toolbar button {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sub-cont-header .toolbar button::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--color-icon-light);
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sub-cont-header .toolbar button.btn-favorite::before {
  background: url("../images/common/icon_star_off.svg") center/100% no-repeat;
}
.sub-cont-header .toolbar button.btn-share::before {
  content: "\e90a";
}
.sub-cont-header .toolbar button.btn-print::before {
  content: "\e909";
}

.share-group {
  position: relative;
}
.share-group.open .option-list {
  display: block;
}
.share-group .option-list {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 10;
  width: 9rem;
  display: none;
}
.share-group .option-list > li {
  border: 1px solid var(--color-border);
  background-color: var(--color-inverse);
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.share-group .option-list > li:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
  border-bottom: 0;
}
.share-group .option-list > li:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}
.share-group .option-list > li > a:hover {
  color: var(--color-text-secondary);
  text-decoration: underline;
}
.share-group .option-list > li img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.5rem;
  text-decoration: none;
}
.share-group .option-list > li.link-clipboard i {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--color-bg-secondary-lighter);
  font-size: 1rem;
  color: var(--color-icon-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.5rem;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  .sub-global-tab .option-list .list {
    font-size: var(--size-text-md);
  }
  .sub-global-tab .option-list .list > a {
    min-height: 3.125rem;
  }
  .sub-global-tab .option-list .list .sub-option-list .sub-list {
    font-size: var(--size-text-md);
  }
}
@media (max-width: 1199.98px) {
  .sub-global-tab .option-list .list {
    font-size: var(--size-text-sm);
  }
  .sub-global-tab .option-list .list > a {
    min-height: 2.75rem;
  }
  .sub-global-tab .option-list .list .sub-option-list .sub-list {
    font-size: var(--size-text-sm);
  }
}
@media (max-width: 767.98px) {
  .sub-global-tab .tab-title {
    visibility: visible;
    height: 3.5rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 0.5rem;
    font-size: var(--size-text-lg);
    font-weight: 700;
    color: var(--color-text);
    background-color: var(--color-bg-secondary-lightest01);
    cursor: pointer;
    -webkit-transition: border-radius 0.2s ease-out;
    transition: border-radius 0.2s ease-out;
  }
  .sub-global-tab .tab-title::after {
    content: "\e91a";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
    color: var(--color-icon-light);
    font-family: "iconFont" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.15s linear;
    transition: all 0.15s linear;
  }
  .sub-global-tab .sub-tab-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.75rem;
  }
  .sub-global-tab .sub-tab-title .sub-title {
    font-size: var(--size-text-lg);
    font-weight: 500;
    color: var(--color-text-lighter);
    line-height: 1.3;
    border-left: 1px solid var(--color-border);
    padding-left: 1.5rem;
    margin-left: 1.5rem;
  }
  .sub-global-tab .sub-tab-title .sub-title:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }
  .sub-global-tab .sub-tab-title .sub-title.active, .sub-global-tab .sub-tab-title .sub-title:hover {
    font-weight: 700;
    color: var(--color-text-primary-dark);
  }
  .sub-global-tab .sub-tab-title.hidden {
    display: none;
  }
  .sub-global-tab .option-list {
    position: absolute;
    top: 3.5rem;
    width: 100%;
    display: block;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.15s ease-in;
    transition: max-height 0.15s ease-in;
  }
  .sub-global-tab .option-list .list {
    display: block;
    border-radius: 0;
    font-size: var(--size-text-lg);
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
  }
  .sub-global-tab .option-list .list > a {
    border-radius: 0;
    height: 3.1875rem;
  }
  .sub-global-tab .option-list .list:first-child {
    border-top: 1px solid var(--color-border);
  }
  .sub-global-tab .option-list .list:last-child {
    border-radius: 0 0 1rem 1rem;
    border-bottom: none;
  }
  .sub-global-tab .option-list .list:last-child > a {
    border-radius: 0 0 1rem 1rem;
  }
  .sub-global-tab .option-list .list.active {
    color: var(--color-text-primary);
  }
  .sub-global-tab .option-list .list.active > a {
    background-color: var(--color-bg-gray-dark);
  }
  .sub-global-tab .option-list .list.active .sub-option-list {
    max-height: 0;
  }
  .sub-global-tab .option-list .list:hover .sub-option-list {
    max-height: 0;
  }
  .sub-global-tab.open .tab-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--color-bg-gray-dark);
  }
  .sub-global-tab.open .tab-title::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .sub-global-tab.open .option-list {
    /* max-height: 32.5rem; */
    max-height: 40.5rem;
  }
  .sub-cont-header {
    display: none;
    visibility: hidden;
  }
  .share-group .option-list {
    right: -60%;
  }
}
.main-wrapper section[class|=sec-main] {
  padding-top: var(--main-sec-vertical-spacing);
  padding-bottom: var(--main-sec-vertical-spacing);
}
.main-wrapper section[class|=sec-main] h1.main-sec-title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d2);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.4;
  margin-bottom: 3.25rem;
}
.main-wrapper section[class|=sec-main] h1.main-sec-title > em {
  font-weight: 900;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  word-break: keep-all;
}
.main-wrapper section[class|=sec-main] h1.main-sec-title > em::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1.25rem;
  border-radius: 0.625rem;
  background-color: rgba(133, 171, 255, 0.3);
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(35%);
          transform: translateY(35%);
  z-index: -1;
}

.sec-main-hero .hero-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.sec-main-hero .hero-row .swiper-container {
  width: calc(100% - 32.625rem - 2rem);
}
.sec-main-hero .hero-row .explore-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 32.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.sec-main-hero .main-hero-swiper {
  position: relative;
  height: 29.375rem;
}
.sec-main-hero .main-hero-swiper .main-hero {
  overflow: hidden;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
}
.sec-main-hero .main-hero-swiper .swiper-slide {
  display: block;
  overflow: hidden;
  background-color: #ecf3ff;
  padding: 3.75rem 3.75rem 4.875rem;
  height: 100%;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.sec-main-hero .main-hero-swiper .swiper-slide .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d1);
  font-weight: 900;
  line-height: 1.4;
  width: 23.75rem;
  word-break: keep-all;
  letter-spacing: -0.03em;
}
.sec-main-hero .main-hero-swiper .swiper-slide .title em {
  color: var(--color-text-secondary);
}
.sec-main-hero .main-hero-swiper .swiper-slide .desc {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-lighter);
  line-height: 1.4;
  max-width: 22.75rem;
  margin-top: 1rem;
  word-break: keep-all;
}
.sec-main-hero .main-hero-swiper .swiper-slide .img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.sec-main-hero .main-hero-swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-main-hero .main-hero-swiper .swiper-slide .btn-shortcut {
  font-size: var(--size-text-h4);
  font-weight: 400;
  color: var(--color-white);
  background-color: var(--color-bg-secondary);
  padding: 1.4375rem 3.5rem 1.4375rem 3.75rem;
  border-radius: 0 1.5rem 0 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.sec-main-hero .main-hero-swiper .swiper-slide .btn-shortcut em {
  font-weight: 700;
}
.sec-main-hero .main-hero-swiper .swiper-slide .btn-shortcut::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url("../images/main/icon_arrow_half.svg") center/cover no-repeat;
}
.sec-main-hero .main-hero-swiper .swiper-slide.banner1 {
  background-image: url("../images/main/bg_mainbanner01.png");
}
.sec-main-hero .main-hero-swiper .swiper-slide.banner2 {
  background-image: url("../images/main/bg_mainbanner02.png");
}
.sec-main-hero .main-hero-swiper .swiper-button-next,
.sec-main-hero .main-hero-swiper .swiper-button-prev {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--color-white);
  -webkit-box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.05);
  right: -1rem;
}
.sec-main-hero .main-hero-swiper .swiper-button-next::after,
.sec-main-hero .main-hero-swiper .swiper-button-prev::after {
  content: "\e91f";
  font-size: 1.75rem;
  color: var(--color-text-lighter);
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.1875rem;
}
.sec-main-hero .main-hero-swiper .swiper-button-next.swiper-button-disabled,
.sec-main-hero .main-hero-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.sec-main-hero .main-hero-swiper .swiper-button-next.swiper-button-disabled::after,
.sec-main-hero .main-hero-swiper .swiper-button-prev.swiper-button-disabled::after {
  color: var(--color-text-disable);
}
.sec-main-hero .main-hero-swiper .swiper-button-prev {
  right: 0;
  left: -1rem;
}
.sec-main-hero .main-hero-swiper .swiper-button-prev::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin-left: 0;
  margin-right: 0.1875rem;
}
.sec-main-hero .explore-searchbox {
  position: relative;
}
.sec-main-hero .explore-searchbox .title {
  display: block;
  font-size: var(--size-text-h4);
  font-weight: 700;
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding: 0.125rem 0;
}
.sec-main-hero .explore-searchbox .btn-loc-search {
  position: relative;
  width: 100%;
  height: 4.5rem;
  border: 1px solid var(--color-border-primary);
  border-radius: 1rem;
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-lightest);
  text-align: left;
  padding: 0 1.5rem;
  padding-right: 6rem;
  overflow: hidden;
}
.sec-main-hero .explore-searchbox .btn-loc-search i {
  width: 4.5rem;
  background-color: var(--color-bg-primary);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2rem;
  color: var(--color-white);
}
.sec-main-hero .explore-policy {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 32.5rem;
}
.sec-main-hero .explore-policy .title {
  font-size: var(--size-text-h4);
  font-weight: 700;
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding: 0.125rem 0;
}
.sec-main-hero .explore-policy .policy-list {
  border: 1px solid var(--color-border-primary);
  border-radius: 2rem;
  background-color: var(--color-white);
  display: grid;
  grid-template-columns: 1fr calc(33.333% + var(--main-grid-spacing)) 1fr;
  overflow: hidden;
  padding: var(--main-grid-spacing);
  grid-template-rows: 1fr 1fr;
  height: 18.125rem;
}
.sec-main-hero .explore-policy .policy-list .link {
  font-size: var(--size-text-lg);
  font-weight: 400;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  line-height: 1.2;
  text-align: center;
  padding-bottom: var(--main-grid-spacing);
}
.sec-main-hero .explore-policy .policy-list .link:nth-of-type(3n) {
  border-right: none;
}
.sec-main-hero .explore-policy .policy-list .link:nth-of-type(4), .sec-main-hero .explore-policy .policy-list .link:nth-of-type(5), .sec-main-hero .explore-policy .policy-list .link:nth-of-type(6) {
  border-bottom: none;
  padding-bottom: 0;
  padding-top: var(--main-grid-spacing);
}
.sec-main-hero .explore-policy .policy-list .link:nth-of-type(1), .sec-main-hero .explore-policy .policy-list .link:nth-of-type(4) {
  padding-right: calc(var(--main-grid-spacing) / 2);
}
.sec-main-hero .explore-policy .policy-list .link:nth-of-type(3), .sec-main-hero .explore-policy .policy-list .link:nth-of-type(6) {
  padding-left: calc(var(--main-grid-spacing) / 2);
}
.sec-main-hero .explore-policy .policy-list .link > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.sec-main-hero .explore-policy .policy-list .link > a > img {
  width: 4.25rem;
  height: auto;
}
.sec-main-hero .banner-row {
  margin-top: 3.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.sec-main-hero .core-link-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 79%;
}
.sec-main-hero .core-link-banner .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 2rem;
  padding: 2rem 2.5rem;
  color: var(--color-white);
  background-color: var(--color-bg-secondary-light02);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.sec-main-hero .core-link-banner .item .related-img {
  width: 8.5rem;
  position: relative;
  margin-right: -0.5rem;
  height: auto;
}
.sec-main-hero .core-link-banner .self-check {
  background-color: var(--color-bg-primary);
}
.sec-main-hero .core-link-banner .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
}
.sec-main-hero .core-link-banner .desc {
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.5;
  margin-top: 1rem;
  color: var(--color-opacity-80);
  word-break: keep-all;
}
.sec-main-hero .core-link-banner .btn-go {
  font-size: var(--size-text-lg);
  font-weight: 500;
  border: 1px solid var(--color-white);
  border-radius: 2rem;
  padding: 0 1.25rem;
  margin-top: 1.625rem;
  height: 3rem;
}
.sec-main-hero .cs-link-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  width: 21%;
  min-width: 16.5rem;
}
.sec-main-hero .cs-link-banner .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-white);
  border-radius: 1rem;
  height: 7.1875rem;
  position: relative;
}
.sec-main-hero .cs-link-banner .youth {
  background-image: url("../images/main/img_maincs.svg");
  background-size: 7.5rem 7.75rem;
  background-repeat: no-repeat;
  background-position: left 0.25rem bottom -1.375rem;
  background-color: var(--color-youth01);
}
.sec-main-hero .cs-link-banner .youth > a {
  background-color: transparent;
  padding: 1.375rem 1rem 1.375rem 8.25rem;
}
.sec-main-hero .cs-link-banner .youth .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-xl);
  font-weight: 800;
  line-height: 1.2;
  word-break: keep-all;
}
.sec-main-hero .cs-link-banner .youth .btn-shortcut {
  font-size: var(--size-text-sm);
  font-weight: 400;
  margin-top: 0.5rem;
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-main-hero .cs-link-banner .call-center {
  background: none;
  color: var(--color-text);
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  padding: 0.75rem;
  -webkit-box-shadow: 0 3px 12px 0 rgba(62, 73, 84, 0.1);
          box-shadow: 0 3px 12px 0 rgba(62, 73, 84, 0.1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-main-hero .cs-link-banner .tel-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}
.sec-main-hero .cs-link-banner .tel-num .txt {
  font-size: var(--size-text-lg);
  font-weight: 500;
}
.sec-main-hero .cs-link-banner .tel-num .num {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--color-text-secondary-lighter);
}
.sec-main-hero .cs-link-banner .tel-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.125rem;
  margin-top: 0.875rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.sec-main-hero .cs-link-banner .tel-time span em {
  font-weight: 700;
  margin-right: 0.125rem;
}
.sec-main-hero .cs-link-banner .tel-time .weekday {
  color: var(--color-text-secondary-lighter);
}

.sec-main-post {
  background-image: url("../images/main/bg-section2.png");
  background-color: #f1fefc;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sec-main-post .post-box {
  padding: 3.5rem 2.5rem;
  border-radius: 2rem;
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
}
.sec-main-post .post-box .post-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5rem;
}
.sec-main-post .post-box .post-wrap.find-calendar .list-container .category-tabs .tab > a::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #d2f0ff;
  border: 1px solid #025782;
  border-radius: 50%;
}
.sec-main-post .post-box .post-wrap.find-calendar .list-container .category-tabs .tab:nth-of-type(2) a::before {
  background-color: #ffd9d9;
  border-color: #e95858;
}
.sec-main-post .post-box .post-wrap.find-calendar .list-container .category-tabs .tab:last-of-type a::before {
  background-color: #ffeac6;
  border-color: #e18f00;
}
.sec-main-post .post-box .calmap-container {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.sec-main-post .post-box .calmap-container .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
  line-height: 1.3;
}
.sec-main-post .post-box .calmap-container .head .title {
  font-size: var(--size-text-h2);
  font-weight: 700;
}
.sec-main-post .post-box .calmap-container .head .tab-switch {
  position: relative;
  height: 3.25rem;
  width: 12.625rem;
  border-radius: 2rem;
  background-color: var(--color-bg-secondary);
  border: 0.25rem solid var(--color-bg-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec-main-post .post-box .calmap-container .head .tab-switch input[type=radio] {
  position: absolute;
  display: none;
  visibility: hidden;
}
.sec-main-post .post-box .calmap-container .head .tab-switch input[type=radio]:checked + span {
  background-color: var(--color-inverse);
  color: var(--color-text-secondary);
}
.sec-main-post .post-box .calmap-container .head .tab-switch label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
.sec-main-post .post-box .calmap-container .head .tab-switch label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-size: var(--size-text-xl);
  color: var(--color-inverse);
  font-weight: bold;
  border-radius: 2rem;
}
.sec-main-post .post-box .calmap-container .cal-caption {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}
.sec-main-post .post-box .calmap-container .cal-caption .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
  font-size: var(--size-text-xl);
  font-weight: 500;
}
.sec-main-post .post-box .calmap-container .cal-caption .list::before {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
}
.sec-main-post .post-box .calmap-container .cal-caption .list.today::before {
  background-color: var(--color-bg-primary);
}
.sec-main-post .post-box .calmap-container .cal-caption .list.select::before {
  background-color: var(--color-bg-secondary);
}
.sec-main-post .post-box .calmap-container .cal-caption .list.post::before {
  background-color: #d2f0ff;
  border: 1px solid #025782;
}
.sec-main-post .post-box .calmap-container .cal-caption .list.receipt::before {
  background-color: #ffd9d9;
  border: 1px solid #e95858;
}
.sec-main-post .post-box .calmap-container .cal-caption .list.result::before {
  background-color: #ffeac6;
  border: 1px solid #e18f00;
}
.sec-main-post .post-box .calmap-container .calendar-wrap {
  min-width: 41.5rem;
  max-height: 45.8125rem;
}
.sec-main-post .post-box .calmap-container .map-wrap {
  margin-top: 2rem;
  height: 723px;
  min-width: 41.5rem;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #e2f0ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-main-post .post-box .calmap-container .map-control-toolbar {
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sec-main-post .post-box .calmap-container .map-control-toolbar button {
  height: 2.625rem;
  width: 10.75rem;
  font-size: var(--size-text-md);
  font-weight: 500;
  border: 1px solid var(--color-text-secondary);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
  margin-right: -0.125rem;
}
.sec-main-post .post-box .calmap-container .map-control-toolbar button > i {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  color: inherit;
  opacity: 0.7;
}
.sec-main-post .post-box .calmap-container .map-control-toolbar button.btn-reset {
  background-color: var(--color-white);
  color: var(--color-text-secondary);
}
.sec-main-post .post-box .calmap-container .map-control-toolbar button.btn-search {
  background-color: var(--color-bg-secondary);
  color: var(--color-white);
}
.sec-main-post .post-box .list-container {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-main-post .post-box .list-container .mo-cont-title {
  width: 100%;
  text-align: center;
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 1.5rem;
  display: none;
  visibility: hidden;
}
.sec-main-post .post-box .list-container > .title {
  width: 100%;
  font-size: var(--size-text-h2);
  font-weight: 700;
  text-align: center;
  word-break: keep-all;
  line-height: 1.1;
  min-height: 4.875rem;
  margin-bottom: 0.375rem;
}
.sec-main-post .post-box .list-container > .title > em {
  color: var(--color-text-primary);
}
.sec-main-post .post-box .list-container > .title .only-mo {
  display: none;
  visibility: hidden;
}
.sec-main-post .post-box .list-container > .title .time {
  position: relative;
  top: 0.0625rem;
  left: 0.25rem;
}
.sec-main-post .post-box .list-container .list-wrap {
  width: 100%;
}
.sec-main-post .post-box .list-container .list-wrap.none-list .category-tabs {
  margin-bottom: 0;
}
.sec-main-post .post-box .list-container .list-wrap.none-list .total-count-head {
  margin-bottom: 0;
}
.sec-main-post .post-box .list-container .list-wrap.none-list .rent-list {
  display: none;
  visibility: hidden;
}
.sec-main-post .post-box .list-container .list-wrap.none-list .none-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.sec-main-post .post-box .list-container .total-count-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4.125rem;
  border-radius: 2.0625rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg-gray);
  margin-bottom: 1.25rem;
  padding: 0 2.5rem;
}
.sec-main-post .post-box .list-container .total-count-head .count-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: var(--size-text-h4);
  color: var(--color-text-secondary);
  font-weight: 700;
}
.sec-main-post .post-box .list-container .total-count-head .count-info {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: var(--size-text-lg);
  font-weight: 500;
}
.sec-main-post .post-box .list-container .none-list-wrap {
  display: none;
  visibility: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  font-size: var(--size-text-xl);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  height: 39.875rem;
  border-bottom: 1px solid var(--color-border);
}
.sec-main-post .post-box .list-container .none-list-wrap i {
  font-size: 1.75rem;
  color: var(--color-icon-error);
}
.sec-main-post .post-box .list-container .category-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4.125rem;
  border-radius: 2.0625rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-bg-gray);
  margin-bottom: 1.25rem;
}
.sec-main-post .post-box .list-container .category-tabs .tab {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 33.3333%;
  height: 100%;
  font-size: var(--size-text-h4);
  font-weight: 500;
  color: var(--color-text-lighter);
  position: relative;
  overflow: hidden;
}
.sec-main-post .post-box .list-container .category-tabs .tab::after {
  content: "";
  display: block;
  width: 1px;
  height: 1.625rem;
  background-color: var(--color-border);
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sec-main-post .post-box .list-container .category-tabs .tab:last-child::after {
  content: none;
}
.sec-main-post .post-box .list-container .category-tabs .tab > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.sec-main-post .post-box .list-container .category-tabs .tab.active {
  color: var(--color-text-secondary);
  font-weight: 700;
}
.sec-main-post .post-box .list-container .rent-list .list {
  padding: 1rem;
  border-bottom: 1px solid var(--color-border);
}
.sec-main-post .post-box .list-container .rent-list .list .li-title {
  font-size: var(--size-text-xl);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.sec-main-post .post-box .list-container .rent-list .list > a::before {
  content: "";
  display: inline-block;
  line-height: 1;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--color-bg-gray-dark);
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-inverse);
  margin-bottom: 0.875rem;
}
.sec-main-post .post-box .list-container .rent-list .list.type1 > a::before {
  content: "장기전세";
  background-color: var(--color-bg-etc02);
}
.sec-main-post .post-box .list-container .rent-list .list.type2 > a::before {
  content: "행복주택";
  background-color: var(--color-bg-etc01);
}
.sec-main-post .post-box .list-container .rent-list .list.type3 > a::before {
  content: "매입임대";
  background-color: var(--color-bg-etc03);
}
.sec-main-post .post-box .list-container .rent-list .list.type4 > a::before {
  content: "공공분양";
  background-color: var(--color-bg-etc04);
}
.sec-main-post .post-box .list-container .rent-list .list.type5 > a::before {
  content: "전세임대";
  background-color: var(--color-bg-etc05);
}
.sec-main-post .post-box .list-container .rent-list .list.type6 > a::before {
  content: "영구임대";
  background-color: #ff7474;
}
.sec-main-post .post-box .list-container .rent-list .list.type7 > a::before {
  content: "국민임대";
  background-color: #4ebfe3;
}
.sec-main-post .post-box .list-container .rent-list .list.type8 > a::before {
  content: "민간임대";
  background-color: #bd8e62;
}
.sec-main-post .post-box .list-container .rent-list .list.type9 > a::before {
  content: "통합공공임대";
  background-color: #5b84ed;
}
.sec-main-post .post-box .list-container .rent-list .list.type10 > a::before {
  content: "5년임대";
  background-color: #9a71f0;
}
.sec-main-post .post-box .list-container .rent-list .list.type11 > a::before {
  content: "6년임대";
  background-color: #9a71f0;
}
.sec-main-post .post-box .list-container .rent-list .list.type12 > a::before {
  content: "10년임대";
  background-color: #9a71f0;
}
.sec-main-post .post-box .list-container .rent-list .list.type13 > a::before {
  content: "50년임대";
  background-color: #9a71f0;
}
.sec-main-post .post-box .list-container .rent-list .list.type14 > a::before {
  content: "공공기숙사";
  background-color: #ee80a8;
}
.sec-main-post .post-box .list-container .btn-all-view {
  margin-top: auto;
  height: 3.5rem;
  border-radius: 1.75rem;
  font-size: var(--size-text-lg);
  font-weight: 700;
  border: 1px solid var(--color-border-darker);
  padding: 0 1.5rem;
}

.sec-main-news {
  background-image: url("../images/main/bg-section3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sec-main-news .news-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 3rem;
}
.sec-main-news .happy-news {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sec-main-news .happy-news .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
}
.sec-main-news .happy-news .head .news-title {
  font-size: var(--size-text-h4);
  font-weight: 700;
  line-height: 1.2;
}
.sec-main-news .happy-news .head .btn-all {
  font-size: var(--size-text-lg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
.sec-main-news .happy-news .head .btn-all > i {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.sec-main-news .happy-news .happy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 1.5rem;
}
.sec-main-news .happy-news .happy-list .list {
  width: calc(50% - 0.75rem);
}
.sec-main-news .happy-news .happy-list .list > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}
.sec-main-news .happy-news .happy-list .list .thumbnail {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-bg-gray);
}
.sec-main-news .happy-news .happy-list .list .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-main-news .happy-news .happy-list .list .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.sec-main-news .happy-news .happy-list .list .text-wrap .list-title {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.03em;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.sec-main-news .happy-news .happy-list .list .text-wrap .date {
  font-size: var(--size-text-md);
  color: var(--color-text-lightest);
}
.sec-main-news .notice-news {
  -webkit-box-flex: 0.789;
      -ms-flex: 0.789;
          flex: 0.789;
  background-color: var(--color-bg-gray);
  border: 1px solid var(--color-border);
  border-radius: 2rem;
  padding: 1.5rem;
  padding-top: 0;
}
.sec-main-news .notice-news .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sec-main-news .notice-news .head .btn-all {
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 50%;
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
}
.sec-main-news .notice-news .head .btn-all > i {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.sec-main-news .notice-news .notice-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.9375rem;
  -webkit-column-gap: 3.25rem;
     -moz-column-gap: 3.25rem;
          column-gap: 3.25rem;
  padding-left: 1rem;
}
.sec-main-news .notice-news .notice-tabs .tab {
  height: 100%;
  font-size: var(--size-text-h4);
  color: var(--color-text-lighter);
  font-weight: 700;
  position: relative;
}
.sec-main-news .notice-news .notice-tabs .tab > a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-main-news .notice-news .notice-tabs .tab.active {
  color: var(--color-text-secondary);
}
.sec-main-news .notice-news .notice-tabs .tab.active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background-color: var(--color-bg-secondary);
}
.sec-main-news .notice-news .notice-list {
  padding: 1.875rem 1rem;
  background-color: var(--color-inverse);
  border-radius: 0 0 2rem 2rem;
}
.sec-main-news .notice-news .notice-list .list {
  margin-bottom: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5rem;
}
.sec-main-news .notice-news .notice-list .list:last-child {
  margin-bottom: 0;
}
.sec-main-news .notice-news .notice-list .list::before {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-icon-primary);
  margin-right: 0.625rem;
}
.sec-main-news .notice-news .notice-list .list > a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  -webkit-column-gap: 3.25rem;
     -moz-column-gap: 3.25rem;
          column-gap: 3.25rem;
}
.sec-main-news .notice-news .notice-list .list .notice-title {
  font-size: var(--size-text-lg);
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.sec-main-news .notice-news .notice-list .list .date {
  font-size: var(--size-text-md);
  color: var(--color-text-lightest);
}
.sec-main-news .notice-news .notice-list .list.latest {
  height: 2.6875rem;
  border-bottom: 1px dotted var(--color-border);
  padding-bottom: 1.125rem;
  margin-bottom: 1.25rem;
}
.sec-main-news .notice-news .notice-list .list.latest::before {
  content: "\e906";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: initial;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--color-icon-primary);
}
.sec-main-news .notice-news .notice-list .list.latest .notice-title {
  font-weight: 700;
  color: var(--color-text-secondary);
}
.sec-main-news .main-bottom-swiper {
  margin-bottom: 3rem;
}
.sec-main-news .main-bottom-swiper .bottom-banner-swiper {
  position: relative;
}
.sec-main-news .main-bottom-swiper .control-toolbar {
  position: absolute;
  top: 3.25rem;
  left: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.125rem;
     -moz-column-gap: 1.125rem;
          column-gap: 1.125rem;
  z-index: 1;
}
.sec-main-news .main-bottom-swiper .control-toolbar .page-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-md);
  font-weight: 700;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
.sec-main-news .main-bottom-swiper .control-toolbar .page-number > hr {
  width: 0.9375rem;
  height: 1px;
  border: none;
  background-color: var(--color-icon);
}
.sec-main-news .main-bottom-swiper .control-toolbar .page-number .current-num {
  color: var(--color-text-primary);
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button.btn-next::before {
  background: url("../images/main/icon_bottom_banner_next.svg") center/100% no-repeat;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button.btn-prev::before {
  background: url("../images/main/icon_bottom_banner_prev.svg") center/100% no-repeat;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button.btn-auto.play::before {
  background: url("../images/main/icon_bottom_banner_play.svg") center/100% no-repeat;
}
.sec-main-news .main-bottom-swiper .control-toolbar .btn-panel button.btn-auto.pause::before {
  background: url("../images/main/icon_bottom_banner_pause.svg") center/100% no-repeat;
}
.sec-main-news .main-bottom-swiper .swiper-slide {
  padding-top: 5.375rem;
}
.sec-main-news .main-bottom-swiper .in-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 11.875rem;
  position: relative;
  padding: 1.5rem 6rem;
  background-color: #eee;
  border-radius: 2rem;
  background-color: #f1999f;
  background-image: url("../images/main/bg_bottom_swiper_01.png");
  background-repeat: no-repeat;
  background-position: right 6rem center;
  background-size: 51% auto;
}
.sec-main-news .main-bottom-swiper .in-slide img {
  display: block;
  position: absolute;
  right: 6rem;
  bottom: 0;
  width: 21.5rem;
}
.sec-main-news .main-bottom-swiper .in-slide .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d2);
  font-weight: 900;
  color: var(--color-inverse);
  line-height: 1.35;
}
.sec-main-news .main-bottom-swiper .in-slide .desc {
  margin-top: 0.75rem;
  font-size: var(--size-text-lg);
  color: var(--color-opacity-80);
  font-weight: 500;
  line-height: 1.35;
}
.sec-main-news .main-bottom-swiper .in-slide.bottom-banner2 {
  background-color: #5e98f6;
  background-image: url("../images/main/bg_bottom_swiper_02.png");
}
.sec-main-news .main-bottom-swiper .in-slide.bottom-banner3 {
  background-color: #6fb9f5;
  background-image: url("../images/main/bg_bottom_swiper_03.png");
}
.sec-main-news .main-bottom-swiper .in-slide.bottom-banner4 {
  background-color: #79d46c;
  background-image: url("../images/main/bg_bottom_swiper_04.png");
}
.sec-main-news .shortcut-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.sec-main-news .shortcut-list .list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  border-radius: 2rem;
}
.sec-main-news .shortcut-list .list > a {
  background-color: transparent;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 3rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sec-main-news .shortcut-list .list .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-lighter);
  margin-bottom: 1.5rem;
  line-height: 1.2;
  gap: 0.25rem;
}
.sec-main-news .shortcut-list .list .label > i {
  font-size: 1.5rem;
}
.sec-main-news .shortcut-list .list .desc {
  word-break: keep-all;
}
.sec-main-news .shortcut-list .list .desc,
.sec-main-news .shortcut-list .list .target {
  font-weight: 900;
  font-size: var(--size-text-h3);
  line-height: 1.4;
}
.sec-main-news .shortcut-list .list.lh-tv .target {
  color: #a11043;
}
.sec-main-news .shortcut-list .list.molit-youtube .target {
  color: #2349ab;
}
.sec-main-news .shortcut-list .list.lh-blog .target {
  color: #16bd91;
}
.sec-main-news .shortcut-list .list.molit-blog .target {
  color: #fba104;
}

.pop-search-main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  visibility: hidden;
}
.pop-search-main.open {
  display: block;
  visibility: visible;
}
.pop-search-main .pop-search-body {
  background-color: var(--color-white);
}
.pop-search-main .btn-pop-close {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.pop-search-main .btn-pop-close i {
  font-size: 3.5rem;
}
.pop-search-main .pop-body-wrap {
  padding-top: 4.875rem;
  padding-bottom: 5rem;
  max-width: 54.6875rem;
}
.pop-search-main .pop-body-wrap .pop-title {
  font-family: var(--font-secondary);
  font-size: 1.5rem;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.5rem;
}
.pop-search-main .pop-body-wrap .pop-title::before {
  content: "";
  display: inline-block;
  width: 5rem;
  height: 5.3125rem;
  background: url("../images/main/img_main_note.png") center/100% no-repeat;
}
.pop-search-main .pop-body-wrap .pop-desc {
  font-size: var(--size-text-md);
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.pop-search-main .pop-body-wrap .searchbox {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.pop-search-main .pop-body-wrap .searchbox .input-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.pop-search-main .pop-body-wrap .searchbox .input-wrap select {
  height: 3.5rem;
  font-size: var(--size-text-xl);
  border-radius: 1rem;
  border: 2px solid var(--color-border-secondary);
  background: url("../images/main/bg_main_select_arrow.svg") center right 1rem/2rem no-repeat;
}
.pop-search-main .pop-body-wrap .searchbox .btn-search {
  height: 3.5rem;
  background-color: var(--color-bg-secondary);
  border: 2px solid var(--color-border-secondary);
  border-radius: 1rem;
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-white);
  padding: 0 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.pop-search-main .pop-body-wrap .my-area-wrap {
  margin-top: 2.5rem;
  padding: 2.5rem 2.375rem;
  background-color: var(--gray2-color-100);
  border-radius: 1rem;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  display: none;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login > .title {
  font-size: var(--size-text-lg);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 0;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login > .title::before {
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/common/icon_heart_on.svg") center/cover no-repeat;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login .area-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login .area-list .list {
  font-size: var(--size-text-md);
  font-weight: 400;
  display: block;
  padding: 0 1rem;
  border: 1px solid var(--color-border);
  border-radius: 1.5rem;
  background-color: var(--color-white);
  height: 2.375rem;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login .area-list .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login .area-list .list > a::before {
  content: "#";
  margin-right: 0.125rem;
}
.pop-search-main .pop-body-wrap .my-area-wrap .login .area-list .list.active {
  font-weight: 700;
  border: 2px solid var(--color-border-primary);
  color: var(--color-text-primary);
}
.pop-search-main .pop-body-wrap .my-area-wrap .logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pop-search-main .pop-body-wrap .my-area-wrap .logout .desc {
  font-size: var(--size-text-md);
  font-weight: 400;
}
.pop-search-main .pop-body-wrap .my-area-wrap .logout .btn-login {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-secondary);
  background-color: var(--color-white);
  border: 1px solid var(--color-border-secondary);
  padding: 0 1rem;
  height: 2.875rem;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.pop-search-main .pop-body-wrap .my-area-wrap .logout .btn-login i::before {
  font-size: var(--size-text-xl);
  color: var(--color-text-secondary);
}
.pop-search-main .pop-body-wrap .link-set-my-area {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem auto 0;
  border-bottom: 1px solid var(--color-border-dark);
  padding-bottom: 0.25rem;
  display: none;
}
.pop-search-main .pop-body-wrap .link-set-my-area em {
  font-weight: 700;
  margin-right: 0.25rem;
}
.pop-search-main .pop-body-wrap .link-set-my-area i {
  font-size: var(--size-text-xl);
  margin-left: 0.125rem;
}
.pop-search-main.on-login .pop-body-wrap .my-area-wrap .logout {
  display: none;
}
.pop-search-main.on-login .pop-body-wrap .my-area-wrap .login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pop-search-main.on-login .pop-body-wrap .link-set-my-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon-scrolldown {
  position: fixed;
  left: 50%;
  bottom: 5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: var(--size-text-xs);
  font-weight: 500;
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  z-index: 9;
}
.icon-scrolldown::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 2.25rem;
  border: 2px solid var(--color-text-lighter);
  border-radius: 1.5rem;
  background-color: var(--color-white);
}
.icon-scrolldown::after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.5rem;
  border: 2px solid var(--color-text-lighter);
  border-radius: 1.5rem;
  -webkit-animation: scroll 1.5s infinite;
          animation: scroll 1.5s infinite;
  position: absolute;
  top: 0.25rem;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
}

@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
}
/*
* responsive
*/
@media (max-width: 1399.98px) {
  .sec-main-hero .main-hero-swiper .swiper-slide .title {
    font-size: var(--size-text-d2);
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .desc {
    font-size: var(--size-text-md);
  }
  .sec-main-hero .core-link-banner .title {
    font-size: var(--size-text-d6);
  }
  .sec-main-hero .core-link-banner .desc {
    font-size: var(--size-text-xs);
    margin-top: 0.5rem;
  }
  .sec-main-hero .core-link-banner .btn-go {
    margin-top: 1.25rem;
    font-size: var(--size-text-sm);
    height: 2.25rem;
  }
  .sec-main-hero .core-link-banner .item {
    padding: 1.5rem;
  }
  .sec-main-hero .core-link-banner .item .related-img {
    width: 6rem;
    margin-right: -0.375rem;
  }
  .sec-main-hero .cs-link-banner {
    min-width: 14.75rem;
  }
  .sec-main-hero .cs-link-banner .item {
    height: 5.625rem;
  }
  .sec-main-hero .cs-link-banner .youth {
    background-size: 5rem auto;
    background-position: left 0.5rem center;
  }
  .sec-main-hero .cs-link-banner .youth > a {
    padding-left: 6rem;
  }
  .sec-main-hero .cs-link-banner .youth .title {
    font-size: 0.875rem;
  }
  .sec-main-hero .cs-link-banner .youth .btn-shortcut {
    margin-top: 0.25rem;
    font-size: var(--size-text-xs);
  }
  .sec-main-hero .cs-link-banner .call-center .tel-num {
    gap: 0.5rem;
  }
  .sec-main-hero .cs-link-banner .call-center .tel-num .txt {
    font-size: var(--size-text-xs);
  }
  .sec-main-hero .cs-link-banner .call-center .tel-num .num {
    font-size: 1.25rem;
  }
  .sec-main-hero .cs-link-banner .call-center .tel-time {
    margin-top: 0.5rem;
    font-size: var(--size-text-xs);
  }
  .sec-main-news .main-bottom-swiper .in-slide.bottom-banner3 .title {
    max-width: 39rem;
  }
}
@media (max-width: 1199.98px) {
  .sec-main-hero .hero-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec-main-hero .hero-row .swiper-container {
    width: 100%;
  }
  .sec-main-hero .hero-row .explore-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .title {
    font-size: var(--size-text-d1);
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .desc {
    font-size: var(--size-text-lg);
  }
  .sec-main-post .post-box .post-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec-main-post .post-box .calmap-container .cal-caption {
    gap: 1rem;
  }
  .sec-main-post .post-box .list-container .btn-all-view {
    margin-top: 1.5rem;
  }
  .sec-main-post .post-box .list-container .none-list-wrap {
    height: 15rem;
  }
  .sec-main-news .news-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec-main-news .main-bottom-swiper .swiper-slide {
    padding-top: 2rem;
  }
  .sec-main-news .main-bottom-swiper .control-toolbar {
    top: 0.25rem;
  }
  .sec-main-news .main-bottom-swiper .in-slide {
    padding-left: 3rem;
    padding-right: 3rem;
    background-position: right 2rem center;
    background-size: 65% auto;
  }
  .sec-main-news .main-bottom-swiper .in-slide .title {
    font-size: var(--size-text-d4);
    max-width: 27.5rem;
  }
  .sec-main-news .main-bottom-swiper .in-slide img {
    width: 13rem;
    right: 3rem;
    bottom: 0;
  }
  .sec-main-news .shortcut-list .list > a {
    padding: 1.5rem;
  }
  .sec-main-news .shortcut-list .list .label {
    font-size: var(--size-text-md);
    margin-bottom: 1rem;
  }
  .sec-main-news .shortcut-list .list .label > i {
    font-size: 1.25rem;
  }
  .sec-main-news .shortcut-list .list .desc,
.sec-main-news .shortcut-list .list .target {
    font-size: var(--size-text-xl);
  }
}
@media (max-width: 991.98px) {
  .sec-main-hero .main-hero-swiper {
    height: 23.75rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .title {
    font-size: var(--size-text-d2);
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .desc {
    font-size: var(--size-text-md);
  }
  .sec-main-hero .hero-row .explore-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: initial;
  }
  .sec-main-hero .banner-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec-main-hero .core-link-banner {
    width: 100%;
  }
  .sec-main-hero .cs-link-banner {
    width: 100%;
    min-width: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2rem;
  }
  .sec-main-hero .cs-link-banner .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .sec-main-news .main-bottom-swiper .in-slide {
    background-image: url("../images/main/bg_bottom_swiper_01_mo.png");
    background-position: right 0 center;
    background-size: 25% auto;
  }
  .sec-main-news .main-bottom-swiper .in-slide .desc {
    max-width: 24.75rem;
  }
  .sec-main-news .main-bottom-swiper .in-slide.bottom-banner2 {
    background-color: #5e98f6;
    background-image: url("../images/main/bg_bottom_swiper_02_mo.png");
  }
  .sec-main-news .main-bottom-swiper .in-slide.bottom-banner3 {
    background-color: #6fb9f5;
    background-image: url("../images/main/bg_bottom_swiper_03_mo.png");
  }
  .sec-main-news .main-bottom-swiper .in-slide.bottom-banner4 {
    background-color: #79d46c;
    background-image: url("../images/main/bg_bottom_swiper_04_mo.png");
  }
  .sec-main-news .shortcut-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sec-main-news .shortcut-list .list > a {
    padding: 2.25rem;
  }
}
@media (max-width: 767.98px) {
  .main-wrapper section[class|=sec-main] h1.main-sec-title {
    font-size: var(--size-text-d5);
    margin-bottom: 2rem;
  }
  .main-wrapper section[class|=sec-main] h1.main-sec-title::after {
    height: 1rem;
  }
  .sec-main-hero .main-hero-swiper {
    height: 14.75rem;
  }
  .sec-main-hero .main-hero-swiper .main-hero {
    border-radius: 1rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide {
    padding: 1.5rem 2.4375rem 2.625rem 1.5rem;
    background-position: right bottom 1.875rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .title {
    font-size: var(--size-text-d5);
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .desc {
    display: none;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .img {
    position: relative;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .btn-shortcut {
    font-size: var(--size-text-md);
    padding: 0.75rem;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0 0.875rem 0.875rem 0.875rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-slide .btn-shortcut::after {
    width: 1.125rem;
    height: 1.125rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-button-next,
.sec-main-hero .main-hero-swiper .swiper-button-prev {
    width: 2rem;
    height: 2rem;
    right: -0.75rem;
  }
  .sec-main-hero .main-hero-swiper .swiper-button-next::after,
.sec-main-hero .main-hero-swiper .swiper-button-prev::after {
    font-size: var(--size-text-xl);
  }
  .sec-main-hero .main-hero-swiper .swiper-button-prev {
    left: -0.75rem;
  }
  .sec-main-hero .explore-searchbox {
    display: none;
  }
  .sec-main-hero .explore-policy {
    width: 100%;
    min-width: initial;
  }
  .sec-main-hero .explore-policy .title {
    font-size: var(--size-text-xl);
    margin-bottom: 0.5rem;
  }
  .sec-main-hero .explore-policy .policy-list {
    height: 12.75rem;
  }
  .sec-main-hero .explore-policy .policy-list .link {
    font-size: var(--size-text-sm);
  }
  .sec-main-hero .explore-policy .policy-list .link:nth-of-type(2) > a > span {
    width: 4.625rem;
  }
  .sec-main-hero .explore-policy .policy-list .link > a {
    gap: 0.25rem;
  }
  .sec-main-hero .explore-policy .policy-list .link > a > img {
    width: 2.5rem;
    height: auto;
  }
  .sec-main-hero .banner-row {
    gap: 1rem;
  }
  .sec-main-hero .core-link-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .sec-main-hero .core-link-banner .item {
    border-radius: 1rem;
  }
  .sec-main-hero .cs-link-banner {
    gap: 0.5rem;
  }
  .sec-main-hero .cs-link-banner .item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    height: 5.625rem;
  }
  .sec-main-hero .cs-link-banner .youth {
    background-size: 3.5rem auto;
    background-position: left 0.25rem center;
  }
  .sec-main-hero .cs-link-banner .youth > a {
    padding-left: 4rem;
  }
  .sec-main-hero .cs-link-banner .call-center .tel-num {
    gap: 0.375rem;
  }
  .sec-main-hero .cs-link-banner .call-center .tel-num .num {
    font-size: 1.125rem;
    letter-spacing: -0.03em;
  }
  .sec-main-hero .cs-link-banner .call-center .tel-time {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
  }
  .sec-main-post {
    background-position: top right;
  }
  .sec-main-post .post-box {
    padding: 1.5rem 1rem;
  }
  .sec-main-post .post-box .post-wrap.find-calendar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
  }
  .sec-main-post .post-box .post-wrap.find-calendar .list-container .category-tabs .tab > a::before {
    width: 0.75rem;
    height: 0.75rem;
  }
  .sec-main-post .post-box .post-wrap.find-map {
    display: none !important;
    visibility: hidden !important;
  }
  .sec-main-post .post-box .calmap-container {
    display: none;
    visibility: hidden;
  }
  .sec-main-post .post-box .list-container .mo-cont-title {
    display: block;
    visibility: visible;
  }
  .sec-main-post .post-box .list-container > .title {
    font-size: var(--size-text-h4);
  }
  .sec-main-post .post-box .list-container > .title > em {
    display: block;
    margin-bottom: 0.25rem;
  }
  .sec-main-post .post-box .list-container > .title .only-mo {
    display: inline;
    visibility: visible;
  }
  .sec-main-post .post-box .list-container .category-tabs {
    height: 3rem;
    margin-bottom: 0.5rem;
  }
  .sec-main-post .post-box .list-container .category-tabs .tab {
    font-size: var(--size-text-md);
    width: 35%;
  }
  .sec-main-post .post-box .list-container .category-tabs .tab:nth-of-type(2) {
    width: 30%;
  }
  .sec-main-post .post-box .list-container .category-tabs .tab > a {
    gap: 0.375rem;
  }
  .sec-main-post .post-box .list-container .rent-list .list > a::before {
    font-size: var(--size-text-sm);
    margin-bottom: 0.5rem;
  }
  .sec-main-post .post-box .list-container .rent-list .list .li-title {
    font-size: var(--size-text-lg);
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
  .sec-main-post .post-box .list-container .btn-all-view {
    padding: 0 1.25rem;
    font-size: var(--size-text-sm);
    height: 2.25rem;
  }
  .sec-main-post .post-box .list-container .none-list-wrap {
    font-size: var(--size-text-md);
  }
  .sec-main-post .post-box .list-container .none-list-wrap i {
    font-size: 1.5rem;
  }
  .sec-main-news {
    background-position: top right;
  }
  .sec-main-news .news-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2.25rem;
  }
  .sec-main-news .happy-news .head {
    margin-bottom: 1rem;
  }
  .sec-main-news .happy-news .head .news-title {
    font-size: var(--size-text-lg);
  }
  .sec-main-news .happy-news .head .btn-all {
    font-size: var(--size-text-sm);
  }
  .sec-main-news .happy-news .head .btn-all > i {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
  }
  .sec-main-news .happy-news .happy-list {
    gap: 1rem;
  }
  .sec-main-news .happy-news .happy-list .list {
    width: 100%;
  }
  .sec-main-news .happy-news .happy-list .list > a {
    gap: 1rem;
  }
  .sec-main-news .happy-news .happy-list .list .thumbnail {
    width: 6rem;
    height: 6rem;
    border-radius: 0.5rem;
  }
  .sec-main-news .happy-news .happy-list .list .text-wrap {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sec-main-news .happy-news .happy-list .list .text-wrap .list-title {
    font-size: var(--size-text-md);
  }
  .sec-main-news .happy-news .happy-list .list .text-wrap .date {
    font-size: var(--size-text-sm);
  }
  .sec-main-news .notice-news {
    border-radius: 1rem;
    padding: 1rem;
    padding-top: 0;
  }
  .sec-main-news .notice-news .head .btn-all {
    width: 2.25rem;
    height: 2.25rem;
  }
  .sec-main-news .notice-news .head .btn-all > i {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .sec-main-news .notice-news .notice-tabs {
    height: 4rem;
    -webkit-column-gap: 1.5rem;
       -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
    padding-left: 0.75rem;
  }
  .sec-main-news .notice-news .notice-tabs .tab {
    font-size: var(--size-text-lg);
  }
  .sec-main-news .notice-news .notice-list {
    padding: 1.5rem 1rem;
    border-radius: 0 0 1rem 1rem;
  }
  .sec-main-news .notice-news .notice-list .list {
    margin-bottom: 1.25rem;
  }
  .sec-main-news .notice-news .notice-list .list::before {
    margin-right: 0.5rem;
  }
  .sec-main-news .notice-news .notice-list .list .notice-title {
    font-size: var(--size-text-md);
  }
  .sec-main-news .notice-news .notice-list .list .date {
    display: none;
    visibility: hidden;
  }
  .sec-main-news .notice-news .notice-list .list.latest {
    padding-bottom: 1rem;
  }
  .sec-main-news .notice-news .notice-list .list.latest::before {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
  }
  .sec-main-news .main-bottom-swiper {
    margin-bottom: 2rem;
  }
  .sec-main-news .main-bottom-swiper .swiper-slide {
    padding-top: 2rem;
  }
  .sec-main-news .main-bottom-swiper .control-toolbar {
    top: 0;
    left: 0;
  }
  .sec-main-news .main-bottom-swiper .in-slide {
    padding: 2rem 1.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-radius: 1rem;
    height: 10.5rem;
    background-size: 30% auto;
  }
  .sec-main-news .main-bottom-swiper .in-slide .title {
    font-size: var(--size-text-d6);
  }
  .sec-main-news .main-bottom-swiper .in-slide .desc {
    font-size: var(--size-text-sm);
  }
  .sec-main-news .main-bottom-swiper .in-slide img {
    width: 7.75rem;
    right: 0.875rem;
  }
  .sec-main-news .shortcut-list .list {
    border-radius: 1rem;
  }
  .sec-main-news .shortcut-list .list > a {
    padding: 1.5rem;
  }
  .sec-main-news .shortcut-list .list .label {
    font-size: var(--size-text-sm);
    margin-bottom: 0.75rem;
  }
  .sec-main-news .shortcut-list .list .label > i {
    font-size: 1.25rem;
  }
  .sec-main-news .shortcut-list .list .desc,
.sec-main-news .shortcut-list .list .target {
    font-size: var(--size-text-xl);
  }
  .pop-search-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: transparent;
    display: none;
  }
  .pop-search-main.open {
    display: block;
  }
  .pop-search-main .btn-pop-close {
    display: none;
  }
  .pop-search-main .pop-search-body {
    position: fixed;
    left: 0;
    width: 100%;
    top: var(--header-total-height);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
  }
  .pop-search-main .pop-body-wrap {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .pop-search-main .pop-body-wrap .pop-title,
.pop-search-main .pop-body-wrap .pop-desc {
    display: none;
  }
  .pop-search-main .pop-body-wrap .searchbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
  .pop-search-main .pop-body-wrap .searchbox .input-wrap select {
    height: 2.5rem;
    font-size: var(--size-text-md);
    border-radius: 0.5rem;
    border-width: 1px;
    background-size: 1.5rem;
    background-position: center right 0.75rem;
  }
  .pop-search-main .pop-body-wrap .searchbox .btn-search {
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
    border-radius: 0.5rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap {
    margin-top: 1.5rem;
    padding: 1rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .login {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .login > .title {
    font-size: var(--size-text-sm);
    margin-bottom: 0;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .login > .title::before {
    width: 1rem;
    height: 1rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .login .area-list {
    font-size: var(--size-text-sm);
    padding: 0.5rem 0.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .login .area-list .list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--size-text-sm);
    height: 2.25rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .logout {
    gap: 0.75rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .logout .desc {
    font-size: var(--size-text-sm);
    max-width: 14.5625rem;
    text-align: center;
    line-height: 1.4;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .logout .desc em {
    display: block;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .logout .btn-login {
    font-size: var(--size-text-sm);
    font-weight: 500;
    gap: 0.375rem;
    height: 2.25rem;
    padding: 0 0.75rem;
  }
  .pop-search-main .pop-body-wrap .my-area-wrap .logout .btn-login i::before {
    font-size: var(--size-text-md);
  }
  .pop-search-main .pop-body-wrap .link-set-my-area {
    font-size: var(--size-text-xs);
  }
  .pop-search-main .pop-body-wrap .link-set-my-area i {
    font-size: var(--size-text-md);
  }
  .icon-scrolldown {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .sec-main-news .main-bottom-swiper .in-slide {
    background-size: 36% auto;
  }
}
@media (max-width: 499.98px) {
  .sec-main-news .main-bottom-swiper .in-slide {
    background-size: 50% auto;
  }
  .sec-main-news .main-bottom-swiper .in-slide .desc {
    max-width: 10.875rem;
  }
}
.landing-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hub-header {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-color: var(--color-bg-secondary-lightest01);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(14rem, 27.8vh, 18.625rem);
}
.hub-header .hub-header-wrap {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: clamp(3rem, 6vw, 8rem);
     -moz-column-gap: clamp(3rem, 6vw, 8rem);
          column-gap: clamp(3rem, 6vw, 8rem);
}
.hub-header .title {
  font-family: var(--font-secondary);
  color: var(--color-text-secondary);
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.35;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hub-header .title .additional {
  font-family: var(--font-primary);
  display: block;
  font-size: 1.4375rem;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 0.5rem;
}
.hub-header .description p {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
}
.hub-header .description .copyright {
  font-size: 0.75rem;
  color: var(--color-text-lighter);
  margin-top: 0.7rem;
}
.hub-header .description .copyright em {
  font-weight: 800;
}

.hub-footer {
  display: none;
  visibility: hidden;
  padding-bottom: 1.5rem;
}
.hub-footer .copyright {
  font-size: 0.75rem;
  color: var(--color-text-lighter);
  font-weight: 500;
  text-align: center;
}
.hub-footer .copyright em {
  font-weight: 800;
}

.hub-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 41rem;
  padding-top: clamp(1.5rem, 5vh, 5rem);
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.hub-main .hub-main-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-height: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hub-main .site-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 3.125rem;
     -moz-column-gap: 3.125rem;
          column-gap: 3.125rem;
  line-height: 1.4;
}
.hub-main .site-list li {
  width: clamp(19rem, 19.5vw, 21.125rem);
  position: relative;
  color: var(--color-inverse);
  -webkit-transition: -webkit-transform 0.14s ease-in-out;
  transition: -webkit-transform 0.14s ease-in-out;
  transition: transform 0.14s ease-in-out;
  transition: transform 0.14s ease-in-out, -webkit-transform 0.14s ease-in-out;
}
.hub-main .site-list li:hover {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
.hub-main .site-list li::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hub-main .site-list li::after {
  content: "";
  position: absolute;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("../images/hub/img_bounce_arrow.svg") center/100% no-repeat;
}
.hub-main .site-list li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 7.25rem 2.5rem;
}
.hub-main .site-list li p {
  font-size: var(--size-text-xl);
  font-weight: 500;
  margin-bottom: 0.375rem;
}
.hub-main .site-list li h2 {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d2);
  font-weight: 900;
}
.hub-main .site-list li.myhome::before {
  border-style: solid;
  border-image-source: url("../images/hub/bg_myhome.svg");
  border-width: 84px 84px 40px 40px;
  border-image-slice: 84 84 40 40 fill;
}
.hub-main .site-list li.myhome::after {
  top: 0;
  right: 0;
}
.hub-main .site-list li.myhome:hover::after {
  -webkit-animation: bounce 1s infinite;
          animation: bounce 1s infinite;
}
.hub-main .site-list li.myhome p, .hub-main .site-list li.myhome h2 {
  text-align: right;
}
.hub-main .site-list li.myhome img {
  position: absolute;
  bottom: -0.25rem;
  right: 0.625rem;
  width: calc(100% + 3.75rem);
  height: auto;
  max-width: initial;
}
.hub-main .site-list li.youth-support::before {
  border-style: solid;
  border-image-source: url("../images/hub/bg_youth.svg");
  border-width: 40px 40px 84px 84px;
  border-image-slice: 40 40 84 84 fill;
}
.hub-main .site-list li.youth-support::after {
  bottom: 0;
  left: 0;
}
.hub-main .site-list li.youth-support:hover::after {
  -webkit-animation: bounce2 1s infinite;
          animation: bounce2 1s infinite;
}
.hub-main .site-list li.youth-support img {
  position: absolute;
}
.hub-main .site-list li.youth-support img.img-y1 {
  width: 56.21%;
  bottom: 0;
  left: 4.25rem;
}
.hub-main .site-list li.youth-support img.img-y2 {
  width: 27.81%;
  bottom: 11.25rem;
  right: 3.125rem;
}
.hub-main .site-list li.youth-support img.img-y3 {
  width: 28.7%;
  bottom: 1.4375rem;
  right: -1.25rem;
}
.hub-main .site-list li.youth-support img.img-y4 {
  width: 34.62%;
  bottom: 5.875rem;
  left: -1.75rem;
}
.hub-main .summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 26.75rem;
}
.hub-main .current-posting {
  overflow: hidden;
  width: 100%;
  display: block;
}
.hub-main .current-posting .top-bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
}
.hub-main .current-posting .top-bar .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d6);
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.hub-main .current-posting .top-bar .title .date {
  font-family: var(--font-primary);
  font-size: var(--size-text-xl);
  color: var(--color-text-secondary);
}
.hub-main .current-posting .top-bar .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
}
.hub-main .current-posting .count-box {
  border-radius: 1.5rem;
  background-color: var(--color-bg-secondary-light02);
  padding: 1rem 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  color: var(--color-inverse);
  min-height: 8.75rem;
}
.hub-main .current-posting .count-box .total {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hub-main .current-posting .count-box .total .label {
  margin-bottom: 0.5rem;
  font-size: var(--size-text-xl);
  font-weight: 500;
}
.hub-main .current-posting .count-box .total .value {
  font-size: var(--size-text-d1);
  font-family: var(--font-secondary);
  font-weight: 900;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.hub-main .current-posting .count-box .total .value::after {
  content: "건";
  font-family: var(--font-primary);
  font-size: var(--size-text-xl);
  font-weight: 500;
  margin-left: 0.375rem;
  position: relative;
  top: -0.1875rem;
}
.hub-main .current-posting .count-box .part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5rem;
}
.hub-main .current-posting .count-box .part li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(26, 65, 150, 0.5);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.25rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.hub-main .current-posting .count-box .part li .label {
  font-size: var(--size-text-sm);
  font-weight: 700;
}
.hub-main .current-posting .count-box .part li .value {
  font-size: var(--size-text-d5);
  font-family: var(--font-secondary);
  font-weight: 900;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.hub-main .current-posting .count-box .part li .value::after {
  content: "건";
  font-family: var(--font-primary);
  font-size: var(--size-text-md);
  font-weight: 500;
  margin-left: 0.25rem;
  position: relative;
  top: 0;
}
.hub-main .rolling-list-wrap {
  margin-top: 1rem;
}
.hub-main .rolling-list-wrap .rolling-list {
  width: 100%;
  height: 3.25rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  position: relative;
}
.hub-main .rolling-list-wrap .rolling-list .list {
  padding-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.75rem;
}
.hub-main .rolling-list-wrap .rolling-list .list > a {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  line-height: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.hub-main .rolling-list-wrap .rolling-list .list[class*=type]::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.75rem;
  background-color: var(--color-inverse);
  border-radius: 0.5rem;
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.5rem;
  background-color: var(--color-bg-gray-dark);
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-inverse);
  margin-right: 0.5rem;
}
.hub-main .rolling-list-wrap .rolling-list .list.type1::before {
  content: "장기전세";
  background-color: var(--color-bg-etc02);
}
.hub-main .rolling-list-wrap .rolling-list .list.type2::before {
  content: "행복주택";
  background-color: var(--color-bg-etc01);
}
.hub-main .rolling-list-wrap .rolling-list .list.type3::before {
  content: "매입임대";
  background-color: var(--color-bg-etc03);
}
.hub-main .rolling-list-wrap .rolling-list .list.type4::before {
  content: "공공분양";
  background-color: var(--color-bg-etc04);
}
.hub-main .rolling-list-wrap .rolling-list .list.type5::before {
  content: "전세임대";
  background-color: var(--color-bg-etc05);
}
.hub-main .rolling-list-wrap .rolling-list .list.type6::before {
  content: "영구임대";
  background-color: #ff7474;
}
.hub-main .rolling-list-wrap .rolling-list .list.type7::before {
  content: "국민임대";
  background-color: #4ebfe3;
}
.hub-main .rolling-list-wrap .rolling-list .list.type8::before {
  content: "민간임대";
  background-color: #bd8e62;
}
.hub-main .rolling-list-wrap .rolling-list .list.type9::before {
  content: "통합공공임대";
  background-color: #5b84ed;
}
.hub-main .rolling-list-wrap .rolling-list .list.type10::before {
  content: "5년임대";
  background-color: #9a71f0;
}
.hub-main .rolling-list-wrap .rolling-list .list.type11::before {
  content: "6년임대";
  background-color: #9a71f0;
}
.hub-main .rolling-list-wrap .rolling-list .list.type12::before {
  content: "10년임대";
  background-color: #9a71f0;
}
.hub-main .rolling-list-wrap .rolling-list .list.type13::before {
  content: "50년임대";
  background-color: #9a71f0;
}
.hub-main .rolling-list-wrap .rolling-list .list.type14::before {
  content: "공공기숙사";
  background-color: #EE80A8;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev,
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next {
  position: absolute;
  display: block;
  width: 2rem;
  height: 1.625rem;
  font-size: 1rem;
  color: var(--color-bg-gray-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev::after,
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next::after {
  content: none;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev i,
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next i {
  width: 1rem;
  height: 1rem;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev i::before,
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next i::before {
  width: 100%;
  height: 100%;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev {
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-prev i {
  position: relative;
  bottom: 3px;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next {
  top: auto;
  right: 0;
  bottom: 1.625rem;
  left: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hub-main .rolling-list-wrap .rolling-list .swiper-button-next i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: relative;
  top: 5px;
}
.hub-main .banner-call-center {
  margin-top: 1rem;
  background-color: var(--color-inverse);
  border: 1px solid #F0F0F0;
  border-radius: 1.5rem;
  height: 7.125rem;
  padding: 0 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0.25rem 1.625rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.25rem 1.625rem 0 rgba(0, 0, 0, 0.07);
}
.hub-main .banner-call-center .call-number {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hub-main .banner-call-center .call-number a {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d5);
  font-weight: 900;
  color: var(--color-text-secondary-lighter);
}
.hub-main .banner-call-center .operation-time {
  margin-top: 1rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  color: var(--color-text-light);
}
.hub-main .banner-call-center .operation-time .on {
  color: var(--color-text-secondary-lighter);
}
.hub-main .rolling-banner {
  overflow: hidden;
  border-radius: 1.5rem;
  height: 7.5rem;
}
.hub-main .rolling-banner .banner a {
  display: block;
  width: 100%;
  height: 100%;
}
.hub-main .rolling-banner .banner a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hub-main .rolling-banner-wrap .toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  margin-bottom: 0.5rem;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.hub-main .rolling-banner-wrap .swiper-pagination {
  position: static;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.hub-main .rolling-banner-wrap .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  background-color: var(--color-text-disable);
  opacity: 1;
}
.hub-main .rolling-banner-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-icon-primary);
}
.hub-main .rolling-banner-wrap .btn-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.08);
}
.hub-main .rolling-banner-wrap .btn-auto::before {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  background-color: var(--color-icon-light);
  -webkit-mask-image: url("../images/main/icon_bottom_banner_pause.svg");
          mask-image: url("../images/main/icon_bottom_banner_pause.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}
.hub-main .rolling-banner-wrap .btn-auto.pause::before {
  -webkit-mask-image: url("../images/main/icon_bottom_banner_pause.svg");
          mask-image: url("../images/main/icon_bottom_banner_pause.svg");
}
.hub-main .rolling-banner-wrap .btn-auto.play::before {
  margin-left: 1px;
  -webkit-mask-image: url("../images/main/icon_bottom_banner_play.svg");
          mask-image: url("../images/main/icon_bottom_banner_play.svg");
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(1rem, -1rem);
            transform: translate(1rem, -1rem);
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(1rem, -1rem);
            transform: translate(1rem, -1rem);
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes bounce2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(-1rem, 1rem);
            transform: translate(-1rem, 1rem);
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes bounce2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  55% {
    -webkit-transform: translate(-1rem, 1rem);
            transform: translate(-1rem, 1rem);
  }
  95% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (max-width: 1199.98px) {
  .hub-main {
    min-height: initial;
  }
  .hub-main .hub-main-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2rem;
    max-height: initial;
  }
  .hub-main .site-list {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: auto;
  }
  .hub-main .site-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    height: 20rem;
  }
  .hub-main .site-list li > a {
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hub-main .site-list li.myhome img {
    width: 65%;
    right: auto;
    left: 0.75rem;
  }
  .hub-main .site-list li.myhome > a {
    padding-bottom: 3.25rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .hub-main .site-list li.youth-support .img-group {
    position: absolute;
    width: 68%;
    height: 82%;
    right: 1rem;
    bottom: 0;
  }
  .hub-main .site-list li.youth-support img.img-y1 {
    width: 48%;
    bottom: 7%;
    left: 31%;
  }
  .hub-main .site-list li.youth-support img.img-y2 {
    width: 22%;
    bottom: 66%;
    right: 14%;
  }
  .hub-main .site-list li.youth-support img.img-y3 {
    width: 18%;
    bottom: 23%;
    right: 1%;
  }
  .hub-main .site-list li.youth-support img.img-y4 {
    width: 25%;
    bottom: 0.5%;
    left: 2%;
  }
  .hub-main .summary {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    -webkit-column-gap: 3.125rem;
       -moz-column-gap: 3.125rem;
            column-gap: 3.125rem;
  }
  .hub-main .summary .current-posting {
    width: 50%;
  }
  .hub-main .summary .banner-area {
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  .hub-header {
    height: 15rem;
  }
  .hub-header .description {
    display: none;
    visibility: hidden;
  }
  .hub-header .hub-header-wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hub-footer {
    display: block;
    visibility: visible;
  }
  .hub-main .summary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 2rem;
  }
  .hub-main .summary .current-posting {
    width: 100%;
  }
  .hub-main .summary .banner-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .hub-main .summary .rolling-banner-wrap {
    width: 50%;
  }
  .hub-main .summary .banner-call-center {
    width: 50%;
    height: 7.5rem;
  }
  .hub-main .site-list {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
  .hub-main .site-list li h2 {
    font-size: var(--size-text-d3);
  }
  .hub-main .site-list li p {
    font-size: var(--size-text-lg);
  }
}
@media (max-width: 767.98px) {
  .landing-wrapper {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .hub-header {
    height: 7.75rem;
  }
  .hub-header .title {
    font-size: var(--size-text-d2);
    text-align: center;
  }
  .hub-header .title .additional {
    font-size: var(--size-text-md);
    margin-bottom: 0.25rem;
  }
  .hub-main {
    padding-top: 1.5rem;
  }
  .hub-main .hub-main-wrap {
    row-gap: 3.25rem;
  }
  .hub-main .summary .current-posting {
    width: 100%;
  }
  .hub-main .summary .current-posting .top-bar .title .date {
    font-size: var(--size-text-lg);
  }
  .hub-main .summary .current-posting .count-box {
    height: 8rem;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    padding: 1rem;
  }
  .hub-main .summary .current-posting .count-box .total .label {
    font-size: var(--size-text-lg);
  }
  .hub-main .summary .current-posting .count-box .total .value {
    font-size: var(--size-text-d2);
  }
  .hub-main .summary .current-posting .count-box .total .value::after {
    font-size: var(--size-text-lg);
  }
  .hub-main .summary .current-posting .count-box .part {
    -webkit-box-flex: 1.2;
        -ms-flex: 1.2;
            flex: 1.2;
    min-width: 9.625rem;
  }
  .hub-main .summary .current-posting .count-box .part li .label {
    font-size: var(--size-text-xs);
  }
  .hub-main .summary .current-posting .count-box .part li .value {
    font-size: var(--size-text-d6);
  }
  .hub-main .summary .current-posting .count-box .part li .value::after {
    font-size: var(--size-text-sm);
    margin-left: 0.125rem;
  }
  .hub-main .summary .banner-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hub-main .summary .rolling-banner-wrap {
    width: 100%;
  }
  .hub-main .summary .rolling-banner {
    height: 6.25rem;
  }
  .hub-main .summary .banner-call-center {
    width: 100%;
    height: 6.25rem;
  }
  .hub-main .summary .banner-call-center .call-number {
    font-size: var(--size-text-sm);
  }
  .hub-main .summary .banner-call-center .call-number a {
    font-size: var(--size-text-d6);
  }
  .hub-main .summary .banner-call-center .operation-time {
    font-size: var(--size-text-xs);
  }
  .hub-main .site-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
  }
  .hub-main .site-list li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 13.5rem;
  }
  .hub-main .site-list li:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .hub-main .site-list li::after {
    width: 3rem;
    height: 3rem;
    -webkit-animation: none !important;
            animation: none !important;
  }
  .hub-main .site-list li h2 {
    font-size: var(--size-text-d5);
  }
  .hub-main .site-list li p {
    font-size: var(--size-text-sm);
  }
  .hub-main .site-list li.myhome img {
    width: auto;
    height: 11.6875rem;
  }
  .hub-main .site-list li.myhome::before {
    border-image-source: url("../images/hub/bg_myhome_mo.svg");
  }
  .hub-main .site-list li.youth-support > a {
    padding-top: 1.125rem;
  }
  .hub-main .site-list li.youth-support::before {
    border-image-source: url("../images/hub/bg_youth_mo.svg");
  }
  .hub-main .site-list li.youth-support .img-group {
    width: 12.25rem;
    width: clamp(12.25rem, 45vw, 17.5rem);
    height: clamp(10.5rem, 35vw, 13.25rem);
    right: 0.5rem;
  }
}
.svg-map-area {
  position: relative;
  width: 100%;
  max-width: 47.375rem;
}
.svg-map-area::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 87.335%;
}
.svg-map-area .label-list .label {
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 700;
  position: absolute;
  pointer-events: none;
  line-height: 1.3;
  letter-spacing: -0.025em;
}
.svg-map-area .pop-detail-list {
  position: absolute;
  border-radius: 1rem;
  background-color: var(--color-white);
  font-size: var(--size-text-sm);
  font-weight: 500;
  min-width: 7rem;
  -webkit-box-shadow: 0 0.25rem 1.625rem rgba(21, 37, 97, 0.24);
          box-shadow: 0 0.25rem 1.625rem rgba(21, 37, 97, 0.24);
  border: 1px solid var(--color-border-secondary);
  overflow: hidden;
  display: none;
  visibility: hidden;
}
.svg-map-area .pop-detail-list.open {
  display: block;
  visibility: visible;
}
.svg-map-area .pop-detail-list .head {
  height: 2.25rem;
  background-color: var(--color-bg-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 1rem;
  padding-right: 0.5rem;
  color: var(--color-white);
}
.svg-map-area .pop-detail-list .head .btn-close {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.svg-map-area .pop-detail-list .list-wrap .list {
  height: 2.25rem;
  border-bottom: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.svg-map-area .pop-detail-list .list-wrap .list:last-of-type {
  border-bottom: none;
}
.svg-map-area .pop-detail-list .list-wrap .list.active {
  background-color: var(--color-bg-primary-light);
}
.svg-map-area .pop-detail-list.gyeongbuk-p1 {
  left: 68.6015831135%;
  top: 51.9637462236%;
}
.svg-map-area .pop-detail-list.chungbuk-p1 {
  left: 14.5118733509%;
  top: 51.3595166163%;
}
.svg-map-area .pop-detail-list.jeonbuk-p1 {
  left: 38.9182058047%;
  top: 42.2960725076%;
}
.svg-map-area .pop-detail-list.gyeonggi-p1 {
  left: 27.7044854881%;
  top: 44.5619335347%;
}
.svg-map-area .pop-detail-list.gyeonggi-p2 {
  left: 45.1187335092%;
  top: 48.6404833837%;
}
.svg-map-area .pop-detail-list.gyeonggi-p3 {
  left: 55.2770448549%;
  top: 49.5468277946%;
}
.svg-map-area .pop-detail-list.gyeonggi-p4 {
  left: 50.3957783641%;
  top: 45.0151057402%;
}
.svg-map-area .pop-detail-list.gyeonggi-p5 {
  left: 18.073878628%;
  top: 66.7673716012%;
}
.svg-map-area .pop-detail-list.gyeonggi-p6 {
  left: 34.5646437995%;
  top: 51.3595166163%;
}
.svg-map-area .pop-detail-list.gyeonggi-p7 {
  left: 40.8970976253%;
  top: 54.5317220544%;
}
.svg-map-area .pop-detail-list.chungnam-p1 {
  left: 62.401055409%;
  top: 27.6435045317%;
}
.svg-map-area .pop-detail-list.gyeongnam-p1 {
  left: 63.0606860158%;
  top: 27.1903323263%;
}
.svg-map-area svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.svg-map-area .st0 {
  fill: #c4e2ff;
}
.svg-map-area .st1 {
  fill: #82a2c5;
}
.svg-map-area .st2 {
  fill: #d0d0d0;
}
.svg-map-area .st3 {
  fill: #ffffff;
  cursor: pointer;
}
.svg-map-area .st3.active {
  fill: #ffedd5;
}
.svg-map-area .st3:hover {
  fill: #fff7ed;
}
.svg-map-area .st4 {
  fill: none;
  stroke: #82a2c5;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg-map-area .st5 {
  fill: #2374a6;
}
.svg-map-area .st6 {
  fill: #b5bfc4;
}

#allCountry + .label-list .label:nth-of-type(1) {
  left: 51.7150395778%;
  top: 18.4290030211%;
}
#allCountry + .label-list .label:nth-of-type(2) {
  left: 28.2321899736%;
  top: 22.2054380665%;
}
#allCountry + .label-list .label:nth-of-type(3) {
  left: 37.2031662269%;
  top: 21.1480362538%;
}
#allCountry + .label-list .label:nth-of-type(4) {
  left: 38.9182058047%;
  top: 14.8036253776%;
}
#allCountry + .label-list .label:nth-of-type(5) {
  left: 36.1477572559%;
  top: 39.8791540785%;
}
#allCountry + .label-list .label:nth-of-type(6) {
  left: 31.7941952507%;
  top: 43.3534743202%;
}
#allCountry + .label-list .label:nth-of-type(7) {
  left: 39.5778364116%;
  top: 45.7703927492%;
}
#allCountry + .label-list .label:nth-of-type(8) {
  left: 45.1187335092%;
  top: 35.3474320242%;
}
#allCountry + .label-list .label:nth-of-type(9) {
  left: 35.3562005277%;
  top: 57.4018126888%;
}
#allCountry + .label-list .label:nth-of-type(10) {
  left: 31.3984168865%;
  top: 73.5649546828%;
}
#allCountry + .label-list .label:nth-of-type(11) {
  left: 31.1345646438%;
  top: 68.2779456193%;
}
#allCountry + .label-list .label:nth-of-type(12) {
  left: 63.7203166227%;
  top: 70.3927492447%;
}
#allCountry + .label-list .label:nth-of-type(13) {
  left: 65.963060686%;
  top: 63.5951661631%;
}
#allCountry + .label-list .label:nth-of-type(14) {
  left: 51.4511873351%;
  top: 66.6163141994%;
}
#allCountry + .label-list .label:nth-of-type(15) {
  left: 59.234828496%;
  top: 45.3172205438%;
}
#allCountry + .label-list .label:nth-of-type(16) {
  left: 27.7044854881%;
  top: 90.4833836858%;
}
#allCountry + .label-list .label:nth-of-type(17) {
  left: 57.2559366755%;
  top: 57.5528700906%;
}

#gyeongbuk + .label-list .label:nth-of-type(1) {
  left: 49.6042216359%;
  top: 20.0906344411%;
}
#gyeongbuk + .label-list .label:nth-of-type(2) {
  left: 56.9920844327%;
  top: 30.664652568%;
}
#gyeongbuk + .label-list .label:nth-of-type(3) {
  left: 24.6701846966%;
  top: 31.419939577%;
}
#gyeongbuk + .label-list .label:nth-of-type(4) {
  left: 21.2401055409%;
  top: 44.2598187311%;
}
#gyeongbuk + .label-list .label:nth-of-type(5) {
  left: 22.2955145119%;
  top: 61.0271903323%;
}
#gyeongbuk + .label-list .label:nth-of-type(6) {
  left: 37.4670184697%;
  top: 22.2054380665%;
}
#gyeongbuk + .label-list .label:nth-of-type(7) {
  left: 63.0606860158%;
  top: 18.4290030211%;
}
#gyeongbuk + .label-list .label:nth-of-type(8) {
  left: 56.5963060686%;
  top: 46.3746223565%;
}
#gyeongbuk + .label-list .label:nth-of-type(9) {
  left: 40.5013192612%;
  top: 47.4320241692%;
}
#gyeongbuk + .label-list .label:nth-of-type(10) {
  left: 64.907651715%;
  top: 40.4833836858%;
}
#gyeongbuk + .label-list .label:nth-of-type(11) {
  left: 32.5857519789%;
  top: 56.4954682779%;
}
#gyeongbuk + .label-list .label:nth-of-type(12) {
  left: 45.5145118734%;
  top: 35.6495468278%;
}
#gyeongbuk + .label-list .label:nth-of-type(13) {
  left: 34.036939314%;
  top: 32.1752265861%;
}
#gyeongbuk + .label-list .label:nth-of-type(14) {
  left: 62.401055409%;
  top: 56.4954682779%;
}
#gyeongbuk + .label-list .label:nth-of-type(15) {
  left: 62.2691292876%;
  top: 72.9607250755%;
}
#gyeongbuk + .label-list .label:nth-of-type(16) {
  left: 29.5514511873%;
  top: 77.7945619335%;
}
#gyeongbuk + .label-list .label:nth-of-type(17) {
  left: 45.382585752%;
  top: 81.5709969789%;
}
#gyeongbuk + .label-list .label:nth-of-type(18) {
  left: 78.2321899736%;
  top: 28.247734139%;
}
#gyeongbuk + .label-list .label:nth-of-type(19) {
  left: 35.6200527704%;
  top: 64.6525679758%;
}
#gyeongbuk + .label-list .label:nth-of-type(20) {
  left: 47.4934036939%;
  top: 73.1117824773%;
}
#gyeongbuk + .label-list .label:nth-of-type(21) {
  left: 52.2427440633%;
  top: 62.8398791541%;
}
#gyeongbuk + .label-list .label:nth-of-type(22) {
  left: 27.7044854881%;
  top: 69.335347432%;
}

#jeju + .label-list .label:nth-of-type(1) {
  left: 45.9102902375%;
  top: 54.9848942598%;
}
#jeju + .label-list .label:nth-of-type(2) {
  left: 50%;
  top: 39.1238670695%;
}

#seoul + .label-list .label:nth-of-type(1) {
  left: 38.5224274406%;
  top: 29.6072507553%;
}
#seoul + .label-list .label:nth-of-type(2) {
  left: 34.4327176781%;
  top: 48.3383685801%;
}
#seoul + .label-list .label:nth-of-type(3) {
  left: 68.3377308707%;
  top: 21.1480362538%;
}
#seoul + .label-list .label:nth-of-type(4) {
  left: 59.8944591029%;
  top: 16.0120845921%;
}
#seoul + .label-list .label:nth-of-type(5) {
  left: 55.672823219%;
  top: 25.2265861027%;
}
#seoul + .label-list .label:nth-of-type(6) {
  left: 47.7572559367%;
  top: 39.4259818731%;
}
#seoul + .label-list .label:nth-of-type(7) {
  left: 56.5963060686%;
  top: 36.253776435%;
}
#seoul + .label-list .label:nth-of-type(8) {
  left: 52.9023746702%;
  top: 47.7341389728%;
}
#seoul + .label-list .label:nth-of-type(9) {
  left: 48.8126649077%;
  top: 55.5891238671%;
}
#seoul + .label-list .label:nth-of-type(10) {
  left: 39.1820580475%;
  top: 43.2024169184%;
}
#seoul + .label-list .label:nth-of-type(11) {
  left: 61.7414248021%;
  top: 50%;
}
#seoul + .label-list .label:nth-of-type(12) {
  left: 72.2955145119%;
  top: 36.8580060423%;
}
#seoul + .label-list .label:nth-of-type(13) {
  left: 63.1926121372%;
  top: 41.3897280967%;
}
#seoul + .label-list .label:nth-of-type(14) {
  left: 71.1081794195%;
  top: 51.9637462236%;
}
#seoul + .label-list .label:nth-of-type(15) {
  left: 54.8812664908%;
  top: 70.3927492447%;
}
#seoul + .label-list .label:nth-of-type(16) {
  left: 65.963060686%;
  top: 68.2779456193%;
}
#seoul + .label-list .label:nth-of-type(17) {
  left: 32.7176781003%;
  top: 77.3413897281%;
}
#seoul + .label-list .label:nth-of-type(18) {
  left: 42.4802110818%;
  top: 75.2265861027%;
}
#seoul + .label-list .label:nth-of-type(19) {
  left: 83.9050131926%;
  top: 50%;
}
#seoul + .label-list .label:nth-of-type(20) {
  left: 76.9129287599%;
  top: 62.9909365559%;
}
#seoul + .label-list .label:nth-of-type(21) {
  left: 20.9762532982%;
  top: 67.8247734139%;
}
#seoul + .label-list .label:nth-of-type(22) {
  left: 33.6411609499%;
  top: 59.5166163142%;
}
#seoul + .label-list .label:nth-of-type(23) {
  left: 43.27176781%;
  top: 64.1993957704%;
}
#seoul + .label-list .label:nth-of-type(24) {
  left: 16.8865435356%;
  top: 47.1299093656%;
}
#seoul + .label-list .label:nth-of-type(25) {
  left: 22.691292876%;
  top: 60.1208459215%;
}

#incheon + .label-list .label:nth-of-type(1) {
  left: 13.8522427441%;
  top: 61.4803625378%;
}
#incheon + .label-list .label:nth-of-type(2) {
  left: 47.0976253298%;
  top: 32.0241691843%;
}
#incheon + .label-list .label:nth-of-type(3) {
  left: 64.6437994723%;
  top: 69.1842900302%;
}
#incheon + .label-list .label:nth-of-type(4) {
  left: 69.1292875989%;
  top: 70.3927492447%;
}
#incheon + .label-list .label:nth-of-type(5) {
  left: 67.4142480211%;
  top: 64.6525679758%;
}
#incheon + .label-list .label:nth-of-type(6) {
  left: 68.4696569921%;
  top: 50.7552870091%;
}
#incheon + .label-list .label:nth-of-type(7) {
  left: 70.3166226913%;
  top: 75.9818731118%;
}
#incheon + .label-list .label:nth-of-type(8) {
  left: 76.5171503958%;
  top: 62.6888217523%;
}
#incheon + .label-list .label:nth-of-type(9) {
  left: 78.4960422164%;
  top: 73.5649546828%;
}
#incheon + .label-list .label:nth-of-type(10) {
  left: 78.4960422164%;
  top: 52.5679758308%;
}

#sejong + .label-list .label:nth-of-type(1) {
  left: 44.1952506596%;
  top: 49.2447129909%;
}

#daejeon + .label-list .label:nth-of-type(1) {
  left: 34.036939314%;
  top: 64.8036253776%;
}
#daejeon + .label-list .label:nth-of-type(2) {
  left: 30.4749340369%;
  top: 36.8580060423%;
}
#daejeon + .label-list .label:nth-of-type(3) {
  left: 49.6042216359%;
  top: 60.1208459215%;
}
#daejeon + .label-list .label:nth-of-type(4) {
  left: 54.7493403694%;
  top: 30.2114803625%;
}
#daejeon + .label-list .label:nth-of-type(5) {
  left: 64.1160949868%;
  top: 52.7190332326%;
}

#daegu + .label-list .label:nth-of-type(1) {
  left: 42.3482849604%;
  top: 57.250755287%;
}
#daegu + .label-list .label:nth-of-type(2) {
  left: 46.5699208443%;
  top: 58.4592145015%;
}
#daegu + .label-list .label:nth-of-type(3) {
  left: 45.1187335092%;
  top: 50.6042296073%;
}
#daegu + .label-list .label:nth-of-type(4) {
  left: 39.5778364116%;
  top: 63.1419939577%;
}
#daegu + .label-list .label:nth-of-type(5) {
  left: 45.7783641161%;
  top: 62.5377643505%;
}
#daegu + .label-list .label:nth-of-type(6) {
  left: 51.8469656992%;
  top: 62.5377643505%;
}
#daegu + .label-list .label:nth-of-type(7) {
  left: 54.0897097625%;
  top: 49.3957703927%;
}
#daegu + .label-list .label:nth-of-type(8) {
  left: 36.5435356201%;
  top: 73.8670694864%;
}
#daegu + .label-list .label:nth-of-type(9) {
  left: 52.3746701847%;
  top: 24.16918429%;
}

#gwangju + .label-list .label:nth-of-type(1) {
  left: 53.2981530343%;
  top: 64.8036253776%;
}
#gwangju + .label-list .label:nth-of-type(2) {
  left: 53.4300791557%;
  top: 51.6616314199%;
}
#gwangju + .label-list .label:nth-of-type(3) {
  left: 73.746701847%;
  top: 57.7039274924%;
}
#gwangju + .label-list .label:nth-of-type(4) {
  left: 32.0580474934%;
  top: 44.1087613293%;
}
#gwangju + .label-list .label:nth-of-type(5) {
  left: 65.963060686%;
  top: 34.2900302115%;
}

#ulsan + .label-list .label:nth-of-type(1) {
  left: 65.963060686%;
  top: 47.583081571%;
}
#ulsan + .label-list .label:nth-of-type(2) {
  left: 60.9498680739%;
  top: 36.7069486405%;
}
#ulsan + .label-list .label:nth-of-type(3) {
  left: 79.0237467018%;
  top: 46.5256797583%;
}
#ulsan + .label-list .label:nth-of-type(4) {
  left: 37.7308707124%;
  top: 38.670694864%;
}
#ulsan + .label-list .label:nth-of-type(5) {
  left: 73.2189973615%;
  top: 28.5498489426%;
}

#busan + .label-list .label:nth-of-type(1) {
  left: 38.654353562%;
  top: 51.8126888218%;
}
#busan + .label-list .label:nth-of-type(2) {
  left: 46.5699208443%;
  top: 49.6978851964%;
}
#busan + .label-list .label:nth-of-type(3) {
  left: 44.4591029024%;
  top: 37.3111782477%;
}
#busan + .label-list .label:nth-of-type(4) {
  left: 24.8021108179%;
  top: 58.6102719033%;
}
#busan + .label-list .label:nth-of-type(5) {
  left: 53.6939313984%;
  top: 31.419939577%;
}
#busan + .label-list .label:nth-of-type(6) {
  left: 37.9947229551%;
  top: 66.6163141994%;
}
#busan + .label-list .label:nth-of-type(7) {
  left: 52.9023746702%;
  top: 41.5407854985%;
}
#busan + .label-list .label:nth-of-type(8) {
  left: 52.5065963061%;
  top: 45.9214501511%;
}
#busan + .label-list .label:nth-of-type(9) {
  left: 62.401055409%;
  top: 45.166163142%;
}
#busan + .label-list .label:nth-of-type(10) {
  left: 55.2770448549%;
  top: 58.6102719033%;
}
#busan + .label-list .label:nth-of-type(11) {
  left: 57.6517150396%;
  top: 50.9063444109%;
}
#busan + .label-list .label:nth-of-type(12) {
  left: 69.6569920844%;
  top: 22.5075528701%;
}
#busan + .label-list .label:nth-of-type(13) {
  left: 43.7994722955%;
  top: 59.0634441088%;
}
#busan + .label-list .label:nth-of-type(14) {
  left: 50.3957783641%;
  top: 67.3716012085%;
}
#busan + .label-list .label:nth-of-type(15) {
  left: 48.4168865435%;
  top: 57.8549848943%;
}
#busan + .label-list .label:nth-of-type(16) {
  left: 46.5699208443%;
  top: 63.2930513595%;
}

#gangwon + .label-list .label:nth-of-type(1) {
  left: 62.5329815303%;
  top: 37.7643504532%;
}
#gangwon + .label-list .label:nth-of-type(2) {
  left: 60.0263852243%;
  top: 28.8519637462%;
}
#gangwon + .label-list .label:nth-of-type(3) {
  left: 70.580474934%;
  top: 52.416918429%;
}
#gangwon + .label-list .label:nth-of-type(4) {
  left: 51.055408971%;
  top: 33.9879154079%;
}
#gangwon + .label-list .label:nth-of-type(5) {
  left: 55.8047493404%;
  top: 19.9395770393%;
}
#gangwon + .label-list .label:nth-of-type(6) {
  left: 64.5118733509%;
  top: 69.6374622356%;
}
#gangwon + .label-list .label:nth-of-type(7) {
  left: 77.1767810026%;
  top: 65.1057401813%;
}
#gangwon + .label-list .label:nth-of-type(8) {
  left: 41.0290237467%;
  top: 27.1903323263%;
}
#gangwon + .label-list .label:nth-of-type(9) {
  left: 54.7493403694%;
  top: 61.329305136%;
}
#gangwon + .label-list .label:nth-of-type(10) {
  left: 35.2242744063%;
  top: 71.4501510574%;
}
#gangwon + .label-list .label:nth-of-type(11) {
  left: 54.7493403694%;
  top: 78.8519637462%;
}
#gangwon + .label-list .label:nth-of-type(12) {
  left: 79.8153034301%;
  top: 75.6797583082%;
}
#gangwon + .label-list .label:nth-of-type(13) {
  left: 73.2189973615%;
  top: 83.2326283988%;
}
#gangwon + .label-list .label:nth-of-type(14) {
  left: 30.4749340369%;
  top: 27.4924471299%;
}
#gangwon + .label-list .label:nth-of-type(15) {
  left: 43.0079155673%;
  top: 60.7250755287%;
}
#gangwon + .label-list .label:nth-of-type(16) {
  left: 31.7941952507%;
  top: 40.0302114804%;
}
#gangwon + .label-list .label:nth-of-type(17) {
  left: 19.2612137203%;
  top: 22.5075528701%;
}
#gangwon + .label-list .label:nth-of-type(18) {
  left: 42.2163588391%;
  top: 48.7915407855%;
}

#chungbuk + .label-list .label:nth-of-type(1) {
  left: 23.746701847%;
  top: 46.6767371601%;
}
#chungbuk + .label-list .label:nth-of-type(2) {
  left: 39.8416886544%;
  top: 78.3987915408%;
}
#chungbuk + .label-list .label:nth-of-type(3) {
  left: 22.691292876%;
  top: 31.7220543807%;
}
#chungbuk + .label-list .label:nth-of-type(4) {
  left: 29.0237467018%;
  top: 25.2265861027%;
}
#chungbuk + .label-list .label:nth-of-type(5) {
  left: 32.3218997361%;
  top: 67.0694864048%;
}
#chungbuk + .label-list .label:nth-of-type(6) {
  left: 28.4960422164%;
  top: 35.8006042296%;
}
#chungbuk + .label-list .label:nth-of-type(7) {
  left: 68.4696569921%;
  top: 22.6586102719%;
}
#chungbuk + .label-list .label:nth-of-type(8) {
  left: 57.5197889182%;
  top: 20.3927492447%;
}
#chungbuk + .label-list .label:nth-of-type(9) {
  left: 43.5356200528%;
  top: 20.6948640483%;
}
#chungbuk + .label-list .label:nth-of-type(10) {
  left: 40.765171504%;
  top: 37.7643504532%;
}
#chungbuk + .label-list .label:nth-of-type(11) {
  left: 36.0158311346%;
  top: 55.4380664653%;
}

#jeonnam + .label-list .label:nth-of-type(1) {
  left: 42.4802110818%;
  top: 80.0604229607%;
}
#jeonnam + .label-list .label:nth-of-type(2) {
  left: 77.1767810026%;
  top: 24.6223564955%;
}
#jeonnam + .label-list .label:nth-of-type(3) {
  left: 67.4142480211%;
  top: 25.5287009063%;
}
#jeonnam + .label-list .label:nth-of-type(4) {
  left: 56.4643799472%;
  top: 38.8217522659%;
}
#jeonnam + .label-list .label:nth-of-type(5) {
  left: 21.8997361478%;
  top: 74.4712990937%;
}
#jeonnam + .label-list .label:nth-of-type(6) {
  left: 62.401055409%;
  top: 51.0574018127%;
}
#jeonnam + .label-list .label:nth-of-type(7) {
  left: 51.5831134565%;
  top: 55.5891238671%;
}
#jeonnam + .label-list .label:nth-of-type(8) {
  left: 67.8100263852%;
  top: 64.9546827795%;
}
#jeonnam + .label-list .label:nth-of-type(9) {
  left: 36.1477572559%;
  top: 68.7311178248%;
}
#jeonnam + .label-list .label:nth-of-type(10) {
  left: 45.2506596306%;
  top: 59.667673716%;
}
#jeonnam + .label-list .label:nth-of-type(11) {
  left: 12.9287598945%;
  top: 46.0725075529%;
}
#jeonnam + .label-list .label:nth-of-type(12) {
  left: 83.6411609499%;
  top: 37.4622356495%;
}
#jeonnam + .label-list .label:nth-of-type(13) {
  left: 83.6411609499%;
  top: 52.7190332326%;
}
#jeonnam + .label-list .label:nth-of-type(14) {
  left: 71.8997361478%;
  top: 40.0302114804%;
}
#jeonnam + .label-list .label:nth-of-type(15) {
  left: 39.4459102902%;
  top: 52.1148036254%;
}
#jeonnam + .label-list .label:nth-of-type(16) {
  left: 43.27176781%;
  top: 39.8791540785%;
}
#jeonnam + .label-list .label:nth-of-type(17) {
  left: 34.5646437995%;
  top: 32.0241691843%;
}
#jeonnam + .label-list .label:nth-of-type(18) {
  left: 31.5303430079%;
  top: 22.8096676737%;
}
#jeonnam + .label-list .label:nth-of-type(19) {
  left: 44.7229551451%;
  top: 19.6374622356%;
}
#jeonnam + .label-list .label:nth-of-type(20) {
  left: 54.3535620053%;
  top: 21.4501510574%;
}
#jeonnam + .label-list .label:nth-of-type(21) {
  left: 31.3984168865%;
  top: 44.4108761329%;
}
#jeonnam + .label-list .label:nth-of-type(22) {
  left: 28.7598944591%;
  top: 51.3595166163%;
}

#jeonbuk + .label-list .label:nth-of-type(1) {
  left: 38.5224274406%;
  top: 22.2054380665%;
}
#jeonbuk + .label-list .label:nth-of-type(2) {
  left: 19.5250659631%;
  top: 50.6042296073%;
}
#jeonbuk + .label-list .label:nth-of-type(3) {
  left: 24.9340369393%;
  top: 28.0966767372%;
}
#jeonbuk + .label-list .label:nth-of-type(4) {
  left: 32.4538258575%;
  top: 38.8217522659%;
}
#jeonbuk + .label-list .label:nth-of-type(5) {
  left: 51.055408971%;
  top: 27.9456193353%;
}
#jeonbuk + .label-list .label:nth-of-type(6) {
  left: 62.9287598945%;
  top: 38.0664652568%;
}
#jeonbuk + .label-list .label:nth-of-type(7) {
  left: 51.9788918206%;
  top: 57.8549848943%;
}
#jeonbuk + .label-list .label:nth-of-type(8) {
  left: 44.8548812665%;
  top: 38.670694864%;
}
#jeonbuk + .label-list .label:nth-of-type(9) {
  left: 78.2321899736%;
  top: 29.1540785498%;
}
#jeonbuk + .label-list .label:nth-of-type(10) {
  left: 69.3931398417%;
  top: 51.3595166163%;
}
#jeonbuk + .label-list .label:nth-of-type(11) {
  left: 64.3799472296%;
  top: 71.1480362538%;
}
#jeonbuk + .label-list .label:nth-of-type(12) {
  left: 45.2506596306%;
  top: 72.5075528701%;
}
#jeonbuk + .label-list .label:nth-of-type(13) {
  left: 17.018469657%;
  top: 68.8821752266%;
}
#jeonbuk + .label-list .label:nth-of-type(14) {
  left: 33.9050131926%;
  top: 56.1933534743%;
}

#gyeonggi + .label-list .label:nth-of-type(1) {
  left: 30.6068601583%;
  top: 27.4924471299%;
}
#gyeonggi + .label-list .label:nth-of-type(2) {
  left: 40.1055408971%;
  top: 30.3625377644%;
}
#gyeonggi + .label-list .label:nth-of-type(3) {
  left: 31.7941952507%;
  top: 40.7854984894%;
}
#gyeonggi + .label-list .label:nth-of-type(4) {
  left: 44.7229551451%;
  top: 46.3746223565%;
}
#gyeonggi + .label-list .label:nth-of-type(5) {
  left: 41.6886543536%;
  top: 36.1027190332%;
}
#gyeonggi + .label-list .label:nth-of-type(6) {
  left: 39.9736147757%;
  top: 67.0694864048%;
}
#gyeonggi + .label-list .label:nth-of-type(7) {
  left: 49.4722955145%;
  top: 40.6344410876%;
}
#gyeonggi + .label-list .label:nth-of-type(8) {
  left: 50%;
  top: 70.0906344411%;
}
#gyeonggi + .label-list .label:nth-of-type(9) {
  left: 53.0343007916%;
  top: 58.4592145015%;
}
#gyeonggi + .label-list .label:nth-of-type(10) {
  left: 49.7361477573%;
  top: 22.5075528701%;
}
#gyeonggi + .label-list .label:nth-of-type(11) {
  left: 21.5039577836%;
  top: 39.8791540785%;
}
#gyeonggi + .label-list .label:nth-of-type(12) {
  left: 40.8970976253%;
  top: 12.9909365559%;
}
#gyeonggi + .label-list .label:nth-of-type(13) {
  left: 41.9525065963%;
  top: 24.4712990937%;
}
#gyeonggi + .label-list .label:nth-of-type(14) {
  left: 48.944591029%;
  top: 50.7552870091%;
}
#gyeonggi + .label-list .label:nth-of-type(15) {
  left: 58.0474934037%;
  top: 31.2688821752%;
}
#gyeonggi + .label-list .label:nth-of-type(16) {
  left: 36.1477572559%;
  top: 62.5377643505%;
}
#gyeonggi + .label-list .label:nth-of-type(17) {
  left: 34.036939314%;
  top: 73.7160120846%;
}
#gyeonggi + .label-list .label:nth-of-type(18) {
  left: 53.562005277%;
  top: 83.6858006042%;
}
#gyeonggi + .label-list .label:nth-of-type(19) {
  left: 41.9525065963%;
  top: 75.3776435045%;
}
#gyeonggi + .label-list .label:nth-of-type(20) {
  left: 60.290237467%;
  top: 71.1480362538%;
}
#gyeonggi + .label-list .label:nth-of-type(21) {
  left: 39.0501319261%;
  top: 85.498489426%;
}
#gyeonggi + .label-list .label:nth-of-type(22) {
  left: 44.7229551451%;
  top: 58.3081570997%;
}
#gyeonggi + .label-list .label:nth-of-type(23) {
  left: 69.6569920844%;
  top: 66.4652567976%;
}
#gyeonggi + .label-list .label:nth-of-type(24) {
  left: 66.3588390501%;
  top: 51.3595166163%;
}
#gyeonggi + .label-list .label:nth-of-type(25) {
  left: 31.7941952507%;
  top: 63.8972809668%;
}
#gyeonggi + .label-list .label:nth-of-type(26) {
  left: 39.4459102902%;
  top: 56.0422960725%;
}
#gyeonggi + .label-list .label:nth-of-type(27) {
  left: 40.2374670185%;
  top: 60.7250755287%;
}
#gyeonggi + .label-list .label:nth-of-type(28) {
  left: 30.2110817942%;
  top: 59.2145015106%;
}
#gyeonggi + .label-list .label:nth-of-type(29) {
  left: 29.1556728232%;
  top: 52.1148036254%;
}
#gyeonggi + .label-list .label:nth-of-type(30) {
  left: 35.8839050132%;
  top: 58.6102719033%;
}
#gyeonggi + .label-list .label:nth-of-type(31) {
  left: 33.2453825858%;
  top: 55.2870090634%;
}

#chungnam + .label-list .label:nth-of-type(1) {
  left: 45.1187335092%;
  top: 34.4410876133%;
}
#chungnam + .label-list .label:nth-of-type(2) {
  left: 58.8390501319%;
  top: 49.5468277946%;
}
#chungnam + .label-list .label:nth-of-type(3) {
  left: 45.5145118734%;
  top: 52.2658610272%;
}
#chungnam + .label-list .label:nth-of-type(4) {
  left: 66.3588390501%;
  top: 23.5649546828%;
}
#chungnam + .label-list .label:nth-of-type(5) {
  left: 67.2823218997%;
  top: 63.5951661631%;
}
#chungnam + .label-list .label:nth-of-type(6) {
  left: 52.6385224274%;
  top: 24.9244712991%;
}
#chungnam + .label-list .label:nth-of-type(7) {
  left: 62.9287598945%;
  top: 71.6012084592%;
}
#chungnam + .label-list .label:nth-of-type(8) {
  left: 39.3139841689%;
  top: 77.6435045317%;
}
#chungnam + .label-list .label:nth-of-type(9) {
  left: 47.2295514512%;
  top: 67.6737160121%;
}
#chungnam + .label-list .label:nth-of-type(10) {
  left: 33.5092348285%;
  top: 60.7250755287%;
}
#chungnam + .label-list .label:nth-of-type(11) {
  left: 35.8839050132%;
  top: 17.3716012085%;
}
#chungnam + .label-list .label:nth-of-type(12) {
  left: 79.1556728232%;
  top: 76.4350453172%;
}
#chungnam + .label-list .label:nth-of-type(13) {
  left: 15.5672823219%;
  top: 27.6435045317%;
}
#chungnam + .label-list .label:nth-of-type(14) {
  left: 27.308707124%;
  top: 27.7945619335%;
}
#chungnam + .label-list .label:nth-of-type(15) {
  left: 34.1688654354%;
  top: 43.0513595166%;
}

#gyeongnam + .label-list .label:nth-of-type(1) {
  left: 66.4907651715%;
  top: 34.2900302115%;
}
#gyeongnam + .label-list .label:nth-of-type(2) {
  left: 52.6385224274%;
  top: 32.9305135952%;
}
#gyeongnam + .label-list .label:nth-of-type(3) {
  left: 24.1424802111%;
  top: 41.3897280967%;
}
#gyeongnam + .label-list .label:nth-of-type(4) {
  left: 50.1319261214%;
  top: 46.8277945619%;
}
#gyeongnam + .label-list .label:nth-of-type(5) {
  left: 35.6200527704%;
  top: 52.7190332326%;
}
#gyeongnam + .label-list .label:nth-of-type(6) {
  left: 24.8021108179%;
  top: 80.2114803625%;
}
#gyeongnam + .label-list .label:nth-of-type(7) {
  left: 61.0817941953%;
  top: 73.5649546828%;
}
#gyeongnam + .label-list .label:nth-of-type(8) {
  left: 43.0079155673%;
  top: 39.5770392749%;
}
#gyeongnam + .label-list .label:nth-of-type(9) {
  left: 58.5751978892%;
  top: 50.7552870091%;
}
#gyeongnam + .label-list .label:nth-of-type(10) {
  left: 44.327176781%;
  top: 64.6525679758%;
}
#gyeongnam + .label-list .label:nth-of-type(11) {
  left: 79.5514511873%;
  top: 38.9728096677%;
}
#gyeongnam + .label-list .label:nth-of-type(12) {
  left: 70.7124010554%;
  top: 47.7341389728%;
}
#gyeongnam + .label-list .label:nth-of-type(13) {
  left: 48.5488126649%;
  top: 73.413897281%;
}
#gyeongnam + .label-list .label:nth-of-type(14) {
  left: 24.8021108179%;
  top: 17.9758308157%;
}
#gyeongnam + .label-list .label:nth-of-type(15) {
  left: 36.2796833773%;
  top: 29.9093655589%;
}
#gyeongnam + .label-list .label:nth-of-type(16) {
  left: 19.7889182058%;
  top: 58.1570996979%;
}
#gyeongnam + .label-list .label:nth-of-type(17) {
  left: 16.2269129288%;
  top: 29.3051359517%;
}
#gyeongnam + .label-list .label:nth-of-type(18) {
  left: 29.2875989446%;
  top: 60.8761329305%;
}

#main .subpage-container.self-diagnosis {
  position: relative;
  padding-top: 12.5rem;
  gap: 4.5rem;
}

.body-wrapper.down .step-result-box {
  top: 4rem;
}
.body-wrapper.down .diagnosis-help-box {
  top: 4rem;
}

.self-diagnosis .sub-cont-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 4rem;
  left: 1rem;
  right: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.5rem;
}
.self-diagnosis .sub-cont-header .toolbar {
  position: absolute;
  right: 0;
}

.step-result-box {
  position: sticky;
  top: calc(var(--header-total-height) + 4rem);
  width: 20.5rem;
  -webkit-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
}
.step-result-box .step-result-wrap {
  margin-top: -1.375rem;
  margin-left: -1.625rem;
  margin-right: -1.625rem;
  position: relative;
  padding: 0 2.625rem;
  padding-top: 1.375rem;
  padding-bottom: 1.875rem;
}
.step-result-box .step-result-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-style: solid;
  border-image-source: url("../images/common/bg_aside_folder.svg");
  border-width: 90px 60px 60px 248px;
  border-image-slice: 90 60 60 248 fill;
  z-index: -1;
}
.step-result-box .step-result-wrap .step-body {
  width: 100%;
  padding-bottom: 1.5rem;
}
.step-result-box .step-result-wrap .step-body .title {
  height: 3.625rem;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-inverse);
  padding-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.step-result-box .step-result-wrap .step-body .title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0;
  width: 9rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.step-result-box .step-result-wrap .step-body .title > span::after {
  content: "\e920";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
  opacity: 0.6;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.step-result-box .step-result-wrap .step-body .title::before {
  content: "";
  width: 2px;
  height: 1rem;
  background-color: var(--color-inverse);
}
.step-result-box .step-result-wrap .step-body > button {
  width: 100%;
  background-color: var(--color-bg-secondary-lightest01);
  font-weight: 700;
  margin-bottom: 1rem;
}
.step-result-box .step-result-wrap .step-body > button:last-child {
  margin-bottom: 0;
}
.step-result-box .step-result-wrap .step-scroll-wrap {
  border-radius: 1rem;
  background-color: var(--color-inverse);
  max-height: 30rem;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.step-result-box .step-result-wrap .step-scroll-wrap::-webkit-scrollbar {
  width: 0.375rem;
  padding-right: 1rem;
}
.step-result-box .step-result-wrap .step-scroll-wrap::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
  border-right: 1px solid var(--color-inverse);
}
.step-result-box .step-result-wrap .step-scroll-wrap::-webkit-scrollbar-track {
  background: transparent;
}
.step-result-box .step-result-wrap .step-scroll-wrap::-webkit-scrollbar-button:vertical:start:decrement {
  display: block;
  height: 1rem;
}
.step-result-box .step-result-wrap .step-scroll-wrap::-webkit-scrollbar-button:vertical:end:decrement {
  display: block;
  width: 1rem;
}
.step-result-box .step-result-wrap .step-list {
  padding: 1rem 1.5rem;
}
.step-result-box .step-result-wrap .step-list .step .accord-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-xl);
  font-weight: 800;
  color: var(--color-text-secondary);
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.step-result-box .step-result-wrap .step-list .step .accord-head > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  cursor: pointer;
}
.step-result-box .step-result-wrap .step-list .step .accord-head .btn-goto-step {
  padding: 0 0.5rem;
  height: 1.75rem;
  border-radius: 0.24rem;
  font-size: var(--size-text-xs);
  font-weight: 500;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
  display: none;
}
.step-result-box .step-result-wrap .step-list .step .accord-head::after {
  content: "\e90e";
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.step-result-box .step-result-wrap .step-list .step .list {
  font-size: var(--size-text-sm);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--color-border);
}
.step-result-box .step-result-wrap .step-list .step .list dt {
  width: 7.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.step-result-box .step-result-wrap .step-list .step .list dd {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-primary-dark);
  text-align: right;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.step-result-box .step-result-wrap .step-list .step .list.depth dt {
  color: var(--color-text-lighter);
}
.step-result-box .step-result-wrap .step-list .step .list.depth dt::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 1px solid var(--color-text-lighter);
  border-left: 1px solid var(--color-text-lighter);
  margin-right: 0.375rem;
  position: relative;
  top: -0.25rem;
  opacity: 0.7;
}
.step-result-box .step-result-wrap .step-list .step .list-group {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
.step-result-box .step-result-wrap .step-list .step.open .accord-head::after {
  content: none;
}
.step-result-box .step-result-wrap .step-list .step.open .btn-goto-step {
  display: inherit;
}
.step-result-box .step-result-wrap .step-list .step.open .list-group {
  max-height: 50rem;
}
.step-result-box .step-result-wrap .step-list .step.current .accord-head .btn-goto-step {
  display: none;
  visibility: hidden;
}

.diagnosis-help-box {
  width: 20.5rem;
  position: sticky;
  top: calc(var(--header-total-height) + 4rem);
  -webkit-transition: top 0.15s ease-in-out;
  transition: top 0.15s ease-in-out;
  overflow: hidden;
  transition: top 0.15s ease-in-out;
  border: 1px solid var(--color-border-secondary-light);
  background-color: var(--color-bg-secondary-lightest02);
  border-radius: 2rem;
  padding: 1rem;
  overflow-y: auto;
  max-height: 40rem;
}
.diagnosis-help-box::-webkit-scrollbar {
  width: 0.375rem;
  padding-right: 1rem;
}
.diagnosis-help-box::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
  border-right: 1px solid var(--color-bg-secondary-lightest02);
}
.diagnosis-help-box::-webkit-scrollbar-track {
  background: transparent;
}
.diagnosis-help-box::-webkit-scrollbar-button:vertical:start:decrement {
  display: block;
  height: 2rem;
}
.diagnosis-help-box::-webkit-scrollbar-button:vertical:end:decrement {
  display: block;
  width: 1rem;
  height: 1.875rem;
}
.diagnosis-help-box .box-title {
  font-size: var(--size-text-lg);
  color: var(--color-text-secondary-lighter);
  font-weight: 800;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.diagnosis-help-box .box-title::after {
  content: "\e92e";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.diagnosis-help-box .help-list {
  margin-bottom: 1rem;
}
.diagnosis-help-box .help-list:last-of-type {
  margin-bottom: 0;
}
.diagnosis-help-box .help-list dt {
  height: 2.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-bg-secondary-light02);
  border-radius: 1.25rem;
  padding: 0 1rem;
  font-size: var(--size-text-md);
  color: var(--color-inverse);
  font-weight: 700;
  cursor: pointer;
  letter-spacing: -0.6px;
}
.diagnosis-help-box .help-list dt > span {
  margin-right: 0.25rem;
  font-weight: 800;
}
.diagnosis-help-box .help-list dt::after {
  content: "\e91a";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  font-size: 1.5rem;
  opacity: 0.6;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.diagnosis-help-box .help-list dd {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}
.diagnosis-help-box .help-list dd .para {
  padding: 1rem;
  line-height: 1.4;
}
.diagnosis-help-box .help-list dd .para .parts {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.25rem;
}
.diagnosis-help-box .help-list dd .para .parts:last-of-type {
  margin-bottom: 0;
}
.diagnosis-help-box .help-list dd h5 {
  font-size: var(--size-text-md);
  font-weight: 700;
}
.diagnosis-help-box .help-list dd p {
  font-size: var(--size-text-sm);
}
.diagnosis-help-box .help-list dd .option {
  font-size: var(--size-text-xxs);
  color: #5b86b8;
}
.diagnosis-help-box .help-list dd b {
  font-weight: 700;
}
.diagnosis-help-box .help-list dd ol {
  counter-reset: number;
  font-size: var(--size-text-sm);
}
.diagnosis-help-box .help-list dd ol > li {
  counter-increment: number;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.diagnosis-help-box .help-list dd ol > li:last-of-type {
  margin-bottom: 0;
}
.diagnosis-help-box .help-list dd ol > li::before {
  content: counter(number);
  display: inline-block;
  font-size: 0.5em;
  font-weight: 900;
  width: 0.6875rem;
  height: 0.6875rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-text);
  text-align: center;
  line-height: 8px;
  position: relative;
  top: -2.5px;
}
.diagnosis-help-box .help-list dd ol > li > ul,
.diagnosis-help-box .help-list dd ol > li > .option {
  margin-top: 0.5rem;
}
.diagnosis-help-box .help-list dd ul {
  font-weight: 400;
  padding-left: 0.75rem;
}
.diagnosis-help-box .help-list dd ul > li {
  list-style: disc;
  margin-bottom: 0.5rem;
}
.diagnosis-help-box .help-list dd ul > li::marker {
  color: var(--color-icon-light);
  font-size: 0.8125rem;
}
.diagnosis-help-box .help-list dd ul > li:last-of-type {
  margin-bottom: 0;
}
.diagnosis-help-box .help-list dd ul > li > ul,
.diagnosis-help-box .help-list dd ul > li > .option {
  margin-top: 0.5rem;
}
.diagnosis-help-box .help-list.open dt {
  margin-bottom: 0.5rem;
}
.diagnosis-help-box .help-list.open dt::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.diagnosis-help-box .help-list.open dd {
  max-height: 62.5rem;
}
.diagnosis-help-box .empty-help {
  padding: 1rem;
  background-color: var(--color-inverse);
  border-radius: 1rem;
  text-align: center;
}
.diagnosis-help-box .empty-help i {
  font-size: 1.5rem;
  color: var(--color-icon-secondary-light);
}
.diagnosis-help-box .empty-help p {
  margin-top: 0.25rem;
  line-height: 1.4;
}

.self-diagnosis .contents-area {
  margin-top: -2.5rem;
}
.self-diagnosis .self-progress {
  width: 100%;
  height: 0.5rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border-radius: 0.25rem;
  display: block;
  margin-bottom: 2.5rem;
}
.self-diagnosis .self-progress::-webkit-progress-bar {
  background-color: var(--color-bg-secondary-lightest01);
}
.self-diagnosis .self-progress::-webkit-progress-value {
  background-color: var(--color-bg-secondary);
  border-radius: 0.25rem;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.self-diagnosis.none-help::after {
  content: "";
  width: 20.5rem;
  display: block;
  visibility: hidden;
}
.self-diagnosis.none-step::before {
  content: "";
  width: 20.5rem;
  display: block;
  visibility: hidden;
}
.self-diagnosis.none-step::after {
  content: "";
  width: 20.5rem;
  display: block;
  visibility: hidden;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  .self-diagnosis .sub-cont-header {
    padding-left: 25rem;
  }
  .self-diagnosis.none-help::after {
    content: none;
  }
  .self-diagnosis.none-step .sub-cont-header {
    padding-left: inherit;
  }
  .self-diagnosis.none-step::before {
    width: 8rem;
  }
  .self-diagnosis.none-step::after {
    width: 8rem;
  }
  .diagnosis-help-box {
    display: none !important;
    visibility: hidden;
  }
}
@media (max-width: 991.98px) {
  .self-diagnosis .sub-cont-header {
    padding-left: 0;
  }
  .self-diagnosis.none-step .sub-cont-header {
    padding-left: inherit;
  }
  .self-diagnosis.none-step::before {
    content: none;
  }
  .self-diagnosis.none-step::after {
    content: none;
  }
  .body-wrapper.down .step-result-box, .body-wrapper.up .step-result-box {
    top: initial;
  }
  .step-result-box {
    position: fixed;
    top: initial;
    z-index: 55;
    left: 0;
    width: 100%;
    bottom: 0;
    -webkit-transform: translateY(calc(100% - 3.375rem));
            transform: translateY(calc(100% - 3.375rem));
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  }
  .step-result-box.open {
    z-index: 65;
    -webkit-transform: translateY(3.875rem);
            transform: translateY(3.875rem);
  }
  .step-result-box.open .step-result-wrap .step-body .title > span::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .step-result-box .step-result-wrap .step-body {
    padding-bottom: 3rem;
  }
  .step-result-box .step-result-wrap .step-body .title > span {
    cursor: pointer;
  }
  .step-result-box .step-result-wrap .step-scroll-wrap {
    max-height: 15rem;
  }
}
@media (max-width: 767.98px) {
  #main .subpage-container.self-diagnosis {
    padding-top: 0;
    gap: 0;
  }
  .self-diagnosis .contents-area {
    margin-top: 0;
  }
  .self-diagnosis .self-progress {
    margin-top: 2rem;
  }
  .step-result-box .step-result-wrap .step-list .step .accord-head > span {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .step-result-box .step-result-wrap .step-list .step .list {
    padding: 0.5rem 0;
  }
  .step-result-box .step-result-wrap .step-list .step .list dd {
    font-size: var(--size-text-sm);
  }
  .step-result-box .step-result-wrap .step-scroll-wrap {
    max-height: 50vh;
  }
}
.loading-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 999;
}

.Loader {
  width: 88px;
  height: 88px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0;
  -webkit-filter: url("#tooltip-filter");
          filter: url("#tooltip-filter");
}

.Loader-circle,
.Loader-blob {
  position: absolute;
}

.Loader-circle {
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #d97706;
}

.Loader-blob {
  width: 26px;
  height: 26px;
  bottom: 0;
  left: 0;
  -webkit-animation: xAxis 2.5s infinite cubic-bezier(0.02, 0.01, 0.21, 1);
          animation: xAxis 2.5s infinite cubic-bezier(0.02, 0.01, 0.21, 1);
}

.Loader-blob::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #d97706;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: yAxis 2.5s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64) alternate;
          animation: yAxis 2.5s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64) alternate;
}

.Loader-blob::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #d97706;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: yAxis 2.5s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64) 2.5s;
          animation: yAxis 2.5s infinite cubic-bezier(0.3, 0.27, 0.07, 1.64) 2.5s;
}

@-webkit-keyframes xAxis {
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
            animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
    -webkit-transform: translateX(62px);
            transform: translateX(62px);
  }
}

@keyframes xAxis {
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
            animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
    -webkit-transform: translateX(62px);
            transform: translateX(62px);
  }
}
@-webkit-keyframes yAxis {
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
            animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
    -webkit-transform: translateY(-62px);
            transform: translateY(-62px);
  }
}
@keyframes yAxis {
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
            animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
    -webkit-transform: translateY(-62px);
            transform: translateY(-62px);
  }
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.map-loader {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 47%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: circleRotate 1s infinite linear;
          animation: circleRotate 1s infinite linear;
  z-index: 99;
}
.map-loader svg path,
.map-loader svg rect {
  fill: var(--color-border-primary);
  stroke: var(--color-border-primary);
  stroke-width: 3;
}

@-webkit-keyframes circleRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes circleRotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/*화면 */
/*메인팝업*/
.main-popup .modal__container {
  max-width: initial;
  width: initial;
  padding: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.main-popup .modal__content {
  padding: 0;
}
.main-popup .pop-cont-wrap {
  position: relative;
  max-width: 37.5rem;
  min-width: 20rem;
  padding-bottom: 4.375rem;
}
.main-popup .pop-cont-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-popup .pop-cont-wrap .pop-cont {
  padding: 3.75rem 2rem 3.5rem;
  line-height: 1.4;
}
.main-popup .pop-cont-wrap .pop-cont .title {
  font-size: var(--size-text-h1);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}
.main-popup .pop-cont-wrap .pop-cont .desc {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  margin-bottom: 0.75rem;
}
.main-popup .pop-cont-wrap .pop-cont .info {
  font-size: var(--size-text-md);
  font-weight: 500;
  text-align: left;
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: var(--color-bg-gray-dark);
  position: relative;
}
.main-popup .pop-cont-wrap .pop-cont .info dt {
  font-weight: 700;
}
.main-popup .pop-cont-wrap .pop-cont .info dd {
  color: var(--color-text-light);
}
.main-popup .pop-cont-wrap .pop-cont .btn-more {
  /* 
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; 
  */
  width: 100%;
  height: 2.8125rem;
  border-radius: 1.5rem;
  font-size: var(--size-text-lg);
  font-weight: 500;
  padding: 0 0.75rem 0 1.25rem;
}
.main-popup .pop-cont-wrap .pop-cont .btn-more i {
  font-size: 1.5rem;
}
.main-popup .pop-cont-wrap .btn-settings {
  position: absolute;
  bottom: 8.125rem;
  left: 2rem;
  border: 1px solid rgba(225, 225, 225, 0.8);
  border-radius: 1.5rem;
  padding: 0.5rem 1rem 0.5rem 1.25rem;
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-inverse);
}
.main-popup .pop-cont-wrap .btn-settings i {
  position: relative;
  top: 1px;
}
.main-popup .pop-cont-wrap .btn-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-bg-secondary-lightest01);
  padding-left: 1rem;
}
.main-popup .pop-cont-wrap .btn-wrap::before {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 1rem;
  background-color: #dedfdf;
  position: relative;
  top: 0.1875rem;
  left: 64%;
}
.main-popup .pop-cont-wrap .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  text-align: left;
  font-size: var(--size-text-md);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.main-popup .pop-cont-wrap .btn-wrap .btn-not-open-today {
  width: 100%;
}
.main-popup .pop-cont-wrap .btn-wrap .btn-not-open-today .checkbox {
  position: relative;
  top: 2px;
}
.main-popup .pop-cont-wrap .btn-wrap .btn-not-open-today .checkbox .label-checkbox::before {
  border-radius: 50%;
  margin-right: 0.3125rem;
}
.main-popup .pop-cont-wrap .btn-wrap .btn-close {
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
}
.main-popup .pop-cont-wrap.user-survey .pop-cont {
  background-color: #ffdaca;
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .title {
  /* font-family: var(--font-secondary); */
  font-size: var(--size-text-d2);
  font-weight: 900;
  line-height: 1.4;
  color: var(--color-text-secondary);
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .title em {
  color: var(--color-text-primary-dark);
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .info {
  background-color: var(--color-inverse);
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.625rem;
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .info .img-add {
  position: absolute;
  display: block;
  width: 8.1875rem;
  height: 3.625rem;
  top: -2.75rem;
  right: -1.75rem;
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .info dl {
  /* 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
   */
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .info dl:last-child {
  margin-bottom: 0;
}
.main-popup .pop-cont-wrap.user-survey .pop-cont .info dl dt {
  color: var(--color-text-primary-dark);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.main-popup .pop-cont-wrap.server-check .pop-cont {
  background-color: #fff;
  text-align: center;
  padding-bottom: 5.125rem;
}
.main-popup .pop-cont-wrap.server-check .pop-cont .title {
  margin-bottom: 2rem;
}
.main-popup .pop-cont-wrap.server-check .pop-cont .desc {
  margin-bottom: 2.5rem;
}
.main-popup .pop-cont-wrap.server-check .pop-cont .desc em {
  display: block;
  font-weight: 700;
  color: var(--color-text-primary-dark);
  margin-top: 1rem;
}
.main-popup .pop-cont-wrap.server-check .pop-cont .info dt {
  margin-bottom: 0.25rem;
}
.main-popup .main-pop-swiper .swiper-bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  position: absolute;
  bottom: 5.375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: var(--color-inverse);
  margin-top: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.875rem;
  z-index: 1;
}
.main-popup .main-pop-swiper .swiper-button-next,
.main-popup .main-pop-swiper .swiper-button-prev {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  margin-top: 0;
  top: initial;
  right: initial;
  left: initial;
  z-index: 11;
}
.main-popup .main-pop-swiper .swiper-button-next::after,
.main-popup .main-pop-swiper .swiper-button-prev::after {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(225, 225, 225, 0.8);
}
.main-popup .main-pop-swiper .swiper-pagination {
  position: relative;
  top: initial;
  bottom: initial;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-inverse);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.875rem;
  margin-top: 0;
}
.main-popup .main-pop-swiper .swiper-pagination-current {
  font-weight: 700;
  color: var(--color-inverse);
}

.modal-swiper .modal__content {
  max-width: 27.5rem;
}

/*
* responsive
*/
@media (max-width: 575.98px) {
  .main-popup .modal__container {
    max-width: 27.5rem !important;
  }
  .main-popup .pop-cont-wrap .btn-wrap button {
    font-size: var(--size-text-sm);
  }
  .main-popup .pop-cont-wrap .btn-wrap .btn-close::before {
    position: relative;
    top: 0.1875rem;
  }
}
@media (max-width: 478.98px) {
  .main-popup .pop-cont-wrap .pop-cont {
    padding: 3rem 1.5rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .title {
    font-size: var(--size-text-h2);
    margin-bottom: 0.5rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .desc {
    font-size: var(--size-text-sm);
    margin-bottom: 0.5rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .info {
    font-size: var(--size-text-sm);
    padding: 1rem 1.25rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .btn-more {
    height: 2.375rem;
    font-size: var(--size-text-md);
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .btn-more i {
    font-size: 1.25rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .title {
    font-size: var(--size-text-d4);
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .info {
    margin-bottom: 1.5rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .info .img-add {
    width: 6.1875rem;
    height: 2.625rem;
    top: -1.75rem;
    right: -1.25rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .info dl {
    margin-bottom: 0.25rem;
  }
  .main-popup .pop-cont-wrap.server-check .pop-cont {
    padding-bottom: 5rem;
  }
  .main-popup .pop-cont-wrap.server-check .pop-cont .title {
    margin-bottom: 1.5rem;
  }
  .main-popup .pop-cont-wrap.server-check .pop-cont .desc {
    margin-bottom: 2rem;
  }
  .modal-swiper .modal__content {
    max-width: 23.125rem;
  }
  .modal-swiper .main-pop-swiper .swiper-bottom-wrap {
    bottom: 5rem;
  }
}
@media (max-width: 429.98px) {
  .main-popup .pop-cont-wrap .btn-settings {
    bottom: 7.1875rem;
    left: 1.75rem;
    font-size: var(--size-text-md);
  }
}
@media (max-width: 399.98px) {
  .main-popup .pop-cont-wrap {
    padding-bottom: 3.5265rem;
  }
  .main-popup .pop-cont-wrap .pop-cont {
    padding: 2.5rem 1.5rem;
  }
  .main-popup .pop-cont-wrap .pop-cont .title {
    font-size: var(--size-text-d4);
  }
  .main-popup .pop-cont-wrap .pop-cont .desc {
    font-size: var(--size-text-xs);
  }
  .main-popup .pop-cont-wrap .pop-cont .info {
    font-size: var(--size-text-xs);
  }
  .main-popup .pop-cont-wrap .btn-wrap {
    height: 3.5rem;
  }
  .main-popup .pop-cont-wrap .btn-wrap .btn-close::before {
    margin-right: 2.5rem;
  }
  .main-popup .pop-cont-wrap .btn-settings {
    bottom: 6.25rem;
    font-size: var(--size-text-sm);
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .title {
    letter-spacing: -0.075rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .info {
    margin-bottom: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .info .img-add {
    width: 5.25rem;
    height: 2.3125rem;
    top: -1.625rem;
    right: -1.25rem;
  }
  .main-popup .pop-cont-wrap.user-survey .pop-cont .btn-more {
    height: 2rem;
    font-size: var(--size-text-sm);
  }
  .main-popup .pop-cont-wrap.server-check .pop-cont {
    padding-bottom: 3.5rem;
  }
  .modal-swiper .modal__content {
    max-width: 20rem;
  }
  .modal-swiper .main-pop-swiper .swiper-bottom-wrap {
    bottom: 3.9375rem;
  }
}
/*로그인*/
.login .login-container {
  width: 100%;
  max-width: 27rem;
  margin-left: auto;
  margin-right: auto;
  padding: 6.25rem 1rem;
}
.login .title {
  font-size: var(--size-text-h1);
  font-weight: 700;
  text-align: center;
  margin-bottom: 2.5rem;
}
.login .formbox-login .formbox {
  margin-bottom: 0.5rem;
}
.login .formbox-login .input-wrap .btn-eye-off {
  display: none;
}
.login .formbox-login .input-wrap.is-invalid input + .invalid-feedback {
  margin-top: 0.5rem;
}
.login .email-check input {
  background-color: #f4f4f4 !important;
  border: 1px solid var(--color-border);
}
.login .btn {
  width: 100%;
  margin: 1.5rem 0;
}
.login .btn-join-email {
  margin: 2.5rem 0;
}
.login .find-account {
  margin-bottom: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .find-account .btn-find-accout {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  border-right: 1px solid var(--color-border);
  padding: 0 1rem;
}
.login .find-account .btn-find-accout:last-child {
  border-right: none;
}
.login .sns-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
.login .sns-login .txt {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
  margin: 0 auto 0.5rem;
  text-align: center;
}
.login .sns-login .txt::before {
  content: "";
  display: inline-block;
  width: 100%;
  border-top: 1px solid var(--color-border);
  position: absolute;
  top: 0.375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.login .sns-login .txt span {
  display: block;
  z-index: 1;
  position: relative;
  width: 8.625rem;
  background-color: var(--color-white);
}
.login .sns-login .btn-sns {
  font-size: var(--size-text-lg);
  font-weight: 700;
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  width: 100%;
  height: 2.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.login .sns-login .btn-sns::before {
  content: "";
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}
.login .sns-login .btn-sns.naver::before {
  background: url("../images/sns/icon_naver.svg") center/1.5rem no-repeat;
}
.login .sns-login .btn-sns.kakao::before {
  background: url("../images/sns/icon_kakao.svg") center/1.5rem no-repeat;
}
.login .sns-login .btn-sns.facebook::before {
  background: url("../images/sns/icon_facebook.svg") center/1.5rem no-repeat;
}
.login .user-nickname,
.login .login-type {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-lighter);
}
.login .sub-title-wrap {
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}
.login .sub-title-wrap .title-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .sub-title-wrap .sub-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
}
.login .sub-title-wrap .desc {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-bg-secondary);
  margin-top: 0.75rem;
  line-height: 1.2;
}
.login .sub-title-wrap .desc-essential {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.login .sub-title-wrap .desc-essential::before {
  content: "*";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 1.125rem;
  color: var(--color-icon-secondary-light);
  position: relative;
  top: 0.125rem;
}
.login .sub-title-wrap + .formbox.top-border {
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border-darkest);
}
.login .formbox {
  margin-bottom: 1.5rem;
}
.login .formbox .checkbox-group .desc,
.login .formbox .checkbox-group .invalid-feedback {
  margin-top: 0.5rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-warning);
}
.login .formbox .checkbox-group .invalid-feedback {
  margin-top: 0;
}
.login .formbox.top-border .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.login .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 2.5rem;
}
.login .btn-wrap .btn {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0;
}
.login .terms {
  background-color: var(--color-bg-gray);
  border-radius: 0.5rem;
  max-height: 15rem;
  overflow-y: auto;
  padding: 1.25rem 1.25rem 1.25rem 1rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
}
.login .terms::-webkit-scrollbar {
  width: 0.3125rem;
}
.login .terms::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
}
.login .terms::-webkit-scrollbar-track {
  background: transparent;
}
.login .terms .terms-list {
  margin-top: 0.625rem;
}
.login .terms .terms-title {
  font-size: var(--size-text-md);
  font-weight: 700;
}
.login .terms .terms-cont {
  margin-top: 0.25rem;
}
.login .terms .cont-title {
  font-weight: 700;
}
.login .terms .cont-desc {
  margin-top: 0.25rem;
}
.login .terms .cont-desc.disc {
  position: relative;
  margin-left: 0.375rem;
  padding-left: 0.875rem;
}
.login .terms .cont-desc.disc::before {
  content: "·";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  position: absolute;
  left: 0;
}
.login .personal-info .terms-list:first-child {
  margin-top: 0;
}
.login .option-input .terms {
  background-color: var(--color-white);
  max-height: 7.5rem;
}
.login .modal .btn {
  margin: 0;
}

.find-account .formbox {
  margin-top: 0;
}
.find-account .formbox.top-border {
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border-darkest);
}

#validationPwCheckWarp .invalid-feedback {
  margin-top: 0.5rem;
}

#validationLastPwCheck .invalid-feedback,
#validationNewPwCheck .invalid-feedback {
  margin-top: 0.25rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .login .login-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .login .title {
    font-size: var(--size-text-h2);
    margin-bottom: 2rem;
  }
  .login .sub-title-wrap {
    margin-top: 2rem;
  }
  .login .sub-title-wrap .sub-title {
    font-size: var(--size-text-lg);
  }
  .login .sub-title-wrap .desc-essential {
    font-size: var(--size-text-xs);
  }
  .login .find-account {
    margin-bottom: 2rem;
  }
  .login .formbox {
    margin-bottom: 1rem;
  }
  .login .formbox.top-border {
    padding-top: 1rem;
  }
  .login .formbox .checkbox-group .desc {
    margin-top: 0.25rem;
    font-size: var(--size-text-xs);
  }
  .login .btn-wrap {
    margin-top: 2rem;
  }
  .login .btn-join-email {
    margin: 2rem 0;
  }
  .login .btn-check {
    font-size: var(--size-text-md);
    font-weight: 500;
    height: 2.625rem;
    padding: 0 0.75rem;
  }
  .login .desc {
    font-size: var(--size-text-xxs);
  }
  .login .input-wrap.email-check + .invalid-feedback {
    margin-top: 0;
  }
  #validationPwCheckWarp .invalid-feedback {
    margin-top: 0.375rem;
  }
  #validationPwWarp + .invalid-feedback {
    margin-top: 0;
  }
  #validationLastPwCheck .invalid-feedback,
#validationNewPwCheck .invalid-feedback {
    margin-top: 0.375rem;
  }
}
.login .btn-find-pw,
.login .btn-find-id {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-secondary);
  text-decoration: underline;
  display: block;
  margin-top: 1.5rem;
  text-align: center;
}
.login .guidebox {
  background-color: var(--color-bg-primary-lightest02);
  padding: 2.5rem 1rem;
  font-size: var(--size-text-md);
  line-height: 1.4;
  text-align: center;
}
.login .guidebox .txt {
  font-weight: 400;
}
.login .guidebox em {
  font-weight: 700;
  color: var(--color-text-primary);
}
.login .btn-find-login {
  margin-top: 2.5rem;
}
.login .notice {
  margin-top: 2.5rem;
  background-color: var(--color-bg-gray);
  border-top: 1px solid var(--color-border-dark);
  border-bottom: 1px solid var(--color-border);
  padding: 1.5rem 1rem;
}
.login .notice .title {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-light);
  text-align: left;
  margin-bottom: 0;
}
.login .notice .notice-list {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-top: 0.75rem;
  margin-left: 0.375rem;
  padding-left: 0.875rem;
  position: relative;
}
.login .notice .notice-list::before {
  content: "·";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  position: absolute;
  left: 0;
}
.login .notice .notice-list em {
  font-weight: 700;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .login .notice {
    margin-top: 2rem;
    padding: 1.25rem 1rem;
  }
  .login .notice .title {
    font-size: var(--size-text-sm);
  }
  .login .btn-find-pw,
.login .btn-find-id {
    font-size: var(--size-text-sm);
  }
  .find-account .formbox.top-border {
    padding-top: 1.5rem;
  }
}
/*주거복지지도*/
:root {
  --kmap-top-height: 9.25rem;
  --kmap-filter-height: 4.375rem;
  --kmap-total-header-height: calc(var(--kmap-top-height) + var(--kmap-filter-height));
  --kmap-body-height: calc(100% - env(safe-area-inset-bottom) - var(--kmap-total-header-height));
}

.kmap-wrapper {
  position: relative;
}
.kmap-wrapper .kmap-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kmap-wrapper .kmap-header + .kmap-body {
  height: var(--kmap-body-height);
}

.filer-select {
  position: relative;
}
.filer-select.open::before {
  content: "";
  display: block;
  width: 100%;
  background-color: transparent;
  height: 0.5rem;
  position: absolute;
  top: 100%;
}
.filer-select.open .f-options-wrap {
  max-height: 55rem;
}
.filer-select .f-head {
  height: 2.375rem;
  background-color: var(--color-inverse);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.1875rem;
  border: 1px solid var(--color-border);
  padding: 0 1.25rem;
  overflow: hidden;
  padding-right: 0.625rem;
}
.filer-select .f-head .label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
  font-size: var(--size-text-sm);
  color: var(--color-text-lighter);
  margin-right: 0.5rem;
}
.filer-select .f-head .label::after {
  content: "";
  display: inline-block;
  height: 0.625rem;
  width: 1px;
  background-color: var(--color-border);
  margin-left: 0.5rem;
  position: relative;
  top: 0.0313rem;
}
.filer-select .f-head .value {
  font-size: var(--size-text-sm);
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 100%;
}
.filer-select .f-head .value::after {
  content: "\e91a";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--color-icon-lighter);
  margin-left: 0.5rem;
}
.filer-select .f-options-wrap {
  position: absolute;
  min-width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: calc(100% + 0.25rem);
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  background-color: var(--color-white);
  border-radius: 0.5rem;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.filer-select .f-options-wrap .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5rem 1rem 0;
  font-weight: 500;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--color-border);
  height: 2.375rem;
}
.filer-select .f-options-wrap .f-options {
  margin: 0 1rem 0.5rem;
  font-size: var(--size-text-sm);
  color: var(--color-text-light);
}
.filer-select .f-options-wrap .f-options .option {
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0.5rem;
  position: relative;
  padding-left: 2.25rem;
  cursor: pointer;
}
.filer-select .f-options-wrap .f-options .option::before {
  position: absolute;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid var(--color-border);
  background-color: var(--color-white);
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filer-select .f-options-wrap .f-options .option.active::after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: var(--color-bg-primary);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.6875rem;
}

.kmap-header {
  position: relative;
  width: 100%;
  height: var(--kmap-total-header-height);
  z-index: 500;
}
.kmap-header .top-bar {
  height: var(--kmap-top-height);
  background-color: var(--color-bg-secondary-light02);
  padding: 1.5rem;
}
.kmap-header .top-bar .logo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.kmap-header .top-bar .logo-row img {
  height: 2.375rem;
}
.kmap-header .top-bar .logo-row .title {
  font-size: var(--size-text-h3);
  font-weight: 700;
  color: var(--color-white);
  margin-top: 0.375rem;
}
.kmap-header .top-bar .logo-row .btn-kmap-close {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  color: var(--color-white);
  display: none;
  visibility: hidden;
}
.kmap-header .top-bar .logo-row .btn-mo-filter {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  color: var(--color-white);
  margin-left: auto;
  display: none;
  visibility: hidden;
  margin-left: auto;
}
.kmap-header .top-bar .tab-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kmap-header .top-bar .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-top: 1rem;
}
.kmap-header .top-bar .tab-list .tab {
  height: 2.875rem;
  background-color: var(--color-bg-secondary-light01);
  border-radius: 1rem;
  color: var(--color-inverse);
  font-weight: 700;
  padding: 0 1.5rem;
}
.kmap-header .top-bar .tab-list .tab > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.kmap-header .top-bar .tab-list .tab.active {
  background-color: var(--color-bg-secondary-dark);
}
.kmap-header .top-bar .third-party-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  color: rgba(0, 0, 0, 0);
  line-height: 0;
  height: 2.125rem;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
.kmap-header .top-bar .third-party-tab .tab {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.kmap-header .top-bar .third-party-tab .tab > a {
  display: block;
  width: 100%;
  height: 100%;
}
.kmap-header .top-bar .third-party-tab .tab.dabang {
  width: 3.4375rem;
  background-image: url("../images/kmap/img_logo_dabang.svg");
}
.kmap-header .top-bar .third-party-tab .tab.dabang.active {
  background-image: url("../images/kmap/img_logo_dabang_active.svg");
}
.kmap-header .top-bar .third-party-tab .tab.r114 {
  width: 4.3125rem;
  background-image: url("../images/kmap/img_logo_r114.svg");
}
.kmap-header .top-bar .third-party-tab .tab.r114.active {
  background-image: url("../images/kmap/img_logo_r114_active.svg");
}
.kmap-header .filter-bar {
  height: var(--kmap-filter-height);
  background-color: var(--color-bg-secondary-lightest02);
  border-bottom: 1px solid var(--color-border-secondary-light);
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kmap-header .filter-bar .select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.kmap-header .filter-bar .select-wrap .checkbox.circle .label-checkbox {
  font-size: var(--size-text-xs);
  font-weight: 700;
}
.kmap-header .filter-bar .select-wrap .checkbox.circle .label-checkbox::before {
  width: 1.125rem;
  height: 1.125rem;
}
.kmap-header .filter-bar .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.kmap-header .filter-bar .btn-wrap > .btn {
  padding: 0 0.625rem;
}

.kmap-body #kakaoMap {
  width: 100%;
  height: 100%;
  position: relative;
}

.kmap-overay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
.kmap-overay > * {
  pointer-events: initial;
}

.result-list-wrap {
  width: 22rem;
  background-color: var(--color-white);
  height: 100%;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
  z-index: 100;
}
.result-list-wrap.open {
  left: 0;
}
.result-list-wrap.open .btn-fold-toggle::before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.result-list-wrap.open + .kmap-detail-filter {
  margin-left: 22rem;
}
.result-list-wrap .btn-fold-toggle {
  width: 1.75rem;
  height: 4.375rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background-color: var(--color-bg-secondary-light02);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-white);
}
.result-list-wrap .btn-fold-toggle::before {
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91e";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.result-list-wrap .list-title {
  line-height: 1.4;
  border-bottom: 2px solid var(--color-border-darkest);
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 0.75rem;
  font-size: var(--size-text-lg);
  font-weight: 700;
  background-color: var(--color-white);
}
.result-list-wrap .result-list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.result-list-wrap .result-list::-webkit-scrollbar {
  width: 0.375rem;
  padding-right: 1rem;
}
.result-list-wrap .result-list::-webkit-scrollbar-thumb {
  background-color: var(--color-bg-gray-darkest);
  border-radius: 1.875rem;
  border-right: 1px solid var(--color-bg-secondary-lightest02);
}
.result-list-wrap .result-list::-webkit-scrollbar-track {
  background: transparent;
}
.result-list-wrap .result-list.default-style .list {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border);
}
.result-list-wrap .result-list.default-style .list .title {
  line-height: 1.4;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.result-list-wrap .result-list.default-style .list .info {
  margin-top: 0.375rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-lighter);
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 0.25rem;
}
.result-list-wrap .result-list.default-style .list .info .label {
  position: relative;
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.375rem;
}
.result-list-wrap .result-list.default-style .list .info .label::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8125rem;
  background-color: var(--color-border);
  position: absolute;
  top: 0.0625rem;
  right: 0;
}
.result-list-wrap .result-list.default-style .list .sub-result-list {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.result-list-wrap .result-list.default-style .list .sub-list {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
}
.result-list-wrap .result-list.default-style .list .sub-list:first-child {
  margin-top: 1rem;
}
.result-list-wrap .result-list.default-style .list .sub-list::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 1px solid var(--color-text-lighter);
  border-left: 1px solid var(--color-text-lighter);
  margin-right: 0.375rem;
  position: relative;
  top: -0.5rem;
  opacity: 0.7;
}
.result-list-wrap .result-list.default-style .list.region .title {
  text-align: center;
}
.result-list-wrap .result-list.default-style .list[class*=type]::before {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  content: "";
  height: 2.125rem;
  background-color: var(--color-inverse);
  border-radius: 0.5rem;
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.75rem;
  background-color: var(--color-bg-gray-dark);
  font-weight: 700;
  color: var(--color-inverse);
  margin-bottom: 0.5rem;
}
.result-list-wrap .result-list.default-style .list.type1::before {
  content: "장기전세";
  background-color: var(--color-bg-etc02);
}
.result-list-wrap .result-list.default-style .list.type2::before {
  content: "행복주택";
  background-color: var(--color-bg-etc01);
}
.result-list-wrap .result-list.default-style .list.type3::before {
  content: "매입임대";
  background-color: var(--color-bg-etc03);
}
.result-list-wrap .result-list.default-style .list.type4::before {
  content: "공공분양";
  background-color: var(--color-bg-etc04);
}
.result-list-wrap .result-list.default-style .list.type5::before {
  content: "전세임대";
  background-color: var(--color-bg-etc05);
}
.result-list-wrap .result-list.default-style .list.type6::before {
  content: "영구임대";
  background-color: #ff7474;
}
.result-list-wrap .result-list.default-style .list.type7::before {
  content: "국민임대";
  background-color: #4ebfe3;
}
.result-list-wrap .result-list.default-style .list.type8::before {
  content: "민간임대";
  background-color: #bd8e62;
}
.result-list-wrap .result-list.default-style .list.type9::before {
  content: "통합공공임대";
  background-color: #5b84ed;
}
.result-list-wrap .result-list.default-style .list.type10::before {
  content: "5년임대";
  background-color: #9a71f0;
}
.result-list-wrap .result-list.default-style .list.type11::before {
  content: "6년임대";
  background-color: #9a71f0;
}
.result-list-wrap .result-list.default-style .list.type12::before {
  content: "10년임대";
  background-color: #9a71f0;
}
.result-list-wrap .result-list.default-style .list.type13::before {
  content: "50년임대";
  background-color: #9a71f0;
}
.result-list-wrap .result-list.default-style .list.type14::before {
  content: "공공기숙사";
  background-color: #ee80a8;
}
.result-list-wrap .result-list.tb-style {
  font-size: var(--size-text-sm);
}
.result-list-wrap .result-list.tb-style .list {
  height: 2.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--color-border);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.result-list-wrap .result-list.tb-style .list.head {
  background-color: var(--color-bg-gray);
}
.result-list-wrap .result-list.tb-style .list.head > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  text-align: center;
}
.result-list-wrap .result-list.tb-style .list > a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.result-list-wrap .result-list.tb-style .list > a > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  text-align: center;
}
.result-list-wrap .result-empty {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.result-list-wrap .result-empty i {
  width: 2rem;
  height: 2rem;
  display: block;
  color: var(--color-icon-error);
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
.result-list-wrap .result-empty p {
  text-align: center;
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.4;
  max-width: 12rem;
  word-break: keep-all;
}

.kmap-detail-filter {
  margin-top: 1rem;
  padding-left: 1rem;
  -webkit-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.kmap-detail-filter .row {
  position: relative;
  z-index: 2;
}
.kmap-detail-filter .row button {
  font-weight: 700;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
}
.kmap-detail-filter .row button.open {
  background-color: var(--color-bg-primary);
  color: var(--color-white);
}
.kmap-detail-filter .row button.open:hover, .kmap-detail-filter .row button.open:focus, .kmap-detail-filter .row button.open:active {
  background-color: var(--color-bg-primary);
  color: var(--color-white);
}
.kmap-detail-filter .row button.open + .select-loc-wrap,
.kmap-detail-filter .row button.open + .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.kmap-detail-filter .location .select-loc-wrap {
  position: absolute;
  top: calc(100% + 0.5rem);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  display: none;
  visibility: hidden;
}
.kmap-detail-filter .location .select-loc {
  height: 2.75rem;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  font-size: var(--size-text-sm);
  padding: 0 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
}
.kmap-detail-filter .location .select-loc .cell {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kmap-detail-filter .location .select-loc .cell::after {
  content: "\e91f";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25rem;
  color: var(--color-icon-lighter);
}
.kmap-detail-filter .location .select-loc .cell:last-child::after {
  content: none;
}
.kmap-detail-filter .location .select-loc select {
  width: 2.625rem;
  padding: 0 0.375rem;
  height: 100%;
  border: none;
  text-align: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.kmap-detail-filter .location .select-loc select option[value=""][disabled] {
  display: none;
}
.kmap-detail-filter .location .btn-search-location {
  height: 2.75rem;
  padding: 0 1rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.kmap-detail-filter .facility .category-list {
  position: absolute;
  background-color: var(--color-white);
  border-radius: 1rem;
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid var(--color-border);
  width: 13.5rem;
  top: calc(100% + 0.5rem);
  display: none;
  visibility: hidden;
}
.kmap-detail-filter .facility .category-list .list {
  width: 50%;
  padding: 0.5rem 1rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.kmap-detail-filter .facility .category-list .list.active {
  background-color: var(--color-bg-primary-light);
}
.kmap-detail-filter .facility .category-list .list:nth-of-type(even) {
  border-left: 1px solid var(--color-border);
}
.kmap-detail-filter .facility .category-list .list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kmap-detail-filter .facility .category-list .list > a::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.kmap-detail-filter .facility .category-list .list.mart > a::before {
  background-image: url("../images/kmap/icon_mart.svg");
}
.kmap-detail-filter .facility .category-list .list.refuel > a::before {
  background-image: url("../images/kmap/icon_refuel.svg");
}
.kmap-detail-filter .facility .category-list .list.store > a::before {
  background-image: url("../images/kmap/icon_store.svg");
}
.kmap-detail-filter .facility .category-list .list.subway > a::before {
  background-image: url("../images/kmap/icon_subway.svg");
}
.kmap-detail-filter .facility .category-list .list.nursery > a::before {
  background-image: url("../images/kmap/icon_nursery.svg");
}
.kmap-detail-filter .facility .category-list .list.bank > a::before {
  background-image: url("../images/kmap/icon_bank.svg");
}
.kmap-detail-filter .facility .category-list .list.school > a::before {
  background-image: url("../images/kmap/icon_school.svg");
}
.kmap-detail-filter .facility .category-list .list.culture > a::before {
  background-image: url("../images/kmap/icon_culture.svg");
}
.kmap-detail-filter .facility .category-list .list.academy > a::before {
  background-image: url("../images/kmap/icon_academy.svg");
}
.kmap-detail-filter .facility .category-list .list.hospital > a::before {
  background-image: url("../images/kmap/icon_hospital.svg");
}
.kmap-detail-filter .facility .category-list .list.parking > a::before {
  background-image: url("../images/kmap/icon_parking.svg");
}
.kmap-detail-filter .facility .category-list .list.pharmacy > a::before {
  background-image: url("../images/kmap/icon_pharmacy.svg");
}

.kmap-type-list {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  z-index: 2;
}
.kmap-type-list .b-toggle {
  cursor: pointer;
}
.kmap-type-list .btn-open-list {
  display: none;
  visibility: hidden;
}
.kmap-type-list .btn-roadview {
  height: 2.5rem;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.5rem;
  border: 1px solid var(--color-border-darkest);
  font-size: var(--size-text-sm);
  padding-left: 0.875rem;
  padding-right: 1rem;
  font-weight: 500;
}
.kmap-type-list .btn-roadview::after {
  content: "로드뷰";
}
.kmap-type-list .btn-roadview i {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.kmap-type-list .btn-roadview.active {
  background-color: var(--color-bg-secondary-light02);
  color: var(--color-white);
  border-color: var(--color-bg-secondary-light01);
}
.kmap-type-list .type-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-size: var(--size-text-sm);
  font-weight: 500;
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
  border-radius: 0.5rem;
}
.kmap-type-list .type-list .list {
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1rem;
  background-color: var(--color-white);
}
.kmap-type-list .type-list .list.type-default {
  border-radius: 0.5rem 0 0 0.5rem;
}
.kmap-type-list .type-list .list.type-skyview {
  border-radius: 0 0.5rem 0.5rem 0;
}
.kmap-type-list .type-list .list.active {
  background-color: var(--color-bg-secondary-light02);
  color: var(--color-white);
  font-weight: 700;
}

.kmap-zoom-control {
  position: absolute;
  right: 1rem;
  top: 10rem;
  z-index: 2;
}
.kmap-zoom-control .zoom-control-button {
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
  border-radius: 0.5rem;
}
.kmap-zoom-control .zoom-control-button .btn-control {
  width: 100%;
  cursor: pointer;
  background-color: var(--color-white);
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25rem;
  border: 1px solid var(--color-border);
}
.kmap-zoom-control .zoom-control-button .btn-control.zoomin {
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
}
.kmap-zoom-control .zoom-control-button .btn-control.zoomout {
  border-radius: 0 0 0.5rem 0.5rem;
}
.kmap-zoom-control .zoom-control-button .btn-control:active {
  background-color: var(--color-bg-secondary-light02);
  color: var(--color-white);
  border-color: var(--color-bg-secondary-light02);
}

.kmap-func-menubar {
  position: absolute;
  top: 15.5rem;
  right: 1rem;
  background-color: var(--color-white);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
  z-index: 2;
}
.kmap-func-menubar .b-list {
  width: 2.375rem;
  height: 2.5rem;
}
.kmap-func-menubar .b-list.active {
  color: var(--color-icon-secondary-light);
}
.kmap-func-menubar .b-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.kmap-func-menubar .b-list a i {
  font-size: 1.25rem;
}

.kmap-legend-group {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 2;
}
.kmap-legend-group .btn-toggle-legend {
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--color-white);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border);
  font-size: 0.6875rem;
  font-weight: 500;
  -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
          box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
  cursor: pointer;
}
.kmap-legend-group .btn-toggle-legend i {
  font-size: 1rem;
  color: var(--color-icon-secondary-light);
  margin-bottom: 0.0625rem;
}
.kmap-legend-group .btn-toggle-legend.open {
  background-color: var(--color-icon-secondary-light);
  color: var(--color-white);
}
.kmap-legend-group .btn-toggle-legend.open i {
  color: var(--color-white);
}
.kmap-legend-group .btn-toggle-legend.open ~ .legend-tab {
  display: block;
  visibility: visible;
}
.kmap-legend-group .legend-tab {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(calc(0px - 100% - 1rem));
          transform: translateX(calc(0px - 100% - 1rem));
  background-color: var(--color-white);
  width: 16.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
  display: none;
  visibility: hidden;
}
.kmap-legend-group .legend-tab .tabs {
  padding-top: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #dedfdf;
}
.kmap-legend-group .legend-tab .tabs .tab {
  height: 2.625rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.625rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lightest);
  cursor: pointer;
}
.kmap-legend-group .legend-tab .tabs .tab.active {
  color: var(--color-text);
}
.kmap-legend-group .legend-tab .tabs .tab.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: 0;
  background-color: var(--color-text);
}
.kmap-legend-group .legend-tab .tab-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  row-gap: 0.5rem;
  font-size: var(--size-text-sm);
  font-weight: 500;
  display: none;
  visibility: hidden;
}
.kmap-legend-group .legend-tab .tab-body.visibled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
}
.kmap-legend-group .legend-tab .tab-body li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.kmap-legend-group .legend-tab .tab-body li img {
  width: 1.8125rem;
  margin-right: 0.5rem;
}

.second-g-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.second-g-tab .tab {
  width: calc(16.666% - 0.41666rem);
  height: 2.875rem;
  font-size: var(--size-text-md);
  font-weight: 500;
  background-color: var(--color-bg-gray-dark);
  border-radius: 0.5rem;
  color: var(--color-text-lightest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.second-g-tab .tab.active {
  background-color: var(--color-icon-secondary-light);
  font-weight: 700;
  color: var(--color-inverse);
}

.modal[class*=kmap-] {
  letter-spacing: -0.03em;
}
.modal[class*=kmap-] .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1rem;
}
.modal[class*=kmap-] .btn-wrap .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.modal[class*=kmap-] .second-title {
  font-size: var(--size-text-xl);
  font-weight: 800;
  color: var(--color-text-secondary-lighter);
  margin-bottom: 1.5rem;
}
.modal[class*=kmap-] .tab-body section {
  margin-bottom: 1.5rem;
}
.modal[class*=kmap-] .tab-body section:last-child {
  margin-bottom: 0;
}
.modal[class*=kmap-] .tab-body section .table .list-wrap {
  padding-left: 0.5rem;
}
.modal[class*=kmap-] .tab-body section .table .text-gray {
  margin-bottom: 0;
}
.modal[class*=kmap-] .tab-body section .item-formbox {
  padding: 1rem;
  margin-top: 1rem;
}
.modal[class*=kmap-] .tab-body section .item-formbox:first-of-type {
  margin-top: 0;
}
.modal[class*=kmap-] .tab-body section .item-formbox .item-head {
  margin-bottom: 1rem;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.modal[class*=kmap-] .tab-body section .item-formbox span.sub-desc {
  display: inline-block;
  margin-left: 0.25rem;
  top: -0.125rem;
}
.modal[class*=kmap-] .tab-body section .item-formbox span.sub-desc::before {
  content: none;
}
.modal[class*=kmap-] .tab-body section .item-formbox .form-name {
  font-size: var(--size-text-lg);
}
.modal[class*=kmap-] .tab-body section .item-formbox .form-desc {
  font-size: var(--size-text-sm);
}
.modal[class*=kmap-] .tab-body section .item-formbox .form-desc.bold {
  font-size: var(--size-text-lg);
}
.modal[class*=kmap-] .sec-area .p-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: var(--size-text-lg);
  font-weight: 800;
  margin-bottom: 0.5rem;
}
.modal[class*=kmap-] .sec-area .p-title::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("../images/common/bul_secondary.svg") center/100% no-repeat;
  margin-right: 0.5rem;
}
.modal[class*=kmap-] .sec-area .p-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-bottom: 0.5rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal[class*=kmap-] .sec-area .p-desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.25rem;
}
.modal[class*=kmap-] .label-list {
  font-size: var(--size-text-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.modal[class*=kmap-] .label-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal[class*=kmap-] .label-list dl dt {
  font-size: var(--size-text-xs);
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
}
.modal[class*=kmap-] .label-list dl dt::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.75rem;
  background-color: var(--color-border);
  margin-left: 1rem;
}

.kmap-mo-filter .modal__header {
  height: 3.5rem;
  padding: 0 1rem;
  margin: 0;
  border-bottom: 1px solid var(--color-border);
}
.kmap-mo-filter .mo-filter-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.5rem;
}
.kmap-mo-filter .mo-filter-form .input-wrap .label {
  font-weight: 700;
}
.kmap-mo-filter .modal__footer .modal__btn {
  letter-spacing: -0.03em;
}
.kmap-mo-filter .modal__footer .modal__btn.btn-load {
  min-width: 10.4375rem;
}
.kmap-mo-filter .modal__footer .modal__btn i {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}

.kmap-list-info .modal__header {
  border-bottom: none;
}
.kmap-list-info .modal__content {
  padding-top: 0 !important;
}
.kmap-list-info .third-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  margin-top: 1rem;
}
.kmap-list-info .third-info .text {
  font-size: var(--size-text-xs);
  color: var(--color-text-lighter);
  line-height: 1.4;
}
.kmap-list-info .third-info .text p {
  margin-bottom: 0.25rem;
  position: relative;
  padding-left: 0.75rem;
}
.kmap-list-info .third-info .text p:last-child {
  margin-bottom: 0;
}
.kmap-list-info .third-info .text p::before {
  content: "*";
  display: inline-block;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.25rem;
  position: absolute;
  top: 0.0625rem;
  left: 0;
}

.kmap-list-detail .label-list dl {
  margin-right: 3rem;
}
.kmap-list-detail .label-list dl:nth-of-type(1) {
  width: 100%;
}
.kmap-list-detail .label-list dl:nth-of-type(5) {
  width: 100%;
}
.kmap-list-detail .tab-content {
  display: none;
  visibility: hidden;
}
.kmap-list-detail .tab-content.visibled {
  display: block;
  visibility: visible;
}
.kmap-list-detail .tab-content:first-of-type .sec-area:nth-of-type(3) .table .list-wrap .list {
  list-style-image: none;
}

.kmap-facility .modal__header {
  border-bottom: none;
}
.kmap-facility .modal__content {
  padding-top: 0 !important;
}

.kmap-roadview .modal__content {
  padding-top: 0 !important;
}
.kmap-roadview .modal__container {
  max-width: 42.5rem;
}
.kmap-roadview .roadview {
  width: 100%;
  height: 100%;
  min-height: 24.375rem;
}

.kmap-cluster-custom {
  width: 4.75rem;
  height: 4.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(52, 141, 246, 0.8);
  border: 1px solid #1a4196;
  border-radius: 50%;
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  font-weight: 500;
  cursor: pointer;
}
.kmap-cluster-custom .label {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.2;
  word-break: keep-all;
}
.kmap-cluster-custom .value {
  font-size: 1.25rem;
  font-weight: 700;
}
.kmap-cluster-custom.metro {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2rem;
  border-radius: 1rem;
  padding: 0 0.875rem;
}
.kmap-cluster-custom.metro .label {
  font-size: 0.875rem;
  font-weight: 700;
}
.kmap-cluster-custom:hover {
  background-color: rgb(52, 141, 246);
}

.kmap-cluster-tooltip {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  padding: 1rem;
  -webkit-box-shadow: 0 8px 23px 7px rgba(124, 124, 7, 0.17);
          box-shadow: 0 8px 23px 7px rgba(124, 124, 7, 0.17);
  min-width: 15.5rem;
}
.kmap-cluster-tooltip::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 14px 14px 0 0;
  border-color: var(--color-border) transparent;
  display: block;
  bottom: -2px;
  right: 50%;
  -webkit-transform: rotate(225deg) translateX(-50%);
          transform: rotate(225deg) translateX(-50%);
}
.kmap-cluster-tooltip::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 14px 14px 0 0;
  border-color: #ffffff transparent;
  display: block;
  bottom: 0;
  right: 50%;
  -webkit-transform: rotate(225deg) translateX(-50%);
          transform: rotate(225deg) translateX(-50%);
}
.kmap-cluster-tooltip .tooltip-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.kmap-cluster-tooltip .tooltip-header i {
  font-size: 1.125rem;
  color: var(--color-icon);
}
.kmap-cluster-tooltip .tooltip-header .title {
  font-size: var(--size-text-md);
  font-weight: 700;
}
.kmap-cluster-tooltip .tooltip-header .title .data {
  color: var(--color-text-secondary-lighter);
}
.kmap-cluster-tooltip .tooltip-header .btn-close {
  margin-left: auto;
}
.kmap-cluster-tooltip .tooltip-body .type {
  font-size: var(--size-text-sm);
  font-weight: 400;
  display: block;
  margin-bottom: 0.75rem;
}
.kmap-cluster-tooltip .tooltip-body .result-data {
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-darkest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.kmap-cluster-tooltip .tooltip-body .result-list {
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.kmap-cluster-tooltip .tooltip-body .result-list .list-type::after {
  content: "";
  display: inline-block;
  height: 0.6875rem;
  border-right: 1px solid var(--color-border);
  padding-right: 0.5rem;
  margin-right: 0.25rem;
}
.kmap-cluster-tooltip .tooltip-body .result-list .data {
  font-weight: 400;
  color: var(--color-text-secondary-lighter);
  text-decoration: underline;
}
.kmap-cluster-tooltip .tooltip-body .tb-result-list {
  border-top: 2px solid var(--color-border-darkest);
}
.kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.375rem;
  border-bottom: 1px solid var(--color-border);
}
.kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0.75rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
}
.kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item .date {
  background-color: var(--color-bg-gray);
  max-width: 5.1875rem;
  font-weight: 500;
}
.kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item .type {
  margin-bottom: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kmap-cluster-tooltip.detail2 .tooltip-body .tb-result-list {
  width: 100%;
}
.kmap-cluster-tooltip.detail2 .tooltip-body .tb-result-list tbody tr td {
  display: table-cell;
  font-size: var(--size-text-sm);
  font-weight: 400;
  margin-bottom: 0;
  height: 2.375rem;
  text-align: center;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--color-border);
}
.kmap-cluster-tooltip.detail2 .tooltip-body .tb-result-list tbody tr .supply-type {
  color: var(--color-text-secondary-lighter);
}
.kmap-cluster-tooltip.detail2 .tooltip-body .tb-result-list tbody tr .location {
  text-align: left;
}

.supply-info-swiper .detail-list-swiper {
  overflow: hidden;
  width: 100%;
}
.supply-info-swiper .detail-list-swiper .swiper-slide {
  background-color: var(--color-bg-gray);
  border-radius: 2rem;
  padding: 2.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:first-child {
  gap: 0.5rem;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item {
  border-right: 1px solid var(--color-bg-gray-darker);
  padding-right: 2rem;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item:first-child {
  -webkit-box-flex: 0.5;
      -ms-flex: 0.5;
          flex: 0.5;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item:last-child {
  border-right: none;
  padding-right: 0;
  padding-left: 2rem;
  -webkit-box-flex: 0.9;
      -ms-flex: 0.9;
          flex: 0.9;
}
.supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item .info-item {
  width: 100%;
}
.supply-info-swiper .detail-list-swiper .cont-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 2rem;
  line-height: 1.2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.supply-info-swiper .detail-list-swiper .cont-item:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.supply-info-swiper .detail-list-swiper .cont-item .supply-type {
  font-size: var(--size-text-xl);
  font-weight: 800;
  color: var(--color-text-secondary);
}
.supply-info-swiper .detail-list-swiper .cont-item .info-name {
  display: block;
  font-size: var(--size-text-xs);
  font-weight: 500;
  color: var(--color-text-light);
  margin-bottom: 0.25rem;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--size-text-md);
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 0.375rem;
  gap: 0.25rem;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl.total dd {
  color: var(--color-text-secondary);
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl dt {
  font-size: var(--size-text-xs);
  font-weight: 500;
  color: var(--color-text-lighter);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 3.25rem;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl dd {
  text-align: end;
  word-break: break-all;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl.value-depth {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.125rem;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl.value-depth dl {
  margin-bottom: 0;
  padding-left: 0.75rem;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl.value-depth dt {
  font-size: var(--size-text-xs);
  text-align: left;
}
.supply-info-swiper .detail-list-swiper .cont-item .info-value dl.value-depth dd {
  width: 100%;
}
.supply-info-swiper .swiper-bottom-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.supply-info-swiper .swiper-button-next,
.supply-info-swiper .swiper-button-prev {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  top: initial;
  right: initial;
  left: initial;
  z-index: 11;
  margin-top: 1rem;
}
.supply-info-swiper .swiper-button-next::after,
.supply-info-swiper .swiper-button-prev::after {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-icon-lighter);
}
.supply-info-swiper .swiper-pagination {
  position: relative;
  top: initial;
  bottom: initial;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lightest);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
}
.supply-info-swiper .swiper-pagination-current {
  font-weight: 700;
  color: var(--color-text-secondary);
}

.kmap-realtime-trading-search {
  padding: 1rem;
  border-radius: 1rem;
  background-color: var(--color-bg-secondary-lightest02);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.kmap-realtime-trading-search .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.kmap-realtime-trading-search .input-wrap .label {
  margin-bottom: 0;
  margin-right: 0.5rem;
  font-size: var(--size-text-sm);
  font-weight: 700;
  width: auto;
}
.kmap-realtime-trading-search .input-wrap select,
.kmap-realtime-trading-search .input-wrap input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kmap-realtime-trading-search .input-wrap[class*=dpicker] input {
  max-width: 10rem;
}

.empty-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.empty-list-wrap i {
  font-size: 2rem;
  color: var(--color-icon-error);
  margin-bottom: 0.5rem;
}
.empty-list-wrap p {
  font-size: var(--size-text-lg);
}

.tb-accord {
  font-size: var(--size-text-sm);
  font-weight: 400;
}
.tb-accord .tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3.25rem;
  word-break: break-all;
  border-bottom: 1px solid var(--color-border);
}
.tb-accord .tr > li {
  width: 33.3333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0.75rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tb-accord .tr > li:first-child {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 500;
}
.tb-accord .tr[class*=-head] {
  cursor: pointer;
}
.tb-accord .tr[class*=-head] > li:first-child {
  position: relative;
}
.tb-accord .tr[class*=-head] > li:first-child::before {
  content: "\e92a";
  font-family: "iconFont" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-icon-lighter);
  position: absolute;
  top: 0.6875rem;
}
.tb-accord .tr[class*=-head].open > li:first-child::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.tb-accord .tr[class*=-head].open + ul[class*=-body] {
  display: inherit;
  visibility: visible;
}
.tb-accord ul[class*=-body] {
  display: none;
  visibility: hidden;
}
.tb-accord .thead {
  background-color: var(--color-bg-gray);
  border-top: 2px solid var(--color-border-darkest);
  font-weight: 500;
}
.tb-accord .thead li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tb-accord .tbody .d1 > .tr > li:first-child {
  padding-left: 1rem;
}
.tb-accord .tbody .d1 > .tr[class*=-head] > li:first-child::before {
  left: 0;
}
.tb-accord .tbody .d2 > .tr > li:first-child {
  padding-left: 1.75rem;
}
.tb-accord .tbody .d2 > .tr[class*=-head] > li:first-child::before {
  left: 0.75rem;
}
.tb-accord .tbody .d3 > .tr > li:first-child {
  padding-left: 2.5rem;
}
.tb-accord .tbody .d3 > .tr[class*=-head] > li:first-child::before {
  left: 1.5rem;
}
.tb-accord .tbody .d4 > .tr > li:first-child {
  padding-left: 3.25rem;
}
.tb-accord .tbody .d4 > .tr[class*=-head] > li:first-child::before {
  left: 2.25rem;
}

@media (max-width: 1199.98px) {
  :root {
    --kmap-top-height: 6.25rem;
    --kmap-filter-height: 0rem;
  }
  .body-wrapper.kmap-wrapper {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .kmap-header .top-bar {
    height: 3.5rem;
    padding: 0 1rem;
  }
  .kmap-header .top-bar .logo-row {
    height: 100%;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  .kmap-header .top-bar .logo-row img {
    height: 1.5rem;
  }
  .kmap-header .top-bar .logo-row .title {
    font-size: var(--size-text-xl);
    margin-top: 0;
  }
  .kmap-header .top-bar .logo-row .btn-kmap-close {
    display: block;
    visibility: visible;
  }
  .kmap-header .top-bar .logo-row .btn-mo-filter {
    display: block;
    visibility: visible;
  }
  .kmap-header .top-bar .tab-row {
    display: none;
    visibility: hidden;
  }
  .kmap-header .top-bar .tab-mo-row .mo-snbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    margin-bottom: 0;
  }
  .kmap-header .filter-bar {
    display: none;
    visibility: hidden;
  }
  .kmap-overay {
    overflow: hidden;
  }
  .result-list-wrap {
    width: 100%;
    position: absolute;
    height: 80%;
    left: 0;
    bottom: calc(0px - 80% + 8.5rem);
    -webkit-transition: bottom 0.15s ease-in-out;
    transition: bottom 0.15s ease-in-out;
  }
  .result-list-wrap.open {
    bottom: 0;
  }
  .result-list-wrap.open .result-list {
    overflow-y: auto;
  }
  .result-list-wrap.open + .kmap-detail-filter {
    margin-left: 0;
  }
  .result-list-wrap .btn-fold-toggle {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7.5rem;
    height: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .result-list-wrap .btn-fold-toggle::before {
    content: "";
    display: block;
    width: 2rem;
    height: 0.25rem;
    background-color: var(--color-border);
    border-radius: 0.1875rem;
  }
  .result-list-wrap .list-title {
    padding-top: 1.875rem;
  }
  .result-list-wrap .result-list {
    overflow-y: hidden;
  }
  .result-list-wrap .result-list.default-style .list[class*=type]::before {
    height: 1.75rem;
    font-size: var(--size-text-sm);
  }
  .result-list-wrap .result-list.default-style .list .info {
    font-size: var(--size-text-xs);
  }
  .result-list-wrap .result-empty {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 1rem;
  }
  .result-list-wrap .result-empty i {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
  .result-list-wrap .result-empty p {
    max-width: 100%;
    font-size: var(--size-text-sm);
    text-align: left;
  }
  .kmap-detail-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 0;
  }
  .kmap-detail-filter .row button {
    display: none;
    visibility: hidden;
  }
  .kmap-detail-filter .row .btn-search-location {
    display: inline-block;
    visibility: visible;
    height: 2.625rem;
  }
  .kmap-detail-filter .location {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .kmap-detail-filter .location .select-loc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .kmap-detail-filter .facility {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .kmap-detail-filter .facility::-webkit-scrollbar {
    display: none;
  }
  .kmap-detail-filter .facility .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    visibility: visible;
    position: relative;
    border: none;
    background-color: transparent;
    padding: 0;
    top: initial;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  .kmap-detail-filter .facility .category-list::after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 0.5rem;
    height: 1px;
    visibility: hidden;
  }
  .kmap-detail-filter .facility .category-list .list {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 2.25rem;
    padding: 0;
    background-color: var(--color-white);
    border-radius: 1.125rem;
    overflow: hidden;
    -webkit-box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  }
  .kmap-detail-filter .facility .category-list .list > a {
    height: 100%;
    padding: 0 0.875rem;
    background-color: transparent;
  }
  .kmap-detail-filter .facility .category-list .list:nth-of-type(even) {
    border-left: none;
  }
  .kmap-type-list {
    right: auto;
    left: 1rem;
    top: 15.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .kmap-type-list .b-toggle {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-border-secondary-light);
    border-radius: 0.5rem;
    font-size: 0;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
  .kmap-type-list .b-toggle > i {
    color: var(--color-icon-secondary-light);
    font-size: 1.5rem;
    margin: 0;
  }
  .kmap-type-list .b-toggle.active {
    border-color: var(--color-icon-secondary-light);
  }
  .kmap-type-list .btn-open-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .kmap-type-list .btn-open-list.open {
    background-color: var(--color-icon-secondary-light);
  }
  .kmap-type-list .btn-open-list.open i {
    color: var(--color-white);
  }
  .kmap-type-list .btn-open-list.open + .type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .kmap-type-list .btn-roadview {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .kmap-type-list .btn-roadview::after {
    content: none;
  }
  .kmap-type-list .btn-roadview.active i {
    color: var(--color-white);
  }
  .kmap-type-list .type-list {
    position: absolute;
    top: 0;
    left: 3rem;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 7.5rem;
    background-color: var(--color-white);
    border-radius: 0.5rem;
    padding: 0.5rem;
    display: none;
    visibility: hidden;
  }
  .kmap-type-list .type-list .list {
    width: 100%;
    background-color: transparent;
    height: 2.25rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: var(--size-text-sm);
  }
  .kmap-type-list .type-list .list.type-default {
    border-radius: 0.5rem;
  }
  .kmap-type-list .type-list .list.type-skyview {
    border-radius: 0.5rem;
  }
  .kmap-type-list .type-list .list.active {
    background-color: #f5faff;
    color: var(--color-text);
  }
  .kmap-zoom-control {
    right: auto;
    left: 1rem;
  }
  .kmap-func-menubar {
    display: none;
    visibility: hidden;
  }
  .kmap-legend-group {
    bottom: 9.75rem;
  }
  .modal[class*=kmap-].modal-lg .modal__container {
    max-width: var(--modal-lg);
  }
  .modal[class*=kmap-] .second-title {
    font-size: var(--size-text-lg);
    margin-bottom: 1rem;
  }
  .map-iframe .kmap-detail-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .map-iframe .kmap-detail-filter .row button {
    display: initial;
    visibility: visible;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .map-iframe .kmap-detail-filter .location {
    margin-left: 0;
  }
  .map-iframe .kmap-detail-filter .location .select-loc-wrap {
    position: absolute;
    display: none;
    visibility: hidden;
  }
  .map-iframe .kmap-detail-filter .location .select-loc .cell {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .map-iframe .kmap-detail-filter .location .select-loc .cell::after {
    content: "\e91f";
    font-family: "iconFont" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: var(--color-icon-lighter);
  }
  .map-iframe .kmap-detail-filter .location .select-loc .cell:last-child::after {
    content: none;
  }
  .map-iframe .kmap-detail-filter .location .select-loc select {
    width: 2.625rem;
    padding: 0 0.375rem;
    height: 100%;
    border: none;
    text-align: center;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .map-iframe .kmap-detail-filter .location .select-loc select option[value=""][disabled] {
    display: none;
  }
  .map-iframe .kmap-detail-filter .facility {
    padding: 0;
    width: auto;
    overflow: visible;
  }
  .map-iframe .kmap-detail-filter .facility .category-list {
    position: absolute;
    background-color: var(--color-white);
    border-radius: 1rem;
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid var(--color-border);
    width: 13.5rem;
    top: calc(100% + 0.5rem);
    gap: 0;
    display: none;
    visibility: hidden;
  }
  .map-iframe .kmap-detail-filter .facility .category-list::after {
    content: none;
  }
  .map-iframe .kmap-detail-filter .facility .category-list .list {
    width: 50%;
    padding: 0.5rem 1rem;
    height: auto;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
    font-size: var(--size-text-sm);
    font-weight: 500;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .map-iframe .kmap-detail-filter .facility .category-list .list.active {
    background-color: var(--color-bg-primary-light);
  }
  .map-iframe .kmap-detail-filter .facility .category-list .list:nth-of-type(even) {
    border-left: 1px solid var(--color-border);
  }
  .map-iframe .kmap-detail-filter .facility .category-list .list > a {
    padding: 0;
    height: auto;
  }
  .map-iframe .kmap-type-list {
    top: 1rem;
    right: 1rem;
    left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .map-iframe .kmap-type-list .b-toggle {
    cursor: pointer;
    width: auto;
    height: auto;
    font-size: 1rem;
    border: none;
  }
  .map-iframe .kmap-type-list .b-toggle > i {
    color: inherit;
  }
  .map-iframe .kmap-type-list .btn-open-list {
    display: none;
    visibility: hidden;
  }
  .map-iframe .kmap-type-list .btn-roadview {
    height: 2.5rem;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-darkest);
    font-size: var(--size-text-sm);
    padding-left: 0.875rem;
    padding-right: 1rem;
    font-weight: 500;
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
  .map-iframe .kmap-type-list .btn-roadview::after {
    content: "로드뷰";
  }
  .map-iframe .kmap-type-list .btn-roadview i {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .map-iframe .kmap-type-list .btn-roadview.active {
    background-color: var(--color-bg-secondary-light02);
    color: var(--color-white);
    border-color: var(--color-bg-secondary-light01);
  }
  .map-iframe .kmap-type-list .type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    font-size: var(--size-text-sm);
    font-weight: 500;
    -webkit-box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
            box-shadow: 0 0.5rem 1.4375rem 0.4375rem rgba(124, 124, 124, 0.17);
    border-radius: 0.5rem;
    visibility: visible;
    position: static;
    top: auto;
    left: auto;
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
  .map-iframe .kmap-type-list .type-list .list {
    cursor: pointer;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1rem;
    background-color: var(--color-white);
    border-radius: 0;
    word-break: keep-all;
  }
  .map-iframe .kmap-type-list .type-list .list.type-default {
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .map-iframe .kmap-type-list .type-list .list.type-skyview {
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .map-iframe .kmap-type-list .type-list .list.active {
    background-color: var(--color-bg-secondary-light02);
    color: var(--color-white);
    font-weight: 700;
  }
  .map-iframe .kmap-zoom-control {
    right: 1rem;
    left: auto;
  }
  .map-iframe .kmap-func-menubar {
    display: block;
    visibility: visible;
  }
}
@media (max-width: 767.98px) {
  .modal[class*=kmap-] .modal__overlay {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal[class*=kmap-] .sec-area .p-desc {
    font-size: var(--size-text-xs);
  }
  .modal[class*=kmap-] .tab-body section .item-formbox .form-name {
    font-size: var(--size-text-md);
  }
  .modal[class*=kmap-] .tab-body section .item-formbox .form-desc {
    font-size: var(--size-text-sm);
  }
  .modal[class*=kmap-] .tab-body section .item-formbox .form-desc.bold {
    font-size: var(--size-text-md);
  }
  .kmap-roadview .modal__overlay {
    padding: 0;
  }
  .kmap-roadview .modal__container {
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .second-g-tab {
    gap: 0.25rem;
    margin-bottom: 1rem;
  }
  .second-g-tab .tab {
    height: 2.25rem;
    font-size: var(--size-text-sm);
    width: calc(33.3333% - 0.25rem);
  }
  .kmap-cluster-tooltip {
    padding: 0.75rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .kmap-cluster-tooltip .tooltip-header {
    margin-bottom: 0.5rem;
  }
  .kmap-cluster-tooltip .tooltip-header .title {
    font-size: var(--size-text-sm);
  }
  .kmap-cluster-tooltip .tooltip-body .type {
    font-size: var(--size-text-xs);
  }
  .kmap-cluster-tooltip .tooltip-body .result-data {
    padding-top: 0.5rem;
  }
  .kmap-cluster-tooltip .tooltip-body .result-data .result-list {
    font-size: var(--size-text-xs);
  }
  .kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item {
    height: 1.875rem;
  }
  .kmap-cluster-tooltip .tooltip-body .tb-result-list .list-item span {
    font-size: var(--size-text-xs);
  }
  .kmap-cluster-tooltip.detail2 .tooltip-body .tb-result-list tbody tr td {
    font-size: var(--size-text-xs);
    height: 1.875rem;
  }
  .supply-info-swiper .detail-list-swiper .swiper-slide {
    padding: 1.75rem 1.25rem;
    gap: 1.5rem;
    letter-spacing: -0.03em;
  }
  .supply-info-swiper .detail-list-swiper .slide-cont-item:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item:first-child {
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-right: none;
    border-bottom: 1px solid var(--color-bg-gray-darker);
  }
  .supply-info-swiper .detail-list-swiper .slide-cont-item:last-child .cont-item:last-child {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .supply-info-swiper .detail-list-swiper .cont-item {
    gap: 2rem;
  }
  .supply-info-swiper .detail-list-swiper .cont-item .supply-type {
    font-size: var(--size-text-xl);
  }
  .supply-info-swiper .detail-list-swiper .cont-item .info-value dl dt {
    min-width: 2.5rem;
  }
  .supply-info-swiper .detail-list-swiper .cont-item .info-value dl.value-depth dl {
    padding-left: 0.5rem;
  }
  .kmap-realtime-trading-search {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .kmap-realtime-trading-search .input-wrap {
    width: 100%;
  }
  .kmap-realtime-trading-search .input-wrap .label {
    width: 5rem;
  }
  .kmap-realtime-trading-search .input-wrap select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .kmap-realtime-trading-search button {
    width: 100%;
  }
  .map-ifame .result-list-wrap {
    width: 100%;
    position: absolute;
    height: 80%;
    left: 0;
    bottom: calc(0px - 80% + 8.5rem);
    -webkit-transition: bottom 0.15s ease-in-out;
    transition: bottom 0.15s ease-in-out;
  }
  .map-ifame .result-list-wrap.open {
    bottom: 0;
  }
  .map-ifame .result-list-wrap.open .result-list {
    overflow-y: auto;
  }
  .map-ifame .result-list-wrap.open + .kmap-detail-filter {
    margin-left: 0;
  }
  .map-ifame .result-list-wrap .btn-fold-toggle {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7.5rem;
    height: 2rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .map-ifame .result-list-wrap .btn-fold-toggle::before {
    content: "";
    display: block;
    width: 2rem;
    height: 0.25rem;
    background-color: var(--color-border);
    border-radius: 0.1875rem;
  }
  .map-ifame .result-list-wrap .list-title {
    padding-top: 1.875rem;
  }
  .map-ifame .result-list-wrap .result-list {
    overflow-y: hidden;
  }
  .map-ifame .result-list-wrap .result-list.default-style .list[class*=type]::before {
    height: 1.75rem;
    font-size: var(--size-text-sm);
  }
  .map-ifame .result-list-wrap .result-list.default-style .list .info {
    font-size: var(--size-text-xs);
  }
  .map-ifame .result-list-wrap .result-empty {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 1rem;
  }
  .map-ifame .result-list-wrap .result-empty i {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
  .map-ifame .result-list-wrap .result-empty p {
    max-width: 100%;
    font-size: var(--size-text-sm);
    text-align: left;
  }
  .map-ifame .kmap-detail-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    padding: 0;
  }
  .map-ifame .kmap-detail-filter .row button {
    display: none;
    visibility: hidden;
  }
  .map-ifame .kmap-detail-filter .location {
    margin-left: 1rem;
  }
  .map-ifame .kmap-detail-filter .location .select-loc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .map-ifame .kmap-detail-filter .facility {
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    overflow-x: scroll;
    white-space: nowrap;
    overflow-y: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .map-ifame .kmap-detail-filter .facility::-webkit-scrollbar {
    display: none;
  }
  .map-ifame .kmap-detail-filter .facility .category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    visibility: visible;
    position: relative;
    border: none;
    background-color: transparent;
    padding: 0;
    top: initial;
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
  .map-ifame .kmap-detail-filter .facility .category-list::after {
    content: "";
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 0.5rem;
    height: 1px;
    visibility: hidden;
  }
  .map-ifame .kmap-detail-filter .facility .category-list .list {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    height: 2.25rem;
    padding: 0;
    background-color: var(--color-white);
    border-radius: 1.125rem;
    overflow: hidden;
    -webkit-box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.15);
  }
  .map-ifame .kmap-detail-filter .facility .category-list .list > a {
    height: 100%;
    padding: 0 0.875rem;
    background-color: transparent;
  }
  .map-ifame .kmap-detail-filter .facility .category-list .list:nth-of-type(even) {
    border-left: none;
  }
  .map-ifame .kmap-type-list {
    right: auto;
    left: 1rem;
    top: 12.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .map-ifame .kmap-type-list .b-toggle {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-border-secondary-light);
    border-radius: 0.5rem;
    font-size: 0;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
  .map-ifame .kmap-type-list .b-toggle > i {
    color: var(--color-icon-secondary-light);
    font-size: 1.5rem;
    margin: 0;
  }
  .map-ifame .kmap-type-list .b-toggle.active {
    border-color: var(--color-icon-secondary-light);
  }
  .map-ifame .kmap-type-list .btn-open-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .map-ifame .kmap-type-list .btn-open-list.open {
    background-color: var(--color-icon-secondary-light);
  }
  .map-ifame .kmap-type-list .btn-open-list.open i {
    color: var(--color-white);
  }
  .map-ifame .kmap-type-list .btn-open-list.open + .type-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
  }
  .map-ifame .kmap-type-list .btn-roadview {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .map-ifame .kmap-type-list .btn-roadview::after {
    content: none;
  }
  .map-ifame .kmap-type-list .btn-roadview.active i {
    color: var(--color-white);
  }
  .map-ifame .kmap-type-list .type-list {
    position: absolute;
    top: 0;
    left: 3rem;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 7.5rem;
    background-color: var(--color-white);
    border-radius: 0.5rem;
    padding: 0.5rem;
    display: none;
    visibility: hidden;
  }
  .map-ifame .kmap-type-list .type-list .list {
    width: 100%;
    background-color: transparent;
    height: 2.25rem;
    border-radius: 0.5rem !important;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: var(--size-text-sm);
  }
  .map-ifame .kmap-type-list .type-list .list.active {
    background-color: #f5faff;
    color: var(--color-text);
  }
  .map-ifame .kmap-zoom-control {
    right: auto;
    left: 1rem;
  }
  .map-ifame .kmap-func-menubar {
    display: none;
    visibility: hidden;
  }
  .map-ifame .kmap-legend-group {
    bottom: 9.75rem;
  }
}
@media (max-width: 575.98px) {
  .kmap-detail-filter .location .select-loc {
    padding: 0 0.25rem;
  }
  .kmap-detail-filter .location .select-loc .cell::after {
    width: 0.7rem;
    height: 1rem;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/*자가진단*/
.self-diagnosis .contents-container {
  overflow: visible !important;
}
.self-diagnosis .sec-steps .head-step {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--size-text-h4);
  font-weight: 800;
  color: var(--color-inverse);
  padding: 1rem 1.5rem;
  border-radius: 5rem;
  background-color: var(--color-bg-secondary);
  margin: 0 auto 2.5rem;
}
.self-diagnosis .sec-steps .question-set-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3.5rem;
}
.self-diagnosis .sec-steps .bottom-toolbar {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.self-diagnosis .sec-steps .question-set > div {
  margin-top: 1rem;
}
.self-diagnosis .sec-steps .question-set > div:first-of-type {
  margin-top: 0;
}
.self-diagnosis .sec-steps .question-set .question-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: var(--size-text-h3);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
  gap: 0.125rem 0.25rem;
  position: relative;
  padding-left: 3.5rem;
}
.self-diagnosis .sec-steps .question-set .question-area .q-num {
  line-height: 1.3;
  font-weight: 800;
  position: absolute;
  left: 0;
  top: 0;
}
.self-diagnosis .sec-steps .question-set .question-area .desc {
  font-size: var(--size-text-xl);
}
.self-diagnosis .sec-steps .question-set .question-area .underline {
  position: relative;
}
.self-diagnosis .sec-steps .question-set .question-area .underline::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 0.625rem;
  background-color: rgba(133, 171, 255, 0.3);
  border-radius: 1.875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.self-diagnosis .sec-steps .question-set .option-singular-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .option-singular-list .label {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-bg-secondary);
}
.self-diagnosis .sec-steps .question-set .option-multiple-list {
  width: 100%;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.self-diagnosis .sec-steps .question-set .option-multiple-list .list {
  height: 100%;
}
.self-diagnosis .sec-steps .question-set .option-multiple-list .list:nth-of-type(odd):last-of-type {
  grid-column-start: 1;
  grid-column-end: 3;
}
.self-diagnosis .sec-steps .question-set .option-multiple-list .list .label-text > button {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 0.125rem;
  color: var(--color-icon-secondary-light);
}
.self-diagnosis .sec-steps .question-set .option-multiple-list .list .label-text > button i {
  position: relative;
  top: 2px;
  font-size: 1.5rem;
}
.self-diagnosis .sec-steps .question-set .option-multiple-list .list input[type=checkbox]:checked + .label-text > button {
  color: var(--color-icon-primary);
}
.self-diagnosis .sec-steps .question-set .option-multiple-list + .list {
  margin-top: 1rem;
}
.self-diagnosis .sec-steps .question-set .list {
  width: 100%;
  overflow: hidden;
  display: block;
  border-radius: 1rem;
  position: relative;
  cursor: pointer;
}
.self-diagnosis .sec-steps .question-set .list input {
  position: absolute;
  display: none;
}
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text, .self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text {
  color: var(--color-text-primary-dark);
  background-color: var(--color-bg-primary-lightest02);
  border: 1px solid var(--color-text-primary-dark);
  -webkit-box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
}
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text::before, .self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text::before {
  border-color: var(--color-border-primary);
  background: var(--color-bg-primary) url("../images/components/icon_checked_circle.png") center/cover no-repeat;
}
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text .sub-text,
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text .optional, .self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text .sub-text,
.self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text .optional {
  color: var(--color-text-primary);
}
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text .additional::before, .self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text .additional::before {
  color: var(--color-text-primary);
}
.self-diagnosis .sec-steps .question-set .list input[type=radio]:checked ~ .label-text .additional p, .self-diagnosis .sec-steps .question-set .list input[type=checkbox]:checked ~ .label-text .additional p {
  color: var(--color-text-primary);
}
.self-diagnosis .sec-steps .question-set .list .label-text {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  padding-right: 4rem;
  position: relative;
  font-size: var(--size-text-lg);
  font-weight: 800;
  line-height: 1.3;
  border-radius: 1rem;
  color: var(--color-text-lighter);
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  word-break: keep-all;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.self-diagnosis .sec-steps .question-set .list .label-text::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: none;
  background: var(--color-bg-gray-darker) url("../images/components/icon_checked_circle.png") center/cover no-repeat;
  position: absolute;
  right: 1.5rem;
}
.self-diagnosis .sec-steps .question-set .list .label-text .optional {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  margin-top: 0.375rem;
  font-size: var(--size-text-md);
  font-weight: 400;
}
.self-diagnosis .sec-steps .question-set .list .label-sub-text {
  margin-top: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .list .sub-text {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-lighter);
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.self-diagnosis .sec-steps .question-set .list .sub-text::before {
  content: "·";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 900;
  position: relative;
  left: -0.5rem;
  top: -0.1875rem;
}
.self-diagnosis .sec-steps .question-set .list .additional {
  margin-top: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .list.include-desc .label-text {
  display: block;
}
.self-diagnosis .sec-steps .question-set .select-form,
.self-diagnosis .sec-steps .question-set .input-form {
  padding: 1.5rem;
  border-radius: 1.5rem;
  border: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  background-color: var(--color-inverse);
}
.self-diagnosis .sec-steps .question-set .select-form > *,
.self-diagnosis .sec-steps .question-set .input-form > * {
  width: 100%;
  max-width: 15rem;
}
.self-diagnosis .sec-steps .question-set .select-form.flex-row,
.self-diagnosis .sec-steps .question-set .input-form.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .select-form.flex-row > *,
.self-diagnosis .sec-steps .question-set .input-form.flex-row > * {
  width: initial;
  max-width: initial;
}
.self-diagnosis .sec-steps .question-set .select-form.flex-row .input-wrap,
.self-diagnosis .sec-steps .question-set .input-form.flex-row .input-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.self-diagnosis .sec-steps .question-set .select-form.flex-row .btn,
.self-diagnosis .sec-steps .question-set .input-form.flex-row .btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.self-diagnosis .sec-steps .question-set .select-form .label,
.self-diagnosis .sec-steps .question-set .input-form .label {
  font-size: var(--size-text-md);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.self-diagnosis .sec-steps .question-set .input-form .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .input-form .input-wrap .unit {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-weight: 500;
}
.self-diagnosis .sec-steps .question-set .input-form .input-wrap input {
  text-align: right;
}
.self-diagnosis .sec-steps .question-set .input-form > * {
  width: 100%;
  max-width: 15rem;
}
.self-diagnosis .sec-steps .question-set .input-form .result {
  font-weight: 500;
  padding: 0.1875rem 0.125rem;
  text-align: right;
  background-color: var(--color-bg-primary-lightest01);
}
.self-diagnosis .sec-steps .question-set .input-form.simple {
  padding: 0;
  background-color: transparent;
  border: none;
}
.self-diagnosis .sec-steps .question-set .input-form.right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.self-diagnosis .sec-steps .question-set .additional {
  padding-left: 0.875rem;
  position: relative;
}
.self-diagnosis .sec-steps .question-set .additional::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-xl);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.125rem;
  left: 0;
}
.self-diagnosis .sec-steps .question-set .additional p {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
}
.self-diagnosis .sec-steps .question-set .additional p em {
  font-weight: 700;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: none;
  margin-top: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .btn-toggle {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.5rem;
  color: var(--color-icon-secondary-light);
  position: relative;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list {
  width: 100%;
  background-color: var(--color-bg-secondary-lightest02);
  border-radius: 1.5rem;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
  overflow: hidden;
  -webkit-box-shadow: 0 0.1875rem 0.5rem rgba(124, 124, 124, 0.2);
          box-shadow: 0 0.1875rem 0.5rem rgba(124, 124, 124, 0.2);
  max-height: 0;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dt {
  height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-bg-secondary-light02);
  border-radius: 1.25rem;
  padding: 0 1rem;
  font-size: var(--size-text-sm);
  color: var(--color-inverse);
  font-weight: 700;
  margin: 0.75rem;
  margin-bottom: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dt > span {
  margin-right: 0.25rem;
  font-weight: 800;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  overflow: hidden;
  margin: 0.75rem;
  margin-top: 0;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd .para {
  padding: 0.75rem 1rem;
  line-height: 1.4;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd .para .parts {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.25rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd .para .parts:last-of-type {
  margin-bottom: 0;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd h5 {
  font-size: var(--size-text-sm);
  font-weight: 700;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd p {
  font-size: var(--size-text-xs);
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd .option {
  font-size: var(--size-text-xxs);
  color: #5b86b8;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd b {
  font-weight: 700;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol {
  counter-reset: number;
  font-size: var(--size-text-xs);
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol > li {
  counter-increment: number;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol > li:last-of-type {
  margin-bottom: 0;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol > li::before {
  content: counter(number);
  display: inline-block;
  font-size: 0.5em;
  font-weight: 900;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  border: 1.5px solid var(--color-text);
  text-align: center;
  line-height: 7px;
  position: relative;
  top: -2px;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol > li > ul,
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ol > li > .option {
  margin-top: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul {
  font-weight: 400;
  padding-left: 0.75rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul > li {
  list-style: disc;
  margin-bottom: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul > li::marker {
  color: var(--color-icon-light);
  font-size: 0.8125rem;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul > li:last-of-type {
  margin-bottom: 0;
}
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul > li > ul,
.self-diagnosis .sec-steps .question-set .mo-help-wrap .help-list dd ul > li > .option {
  margin-top: 0.5rem;
}
.self-diagnosis .sec-steps .question-set .label-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.self-diagnosis .sec-steps .question-set .label-set .label {
  width: 7.5rem;
  font-size: var(--size-text-lg);
  font-weight: 500;
  padding-top: 1.25rem;
}
.self-diagnosis .sec-steps .question-set .label-set > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.self-diagnosis .sec-steps .question-set .split {
  height: 1px;
  background-color: var(--color-border);
  border: none;
  margin-top: 1rem;
}
.self-diagnosis .sec-steps .question-set .only-view {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.self-diagnosis .sec-steps .question-set .only-view > .value {
  font-size: var(--size-text-xl);
  font-weight: 800;
  color: var(--color-text-secondary);
  margin-right: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.0625rem;
}
.self-diagnosis .sec-steps .question-set .only-view > .value input {
  border: none;
  text-align: end;
}
.self-diagnosis .sec-steps .question-set dl > dd {
  margin-top: 1.5rem;
}
.self-diagnosis .sec-steps .question-set dl dd .label-set {
  margin-top: 1.5rem;
}
.self-diagnosis .sec-steps .question-set dl dd .label {
  font-size: var(--size-text-lg);
  font-weight: 500;
}
.self-diagnosis .sec-steps .tab-article-wrap .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.self-diagnosis .sec-steps .tab-article-wrap .tab-list .tab {
  font-size: var(--size-text-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 2.375rem;
  min-width: 7rem;
  border: 1px solid var(--color-border);
  border-radius: 1.25rem;
  cursor: pointer;
}
.self-diagnosis .sec-steps .tab-article-wrap .tab-list .tab.active {
  font-weight: 700;
  border-width: 2px;
  border-color: var(--color-border-primary);
  color: var(--color-text-primary);
}
.self-diagnosis .sec-steps .tab-article-wrap .tab-body {
  padding: 1.5rem;
  border-radius: 2rem;
  background-color: var(--color-bg-secondary-lightest02);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.5rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .self-diagnosis .sec-steps {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .head-step {
    font-size: var(--size-text-md);
    padding: 0.6875rem 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .self-diagnosis .sec-steps .question-set-wrap {
    row-gap: 2rem;
  }
  .self-diagnosis .sec-steps .question-set .question-area {
    font-size: var(--size-text-lg);
    padding-left: 2.75rem;
  }
  .self-diagnosis .sec-steps .question-set .question-area .desc {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .option-singular-list .label {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .option-multiple-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .self-diagnosis .sec-steps .question-set .option-multiple-list .list:nth-of-type(odd):last-of-type {
    grid-column-start: initial;
    grid-column-end: initial;
  }
  .self-diagnosis .sec-steps .question-set .list .label-text {
    padding: 1.25rem;
    padding-right: 4rem;
    font-size: var(--size-text-md);
  }
  .self-diagnosis .sec-steps .question-set .list .label-text .optional {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .select-form.flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .self-diagnosis .sec-steps .question-set .select-form.flex-row > * {
    width: 100%;
  }
  .self-diagnosis .sec-steps .question-set .select-form.flex-row .btn {
    height: 2.625rem;
    font-size: var(--size-text-md);
    padding: 0 0.75rem;
  }
  .self-diagnosis .sec-steps .question-set .select-form .label {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .mo-help-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .self-diagnosis .sec-steps .question-set .list .label-text {
    font-size: var(--size-text-md);
  }
  .self-diagnosis .sec-steps .question-set .list .sub-text {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .additional p {
    font-size: var(--size-text-xs);
  }
  .self-diagnosis .sec-steps .question-set .label-set .label {
    width: 72px;
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .question-set .only-view > .value {
    font-size: var(--size-text-lg);
    position: relative;
    top: 0.125rem;
  }
  .self-diagnosis .sec-steps .question-set dl dd .label {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .bottom-toolbar {
    margin-top: 1.5rem;
  }
  .self-diagnosis .sec-steps .bottom-toolbar .btn {
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
    padding: 0 1rem;
  }
  .self-diagnosis .sec-steps .tab-article-wrap .tab-list .tab {
    min-width: 5.125rem;
    height: 2.25rem;
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .sec-steps .tab-article-wrap .tab-body {
    row-gap: 1.5rem;
  }
}
.self-diagnosis .img-conts-introduce {
  margin-bottom: 2.125rem;
  position: relative;
  height: 10.125rem;
}
.self-diagnosis .img-conts-introduce::after {
  content: "";
  display: block;
  width: 13.8125rem;
  height: 12.9375rem;
  background: url("../images/diagnosis/img_diagnosis_man01.png") right/cover no-repeat;
  position: absolute;
  bottom: -2.125rem;
  right: 2.625rem;
}
.self-diagnosis .speech-bubble {
  position: absolute;
  right: 19.1875rem;
  padding: 2rem 2.5rem 2rem 2rem;
  width: 18.25rem;
  height: 10.125rem;
  border: 1px solid var(--color-border);
  background-color: var(--color-inverse);
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2rem;
}
.self-diagnosis .speech-bubble:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1.25rem 2.5rem 0 0;
  border-color: var(--color-border) transparent;
  display: block;
  width: 0;
  z-index: 0;
  top: 1.25rem;
  right: -2.5rem;
  -webkit-transform: rotate(353deg);
          transform: rotate(353deg);
}
.self-diagnosis .speech-bubble:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 1.25rem 2.5rem 0 0;
  border-color: var(--color-inverse) transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 1.375rem;
  right: -2.125rem;
  -webkit-transform: rotate(353deg);
          transform: rotate(353deg);
}
.self-diagnosis .speech-bubble .txt {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d6);
  font-weight: 700;
  line-height: 1.4;
}
.self-diagnosis .speech-bubble .txt em {
  display: block;
  font-size: var(--size-text-d5);
  font-weight: 900;
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}
.self-diagnosis .diagnosis-info {
  text-align: center;
  line-height: 1.4;
  background-color: var(--color-bg-primary-lightest02);
  border-radius: 2rem 2rem 2rem 5rem;
  border: 2px solid var(--color-border-primary);
  -webkit-box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
  padding: 4rem;
}
.self-diagnosis .diagnosis-info .info-desc {
  font-size: var(--size-text-xl);
  font-weight: 700;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: 2rem;
}
.self-diagnosis .diagnosis-info .info-warning {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-warning);
}
.self-diagnosis .diagnosis-info .info-warning i {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 1.25rem;
}
.self-diagnosis .btn-diagnosis-start {
  margin: 2.5rem auto 0;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .self-diagnosis .img-conts-introduce {
    height: 6.6875rem;
    margin-top: 2rem;
  }
  .self-diagnosis .img-conts-introduce::after {
    width: 9rem;
    height: 8.4375rem;
    right: 26%;
  }
  .self-diagnosis .speech-bubble {
    max-width: 11.875rem;
    height: 6.6875rem;
    padding: 1.25rem 1.875rem 1.25rem 1.25rem;
    right: 9.4375rem;
    border-radius: 1.3125rem;
    right: 50%;
  }
  .self-diagnosis .speech-bubble .txt {
    font-size: var(--size-text-sm);
  }
  .self-diagnosis .speech-bubble .txt em {
    font-size: var(--size-text-md);
  }
  .self-diagnosis .diagnosis-info {
    padding: 2rem 1.5rem;
    border-radius: 1.5rem 1.5rem 1.5rem 4rem;
  }
  .self-diagnosis .diagnosis-info .info-desc {
    font-size: var(--size-text-md);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .self-diagnosis .diagnosis-info .info-warning {
    font-size: var(--size-text-xs);
  }
  .self-diagnosis .diagnosis-info .info-warning i::before {
    font-size: var(--size-text-xl);
  }
  .self-diagnosis .btn-diagnosis-start {
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
    padding: 0 1rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 658.98px) {
  .self-diagnosis .img-conts-introduce::after {
    right: 22%;
  }
}
@media (max-width: 575.98px) {
  .self-diagnosis .img-conts-introduce::after {
    right: 18%;
  }
}
@media (max-width: 499.98px) {
  .self-diagnosis .img-conts-introduce::after {
    right: 0;
    position: absolute;
  }
  .self-diagnosis .speech-bubble {
    position: relative;
    left: 0;
    right: initial;
    width: 60%;
    max-width: initial;
  }
  .self-diagnosis .speech-bubble .txt {
    max-width: 9rem;
  }
}
@media (max-width: 379.98px) {
  .self-diagnosis .speech-bubble {
    width: 52%;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.self-diagnosis .question-start .sec-steps .question-set {
  gap: 2.5rem;
}
.self-diagnosis .question-start .sec-steps .question-set .question-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-secondary);
  font-weight: 800;
  padding-left: 0;
}
.self-diagnosis .question-start .sec-steps .question-set .question-area .q-wrap {
  max-width: 22.5rem;
  text-align: center;
  line-height: 1.4;
}
.self-diagnosis .question-start .sec-steps .question-set .option-singular-list {
  gap: 1rem;
  margin-top: 2.5rem;
}
.self-diagnosis .question-start .sec-steps .bottom-toolbar {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .self-diagnosis .question-start .self-progress {
    margin-bottom: 2rem;
  }
  .self-diagnosis .question-start .sec-steps .question-set {
    gap: 2rem;
  }
  .self-diagnosis .question-start .sec-steps .question-set .question-area {
    font-size: var(--size-text-d6);
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
  .self-diagnosis .question-start .sec-steps .question-set .question-area .q-wrap {
    max-width: 19rem;
  }
  .self-diagnosis .question-start .sec-steps .question-set .option-singular-list {
    gap: 0.75rem;
    margin-top: 2rem;
  }
}
.self-diagnosis .img-conts-result {
  margin-top: 14.625rem;
  margin-bottom: 2.5rem;
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
  border-top: 2px solid var(--color-border-secondary);
  position: relative;
}
.self-diagnosis .img-conts-result::before {
  content: "";
  display: block;
  width: 19.875rem;
  height: 13.625rem;
  background: url("../images/diagnosis/img_diagnosis_man02.png") top/cover no-repeat;
  position: absolute;
  top: -13.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.self-diagnosis .img-conts-result .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d5);
  font-weight: 800;
  text-align: center;
  line-height: 1.3;
  margin-top: 1.5rem;
}
.self-diagnosis .img-conts-result .title em {
  font-weight: 900;
  color: var(--color-text-secondary);
}
.self-diagnosis .img-conts-result .title .underline {
  position: relative;
}
.self-diagnosis .img-conts-result .title .underline::before {
  content: "";
  display: block;
  width: 9.6875rem;
  height: 0.625rem;
  background-color: rgba(133, 171, 255, 0.3);
  border-radius: 1.875rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.question-result-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.question-result-wrap .question-result {
  border-radius: 1rem;
  padding: 2rem;
  cursor: pointer;
}
.question-result-wrap .question-result .result-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.question-result-wrap .question-result .result-title h4 {
  font-size: var(--size-text-h4);
  font-weight: 800;
}
.question-result-wrap .question-result .result-title .btn-result-open {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.25rem;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.question-result-wrap .question-result .result-list {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.question-result-wrap .question-result .list {
  background-color: var(--color-inverse);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-top: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
.question-result-wrap .question-result .list .list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.question-result-wrap .question-result .list .list-title .title {
  font-size: var(--size-text-lg);
  font-weight: 700;
}
.question-result-wrap .question-result .list .list-desc {
  margin-bottom: 0.25rem;
}
.question-result-wrap .question-result .list .list-desc li {
  font-size: var(--size-text-md);
  font-weight: 400;
  line-height: 1.4;
  list-style: disc;
  margin-left: 1.125rem;
  padding-left: 0.25rem;
  margin-bottom: 0.5rem;
}
.question-result-wrap .question-result .list .list-desc li::marker {
  font-size: 0.625rem;
}
.question-result-wrap .question-result .list .list-desc li:last-child {
  margin-bottom: 0;
}
.question-result-wrap .question-result .list .list-desc .subsidy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0.75rem;
}
.question-result-wrap .question-result .list .list-desc .subsidy .text::before {
  content: "·";
  display: inline-block;
  font-size: var(--size-text-md);
  font-weight: 900;
  position: relative;
  left: -0.5rem;
  top: -0.0625rem;
}
.question-result-wrap .question-result .list .list-desc .subsidy .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.125rem;
}
.question-result-wrap .question-result .list .list-desc .subsidy .price span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.question-result-wrap .question-result .list .list-desc .subsidy .price span input {
  border: none;
  text-align: end;
}
.question-result-wrap .question-result .list .list-desc .subsidy .price .num {
  font-size: var(--size-text-lg);
  font-weight: 800;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.question-result-wrap .question-result .list .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 5.625rem;
}
.question-result-wrap .question-result .list .btn-wrap .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.question-result-wrap .question-result .warning-desc {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-warning);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.4;
}
.question-result-wrap .question-result .warning-desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  top: 0.25rem;
  margin-right: 0.125rem;
}
.question-result-wrap .question-result.housing-benefit {
  background-color: var(--color-bg-secondary-lightest02);
}
.question-result-wrap .question-result.housing-benefit .em {
  color: var(--color-text-secondary-lighter);
}
.question-result-wrap .question-result.public-housing {
  background-color: #eefaf3;
}
.question-result-wrap .question-result.public-housing .em {
  color: var(--positive-color-500);
}
.question-result-wrap .question-result.public-housing .list .list-desc {
  margin-bottom: 0;
}
.question-result-wrap .question-result.public-housing .btn {
  color: var(--positive-color-600);
  border-color: var(--positive-color-600);
}
.question-result-wrap .question-result.housing-finance {
  background-color: var(--color-bg-primary-lightest01);
}
.question-result-wrap .question-result.housing-finance .em {
  color: var(--color-text-primary-dark);
}
.question-result-wrap .question-result.housing-finance .btn {
  color: var(--color-text-primary-dark);
  border-color: var(--color-text-primary-dark);
}
.question-result-wrap .question-result.open {
  cursor: default;
}
.question-result-wrap .question-result.open .result-title {
  cursor: pointer;
}
.question-result-wrap .question-result.open .result-title .btn-result-open {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.question-result-wrap .not-support {
  background-color: var(--color-bg-gray-dark);
  cursor: default;
}
.question-result-wrap .not-support .result-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  padding: 0 1.5rem;
  pointer-events: none;
}
.question-result-wrap .not-support .result-title h4 {
  line-height: 1.4;
  text-align: center;
}
.question-result-wrap .not-support .result-title::before {
  content: "\e923";
  font-family: "iconFont";
  font-size: 2rem;
  color: var(--color-icon-light);
}
.question-result-wrap .not-support .result-list {
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow: visible;
}
.question-result-wrap .not-support .list .list-desc {
  margin-bottom: 0;
}
.question-result-wrap .not-support .warning-desc {
  margin-top: -0.5rem;
}
.question-result-wrap .warning-text {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-warning);
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.question-result-wrap .warning-text::before {
  content: "\e928";
  font-family: "iconFont";
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .self-diagnosis .img-conts-result {
    margin-top: 11.625rem;
    margin-bottom: 1.5rem;
    margin-left: 1.375rem;
    margin-right: 1.375rem;
  }
  .self-diagnosis .img-conts-result::before {
    width: 14rem;
    height: 9.625rem;
    top: -9.625rem;
  }
  .self-diagnosis .img-conts-result .title {
    font-size: var(--size-text-d6);
  }
  .self-diagnosis .img-conts-result .title .underline::before {
    width: 8.3rem;
  }
  .question-result-wrap .question-result {
    padding: 1.5rem;
  }
  .question-result-wrap .question-result .result-title h4 {
    font-size: var(--size-text-lg);
  }
  .question-result-wrap .question-result .list {
    margin-top: 1rem;
    padding: 1rem;
    gap: 0.5rem;
  }
  .question-result-wrap .question-result .list .list-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.5rem;
  }
  .question-result-wrap .question-result .list .list-title .title {
    font-size: var(--size-text-md);
  }
  .question-result-wrap .question-result .list .list-desc {
    margin-bottom: 0;
  }
  .question-result-wrap .question-result .list .list-desc li {
    font-size: var(--size-text-sm);
  }
  .question-result-wrap .question-result .list .list-desc .subsidy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .question-result-wrap .question-result .list .list-desc .subsidy .price .num {
    font-size: var(--size-text-md);
  }
  .question-result-wrap .question-result .list .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
  }
  .question-result-wrap .question-result .list .btn-wrap .btn {
    width: 100%;
    height: 2.25rem;
    font-size: var(--size-text-sm);
  }
  .question-result-wrap .question-result .warning-desc {
    font-size: var(--size-text-xxs);
  }
  .question-result-wrap .not-support-wrap .result-title::before {
    font-size: 1.625rem;
  }
  .question-result-wrap .warning-text {
    font-size: var(--size-text-xs);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .question-result-wrap .warning-text::before {
    font-size: 1rem;
    position: relative;
    top: -0.1875rem;
  }
}
/*공공주택찾기*/
.cpnt-common-list .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.125rem 0;
  margin-bottom: 1rem;
}
.cpnt-common-list .top-bar .total-count {
  color: var(--color-text-lighter);
}
.cpnt-common-list .top-bar .total-count .value {
  color: var(--color-text);
  font-weight: 800;
  margin-left: 0.5em;
  margin-right: 0.125rem;
}
.cpnt-common-list .top-bar .btn-guide {
  border-radius: 2.25rem;
}
.cpnt-common-list .top-bar .btn-guide::after {
  content: "확인하기";
  display: inline-block;
  margin-left: -0.25rem;
}
.cpnt-common-list .top-bar .input-wrap {
  display: none;
}
.cpnt-common-list .tb-list-overflow {
  overflow-x: auto;
  word-break: keep-all;
}
.cpnt-common-list .tb-list {
  width: 100%;
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.4;
}
.cpnt-common-list .tb-list tr th.center,
.cpnt-common-list .tb-list tr td.center {
  text-align: center;
}
.cpnt-common-list .tb-list thead tr th {
  padding: 1rem 0.5rem;
  background-color: var(--color-bg-gray);
  border-top: 2px solid var(--color-border-darkest);
  border-bottom: 1px solid var(--color-border);
}
.cpnt-common-list .tb-list tbody tr td {
  border-bottom: 1px solid var(--color-border);
  padding: 1rem 1.25rem;
  height: 4.5rem;
}
.cpnt-common-list .tb-list tbody tr td.light {
  font-weight: 400;
  color: var(--color-text-lighter);
}
.cpnt-common-list .tb-list tbody tr td.housing-state {
  font-weight: 700;
  color: var(--color-text-primary-dark);
}
.cpnt-common-list .tb-list tbody tr td.housing-state.done {
  color: var(--color-text-lighter);
}
.cpnt-common-list .tb-list tbody tr td.attachment {
  background: url("../images/components/icon_paperclip.svg") center/1.25rem no-repeat;
}
.cpnt-common-list .tb-list tbody tr td .hide {
  display: none;
}
.cpnt-common-list .tb-list tbody tr.notice td .label {
  font-size: var(--size-text-xs);
  font-weight: 700;
  color: var(--color-inverse);
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 0.625rem;
  border-radius: 1.25rem;
  background-color: var(--color-icon-primary);
  margin: 0 auto;
}
.cpnt-common-list .tb-list tbody tr.notice td .title {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-secondary);
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.cpnt-common-list .tb-list tbody tr.notice td .title i {
  font-size: 1.5rem;
  color: var(--color-icon-primary);
}
.cpnt-common-list .tb-list tbody tr:hover {
  background-color: var(--color-bg-primary-lightest02);
}
.cpnt-common-list .tb-list .li-title {
  font-size: var(--size-text-lg);
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.cpnt-common-list .tb-list .li-title .correct-announce {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-secondary);
  margin-right: 0.25rem;
}
.cpnt-common-list .tb-list .schedule,
.cpnt-common-list .tb-list .housing-info {
  margin-top: 0.375rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-text-lighter);
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 0.25rem;
}
.cpnt-common-list .tb-list .schedule .label,
.cpnt-common-list .tb-list .housing-info .label {
  position: relative;
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.375rem;
}
.cpnt-common-list .tb-list .schedule .label::after,
.cpnt-common-list .tb-list .housing-info .label::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8125rem;
  background-color: var(--color-border);
  position: absolute;
  top: 0.1875rem;
  right: 0;
}
.cpnt-common-list .tb-list .list-flagbox {
  margin-bottom: 0.5rem;
}
.cpnt-common-list .additional {
  position: relative;
  font-size: var(--size-text-sm);
  color: var(--color-text-lighter);
  margin-top: 1rem;
  padding-left: 0.75rem;
  line-height: 1.3;
}
.cpnt-common-list .additional::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  left: 0;
}
.cpnt-common-list.search .top-bar {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  padding: 0;
}
.cpnt-common-list.search .top-bar .total-count,
.cpnt-common-list.search .top-bar .btn-guide {
  display: none;
}
.cpnt-common-list.search .top-bar .input-wrap {
  display: block;
}
.cpnt-common-list.search .top-bar .input-wrap.select {
  width: 10.625rem;
}
.cpnt-common-list.search .top-bar .input-wrap.search {
  width: 16.25rem;
}
.cpnt-common-list.search .top-bar .input-wrap.search input {
  border: 1px solid var(--color-bg-gray-dark);
  background: var(--color-bg-gray-dark) url("../images/components/icon_search.svg") center right 0.875rem/1.25rem 1.25rem no-repeat;
  padding-right: 3rem;
}
.cpnt-common-list.search .top-bar .input-wrap.search input::-webkit-input-placeholder {
  color: var(--color-text-lightest);
}
.cpnt-common-list.search .top-bar .input-wrap.search input::-moz-placeholder {
  color: var(--color-text-lightest);
}
.cpnt-common-list.search .top-bar .input-wrap.search input:-ms-input-placeholder {
  color: var(--color-text-lightest);
}
.cpnt-common-list.search .top-bar .input-wrap.search input::-ms-input-placeholder {
  color: var(--color-text-lightest);
}
.cpnt-common-list.search .top-bar .input-wrap.search input::placeholder {
  color: var(--color-text-lightest);
}
.cpnt-common-list.search tbody tr td .title {
  font-size: var(--size-text-lg);
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.cpnt-common-list.search tbody tr td .date {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.cpnt-common-list.search tbody tr td .mo-visible {
  display: none;
}
.cpnt-common-list.none-list-result tbody {
  display: none;
}
.cpnt-common-list.none-list-result .none-list {
  display: block;
  padding: 4.75rem;
  border-bottom: 1px solid var(--color-border);
  text-align: center;
}
.cpnt-common-list.none-list-result .none-list .icon-alert-circle {
  font-size: 2rem;
  color: var(--color-icon-error);
  margin-bottom: 0.5rem;
  display: block;
}
.cpnt-common-list.none-list-result .none-list .text {
  font-size: var(--size-text-xl);
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.cpnt-common-list.none-list-result .none-list .btn-mynotice-settings {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color-border-dark);
}
.cpnt-common-list.none-list-result .none-list .btn-mynotice-settings i {
  font-size: 1rem;
  color: var(--color-icon-light);
  position: relative;
  top: 0.125rem;
  margin-left: 0.25rem;
}
.cpnt-common-list.none-list-result .news-list-wrap {
  display: none;
}
.cpnt-common-list.none-list-result .news-list-wrap + .none-list {
  border-top: 2px solid var(--color-border-darkest);
  min-height: 31.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cpnt-common-list.cpnt-list-scrollable .tb-list {
  min-width: 60rem;
}

.list-flagbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list-flagbox .f-loc {
  height: 2.125rem;
  background-color: var(--color-inverse);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border-dark);
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.75rem;
}
.list-flagbox[class*=type]::after {
  content: "";
  height: 2.125rem;
  background-color: var(--color-inverse);
  border-radius: 0.5rem;
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.75rem;
  background-color: var(--color-bg-gray-dark);
  font-weight: 700;
  color: var(--color-inverse);
}
.list-flagbox.type1::after {
  content: "장기전세";
  background-color: var(--color-bg-etc02);
}
.list-flagbox.type2::after {
  content: "행복주택";
  background-color: var(--color-bg-etc01);
}
.list-flagbox.type3::after {
  content: "매입임대";
  background-color: var(--color-bg-etc03);
}
.list-flagbox.type4::after {
  content: "공공분양";
  background-color: var(--color-bg-etc04);
}
.list-flagbox.type5::after {
  content: "전세임대";
  background-color: var(--color-bg-etc05);
}
.list-flagbox.type6::after {
  content: "영구임대";
  background-color: #ff7474;
}
.list-flagbox.type7::after {
  content: "국민임대";
  background-color: #4ebfe3;
}
.list-flagbox.type8::after {
  content: "민간임대";
  background-color: #bd8e62;
}
.list-flagbox.type9::after {
  content: "통합공공임대";
  background-color: #5b84ed;
}
.list-flagbox.type10::after {
  content: "5년임대";
  background-color: #9a71f0;
}
.list-flagbox.type11::after {
  content: "6년임대";
  background-color: #9a71f0;
}
.list-flagbox.type12::after {
  content: "10년임대";
  background-color: #9a71f0;
}
.list-flagbox.type13::after {
  content: "50년임대";
  background-color: #9a71f0;
}
.list-flagbox.type14::after {
  content: "공공기숙사";
  background-color: #ee80a8;
}
.list-flagbox .hide {
  display: none;
}

.cpnt-pagination {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cpnt-pagination .page-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.cpnt-pagination .page-wrap .page {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: var(--size-text-sm);
  background-color: var(--color-inverse);
}
.cpnt-pagination .page-wrap .page.active {
  background-color: var(--color-bg-secondary-lightest01);
}
.cpnt-pagination .page-wrap .page > a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cpnt-pagination .page-wrap .page i {
  color: var(--color-icon-lighter);
  font-size: 1.25rem;
}

.cpnt-common-list.type2 .tb-list thead tr th {
  border: 1px solid var(--color-border);
  border-top: 2px solid var(--color-border-darkest);
}
.cpnt-common-list.type2 .tb-list thead tr th:first-child {
  border-left: none;
}
.cpnt-common-list.type2 .tb-list thead tr th:last-child {
  border-right: none;
}
.cpnt-common-list.type2 .tb-list tbody tr td {
  height: 3.25rem;
  font-weight: 400;
  border: 1px solid var(--color-border);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.cpnt-common-list.type2 .tb-list tbody tr td:first-child {
  border-left: none;
}
.cpnt-common-list.type2 .tb-list tbody tr td:last-child {
  border-right: none;
}
.cpnt-common-list.type2 .additional-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
}
.cpnt-common-list.type2 .additional-wrap .additional {
  margin-top: 0;
}
.cpnt-common-list .none-list {
  display: none;
}

@media (max-width: 767.98px) {
  .cpnt-common-list .top-bar .btn-guide::after {
    content: none;
  }
  .cpnt-common-list .tb-list {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-list .tb-list col {
    width: auto;
  }
  .cpnt-common-list .tb-list tr th.mo-hidden,
.cpnt-common-list .tb-list tr td.mo-hidden {
    display: none;
    visibility: hidden;
  }
  .cpnt-common-list .tb-list tbody tr.notice td .title {
    font-size: var(--size-text-md);
    line-height: 1.3;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
  }
  .cpnt-common-list .tb-list tbody tr.notice td .title i {
    font-size: 1.25rem;
  }
  .cpnt-common-list .tb-list tbody tr:hover {
    background-color: transparent;
  }
  .cpnt-common-list .tb-list tbody tr td {
    padding: 1rem 0.75rem;
  }
  .cpnt-common-list .tb-list .li-title {
    font-size: var(--size-text-md);
    word-break: break-all;
  }
  .cpnt-common-list .tb-list .li-title .correct-announce {
    font-size: var(--size-text-md);
    margin-right: 0.125rem;
  }
  .cpnt-common-list .tb-list .schedule,
.cpnt-common-list .tb-list .housing-info {
    font-size: var(--size-text-xs);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .cpnt-common-list .tb-list .schedule li,
.cpnt-common-list .tb-list .housing-info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cpnt-common-list .tb-list .schedule .label,
.cpnt-common-list .tb-list .housing-info .label {
    position: relative;
    display: inline-block;
    padding-right: 0.5rem;
    margin-right: 0.375rem;
  }
  .cpnt-common-list .tb-list .schedule .label::after,
.cpnt-common-list .tb-list .housing-info .label::after {
    content: "";
    display: block;
    width: 1px;
    height: 0.8125rem;
    background-color: var(--color-border);
    position: absolute;
    top: 0.1875rem;
    right: 0;
  }
  .cpnt-common-list .additional {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-list.search .top-bar .input-wrap.select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
  .cpnt-common-list.search .top-bar .input-wrap.search {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
    width: auto;
  }
  .cpnt-common-list.search tbody tr td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .cpnt-common-list.search tbody tr td .title {
    font-size: var(--size-text-md);
    word-break: break-all;
  }
  .cpnt-common-list.search tbody tr td .mo-visible {
    display: block;
    margin-top: 0.5rem;
  }
  .cpnt-common-list.none-list-result .tb-list-overflow {
    display: none;
  }
  .cpnt-common-list.none-list-result .none-list {
    padding: 2.5rem 1rem;
    border-top: 2px solid var(--color-border-darkest);
  }
  .cpnt-common-list.none-list-result .none-list .icon-alert-circle {
    font-size: 1.5rem;
  }
  .cpnt-common-list.none-list-result .none-list .text {
    font-size: var(--size-text-md);
  }
  .cpnt-common-list.none-list-result .none-list .btn-mynotice-settings {
    font-size: var(--size-text-xs);
    padding-bottom: 0.125rem;
  }
  .cpnt-common-list.none-list-result .none-list .btn-mynotice-settings i {
    font-size: 0.875rem;
  }
  .cpnt-common-list.none-list-result .news-list-wrap + .none-list {
    min-height: 15.25rem;
  }
  .cpnt-common-list.cpnt-list-scrollable .tb-list-overflow {
    margin-right: -1rem;
    padding-right: 1rem;
  }
  .cpnt-common-list.cpnt-list-scrollable.none-list-result {
    margin-right: 0;
  }
  .list-flagbox {
    gap: 0.25rem;
  }
  .list-flagbox .f-loc {
    height: 1.75rem;
    font-size: var(--size-text-sm);
  }
  .list-flagbox[class*=type]::after {
    height: 1.75rem;
  }
  .cpnt-common-list.type2 .tb-list tbody tr td {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .cpnt-common-list.type2 .additional-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 374.98px) {
  .cpnt-pagination .page-wrap .page {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.modal-map-wrap {
  width: 100%;
  background-color: #e2f0ff;
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
}
.modal-map-wrap .btn-all-over {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  border-radius: 1.125rem;
}
.modal-map-wrap .btn-all-over :hover {
  background-color: inherit;
}

.modal .tab-content {
  display: none;
  visibility: hidden;
}
.modal .tab-content.visibled {
  display: block;
  visibility: visible;
}
.modal .cpnt-common-detail .detail-list {
  margin-bottom: 1.5rem;
}
.modal .cpnt-common-detail .detail-list:last-child {
  margin-bottom: 0;
}
.modal .cpnt-common-detail .detail-list .text {
  font-size: var(--size-text-sm);
  color: var(--color-text-light);
  margin-bottom: 0;
}
.modal .cpnt-common-detail .detail-list .text-gray {
  color: var(--color-text-lighter);
}
.modal .cpnt-common-detail .detail-list .desc-list {
  padding-left: 1.25rem;
  margin-top: 0.25rem;
}
.modal .cpnt-common-detail .detail-list .desc-list .list {
  font-size: var(--size-text-sm);
}
.modal .cpnt-common-detail .detail-list .desc-list .sub-desc {
  font-size: var(--size-text-xs);
  margin: 0.25rem 0;
}
.modal .cpnt-common-detail .detail-list .desc-list.list-num {
  padding-left: 1.75rem;
}
.modal .cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
  font-size: var(--size-text-sm);
}
.modal .cpnt-common-detail .list-title {
  font-size: var(--size-text-lg);
  margin-bottom: 0.5rem;
}
.modal .cpnt-common-detail .list-title::before {
  top: 0.0625rem;
  background-color: rgba(52, 141, 246, 0.25);
}
.modal .cpnt-common-detail .list-title::after {
  top: 0.25rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(147deg, #348df6 31%, #1a4196 84%);
}
.modal .cpnt-common-detail .list-title + .text {
  font-size: var(--size-text-md);
}
.modal .cpnt-common-detail .list-item {
  margin-bottom: 1rem;
}
.modal .cpnt-common-detail .list-item .item-title {
  font-size: var(--size-text-md);
  margin-bottom: 0.25rem;
}
.modal .cpnt-common-detail .sub-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
}
.modal .table-wrap .tb-title {
  font-size: var(--size-text-md);
}
.modal .table-wrap.none-thead .table th,
.modal .table-wrap.none-thead .table td {
  height: 2.375rem;
}
.modal .table-wrap .tb-desc {
  font-size: var(--size-text-xs);
}
.modal .table th,
.modal .table td {
  font-size: var(--size-text-sm);
  height: 2.375rem;
  padding: 0.75rem 1.25rem;
}
.modal .table thead th {
  font-weight: 500;
}
.modal .table tbody th .warning {
  font-size: var(--size-text-sm) !important;
}
.modal .table .text {
  margin-bottom: 0;
}
.modal .table .text-gray {
  font-size: var(--size-text-xs) !important;
}
.modal .procedure-box .step-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.modal .procedure-box .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 7rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.5rem;
  border: 1px solid var(--color-icon-secondary);
  overflow: hidden;
}
.modal .procedure-box .step:nth-child(odd) .step-title {
  background-color: var(--color-bg-secondary);
}
.modal .procedure-box .step:nth-child(even) .step-title {
  background-color: var(--color-bg-secondary-light01);
}
.modal .procedure-box .step .step-title {
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-inverse);
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 16.25rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  padding: 1rem 1rem 1rem 2.5rem;
  border-radius: 0.25rem 0 0 2rem;
  min-height: 3.5625rem;
  text-align: left;
}
.modal .procedure-box .step .step-title .num {
  font-size: var(--size-text-lg);
  font-weight: 700;
  opacity: 0.6;
  margin-right: 0.75rem;
}
.modal .procedure-box .step .step-title .sub-text {
  font-size: var(--size-text-md);
  font-weight: 500;
}
.modal .procedure-box .step .step-cont {
  border: 1px solid var(--color-icon-secondary);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0.5rem 1.25rem 0.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 0;
  border: none;
  padding: 1rem 1rem 1rem 2rem;
}
.modal .procedure-box .step .step-cont .cont {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  list-style-type: disc;
  margin-bottom: 0.5rem;
}
.modal .procedure-box .step .step-cont .cont::marker {
  font-size: 0.6875rem;
}
.modal .procedure-box .step .step-cont .cont:last-child {
  margin-bottom: 0;
}
.modal .procedure-box .step .step-cont .cont.desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.3;
  margin-top: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal .procedure-box .desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding-left: 0.875rem;
  position: relative;
}
.modal .procedure-box .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.1875rem;
  left: 0;
}
.modal .swiper-bottom-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.modal .swiper-button-next,
.modal .swiper-button-prev {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  top: initial;
  right: initial;
  left: initial;
  z-index: 11;
  margin-top: 1rem;
}
.modal .swiper-button-next::after,
.modal .swiper-button-prev::after {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-icon-lighter);
}
.modal .swiper-pagination {
  position: relative;
  top: initial;
  bottom: initial;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lightest);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
}
.modal .swiper-pagination-current {
  font-weight: 700;
  color: var(--color-text-secondary);
}

.search-public-guide .second-g-tab .tab {
  width: initial;
  padding: 0 2.375rem;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.search-public-guide .second-g-tab .tab.fd-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.2;
}
.search-public-guide .second-g-tab .tab span {
  font-size: var(--size-text-xs);
  pointer-events: none;
}

.tb-pop-guide1-5 .table .desc.warning {
  padding-left: 0;
}
.tb-pop-guide1-5 .table .desc.warning::before {
  content: none;
}

#modalMoveinGuide .table th,
#modalMoveinGuide .table td {
  height: 3.25rem;
}

#modalRentalHouse1 .modal__header {
  border-bottom: none;
}
#modalRentalHouse1 .modal__content {
  padding-top: 0;
}
#modalRentalHouse1 .modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#modalRentalHouse1 .modal__footer .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
#modalRentalHouse1 .modal__footer .modal__btn {
  height: 1.8125rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#modalRentalHouse1 .table th,
#modalRentalHouse1 .table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#modalRentalHouse2 .sub-global-tab .option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#modalRentalHouse2 .sub-global-tab .option-list .list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.modal__content .info-list-wrap {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem 3.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.modal__content .info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__content .info-list:last-child {
  margin-bottom: 0;
}
.modal__content .info-list .type {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.modal__content .info-list .type::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.75rem;
  background-color: var(--color-border);
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  top: 0.125rem;
}
.modal__content .info-list .value {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-light);
}

@media (max-width: 767.98px) {
  .modal-map-wrap {
    height: 100%;
  }
  .modal-map-wrap .svg-map-area {
    max-width: initial;
    width: 140vw;
    max-width: calc((100vh - 67px - 90px - 2rem) * 1.145);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
  }
  .modal .sub-global-tab .option-list .list > a {
    border-radius: 0;
  }
  .modal .sub-global-tab .option-list .list:last-child > a {
    border-radius: 0 0 1rem 1rem;
  }
  .modal .sub-global-tab .option-list .list.active > a {
    background-color: var(--color-bg-gray-dark);
  }
  .search-public-guide .table-wrap.tb-scrollable .tb-overflow::after {
    content: none;
  }
}
.housing-searchbox {
  background-color: var(--color-bg-secondary-lightest02);
  border-radius: 1.5rem;
  padding: 2.5rem;
  position: relative;
}
.housing-searchbox .choice-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  padding-right: 5rem;
}
.housing-searchbox .result-list {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  border-radius: 1.5rem;
  padding: 0.625rem 1.25rem;
  font-size: var(--size-text-md);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.housing-searchbox .result-list .list-type {
  font-size: var(--size-text-sm);
}
.housing-searchbox .result-list .list-type::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.625rem;
  border-right: 1px solid var(--color-border);
  margin-right: 0.5rem;
  padding-right: 0.625rem;
  position: relative;
}
.housing-searchbox .warning-none-save {
  display: none;
  font-size: var(--size-text-lg);
  font-weight: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.housing-searchbox .warning-none-save::before {
  content: "\e923";
  display: inline-block;
  font-family: "iconFont";
  font-size: 1.375rem;
  color: var(--color-icon-error);
  position: relative;
  top: -1px;
}
.housing-searchbox .btn-open-searchbox {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 2rem;
  font-size: 1.5rem;
  color: var(--color-icon-secondary);
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
}
.housing-searchbox .btn-open-searchbox::before {
  content: "펼치기";
  display: inline-block;
  font-size: var(--size-text-md);
  font-weight: 500;
}
.housing-searchbox .btn-open-searchbox i {
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.housing-searchbox .btn-road-search-requirement {
  margin-left: auto;
  margin-bottom: 0.5rem;
}
.housing-searchbox .btn-road-search-requirement i {
  font-size: 1rem;
}
.housing-searchbox .choicebox-wrap {
  display: none;
}
.housing-searchbox .choicebox {
  background-color: var(--color-inverse);
  border-radius: 1.5rem;
  padding: 0.5rem 2rem;
}
.housing-searchbox .choice-list-wrap {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.housing-searchbox .choice-list-wrap:last-child {
  border-bottom: none;
}
.housing-searchbox .choice-list-wrap.area-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.housing-searchbox .choice-list-wrap.area-info .choice-item-wrap {
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
}
.housing-searchbox .choice-list-wrap.area-info .choice-item-wrap .input-wrap {
  min-width: 14rem;
}
.housing-searchbox .choice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.housing-searchbox .choice-list .choice-list-type {
  font-size: var(--size-text-md);
  font-weight: 700;
  width: 7rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.housing-searchbox .choice-list .choice-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.housing-searchbox .choice-list .choice-item-wrap .input-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.housing-searchbox .choice-list .choice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.housing-searchbox .choice-list .choice-item input {
  display: none;
}
.housing-searchbox .choice-list .choice-item input[type=radio]:checked ~ .label-radio {
  color: var(--color-text-primary-dark);
  border: 1px solid var(--color-text-primary-dark);
}
.housing-searchbox .choice-list .choice-item .label-radio {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-lighter);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  padding: 0.75rem;
  min-width: 5rem;
  text-align: center;
}
.housing-searchbox .choice-list .switch-btn {
  cursor: pointer;
}
.housing-searchbox .choice-list .switch-btn input {
  display: none;
}
.housing-searchbox .choice-list .switch-btn input:checked + .label-switch {
  color: var(--color-text-primary-dark);
  border: 1px solid var(--color-text-primary-dark);
}
.housing-searchbox .choice-list .switch-btn .label-switch {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-lighter);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.housing-searchbox .choice-list .btn-open-map {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-secondary);
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.housing-searchbox .choice-list .btn-open-map .icon-mappin-fill {
  font-size: 1.25rem;
  position: relative;
  top: 2px;
  margin-right: 0.25rem;
}
.housing-searchbox .choice-list .btn-open-map .icon-arrow2-right {
  font-size: 1.125rem;
  position: relative;
  top: 3px;
  margin-left: 0.125rem;
}
.housing-searchbox .choice-list.once-input .input-wrap {
  max-width: 23.125rem;
}
.housing-searchbox .my-interest-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.housing-searchbox .my-interest-area .text {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
  width: 7rem;
}
.housing-searchbox .my-interest-area .area-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.housing-searchbox .my-interest-area .area-list {
  cursor: pointer;
}
.housing-searchbox .my-interest-area .area-list input {
  display: none;
}
.housing-searchbox .my-interest-area .area-list input[type=radio]:checked ~ .label-radio {
  color: var(--color-text-primary);
  text-decoration: underline;
}
.housing-searchbox .my-interest-area .area-list .label-radio {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
}
.housing-searchbox .my-interest-area .area-list .label-radio::before {
  content: "#";
  display: inline-block;
  margin-right: 0.25rem;
}
.housing-searchbox .btn-wrap {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.housing-searchbox .btn-wrap .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.housing-searchbox.none-save-search .choice-result {
  display: none;
}
.housing-searchbox.none-save-search .warning-none-save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
  text-align: center;
}
.housing-searchbox.none-save-search .btn-road-search-requirement {
  display: none;
}
.housing-searchbox.open .choicebox-wrap {
  margin-top: 2rem;
  display: block;
}
.housing-searchbox.open .btn-open-searchbox::before {
  content: "접기";
}
.housing-searchbox.open .btn-open-searchbox i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.housing-searchbox.only-search .choice-result,
.housing-searchbox.only-search .btn-open-searchbox,
.housing-searchbox.only-search .btn-road-search-requirement {
  display: none;
}
.housing-searchbox.only-search .choicebox-wrap {
  display: block;
}
.housing-searchbox.only-search .choice-list.notice-date .choice-list-type {
  width: 5.5rem;
}
.housing-searchbox .input-wrap.dpicker-m > input, .housing-searchbox .input-wrap.dpicker-s > input {
  min-width: 10rem;
}

/*
* responsive
*/
@media (max-width: 1299.98px) {
  .housing-searchbox .choice-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 1199.98px) {
  .housing-searchbox .choice-list-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 991.98px) {
  .housing-searchbox .choice-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housing-searchbox .choice-list-wrap.area-info .choice-list {
    border-bottom: none;
    padding-bottom: 0;
  }
  .housing-searchbox .choice-list:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 0.75rem;
  }
  .housing-searchbox .choice-list:last-child .choice-item-wrap .input-wrap {
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .housing-searchbox {
    margin-top: 2rem;
    border-radius: 1rem;
    padding: 1rem 1rem 2rem;
  }
  .housing-searchbox .choice-result {
    padding-right: 0;
    gap: 0.25rem;
  }
  .housing-searchbox .result-list {
    font-size: var(--size-text-sm);
    padding: 0.625rem 0.75rem;
  }
  .housing-searchbox .result-list .list-type {
    font-size: var(--size-text-xs);
  }
  .housing-searchbox .result-list .list-type::after {
    margin-right: 0.25rem;
    padding-right: 0.375rem;
    position: relative;
    top: 1px;
  }
  .housing-searchbox .btn-open-searchbox {
    top: initial;
    right: initial;
    bottom: 0.125rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 1.325rem;
  }
  .housing-searchbox .btn-open-searchbox::before {
    font-size: var(--size-text-sm);
    position: relative;
    top: 0.1875rem;
  }
  .housing-searchbox .btn-open-searchbox i {
    position: relative;
    top: 0.1875rem;
  }
  .housing-searchbox .btn-road-search-requirement {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }
  .housing-searchbox .choicebox {
    border-radius: 0.5rem;
    padding: 0.25rem 1rem;
  }
  .housing-searchbox .choice-list-wrap {
    padding: 0.75rem 0;
    gap: 0.75rem;
  }
  .housing-searchbox .choice-list-wrap.area-info {
    gap: 1rem;
  }
  .housing-searchbox .choice-list-wrap.area-info .choice-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .housing-searchbox .choice-list-wrap.area-info .choice-item-wrap .input-wrap {
    width: 100%;
  }
  .housing-searchbox .choice-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.625rem;
  }
  .housing-searchbox .choice-list .choice-list-type {
    font-size: var(--size-text-sm);
  }
  .housing-searchbox .choice-list .choice-item-wrap {
    gap: 0.25rem;
    width: 100%;
  }
  .housing-searchbox .choice-list .choice-item .label-radio {
    font-size: var(--size-text-sm);
    padding: 0.625rem 0.75rem;
    min-width: 4.5rem;
  }
  .housing-searchbox .choice-list .switch-btn .label-switch {
    font-size: var(--size-text-sm);
    padding: 0.625rem 0.75rem;
    min-width: 4.5rem;
  }
  .housing-searchbox .btn-wrap {
    margin-top: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .housing-searchbox .btn-wrap .btn-group .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .housing-searchbox .btn-wrap .btn {
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
    padding: 0 0.75rem;
  }
  .housing-searchbox .my-interest-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.625rem;
  }
  .housing-searchbox .my-interest-area .area-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .housing-searchbox.none-save-search {
    padding-bottom: 2rem !important;
  }
  .housing-searchbox.none-save-search .warning-none-save {
    font-size: var(--size-text-md);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 180px;
    gap: 0.25rem;
    margin: 0 auto;
  }
  .housing-searchbox.none-save-search .warning-none-save::before {
    font-size: 1.125rem;
  }
  .housing-searchbox.only-search .choicebox {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
  }
  .housing-searchbox.only-search .choice-list-wrap {
    border-bottom: none;
    padding: 0;
  }
  .housing-searchbox.only-search .choice-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: none;
    padding-bottom: 0;
  }
  .housing-searchbox.only-search .choice-list .choice-list-type {
    width: 3.375rem;
  }
  .housing-searchbox.only-search .choice-list.notice-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .housing-searchbox.only-search .choice-list.notice-date .choice-list-type {
    width: auto;
  }
  .housing-searchbox.open .choicebox-wrap {
    margin-top: 1rem;
  }
  .housing-searchbox.open .btn-open-searchbox {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .housing-searchbox.open .btn-open-searchbox::before {
    top: 4px;
  }
  .housing-searchbox .input-wrap.dpicker-m > input, .housing-searchbox .input-wrap.dpicker-s > input {
    min-width: auto;
  }
}
.search-public .housing-searchbox {
  margin-bottom: 2rem;
}
.search-public .swiper {
  display: none;
  visibility: hidden;
}
.search-public .swiper.swiper-initialized {
  display: block;
  visibility: visible;
}
.search-public .recruitment-notice {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border-secondary);
  border-radius: 1rem 1rem 1rem 3rem;
  -webkit-box-shadow: 0 10px 23px 0 #edf1f6;
          box-shadow: 0 10px 23px 0 #edf1f6;
  padding: 4rem;
  margin-bottom: 3.5rem;
}
.search-public .recruitment-notice.correction .notice-title span {
  display: inline-block;
}
.search-public .recruitment-notice.correction .notice-correction-reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
.search-public .recruitment-notice .notice-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border-secondary);
  gap: 1rem;
}
.search-public .recruitment-notice .notice-head .list-flagbox {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.search-public .recruitment-notice .housing-state {
  display: block;
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-primary-dark);
  margin-bottom: 0.5rem;
}
.search-public .recruitment-notice .housing-state.done {
  color: var(--color-text-lighter);
}
.search-public .recruitment-notice .notice-title {
  font-size: var(--size-text-h3);
  font-weight: 700;
  line-height: 1.2;
}
.search-public .recruitment-notice .notice-title span {
  display: none;
  color: var(--color-text-secondary);
  margin-right: 0.5rem;
}
.search-public .recruitment-notice .notice-correction-reason {
  display: none;
  padding: 1.0625rem 1rem;
  background-color: var(--color-bg-secondary-lightest02);
  line-height: 1.4;
}
.search-public .recruitment-notice .notice-correction-reason .label {
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-text-secondary);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.search-public .recruitment-notice .notice-correction-reason .reason {
  font-size: var(--size-text-md);
  font-weight: 500;
}
.search-public .recruitment-notice .notice-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
  margin-top: 2rem;
}
.search-public .recruitment-notice .info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 3.5rem;
}
.search-public .recruitment-notice .info-list:not(:last-child) {
  margin-bottom: 1rem;
}
.search-public .recruitment-notice .info-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-public .recruitment-notice .info-list .list .label {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  padding-right: 1rem;
  margin-right: 0.75rem;
  position: relative;
  top: 0.1875rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.search-public .recruitment-notice .info-list .list .label::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8125rem;
  background-color: var(--color-border);
  position: absolute;
  top: 0.0625rem;
  right: 0;
}
.search-public .recruitment-notice .info-list .list .value {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-light);
  line-height: 1.3;
}
.search-public .cpnt-common-detail .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
}
.search-public .cpnt-common-detail .list-item .item-title {
  font-size: var(--size-text-h4);
  width: 12.75rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.search-public .cpnt-common-detail .list-item .table-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-public .cpnt-common-detail .list-item .btn {
  margin-bottom: 0;
}
.search-public .top-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-bottom: 0.5rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-public .top-desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.25rem;
}
.search-public .detail-list-swiper {
  overflow: hidden;
  width: 100%;
}
.search-public .detail-list-swiper .swiper-slide {
  background-color: var(--color-bg-gray);
  border-radius: 2rem;
  padding: 2.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.search-public .detail-list-swiper .slide-cont-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.search-public .detail-list-swiper .slide-cont-item:first-child {
  gap: 0.5rem;
}
.search-public .detail-list-swiper .slide-cont-item:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.search-public .detail-list-swiper .slide-cont-item:last-child .cont-item {
  border-right: 1px solid var(--color-bg-gray-darker);
  padding-right: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-public .detail-list-swiper .slide-cont-item:last-child .cont-item:last-child {
  border-right: none;
  padding-right: 0;
  padding-left: 2rem;
}
.search-public .detail-list-swiper .slide-cont-item:last-child .cont-item .info-item {
  width: 100%;
}
.search-public .detail-list-swiper .cont-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 2rem;
  line-height: 1.2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-public .detail-list-swiper .cont-item:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.search-public .detail-list-swiper .cont-item .supply-type {
  font-size: var(--size-text-h3);
  font-weight: 800;
  color: var(--color-text-secondary);
}
.search-public .detail-list-swiper .cont-item .info-name {
  display: block;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}
.search-public .detail-list-swiper .cont-item .info-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--size-text-xl);
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-public .detail-list-swiper .cont-item .info-value dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 0.5rem;
  gap: 0.25rem;
}
.search-public .detail-list-swiper .cont-item .info-value dl.total dd {
  color: var(--color-text-secondary);
}
.search-public .detail-list-swiper .cont-item .info-value dl dt {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 3.25rem;
}
.search-public .detail-list-swiper .cont-item .info-value dl dd {
  text-align: end;
  word-break: break-all;
}
.search-public .detail-list-swiper .cont-item .info-value dl.value-depth {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.125rem;
}
.search-public .detail-list-swiper .cont-item .info-value dl.value-depth dl {
  margin-bottom: 0;
  padding-left: 0.75rem;
}
.search-public .detail-list-swiper .cont-item .info-value dl.value-depth dt {
  font-size: var(--size-text-xs);
  text-align: left;
}
.search-public .detail-list-swiper .cont-item .info-value dl.value-depth dd {
  width: 100%;
}
.search-public .swiper-bottom-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.search-public .swiper-button-next,
.search-public .swiper-button-prev {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  top: initial;
  right: initial;
  left: initial;
  z-index: 11;
  margin-top: 1rem;
}
.search-public .swiper-button-next::after,
.search-public .swiper-button-prev::after {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-icon-lighter);
}
.search-public .swiper-pagination {
  position: relative;
  top: initial;
  bottom: initial;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lightest);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1rem;
}
.search-public .swiper-pagination-current {
  font-weight: 700;
  color: var(--color-text-secondary);
}
.search-public .tb-recruitment-area-info .table thead th {
  font-weight: 500;
}
.search-public .tb-schedule-info .table .desc.warning {
  font-size: var(--size-text-sm);
  font-weight: 500;
}
.search-public .tb-rental-house .list-announce col:nth-of-type(1) {
  width: auto;
}
.search-public .tb-rental-house .list-announce col:nth-of-type(2) {
  width: 98px;
}
.search-public .tb-waiting-tenant .list-announce col:not(:nth-of-type(1)) {
  width: 114px;
}
.search-public .tb-waiting-tenant .list-announce col:nth-of-type(1) {
  width: auto;
}
.search-public .tb-waiting-tenant .list-announce col:last-of-type {
  width: 80px;
}
.search-public .tb-search-public12 col:first-child {
  width: 102px;
}

.detail-list-img-swiper {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.detail-list-img-swiper .swiper-slide {
  background-color: var(--color-bg-gray-dark);
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
  padding-top: 36.364%;
}
.detail-list-img-swiper .swiper-slide::after {
  content: "\e92f";
  font-family: "iconFont";
  font-size: 2.5rem;
  color: var(--color-icon-lighter);
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.detail-list-img-swiper .swiper-slide .img-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.detail-list-img-swiper .swiper-slide .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .search-public .tb-waiting-tenant .list-announce col:not(:nth-of-type(1)) {
    width: 86px;
  }
}
@media (max-width: 767.98px) {
  .search-public .recruitment-notice {
    margin: 2rem 0 3rem;
    padding: 2rem;
  }
  .search-public .recruitment-notice .notice-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 1.5rem;
    gap: 0.5rem;
  }
  .search-public .recruitment-notice .notice-head .list-flagbox[class*=type]::after {
    font-size: var(--size-text-sm);
  }
  .search-public .recruitment-notice .housing-state {
    margin-bottom: 0.25rem;
    font-size: var(--size-text-md);
  }
  .search-public .recruitment-notice .notice-title {
    font-size: var(--size-text-h4);
  }
  .search-public .recruitment-notice .notice-correction-reason {
    padding: 0.75rem;
  }
  .search-public .recruitment-notice .notice-correction-reason .label {
    font-size: var(--size-text-xs);
  }
  .search-public .recruitment-notice .notice-correction-reason .reason {
    font-size: var(--size-text-sm);
  }
  .search-public .recruitment-notice .notice-info {
    margin-top: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .search-public .recruitment-notice .notice-info .btn {
    width: 100%;
    height: 2.5rem;
    font-size: var(--size-text-sm);
  }
  .search-public .recruitment-notice .info-list .list .label {
    font-size: var(--size-text-xs);
    padding-right: 0.625rem;
    margin-right: 0.5rem;
  }
  .search-public .recruitment-notice .info-list .list .value {
    font-size: var(--size-text-sm);
  }
  .search-public .cpnt-common-detail .list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-bottom: 2.5rem;
  }
  .search-public .cpnt-common-detail .list-item .item-title {
    font-size: var(--size-text-xl);
  }
  .search-public .top-desc {
    font-size: var(--size-text-xs);
  }
  .search-public .top-desc::before {
    position: relative;
    margin-right: 0.1875rem;
  }
  .search-public .detail-list-swiper .swiper-slide {
    border-radius: 1.5rem;
    padding: 1.5rem;
    gap: 1.5rem;
  }
  .search-public .detail-list-swiper .slide-cont-item:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search-public .detail-list-swiper .slide-cont-item:last-child .cont-item:first-child {
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-right: none;
    border-bottom: 1px solid var(--color-bg-gray-darker);
  }
  .search-public .detail-list-swiper .slide-cont-item:last-child .cont-item:last-child {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .search-public .detail-list-swiper .cont-item .supply-type {
    font-size: var(--size-text-h4);
  }
  .search-public .detail-list-swiper .cont-item .info-name {
    font-size: var(--size-text-xs);
    margin-bottom: 0.25rem;
  }
  .search-public .detail-list-swiper .cont-item .info-value {
    font-size: var(--size-text-lg);
  }
  .search-public .detail-list-swiper .cont-item .info-value dl {
    margin-bottom: 0.25rem;
  }
  .search-public .detail-list-swiper .cont-item .info-value dl dt {
    font-size: var(--size-text-xs);
    min-width: 3rem;
  }
  .search-public .tb-schedule-info .table .desc.warning {
    font-size: var(--size-text-xs);
  }
  .search-public .tb-rental-house .list-announce col,
.search-public .tb-waiting-tenant .list-announce col {
    width: auto !important;
  }
  .search-public .tb-housing-waiting-state .table-detail col:nth-of-type(1) {
    width: 35%;
    min-width: auto;
  }
  .detail-list-img-swiper .swiper-slide {
    padding-top: 74.636%;
  }
}
.cpnt-common-detail .cpnt-detail-title {
  font-size: var(--size-text-h3);
  font-weight: 800;
  background-color: var(--color-bg-secondary-lightest01);
  min-height: 3.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3.5rem 0 3rem;
}
.cpnt-common-detail .detail-list {
  margin-bottom: 3rem;
}
.cpnt-common-detail .detail-list:last-child {
  margin-bottom: 0;
}
.cpnt-common-detail .detail-list .addition-box {
  background-color: var(--color-bg-secondary-lightest01);
  border-radius: 1rem;
  padding: 2rem 3rem;
  margin-top: 1rem;
}
.cpnt-common-detail .detail-list .addition-box .add-title {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.cpnt-common-detail .detail-list .addition-box .desc-list {
  margin-top: 0;
  padding-left: 0;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list {
  list-style-type: none;
  font-size: var(--size-text-xl);
  font-weight: 700;
  list-style-image: none;
  padding-left: 0;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list:last-child {
  margin-bottom: 0;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list.desc {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: #5b86b8;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list.desc::before {
  content: none;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list .sub-list-wrap {
  margin-top: 0.25rem;
  padding-left: 1rem;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list .sub-list {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  list-style-type: disc;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .list .sub-list::marker {
  font-size: 0.625rem;
}
.cpnt-common-detail .detail-list .addition-box .desc-list .sub-desc {
  margin: 0.25rem 0;
}
.cpnt-common-detail .detail-list .text {
  font-size: var(--size-text-xl);
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.cpnt-common-detail .detail-list .text em {
  color: var(--color-text-primary-dark);
}
.cpnt-common-detail .detail-list .text + .btn {
  margin-bottom: 1rem;
}
.cpnt-common-detail .detail-list .text .desc {
  font-size: var(--size-text-sm);
  color: var(--color-icon-light);
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.cpnt-common-detail .detail-list .text .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-icon-secondary-light);
  margin-right: 0.125rem;
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .detail-list .text.bold {
  font-weight: 700;
}
.cpnt-common-detail .detail-list .desc-list {
  padding-left: 1rem;
  margin-top: 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray {
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 1.5rem 2.75rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list {
  font-size: var(--size-text-md);
  margin-bottom: 0.25rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .text {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  margin: 0.5rem 0;
  position: relative;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .text::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--color-text-lighter);
  position: absolute;
  left: -0.75rem;
  top: 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-title {
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-text-lighter);
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-desc {
  padding-left: 0;
  font-size: var(--size-text-xs);
  color: #5b86b8;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-desc::before {
  content: none;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text-wrap {
  padding-left: 1rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text-wrap.no-list-num {
  padding-left: 0;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text-wrap.no-list-num .sub-text {
  list-style-type: none;
  padding-left: 0;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text-wrap.list-disc .sub-text {
  list-style-type: disc;
  padding-left: 0;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text-wrap.list-disc .sub-text::marker {
  font-size: 0.625rem;
}
.cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: decimal;
  margin: 0.25rem 0;
  padding-left: 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list.lg .list {
  font-size: var(--size-text-xl);
  margin-bottom: 1rem;
}
.cpnt-common-detail .detail-list .desc-list.list-num {
  padding-left: 3rem;
}
.cpnt-common-detail .detail-list .desc-list.list-num .list {
  list-style-type: decimal;
  padding-left: 0.5rem;
  list-style-image: none;
}
.cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
  font-size: var(--size-text-md);
  font-weight: 700;
}
.cpnt-common-detail .detail-list .desc-list .list {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-bottom: 0.25rem;
  padding-left: 0.25rem;
  list-style-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%233F3F46" transform="scale(0.3) translate(2, 2)" transform-origin="center" /></svg>');
}
.cpnt-common-detail .detail-list .desc-list .list:last-child {
  margin-bottom: 0;
}
.cpnt-common-detail .detail-list .desc-list .list.no-marker {
  padding-left: 0;
  margin-left: -1.25rem;
  list-style-image: none;
}
.cpnt-common-detail .detail-list .desc-list .list.no-marker .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
  margin: 1.5rem auto 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list .list.no-marker .warning {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cpnt-common-detail .detail-list .desc-list .list.no-marker::marker {
  font-size: 0;
}
.cpnt-common-detail .detail-list .desc-list .list.txt-orange::marker {
  color: var(--color-text-primary-dark);
}
.cpnt-common-detail .detail-list .desc-list .list .warning {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-warning);
  position: relative;
  padding-left: 0.75rem;
}
.cpnt-common-detail .detail-list .desc-list .list .warning::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  position: absolute;
  top: -0.125rem;
  left: 0;
}
.cpnt-common-detail .detail-list .desc-list .list .desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-top: 0.25rem;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 1rem;
}
.cpnt-common-detail .detail-list .desc-list .list .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.125rem;
  left: 0;
}
.cpnt-common-detail .detail-list .desc-list .list .bold {
  font-weight: 700;
}
.cpnt-common-detail .detail-list .desc-list .list em {
  color: var(--color-text-primary-dark);
}
.cpnt-common-detail .detail-list .desc-list .list .sub-list-wrap {
  padding-left: 1rem;
}
.cpnt-common-detail .detail-list .desc-list .list .sub-list {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  list-style-type: disc;
  margin-top: 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list .list .sub-list::marker {
  font-size: 0.5rem;
}
.cpnt-common-detail .detail-list .desc-list .list .list-sub-desc {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
}
.cpnt-common-detail .detail-list .desc-list .list span.em::after {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .detail-list .desc-list .list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cpnt-common-detail .detail-list .desc-list .sub-desc {
  position: relative;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  margin: 0.5rem 0;
  padding-left: 0.75rem;
}
.cpnt-common-detail .detail-list .desc-list .sub-desc::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.125rem;
  left: 0;
}
.cpnt-common-detail .detail-list .desc-list .sub-desc .word {
  font-weight: 700;
  color: var(--color-icon-light);
}
.cpnt-common-detail .detail-list .list.lg {
  font-size: var(--size-text-lg);
}
.cpnt-common-detail .detail-list .list.sm {
  font-size: var(--size-text-sm);
}
.cpnt-common-detail .detail-list .sub-text-wrap.num-type {
  padding-left: 1rem;
}
.cpnt-common-detail .detail-list .sub-text-wrap.num-type .sub-text {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: decimal;
  margin: 0.25rem 0;
  padding-left: 0.5rem;
}
.cpnt-common-detail .list-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cpnt-common-detail .list-title-wrap .title-desc {
  position: relative;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  margin-bottom: 1rem;
  padding-left: 0.75rem;
  line-height: 1.4;
}
.cpnt-common-detail .list-title-wrap .title-desc::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.125rem;
  left: 0;
}
.cpnt-common-detail .list-title {
  font-size: var(--size-text-h3);
  font-weight: 800;
  line-height: 1.2;
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 1rem;
}
.cpnt-common-detail .list-title::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgba(251, 161, 4, 0.25);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.25rem;
}
.cpnt-common-detail .list-title::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border: 4px solid transparent;
  border-radius: 50%;
  background-image: linear-gradient(#fff, #fff), linear-gradient(147deg, #fba104 31%, #fb7021 84%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: absolute;
  left: 0.1875rem;
  top: 0.4375rem;
}
.cpnt-common-detail .sub-list-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  background-color: var(--color-bg-secondary-lightest01);
  padding: 0.25rem 0.625rem;
  margin-bottom: 1rem;
}
.cpnt-common-detail .sub-list-title em {
  color: var(--color-text-primary-dark);
}
.cpnt-common-detail .sub-global-tab {
  margin-bottom: 3rem;
  z-index: 1;
}
.cpnt-common-detail .list-item {
  margin-bottom: 2rem;
}
.cpnt-common-detail .list-item:last-child {
  margin-bottom: 0;
}
.cpnt-common-detail .list-item .item-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.cpnt-common-detail .list-item .item-title em {
  color: var(--color-text-primary-dark);
}
.cpnt-common-detail .list-item .item-title + .text {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
}
.cpnt-common-detail .list-item .item-title + .desc-list .list {
  font-size: var(--size-text-lg);
  margin-bottom: 0.5rem;
}
.cpnt-common-detail .list-item .btn-wrap .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1rem auto 0;
}
.cpnt-common-detail .list-item .btn {
  margin-bottom: 1rem;
}
.cpnt-common-detail .list-item .sub-desc.lg {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
}
.cpnt-common-detail .sub-list-item .sub-item {
  margin-bottom: 2rem;
}
.cpnt-common-detail .sub-list-item .sub-item:last-child {
  margin-bottom: 0;
}
.cpnt-common-detail .item-formbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cpnt-common-detail .item-formbox-wrap.bank .item-formbox {
  width: calc(33.333% - 0.375rem);
}
.cpnt-common-detail .hyperlink {
  text-decoration: underline;
}
.cpnt-common-detail .asterisk::after {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-left: 0.125rem;
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .asterisk.after2::after {
  content: "**";
}
.cpnt-common-detail .asterisk.after3::after {
  content: "***";
}
.cpnt-common-detail .asterisk.before::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.125rem;
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .asterisk.before::after {
  content: none;
}
.cpnt-common-detail .asterisk.before2::before {
  content: "**";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.125rem;
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .asterisk.before2::after {
  content: none;
}
.cpnt-common-detail .asterisk.before3::before {
  content: "***";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  margin-right: 0.125rem;
  position: relative;
  top: -0.125rem;
}
.cpnt-common-detail .asterisk.before3::after {
  content: none;
}
.cpnt-common-detail .dictionary:hover {
  text-decoration: none;
}
.cpnt-common-detail .dictionary:hover span {
  text-decoration: underline;
}
.cpnt-common-detail .dictionary i {
  font-size: 1.25rem;
  color: var(--color-icon-secondary-light);
  position: relative;
}
.cpnt-common-detail .mo-visible {
  display: none;
}
.cpnt-common-detail .m0 {
  margin: 0 !important;
}
.cpnt-common-detail .mt0 {
  margin-top: 0 !important;
}
.cpnt-common-detail .mt4 {
  margin-top: 0.25rem !important;
}
.cpnt-common-detail .mt8 {
  margin-top: 0.5rem !important;
}
.cpnt-common-detail .mt16 {
  margin-top: 1rem !important;
}
.cpnt-common-detail .mt32 {
  margin-top: 2rem !important;
}
.cpnt-common-detail .mr0 {
  margin-right: 0 !important;
}
.cpnt-common-detail .mr4 {
  margin-right: 0.25rem !important;
}
.cpnt-common-detail .mr8 {
  margin-right: 0.5rem !important;
}
.cpnt-common-detail .mr16 {
  margin-right: 1rem !important;
}
.cpnt-common-detail .mb0 {
  margin-bottom: 0 !important;
}
.cpnt-common-detail .mb4 {
  margin-bottom: 0.25rem !important;
}
.cpnt-common-detail .mb8 {
  margin-bottom: 0.5rem !important;
}
.cpnt-common-detail .mb16 {
  margin-bottom: 1rem !important;
}
.cpnt-common-detail .ml0 {
  margin-left: 0 !important;
}
.cpnt-common-detail .ml4 {
  margin-left: 0.25rem !important;
}
.cpnt-common-detail .ml8 {
  margin-left: 0.5rem !important;
}
.cpnt-common-detail .ml16 {
  margin-left: 1rem !important;
}
.cpnt-common-detail .ml-a {
  margin-left: auto;
}
.cpnt-common-detail .ml-16 {
  margin-left: -1rem !important;
}
.cpnt-common-detail .p0 {
  padding: 0 !important;
}
.cpnt-common-detail .pl0 {
  padding-left: 0 !important;
}
.cpnt-common-detail .pl4 {
  padding-left: 0.25rem !important;
}
.cpnt-common-detail .pl8 {
  padding-left: 0.5rem !important;
}
.cpnt-common-detail .pl16 {
  padding-left: 1rem !important;
}
.cpnt-common-detail .fz-lg {
  font-size: var(--size-text-lg) !important;
  line-height: 1.4;
  color: var(--color-text-light);
}
.cpnt-common-detail .fz-md {
  font-size: var(--size-text-md) !important;
}
.cpnt-common-detail .align-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.bottom-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 2.5rem;
}
.bottom-btn-wrap .btn {
  min-width: 6.875rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .cpnt-common-detail .cpnt-detail-title {
    font-size: var(--size-text-h4);
    min-height: 3.5rem;
  }
  .cpnt-common-detail .detail-list .addition-box {
    padding: 1.5rem;
  }
  .cpnt-common-detail .detail-list .addition-box .add-title {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .detail-list .addition-box .desc-list .list {
    font-size: var(--size-text-lg);
  }
  .cpnt-common-detail .detail-list .addition-box .desc-list .list.desc {
    font-size: var(--size-text-xxs);
  }
  .cpnt-common-detail .detail-list .addition-box .desc-list .list .sub-list {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .detail-list .text {
    font-size: var(--size-text-lg);
  }
  .cpnt-common-detail .detail-list .text .desc {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .desc-list.bg-gray {
    padding: 1rem 1rem 1rem 2.25rem;
  }
  .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-title {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-desc {
    font-size: var(--size-text-xxs);
  }
  .cpnt-common-detail .detail-list .desc-list.bg-gray .list .sub-text {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .desc-list.lg .list {
    font-size: var(--size-text-lg);
  }
  .cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .detail-list .desc-list .list {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .detail-list .desc-list .list.no-marker .btn {
    font-size: var(--size-text-sm);
    height: 2.25rem;
  }
  .cpnt-common-detail .detail-list .desc-list .list.no-marker::marker {
    font-size: 0;
  }
  .cpnt-common-detail .detail-list .desc-list .list .warning {
    font-size: var(--size-text-xxs);
  }
  .cpnt-common-detail .detail-list .desc-list .list .desc {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .desc-list .list .sub-list {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .detail-list .desc-list .sub-desc {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .list.lg {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .detail-list .list.sm {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .detail-list .sub-text-wrap.num-type .sub-text {
    font-size: var(--size-text-xs);
  }
  .cpnt-common-detail .list-title-wrap {
    display: block;
  }
  .cpnt-common-detail .list-title-wrap .title-desc {
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .list-title {
    font-size: var(--size-text-h4);
    margin-bottom: 1rem;
  }
  .cpnt-common-detail .sub-list-title {
    font-size: var(--size-text-lg);
  }
  .cpnt-common-detail .sub-global-tab {
    margin-bottom: 2.5rem;
  }
  .cpnt-common-detail .sub-global-tab .option-list {
    display: block;
  }
  .cpnt-common-detail .list-item .item-title {
    font-size: var(--size-text-lg);
  }
  .cpnt-common-detail .list-item .item-title + .text {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .list-item .item-title + .desc-list .list {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .list-item .btn-wrap .btn {
    height: 2.25rem;
    font-size: var(--size-text-sm);
  }
  .cpnt-common-detail .list-item .sub-desc.lg {
    font-size: var(--size-text-md);
  }
  .cpnt-common-detail .sub-list-item .sub-item {
    margin-bottom: 1.5rem;
  }
  .cpnt-common-detail .item-formbox-wrap.bank .item-formbox {
    width: 100%;
  }
  .cpnt-common-detail .mo-hidden {
    display: none;
  }
  .cpnt-common-detail .mo-visible {
    display: block;
  }
  .cpnt-common-detail .mt32 {
    margin-top: 1.5rem !important;
  }
  .cpnt-common-detail .mb8 {
    margin-bottom: 0.25rem !important;
  }
  .cpnt-common-detail .fz-lg {
    font-size: var(--size-text-md) !important;
  }
  .cpnt-common-detail .fz-md {
    font-size: var(--size-text-sm) !important;
  }
  .bottom-btn-wrap {
    margin-top: 1.5rem;
  }
  .bottom-btn-wrap .btn {
    max-width: 100%;
    width: 100%;
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
  }
}
/*정보마당*/
#main .myhome-info .contents-container {
  overflow: visible;
}
#main .myhome-info .mo-snbar {
  margin-bottom: 2rem;
}

.myhome-info .top-banner {
  border-radius: 2rem 2rem 2rem 3.5rem;
  background: url("../images/info/bg_info_main.png") center/cover no-repeat;
  color: var(--color-inverse);
  padding: 10.875rem 12.25rem 5rem 5rem;
  margin-bottom: 3.5rem;
}
.myhome-info .top-banner .banner-titile {
  font-size: var(--size-text-d2);
  font-weight: 900;
  line-height: 1.3;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgba(225, 225, 225, 0.6);
}
.myhome-info .top-banner .banner-desc {
  font-size: var(--size-text-xl);
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-inverse);
  opacity: 0.8;
}
.myhome-info .myhome-info-main-cont {
  margin-bottom: 3.5rem;
}
.myhome-info .myhome-info-main-cont .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.myhome-info .myhome-info-main-cont .cont-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item {
  background-color: var(--color-inverse);
  border-radius: 1.5rem;
  padding: 3rem 2.0625rem;
  -webkit-box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .img-wrap {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .cont-title {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.4;
  margin-bottom: 0.5rem;
  word-break: keep-all;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  margin-bottom: 1rem;
  min-height: 4.875rem;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .btn-shortcut {
  font-size: var(--size-text-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
}
.myhome-info .myhome-info-main-cont.main-service .cont-item .btn-shortcut i {
  font-size: var(--size-text-md);
}
.myhome-info .myhome-info-main-cont.myhome-promise .cont-item-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.myhome-info .myhome-info-main-cont.myhome-promise .cont-item {
  width: 100%;
  background-color: var(--color-bg-secondary-lightest02);
  border-radius: 1.5rem;
  padding: 1.75rem 6.125rem 1.75rem 2rem;
  font-weight: 700;
  line-height: 1.4;
  background: var(--color-bg-secondary-lightest02) url("../images/info/icon_promise.svg") right 2rem top 50%/2.625rem 3.75rem no-repeat;
}
.myhome-info .myhome-info-main-cont.myhome-promise .cont-item .label {
  font-size: var(--size-text-sm);
  color: var(--color-text-secondary);
  display: block;
  margin-bottom: 0.25rem;
}
.myhome-info .myhome-info-main-cont.myhome-promise .cont-item .cont-title {
  font-size: var(--size-text-xl);
}

/*
* responsive
*/
@media (max-width: 1430.98px) {
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-title {
    min-height: 3.125rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
    min-height: 6.125rem;
  }
}
@media (max-width: 1250.98px) {
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
    min-height: 7.375rem;
  }
}
@media (max-width: 1199.98px) {
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
    min-height: 6.125rem;
  }
}
@media (max-width: 991.98px) {
  .myhome-info .myhome-info-main-cont.main-service .cont-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .img-wrap {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin: 0;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-title,
.myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
    min-height: auto;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .btn-shortcut {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  #main .myhome-info .contents-container {
    overflow: hidden;
  }
  .myhome-info .top-banner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    background-image: url("../images/info/bg_info_main_mo.png");
    margin-bottom: 3rem;
  }
  .myhome-info .top-banner .banner-titile {
    font-size: var(--size-text-d6);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .myhome-info .top-banner .banner-desc {
    font-size: var(--size-text-md);
  }
  .myhome-info .myhome-info-main-cont {
    margin-bottom: 3rem;
  }
  .myhome-info .myhome-info-main-cont .title {
    font-size: var(--size-text-d5);
    margin-bottom: 1rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.75rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item {
    border-radius: 1rem;
    padding: 1.5rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .img-wrap {
    width: 3.875rem;
    height: 3.875rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-title {
    font-size: var(--size-text-md);
    margin-bottom: 0.5rem;
  }
  .myhome-info .myhome-info-main-cont.main-service .cont-item .cont-desc {
    font-size: var(--size-text-xs);
    margin-bottom: 0.5rem;
  }
  .myhome-info .myhome-info-main-cont.myhome-promise .cont-item-wrap {
    gap: 0.5rem;
  }
  .myhome-info .myhome-info-main-cont.myhome-promise .cont-item {
    border-radius: 1rem;
  }
  .myhome-info .myhome-info-main-cont.myhome-promise .cont-item .label {
    font-size: var(--size-text-xs);
  }
  .myhome-info .myhome-info-main-cont.myhome-promise .cont-item .cont-title {
    font-size: var(--size-text-mdsw);
  }
}
.myhome-info .sub-cont-tab {
  margin-bottom: 3rem;
}
.myhome-info .tb-notice .tb-list tbody tr td {
  padding: 1rem 0.5rem;
}
.myhome-info .tb-notice col:nth-of-type(4) {
  width: 110px;
}
.myhome-info .list-common-detail .detail-head {
  background-color: var(--color-bg-gray);
  border-top: 2px solid var(--color-border-darkest);
  border-bottom: 1px solid var(--color-border);
  padding: 3rem;
}
.myhome-info .list-common-detail .detail-head .title {
  font-size: var(--size-text-h3);
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.3;
}
.myhome-info .list-common-detail .detail-head .written-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.myhome-info .list-common-detail .detail-head .written-state .label {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  position: relative;
  display: inline-block;
  padding-right: 1rem;
  margin-right: 0.75rem;
}
.myhome-info .list-common-detail .detail-head .written-state .label::after {
  content: "";
  display: block;
  width: 1px;
  height: 0.8125rem;
  background-color: var(--color-border);
  position: absolute;
  top: 1px;
  right: 0;
}
.myhome-info .list-common-detail .detail-head .written-state .value {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
}
.myhome-info .list-common-detail .detail-contentbox {
  padding: 3rem;
  line-height: 1.6;
}
.myhome-info .list-common-detail .detail-contentbox dl,
.myhome-info .list-common-detail .detail-contentbox li,
.myhome-info .list-common-detail .detail-contentbox ul,
.myhome-info .list-common-detail .detail-contentbox ol,
.myhome-info .list-common-detail .detail-contentbox menu {
  list-style: disc;
}
.myhome-info .list-common-detail .attachment {
  background-color: var(--color-inverse);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.myhome-info .list-common-detail .attachment .text {
  font-size: var(--size-text-md);
  font-weight: 500;
  background-color: var(--color-bg-gray);
  padding: 1.5rem 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.myhome-info .list-common-detail .attachment .attachment-wrap {
  padding: 1.5rem 1.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.myhome-info .list-common-detail .attachment .file-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.myhome-info .list-common-detail .attachment .file-list .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.myhome-info .list-common-detail .attachment .file-list .list-item::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../images/components/icon_paperclip.svg") center/cover no-repeat;
}
.myhome-info .list-common-detail .attachment .file-list .list-item .file {
  font-size: var(--size-text-md);
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 12.125rem;
}
.myhome-info .list-common-detail .attachment .file-list .list-item .file:hover {
  color: var(--color-text-secondary);
  text-decoration: underline;
}
.myhome-info .list-common-detail .attachment .file-list .list-item .file-size {
  font-size: var(--size-text-xxs);
  font-weight: 400;
  color: var(--color-text-lighter);
  position: relative;
  top: 0.125rem;
}
.myhome-info .list-common-detail .attachment .total-file {
  background-color: var(--color-bg-gray);
  border-radius: 4rem;
  padding: 0.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}
.myhome-info .list-common-detail .attachment .total-file .total-size {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.myhome-info .list-common-detail .attachment .total-file .btn-full-download {
  font-size: var(--size-text-xs);
  font-weight: 700;
  color: var(--color-text-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.myhome-info .list-common-detail .attachment .total-file .btn-full-download i {
  font-size: 1rem;
}
.myhome-info .list-common-detail {
  margin-bottom: 2.5rem;
}
.myhome-info .other-list-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.myhome-info .other-list-detail .list-prev,
.myhome-info .other-list-detail .list-next {
  border: 1px solid var(--color-border);
  border-radius: 1rem 1rem 1rem 3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 7.2rem;
}
.myhome-info .other-list-detail .list-prev a,
.myhome-info .other-list-detail .list-next a {
  display: block;
  padding: 2rem 2.5rem 2rem 7rem;
  text-align: right;
  position: relative;
}
.myhome-info .other-list-detail .list-prev a::before,
.myhome-info .other-list-detail .list-next a::before {
  content: "\e913";
  font-family: "iconFont";
  display: block;
  font-size: 1.5rem;
  color: var(--color-icon-lighter);
  position: absolute;
  top: 50%;
  left: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.myhome-info .other-list-detail .list-prev:hover,
.myhome-info .other-list-detail .list-next:hover {
  border: 1px solid var(--color-icon-primary);
  background-color: var(--color-bg-primary-lightest02);
  -webkit-box-shadow: 0 3px 8px 0 rgba(251, 161, 4, 0.13);
          box-shadow: 0 3px 8px 0 rgba(251, 161, 4, 0.13);
  overflow: hidden;
}
.myhome-info .other-list-detail .list-prev:hover a::before,
.myhome-info .other-list-detail .list-next:hover a::before {
  color: var(--color-icon-primary);
}
.myhome-info .other-list-detail .list-prev.no-list,
.myhome-info .other-list-detail .list-next.no-list {
  display: none;
}
.myhome-info .other-list-detail .list-next {
  border-radius: 1rem 1rem 3rem 1rem;
}
.myhome-info .other-list-detail .list-next a {
  padding: 2rem 7rem 2rem 2.5rem;
  text-align: left;
}
.myhome-info .other-list-detail .list-next a::before {
  left: initial;
  right: 2rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.myhome-info .other-list-detail .label {
  display: block;
  font-size: var(--size-text-sm);
  font-weight: 700;
  color: var(--color-text-lighter);
  margin-bottom: 0.75rem;
}
.myhome-info .other-list-detail .title {
  font-size: var(--size-text-lg);
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.myhome-info .other-list-detail.none-prev .list-prev {
  display: none;
  -webkit-box-flex: 0.851;
      -ms-flex: 0.851;
          flex: 0.851;
}
.myhome-info .other-list-detail.none-prev .list-prev.no-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 2rem 2.5rem;
  text-align: left;
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-lighter);
  cursor: default;
}
.myhome-info .other-list-detail.none-prev .list-prev.no-list i {
  font-size: 1.25rem;
}
.myhome-info .other-list-detail.none-prev .list-prev:hover {
  border: 1px solid var(--color-border);
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.myhome-info .other-list-detail.none-next .list-next {
  display: none;
  -webkit-box-flex: 0.851;
      -ms-flex: 0.851;
          flex: 0.851;
}
.myhome-info .other-list-detail.none-next .list-next.no-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 2rem 2.5rem;
  text-align: left;
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-lighter);
  cursor: default;
}
.myhome-info .other-list-detail.none-next .list-next.no-list i {
  font-size: 1.25rem;
}
.myhome-info .other-list-detail.none-next .list-next:hover {
  border: 1px solid var(--color-border);
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.myhome-info .bottom-btn-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .myhome-info .sub-cont-tab {
    margin-bottom: 2rem;
  }
  .myhome-info .tb-notice col:nth-of-type(4) {
    width: auto;
  }
  .myhome-info .list-common-detail .detail-head {
    padding: 1.8125rem 1rem;
  }
  .myhome-info .list-common-detail .detail-head .title {
    font-size: var(--size-text-xl);
    margin-bottom: 0.75rem;
  }
  .myhome-info .list-common-detail .detail-head .written-state .label {
    font-size: var(--size-text-xs);
    padding-right: 0.625rem;
    margin-right: 0.375rem;
  }
  .myhome-info .list-common-detail .detail-head .written-state .value {
    font-size: var(--size-text-sm);
  }
  .myhome-info .list-common-detail .detail-contentbox {
    padding: 1rem;
    line-height: 1.4;
  }
  .myhome-info .list-common-detail .attachment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .myhome-info .list-common-detail .attachment .text {
    padding: 1rem;
    font-size: var(--size-text-sm);
    border-bottom: 1px solid var(--color-border);
  }
  .myhome-info .list-common-detail .attachment .attachment-wrap {
    padding: 1rem;
  }
  .myhome-info .list-common-detail .attachment .file-list {
    gap: 1.5rem 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .myhome-info .list-common-detail .attachment .file-list .list-item::before {
    width: 1.125rem;
    height: 1.125rem;
  }
  .myhome-info .list-common-detail .attachment .file-list .list-item .file {
    font-size: var(--size-text-sm);
    max-width: 100%;
  }
  .myhome-info .list-common-detail .total-file {
    margin-top: 1.5rem;
  }
  .myhome-info .list-common-detail .total-file .total-size {
    font-size: var(--size-text-sm);
  }
  .myhome-info .list-common-detail .total-file .btn-full-download {
    font-size: var(--size-text-sm);
  }
  .myhome-info .list-common-detail {
    margin-bottom: 1.25rem;
  }
  .myhome-info .other-list-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .myhome-info .other-list-detail .list-prev,
.myhome-info .other-list-detail .list-next {
    border-radius: 1rem;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .myhome-info .other-list-detail .list-prev a,
.myhome-info .other-list-detail .list-next a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    text-align: left;
  }
  .myhome-info .other-list-detail .list-prev a::before,
.myhome-info .other-list-detail .list-next a::before {
    content: none;
  }
  .myhome-info .other-list-detail .list-prev .label,
.myhome-info .other-list-detail .list-next .label {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 0;
  }
  .myhome-info .other-list-detail .list-prev .title,
.myhome-info .other-list-detail .list-next .title {
    font-size: var(--size-text-md);
  }
  .myhome-info .other-list-detail.none-next .list-prev.no-list,
.myhome-info .other-list-detail.none-next .list-next.no-list {
    padding: 1rem;
    font-size: var(--size-text-md);
  }
  .myhome-info .other-list-detail.none-next .list-prev.no-list i,
.myhome-info .other-list-detail.none-next .list-next.no-list i {
    font-size: 1.125rem;
  }
  .myhome-info .bottom-btn-wrap {
    margin-top: 1.25rem;
  }
}
.myhome-info .news-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 2rem;
  border-top: 2px solid var(--color-border-darkest);
}
.myhome-info .news-list {
  width: calc(25% - 1.125rem);
}
.myhome-info .news-list a {
  display: block;
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  overflow: hidden;
}
.myhome-info .news-list a .img-wrap {
  position: relative;
  padding-top: 100%;
  background-color: var(--color-bg-gray-dark);
}
.myhome-info .news-list a .img-wrap::before {
  content: "\e92f";
  font-family: "iconFont";
  font-size: 2.5rem;
  color: var(--color-icon-lighter);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.myhome-info .news-list a .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.myhome-info .news-list a .text-wrap {
  padding: 1.25rem 1.5rem;
}
.myhome-info .news-list a .text-wrap .title {
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.myhome-info .news-list a .text-wrap .news-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
}
.myhome-info .news-list a .text-wrap .news-state .views .value {
  position: relative;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
.myhome-info .news-list a .text-wrap .news-state .views .value::before {
  content: "";
  display: block;
  width: 1px;
  height: 0.625rem;
  background-color: var(--color-border);
  position: absolute;
  top: 0.125rem;
  left: 0;
}
.myhome-info .news-list:hover a {
  border: 1px solid var(--color-border-primary);
  -webkit-box-shadow: 0 3px 8px 0 rgba(251, 161, 4, 0.13);
          box-shadow: 0 3px 8px 0 rgba(251, 161, 4, 0.13);
}
.myhome-info .news-list:hover a .text-wrap {
  background-color: var(--color-bg-primary-lightest02);
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .myhome-info .news-list {
    width: calc(33.333% - 1rem);
  }
}
@media (max-width: 767.98px) {
  .myhome-info .news-list-wrap {
    margin-bottom: 1.5rem;
    gap: 1rem;
    padding-top: 1.5rem;
  }
  .myhome-info .news-list {
    width: calc(50% - 0.5rem);
  }
  .myhome-info .news-list a .img-wrap::before {
    font-size: 2rem;
  }
  .myhome-info .news-list a .text-wrap {
    padding: 1rem;
  }
  .myhome-info .news-list a .text-wrap .title {
    font-size: var(--size-text-sm);
    line-height: 1.4;
  }
}
@media (max-width: 575.98px) {
  .myhome-info .news-list a .text-wrap .news-state {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-dictionary {
  background-color: var(--color-bg-secondary-lightest01);
  border-radius: 1rem 1rem 1rem 3rem;
  padding: 4rem 5rem;
  margin-bottom: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-dictionary .word-wrap {
  border-right: 1px solid rgba(26, 65, 150, 0.2);
  padding-right: 5rem;
  margin-right: 5rem;
  word-break: keep-all;
}
.top-dictionary .word-wrap:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.top-dictionary .word {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}
.top-dictionary .desc-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-dictionary .word-mean {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.top-dictionary .advice {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-left: 1px solid rgba(26, 65, 150, 0.2);
  padding-left: 5.5rem;
  margin-left: 5rem;
}
.top-dictionary .advice li {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-secondary);
  line-height: 1.4;
  margin-bottom: 0.5rem;
  list-style-type: decimal;
}
.top-dictionary .advice li:last-child {
  margin-bottom: 0;
}

.myhome-info .sub-global-tab + .top-dictionary {
  margin-top: 3.5rem;
}
.myhome-info .house-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.myhome-info .house-type .img-wrap {
  width: 18.125rem;
  min-height: 13.25rem;
  background-color: var(--color-bg-gray-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.myhome-info .house-type .img-wrap img {
  width: 11.625rem;
  height: 11.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.myhome-info .house-type .text-wrap {
  padding: 2rem;
}
.myhome-info .house-type .type {
  font-size: var(--size-text-xl);
  font-weight: 700;
  margin-bottom: 1rem;
}
.myhome-info .house-type .desc-list {
  padding-left: 1.125rem;
  margin-top: 0;
}
.myhome-info .house-type .desc-list .sub-desc {
  font-size: var(--size-text-xs);
  color: #5b86b8;
  margin-top: 0.5rem;
}
.myhome-info .house-type .desc-list .sub-desc::before {
  content: none;
}
.myhome-info .table th {
  font-weight: 700;
}
.myhome-info .table td {
  text-align: center;
  height: 4rem;
}
.myhome-info .tb-way-to-come .table-detail col:nth-of-type(3) {
  width: 230px;
}
.myhome-info .tb-way-to-come .table-detail col:nth-of-type(4) {
  width: 190px;
}
.myhome-info .img-mediation-procedure {
  max-width: 51.75rem;
  max-height: 46.5rem;
  margin: 0 auto 3rem;
}
.myhome-info .img-mediation-procedure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.myhome-info .mediation-form .list-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.myhome-info .mediation-form .list-item {
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 0;
  width: calc(50% - 0.5rem);
}
.myhome-info .mediation-form .list-item .item-head {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-darker);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.myhome-info .mediation-form .list-item .form-name {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
}
.myhome-info .mediation-form .list-item .btn {
  margin-bottom: 0;
}
.myhome-info .mediation-form .list-item .form-desc {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  position: relative;
  padding-left: 0.75rem;
}
.myhome-info .mediation-form .list-item .form-desc::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--color-text-light);
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.myhome-info .descbox {
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 1rem;
}
.myhome-info .descbox .box-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-darker);
}
.myhome-info .descbox .box-cont {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.myhome-info .descbox .box-advice {
  position: relative;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  margin-bottom: 0.25rem;
  padding-left: 0.75rem;
  line-height: 1.3;
}
.myhome-info .descbox .box-advice::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.0625rem;
  left: 0;
}
.myhome-info .bottom-btn-wrap .btn {
  padding-left: 1rem;
}

.faq-list-wrap .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  padding: 0;
  margin-bottom: 1rem;
}
.faq-list-wrap .top-bar .total-count,
.faq-list-wrap .top-bar .btn-guide {
  display: none;
}
.faq-list-wrap .top-bar .input-wrap {
  display: block;
}
.faq-list-wrap .top-bar .input-wrap.select {
  width: 10.625rem;
}
.faq-list-wrap .top-bar .input-wrap.search {
  width: 16.25rem;
}
.faq-list-wrap .top-bar .input-wrap.search input {
  border: 1px solid var(--color-bg-gray-dark);
  background: var(--color-bg-gray-dark) url("../images/components/icon_search.svg") center right 0.875rem/1.25rem 1.25rem no-repeat;
  padding-right: 3rem;
}
.faq-list-wrap .top-bar .input-wrap.search input::-webkit-input-placeholder {
  color: var(--color-text-lightest);
}
.faq-list-wrap .top-bar .input-wrap.search input::-moz-placeholder {
  color: var(--color-text-lightest);
}
.faq-list-wrap .top-bar .input-wrap.search input:-ms-input-placeholder {
  color: var(--color-text-lightest);
}
.faq-list-wrap .top-bar .input-wrap.search input::-ms-input-placeholder {
  color: var(--color-text-lightest);
}
.faq-list-wrap .top-bar .input-wrap.search input::placeholder {
  color: var(--color-text-lightest);
}

.faq-list .faq {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(124, 124, 124, 0.2);
          box-shadow: 0px 3px 8px 0px rgba(124, 124, 124, 0.2);
  padding: 1.5rem 1.625rem 1.5rem 2rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  position: relative;
}
.faq-list .faq:last-child {
  margin-bottom: 0;
}
.faq-list .faq.open {
  background-color: var(--color-bg-primary-lightest02);
}
.faq-list .faq.open .btn-faq-open i::before {
  content: "\e90d";
}
.faq-list .question-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.faq-list .question {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 3.375rem;
}
.faq-list .question::before {
  content: "Q.";
  display: inline-block;
  margin-right: 0.75rem;
}
.faq-list .question .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem 0;
}
.faq-list .question .label {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-primary-dark);
  margin-right: 0.75rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.faq-list .question .label::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.0625rem;
}
.faq-list .question .label.type1::after {
  content: "[주거급여]";
}
.faq-list .question .label.type2::after {
  content: "[임대주택]";
}
.faq-list .question .label.type3::after {
  content: "[주택금융]";
}
.faq-list .question .label.type4::after {
  content: "[공공기숙사]";
}
.faq-list .question .label.type5::after {
  content: "[공공분양]";
}
.faq-list .btn-faq-open {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: var(--color-icon-primary);
  position: absolute;
  right: 1.625rem;
  top: 1.375rem;
}
.faq-list .answer-wrap {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
}
.faq-list .answer {
  font-family: var(--font-primary);
  margin-top: 1.5rem;
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  border-left: 3px solid var(--color-border-primary);
  padding-left: 1.25rem;
  padding-right: 2.375rem;
}
.faq-list ul.answer {
  padding-left: 2.5rem;
}
.faq-list ul.answer li {
  list-style-type: disc;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
}
.faq-list ul.answer li::marker {
  font-size: 0.75rem;
}
.faq-list ul.answer li:last-child {
  margin-bottom: 0;
}
.faq-list ul.answer li .text {
  font-weight: 400;
  margin-top: 0.25rem;
}

.trading-system .cpnt-common-detail .list-item {
  margin-bottom: 2.5rem;
}
.trading-system .cpnt-common-detail .list-item:last-child {
  margin-bottom: 0;
}
.trading-system .cpnt-common-detail .detail-list .desc-list .list .warning {
  font-size: var(--size-text-sm);
  margin-top: 0.25rem;
}
.trading-system .table .list-wrap {
  padding-left: 1.125rem;
}
.trading-system .bottom-btn-wrap {
  margin-top: 1.25rem;
}

.trading-system-next .cpnt-common-detail .list-item .btn {
  margin-top: 0.5rem;
  margin-bottom: 0.625rem;
}
.trading-system-next .cpnt-common-detail .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.trading-system-next .cpnt-common-detail .btn-wrap .btn {
  margin: 0;
}

.trading-system-next .cpnt-common-detail .sub-list-title,
.housing-lease-dispute .cpnt-common-detail .sub-list-title {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.5rem;
}
.trading-system-next .cpnt-common-detail .detail-list .desc-list.bg-gray .list,
.housing-lease-dispute .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
  font-size: var(--size-text-md);
}
.trading-system-next .cpnt-common-detail .detail-list .desc-list .list,
.housing-lease-dispute .cpnt-common-detail .detail-list .desc-list .list {
  font-size: var(--size-text-lg);
}

.brokerage-fee .top-dictionary .word-wrap {
  border: none;
  padding-right: 0;
  margin-right: 0;
  width: 100%;
}
.brokerage-fee .top-dictionary .dictionary-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.brokerage-fee .top-dictionary .desc-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.brokerage-fee .top-dictionary .advice {
  padding-left: 0;
  margin-left: 0;
  border: none;
}
.brokerage-fee .top-dictionary .advice li {
  list-style-type: none;
}
.brokerage-fee .view-rate-map-wrap .svg-map-area {
  background-color: var(--color-bg-secondary-lightest01);
  margin: 0 auto;
  border-radius: 2rem;
}
.brokerage-fee .tb-view-rate {
  display: none;
}
.brokerage-fee .tb-view-rate .table td {
  font-size: var(--size-text-md);
  border-left: none;
  height: 3.25rem;
}
.brokerage-fee .tb-view-rate .table td.center .btn-view {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brokerage-fee .tb-view-rate .table td .btn-view-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brokerage-fee .tb-view-rate .table td .btn-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.brokerage-fee .tb-view-rate .table td .btn-view i {
  font-size: 1.125rem;
  color: var(--color-icon-lighter);
}
.brokerage-fee .tb-view-rate .table td .btn-view:hover {
  text-decoration: none;
}

.housing-lease-dispute .cpnt-common-detail .detail-list .text {
  margin-bottom: 0.5rem;
}
.housing-lease-dispute .table-detail col:first-child {
  width: 192px;
}
.housing-lease-dispute .bottom-btn-wrap {
  margin-top: 2rem;
}

.house-manage-dispute .sub-global-tab .option-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.house-manage-dispute .sub-global-tab .option-list .list {
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
}
.house-manage-dispute .sub-global-tab .option-list .list:nth-child(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.house-manage-dispute .img-mediation-procedure {
  max-width: 51.75rem;
  max-height: 49.875rem;
}
.house-manage-dispute .cpnt-common-detail .detail-list .desc-list .list {
  font-size: var(--size-text-lg);
}
.house-manage-dispute .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
  font-size: var(--size-text-md);
}
.house-manage-dispute .cpnt-common-detail .detail-list .desc-list + .text {
  margin-top: 1rem;
}
.house-manage-dispute .cpnt-common-detail .list-title + .desc-list .list {
  font-size: var(--size-text-xl);
  color: var(--color-text);
  margin-bottom: 1rem;
}
.house-manage-dispute .cpnt-common-detail .list-title + .desc-list .list:last-child {
  margin-bottom: 0;
}
.house-manage-dispute .cpnt-common-detail .mediation-procedure .list-item {
  margin-bottom: 3rem;
}
.house-manage-dispute .cpnt-common-detail .mediation-procedure .list-item:last-child {
  margin-bottom: 0;
}
.house-manage-dispute .cpnt-common-detail .mediation-procedure .text:last-child {
  margin-bottom: 0;
}
.house-manage-dispute .text .sub-list-title {
  background-color: transparent;
  margin-bottom: 0.5rem;
  padding: 0;
}
.house-manage-dispute .text + .desc-list {
  margin-top: -0.5rem;
}
.house-manage-dispute .table-wrap .tb-title {
  font-weight: 400;
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .myhome-info .house-type .img-wrap {
    width: 16rem;
    min-height: 11.125rem;
  }
  .myhome-info .house-type .img-wrap img {
    width: 8.5rem;
    height: 7.75rem;
  }
  .housing-lease-dispute .table-detail col:first-child {
    width: 150px;
  }
}
@media (max-width: 767.98px) {
  .top-dictionary {
    padding: 2.5rem 2rem;
    margin-bottom: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-dictionary .word-wrap {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    border-bottom: 1px solid rgba(26, 65, 150, 0.2);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .top-dictionary .word {
    font-size: var(--size-text-d5);
    margin-bottom: 0.5rem;
  }
  .top-dictionary .desc-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-dictionary .word-mean {
    font-size: var(--size-text-md);
  }
  .top-dictionary .advice {
    border-left: none;
    padding-left: 1rem;
    margin-left: 0;
    border-top: 1px solid rgba(26, 65, 150, 0.2);
    padding-top: 1rem;
    margin-top: 1rem;
  }
  .top-dictionary .advice li {
    font-size: var(--size-text-sm);
  }
  .myhome-info .sub-global-tab + .top-dictionary {
    margin-top: 2rem;
  }
  .myhome-info .house-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1rem;
  }
  .myhome-info .house-type .img-wrap {
    width: 100%;
  }
  .myhome-info .house-type .text-wrap {
    padding: 1rem;
  }
  .myhome-info .house-type .type {
    font-size: var(--size-text-lg);
  }
  .myhome-info .house-type .desc-list .list::marker {
    font-size: 0.75rem;
  }
  .myhome-info .table td {
    height: 2.75rem;
  }
  .myhome-info .tb-way-to-come .table-detail col:nth-of-type(3) {
    width: 180px;
  }
  .myhome-info .tb-way-to-come .table-detail col:nth-of-type(4) {
    width: 155px;
  }
  .myhome-info .mediation-form .list-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .myhome-info .mediation-form .list-item {
    padding: 1rem;
    margin-bottom: 0 !important;
    width: 100%;
  }
  .myhome-info .mediation-form .list-item .item-head {
    margin-bottom: 1rem;
  }
  .myhome-info .mediation-form .list-item .form-name {
    font-size: var(--size-text-lg);
  }
  .myhome-info .mediation-form .list-item .form-desc {
    font-size: var(--size-text-sm);
  }
  .myhome-info .descbox {
    padding: 1rem;
  }
  .myhome-info .descbox .box-title {
    font-size: var(--size-text-lg);
  }
  .myhome-info .descbox .box-cont {
    font-size: var(--size-text-md);
    margin-bottom: 1rem;
  }
  .myhome-info .descbox .box-advice {
    font-size: var(--size-text-xs);
  }
  .faq-list-wrap .top-bar .input-wrap.select {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
  .faq-list-wrap .top-bar .input-wrap.search {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
    width: auto;
  }
  .faq-list .faq {
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .faq-list .question {
    font-size: var(--size-text-md);
    padding-right: 3rem;
  }
  .faq-list .question .text-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .faq-list .question .label {
    font-size: var(--size-text-sm);
    margin-right: 0.75rem;
  }
  .faq-list .btn-faq-open {
    top: 0.75rem;
    right: 0.875rem;
  }
  .faq-list .answer {
    font-size: var(--size-text-sm);
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 0;
  }
  .faq-list ul.answer {
    padding-left: 1.875rem;
  }
  .faq-list ul.answer li {
    padding-left: 0.125rem;
  }
  .monthly-rent .cpnt-common-detail .list-item {
    margin-bottom: 1.5rem;
  }
  .trading-system .cpnt-common-detail .list-item {
    margin-bottom: 2rem;
  }
  .trading-system .table th,
.trading-system .table td {
    padding: 1rem 0.75rem;
  }
  .trading-system-next .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
    font-size: var(--size-text-sm);
  }
  .trading-system-next .cpnt-common-detail .detail-list .desc-list.bg-gray .list,
.housing-lease-dispute .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
    font-size: var(--size-text-sm);
  }
  .brokerage-fee .top-dictionary .word-wrap {
    position: relative;
    padding-bottom: 3.625rem;
  }
  .brokerage-fee .top-dictionary .word-wrap:last-child {
    padding-bottom: 3.5rem;
  }
  .brokerage-fee .top-dictionary .dictionary-head .btn {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .brokerage-fee .top-dictionary .advice {
    border: none;
    padding: 0;
    margin: 0;
  }
  .brokerage-fee .tb-upper-rate .table td {
    height: 3.25rem;
  }
  .brokerage-fee .view-rate-map-wrap {
    display: none;
  }
  .brokerage-fee .tb-view-rate {
    display: block;
  }
  .housing-lease-dispute .cpnt-common-detail .detail-list .desc-list .list {
    font-size: var(--size-text-md);
  }
  .housing-lease-dispute .cpnt-common-detail .list-item {
    margin-bottom: 1.5rem;
  }
  .housing-lease-dispute .table-detail col:first-child {
    width: 110px;
  }
  .housing-lease-dispute .bottom-btn-wrap {
    margin-top: 1.5rem;
  }
  .house-manage-dispute .sub-global-tab .option-list {
    display: block;
  }
  .house-manage-dispute .sub-global-tab .option-list .list {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .house-manage-dispute .cpnt-common-detail .detail-list .desc-list .list {
    font-size: var(--size-text-md);
  }
  .house-manage-dispute .cpnt-common-detail .detail-list .desc-list .list.no-marker .btn {
    padding: 0.25rem;
  }
  .house-manage-dispute .cpnt-common-detail .detail-list .desc-list.bg-gray .list {
    font-size: var(--size-text-sm);
  }
  .house-manage-dispute .cpnt-common-detail .list-title + .desc-list .list {
    font-size: var(--size-text-lg);
  }
  .house-manage-dispute .cpnt-common-detail .list-item {
    margin-bottom: 1.5rem;
  }
  .house-manage-dispute .cpnt-common-detail .list-item:last-child {
    margin-bottom: 0;
  }
  .house-manage-dispute .cpnt-common-detail .mediation-procedure .list-item {
    margin-bottom: 2rem;
  }
}
@media (max-width: 575.98px) {
  .myhome-info .img-mediation-procedure {
    width: 100%;
    padding-top: 100.18%;
    position: relative;
    margin-bottom: 2.5rem;
  }
  .myhome-info .img-mediation-procedure::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/info/img_procedure01_mo.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .myhome-info .img-mediation-procedure img {
    display: none;
  }
  .house-manage-dispute .img-mediation-procedure {
    padding-top: 112.783%;
    margin-bottom: 2rem;
  }
  .house-manage-dispute .img-mediation-procedure::after {
    background: url("../images/info/img_procedure02_mo.png") center/cover no-repeat;
  }
}
#modalBrokerageFeeCalc .modal__content .formbox {
  margin-bottom: 1.5rem;
  gap: 0;
}
#modalBrokerageFeeCalc .modal__content .formbox .label {
  margin-bottom: 0.5rem;
}
#modalBrokerageFeeCalc .modal__content .formbox:last-child {
  margin-bottom: 0;
}

#modalBrokerageFeeCalcDetail .modal__content .detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#modalBrokerageFeeCalcDetail .modal__content .detail-list:last-child {
  margin-bottom: 0;
}
#modalBrokerageFeeCalcDetail .modal__content .detail-list .type {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--size-text-md);
  font-weight: 400;
}
#modalBrokerageFeeCalcDetail .modal__content .detail-list .type::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.875rem;
  background-color: var(--color-border);
  margin-left: 1rem;
  margin-right: 1rem;
  position: relative;
  top: 0.0625rem;
}
#modalBrokerageFeeCalcDetail .modal__content .detail-list .value {
  font-size: var(--size-text-lg);
  font-weight: 700;
}
#modalBrokerageFeeCalcDetail .modal__content .desc {
  margin-bottom: 1rem;
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
#modalBrokerageFeeCalcDetail .modal__content .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-icon-secondary-light);
  position: relative;
  top: -0.25rem;
}

/*마이페이지*/
.mypage .my-info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.5rem;
  margin: 5rem 0;
}
.mypage .my-info-head .img-wrap {
  max-width: 15rem;
  max-height: 9.375rem;
}
.mypage .my-info-head .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mypage .my-info-head .greetings .text {
  font-size: var(--size-text-h2);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.mypage .my-info-head .greetings .user-name {
  margin-right: 0.25rem;
}
.mypage .my-info-head .greetings .btn-edit-user-info {
  display: block;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
}
.mypage .my-info-head .greetings .btn-edit-user-info i {
  font-size: 1.125rem;
  color: var(--color-icon-light);
  margin-right: 0.5rem;
  position: relative;
  top: 0.125rem;
}
.mypage .my-infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
.mypage .infobox {
  background-color: var(--color-bg-gray);
  border-radius: 1.5rem;
  padding: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  width: calc(50% - 0.75rem);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mypage .infobox:last-child {
  width: 100%;
}
.mypage .infobox .label {
  font-size: var(--size-text-lg);
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mypage .infobox .info-value-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mypage .infobox .info-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.mypage .infobox .info-value .type {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
  min-width: 10.875rem;
}
.mypage .infobox .info-value .value {
  font-size: var(--size-text-md);
  font-weight: 400;
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mypage .infobox .info-value .value .num {
  font-size: var(--size-text-h2);
  font-weight: 700;
  margin-right: 0.5rem;
}
.mypage .infobox .my-area {
  margin-top: auto;
}
.mypage .infobox .my-area .area {
  display: block;
  text-align: right;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
.mypage .infobox .my-area .area:last-child {
  margin-bottom: 0;
}
.mypage .infobox .my-area .area::before {
  content: "#";
  display: inline-block;
}
.mypage .infobox .desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-right: auto;
}
.mypage .infobox .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mypage .infobox.interest-info .label {
  min-width: 8.75rem;
}
.mypage .infobox.custom-info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mypage .infobox.custom-info .label {
  margin-right: 0.5rem;
}

.mypage .map-pc-frame {
  position: relative;
  height: 860px;
  overflow: hidden;
}
.mypage .map-pc-frame iframe {
  width: 100%;
  height: 860px;
}
.mypage .btn-mo-wrap {
  display: none;
  visibility: hidden;
}
.mypage .btn-mo-wrap .btn-goto-map {
  width: 100%;
}

#modalMoMapFrame {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .mypage .my-info-head {
    margin: 2rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
  }
  .mypage .my-info-head .img-wrap {
    max-width: 9.6875rem;
    max-height: 5.75rem;
  }
  .mypage .my-info-head .greetings .text {
    font-size: var(--size-text-h4);
  }
  .mypage .my-info-head .greetings .btn-edit-user-info {
    text-align: center;
  }
  .mypage .my-infobox {
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mypage .infobox {
    border-radius: 1rem;
    padding: 1.5rem;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mypage .infobox .label {
    font-size: var(--size-text-md);
  }
  .mypage .infobox .info-value .value .num {
    font-size: var(--size-text-h3);
  }
  .mypage .infobox .my-area .area {
    font-size: var(--size-text-xs);
    margin-bottom: 0.125rem;
  }
  .mypage .infobox .desc {
    font-size: var(--size-text-xs);
  }
  .mypage .infobox .btn-wrap {
    gap: 0.5rem;
  }
  .mypage .infobox .btn-wrap .btn {
    padding: 0 0.5rem;
  }
  .mypage .infobox.interest-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mypage .infobox.interest-area .info-value-wrap {
    gap: 1rem;
  }
  .mypage .infobox.interest-info .label {
    min-width: auto;
  }
  .mypage .infobox.interest-info .info-value-wrap {
    gap: 0.375rem;
  }
  .mypage .infobox.custom-info {
    gap: 0.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mypage .infobox.custom-info .btn-wrap {
    margin-top: 0.5rem;
  }
  .mypage .map-pc-frame {
    display: none;
    visibility: hidden;
  }
  .mypage .btn-mo-wrap {
    display: inherit;
    visibility: visible;
  }
}
.mypage .mo-snbar {
  margin-bottom: 2rem;
}
.mypage .text-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-bottom: 3.5rem;
  background-color: var(--color-bg-secondary-lightest01);
  border-radius: 1rem 1rem 1rem 3rem;
  padding: 2.5rem;
}
.mypage .text-notice .notice {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.mypage .text-notice .notice em {
  color: var(--color-text-secondary);
}
.mypage .formbox {
  margin-bottom: 1.5rem;
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
.mypage .formbox .btn {
  font-weight: 500;
}
.mypage .formbox:last-child {
  margin-bottom: 0;
}
.mypage .bottom-btn-wrap {
  max-width: 25rem;
  margin: 2.5rem auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.mypage .bottom-btn-wrap .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mypage .btn-withdrawal {
  display: block;
  text-align: center;
  margin-top: 1.5rem;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  text-decoration: underline;
}
.mypage .noticebox {
  max-width: 25rem;
  margin-left: auto;
  margin-right: auto;
}
.mypage .noticebox .notice-list {
  color: var(--color-text-warning);
}
.mypage .option-input .formbox {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mypage .option-input .terms.withdrawal .terms-list:first-of-type {
  margin-top: 0;
}
.mypage .option-input .terms.withdrawal .cont-desc {
  margin-top: 0;
  margin-bottom: 0.25rem;
  line-height: 1.4;
  font-weight: 500;
}
.mypage .option-input .terms.withdrawal .cont-desc:first-of-type {
  font-weight: 400;
}
.mypage .option-input .terms.withdrawal .cont-desc:last-of-type {
  margin-bottom: 0;
}
.mypage .option-input .input-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.mypage .option-input .input-btn-wrap .input-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mypage .option-input .input-btn-wrap .btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mypage.edit-user-account .sub-cont-header {
  margin-bottom: 7rem;
}
.mypage.edit-user-account .text-notice {
  background-color: transparent;
  padding: 0;
  margin-bottom: 2.5rem;
}
.mypage.edit-user-account .text-notice i {
  font-size: 2.5rem;
  color: var(--color-icon-error);
}
.mypage.edit-user-account .text-notice i + .notice {
  max-width: 36.875rem;
}
.mypage.edit-user-account .text-notice .notice {
  font-size: var(--size-text-h3);
  max-width: 21.875rem;
  margin: 0 1.6875rem;
  word-break: keep-all;
}
.mypage .save-my-areabox-wrap {
  max-width: 25rem;
  margin: 0 auto;
}
.mypage .my-areabox {
  border: 1px solid var(--color-border);
  padding: 1.25rem 1.5rem;
  border-radius: 1.5rem;
  margin-bottom: 1rem;
}
.mypage .my-areabox .label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}
.mypage .my-areabox .label {
  font-size: var(--size-text-md);
  font-weight: 700;
  line-height: 1.3;
}
.mypage .box-desc {
  position: relative;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  padding-left: 0.75rem;
  line-height: 1.3;
}
.mypage .box-desc::before {
  content: "*";
  display: inline-block;
  font-size: var(--size-text-lg);
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.0625rem;
  left: 0;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .mypage .text-notice {
    margin-bottom: 2rem;
    gap: 0.5rem;
    padding: 1.5rem;
  }
  .mypage .text-notice .notice {
    font-size: var(--size-text-md);
  }
  .mypage .formbox {
    margin-bottom: 1rem;
  }
  .mypage .formbox .btn {
    height: 2.625rem;
    font-size: var(--size-text-md);
    padding: 0 0.75rem;
  }
  .mypage .bottom-btn-wrap {
    margin-top: 2rem;
  }
  .mypage.edit-user-account .text-notice {
    margin-bottom: 2rem;
  }
  .mypage.edit-user-account .text-notice i {
    font-size: 2rem;
  }
  .mypage.edit-user-account .text-notice i + .notice {
    max-width: 31.25rem;
  }
  .mypage.edit-user-account .text-notice .notice {
    font-size: var(--size-text-xl);
    max-width: 18.125rem;
  }
  .mypage .my-areabox {
    padding: 1rem;
  }
  .mypage .my-areabox .label-wrap {
    margin-bottom: 0.5rem;
  }
  .mypage .my-areabox .input-wrap.multi {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.25rem;
  }
  .mypage .box-desc {
    font-size: var(--size-text-xs);
  }
}
@media (max-width: 575.98px) {
  .mypage.edit-user-account .text-notice i {
    font-size: 2rem;
  }
  .mypage.edit-user-account .text-notice i + .notice {
    max-width: 17.8125rem;
  }
}
.mypage .housing-searchbox {
  margin-bottom: 2rem;
}
.mypage .housing-searchbox .btn-road-search-requirement {
  display: none;
}
.mypage .housing-searchbox.only-search .choice-list .choice-list-type {
  width: 4.5rem;
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .mypage .housing-searchbox.only-search .choice-list {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .mypage .housing-searchbox {
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
  .mypage .housing-searchbox.only-search {
    padding-bottom: 1rem;
  }
}
.mypage .sub-global-tab {
  margin-bottom: 2rem;
}
.mypage .diagnosis-resultbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5rem;
}
.mypage .diagnosis-resultbox .box-item .item-title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-darkest);
  margin-bottom: 1.5rem;
}
.mypage .diagnosis-resultbox .step-result-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mypage .diagnosis-resultbox .step-result-box .step-result-wrap {
  padding: 0;
  margin: 0;
}
.mypage .diagnosis-resultbox .step-result-box .step-result-wrap::after {
  content: none;
}
.mypage .diagnosis-resultbox .step-result-box .step-result-wrap .step-body {
  padding-bottom: 0;
}
.mypage .diagnosis-resultbox .step-result-box .step-result-wrap .step-scroll-wrap {
  border: 1px solid var(--color-border);
  border-radius: 1rem;
  padding: 0.875rem 1.5rem 1.5rem;
}
.mypage .diagnosis-resultbox .step-result-box .step-result-wrap .step-list {
  padding: 0;
}
.mypage .diagnosis-resultbox .none-box-item {
  display: none;
}
.mypage .diagnosis-resultbox.none-save .box-item {
  display: none;
}
.mypage .diagnosis-resultbox.none-save .none-box-item {
  display: block;
  text-align: center;
  max-width: 16.875rem;
  margin: 0 auto;
  padding: 2.5rem 0;
}
.mypage .diagnosis-resultbox.none-save .none-box-item .icon-alert-circle {
  display: block;
  font-size: 2rem;
  color: var(--color-icon-error);
  margin-bottom: 0.5rem;
}
.mypage .diagnosis-resultbox.none-save .none-box-item .text {
  font-size: var(--size-text-xl);
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.mypage .diagnosis-resultbox.none-save .none-box-item .title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.4;
  margin-bottom: 1rem;
}
.mypage .diagnosis-resultbox.none-save .none-box-item .btn-self-diagnosis {
  display: inline-block;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color-border-dark);
}
.mypage .diagnosis-resultbox.none-save .none-box-item .btn-self-diagnosis i {
  font-size: 1rem;
  position: relative;
  top: 0.125rem;
  margin-left: 0.25rem;
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .mypage .diagnosis-resultbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mypage .diagnosis-resultbox .step-result-box {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 767.98px) {
  .mypage .sub-global-tab {
    margin-bottom: 1.5rem;
  }
  .mypage .housing-searchbox .btn-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mypage .housing-searchbox .btn-wrap .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .mypage .diagnosis-resultbox {
    gap: 2rem;
  }
  .mypage .diagnosis-resultbox .box-item .item-title {
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
  }
  .mypage .diagnosis-resultbox.none-save .none-box-item {
    max-width: 14.625rem;
    width: 14.635rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mypage .diagnosis-resultbox.none-save .none-box-item .icon-alert-circle {
    font-size: 1.5rem;
  }
  .mypage .diagnosis-resultbox.none-save .none-box-item .text {
    font-size: var(--size-text-md);
  }
  .mypage .diagnosis-resultbox.none-save .none-box-item .title {
    font-size: var(--size-text-lg);
  }
  .mypage .diagnosis-resultbox.none-save .none-box-item .btn-self-diagnosis {
    font-size: var(--size-text-xs);
  }
}
#modalEditMyPw .modal__content .formbox {
  margin-bottom: 1.5rem;
}
#modalEditMyPw .modal__content .formbox:last-child {
  margin-bottom: 0;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  #modalEditMyPw .modal__content .formbox {
    margin-bottom: 0.75rem;
  }
  #modalEditMyPw .modal__content .formbox:last-child {
    margin-bottom: 0;
  }
}
/*주거복지서비스*/
.welfare-service .sub-global-tab,
#myhome-main .sub-global-tab,
#m-myhome-main .sub-global-tab {
  margin-bottom: 3.5rem;
  z-index: 2;
}
.welfare-service .sub-global-tab .option-list,
#myhome-main .sub-global-tab .option-list,
#m-myhome-main .sub-global-tab .option-list {
  grid-template-columns: repeat(auto-fit, minmax(calc(20% - 0.4rem), 1fr));
}
.welfare-service .cpnt-common-detail .desc-list .list,
#myhome-main .cpnt-common-detail .desc-list .list,
#m-myhome-main .cpnt-common-detail .desc-list .list {
  font-size: var(--size-text-lg);
  margin-bottom: 0.5rem;
}
.welfare-service .cpnt-common-detail .desc-list .list.no-marker,
#myhome-main .cpnt-common-detail .desc-list .list.no-marker,
#m-myhome-main .cpnt-common-detail .desc-list .list.no-marker {
  margin-left: 0;
}
.welfare-service .item-descbox-wrap,
.welfare-service .item-imgbox-wrap,
#myhome-main .item-descbox-wrap,
#myhome-main .item-imgbox-wrap,
#m-myhome-main .item-descbox-wrap,
#m-myhome-main .item-imgbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.welfare-service .item-descbox-wrap,
#myhome-main .item-descbox-wrap,
#m-myhome-main .item-descbox-wrap {
  margin-bottom: 1.5rem;
}
.welfare-service .item-descbox,
#myhome-main .item-descbox,
#m-myhome-main .item-descbox {
  border: 1px solid var(--color-border-primary-light);
  border-radius: 1.5rem;
  background-color: var(--color-inverse);
  padding: 1.5rem 2rem;
  min-height: 8.9375rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.welfare-service .item-descbox .title,
#myhome-main .item-descbox .title,
#m-myhome-main .item-descbox .title {
  font-size: var(--size-text-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  margin-bottom: 0.25rem;
}
.welfare-service .item-descbox .desc,
#myhome-main .item-descbox .desc,
#m-myhome-main .item-descbox .desc {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
  line-height: 1.4;
}
.welfare-service .item-descbox .desc-wrap,
#myhome-main .item-descbox .desc-wrap,
#m-myhome-main .item-descbox .desc-wrap {
  padding-left: 1rem;
}
.welfare-service .item-descbox .desc-wrap .desc,
#myhome-main .item-descbox .desc-wrap .desc,
#m-myhome-main .item-descbox .desc-wrap .desc {
  list-style-type: disc;
  padding-left: 0.125rem;
  margin: 0.25rem 0;
}
.welfare-service .item-descbox .desc-wrap .desc::marker,
#myhome-main .item-descbox .desc-wrap .desc::marker,
#m-myhome-main .item-descbox .desc-wrap .desc::marker {
  font-size: 0.625rem;
}
.welfare-service .item-imgbox,
#myhome-main .item-imgbox,
#m-myhome-main .item-imgbox {
  padding: 1.5rem 2rem;
  background-color: var(--color-bg-primary-lightest02);
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.welfare-service .item-imgbox .title,
#myhome-main .item-imgbox .title,
#m-myhome-main .item-imgbox .title {
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
}
.welfare-service .item-imgbox.house-before-after,
#myhome-main .item-imgbox.house-before-after,
#m-myhome-main .item-imgbox.house-before-after {
  padding: 0;
  background-color: transparent;
}
.welfare-service .item-imgbox.house-before-after .img-wrap,
#myhome-main .item-imgbox.house-before-after .img-wrap,
#m-myhome-main .item-imgbox.house-before-after .img-wrap {
  width: 100%;
  height: auto;
}
.welfare-service .item-imgbox.house-before-after .img-wrap img,
#myhome-main .item-imgbox.house-before-after .img-wrap img,
#m-myhome-main .item-imgbox.house-before-after .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.welfare-service .sub-cont-tab,
#myhome-main .sub-cont-tab,
#m-myhome-main .sub-cont-tab {
  margin-bottom: 3rem;
  padding: 0 1.75rem;
}

.list-formbox .list-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list-formbox .list-item {
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 0;
  width: calc(50% - 0.5rem);
}
.list-formbox .list-item .item-head {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-darker);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.list-formbox .list-item .form-name {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
}
.list-formbox .list-item .btn {
  margin-bottom: 0;
}
.list-formbox .list-item .form-desc {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-light);
  line-height: 1.4;
  position: relative;
  padding-left: 0.75rem;
}
.list-formbox .list-item .form-desc::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--color-text-light);
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.list-formbox .list-item .form-desc.bold {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-text-secondary);
  padding-left: 1rem;
}
.list-formbox .list-item .form-desc.bold::before {
  width: 0.3125rem;
  height: 0.3125rem;
  top: 0.75rem;
}
.list-formbox .img-wrap {
  text-align: center;
}
.list-formbox .img-wrap img {
  width: 4.5625rem;
  height: 2.3125rem;
  margin: 0 auto 0.5rem;
}
.list-formbox .img-wrap .form-desc {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-light);
  padding-left: 0;
}
.list-formbox .img-wrap .form-desc::before {
  content: none;
}

.dictionary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dictionary:hover {
  text-decoration: none;
}
.dictionary:hover span {
  text-decoration: underline;
}
.dictionary i {
  font-size: 1.25rem;
  color: var(--color-icon-secondary-light);
  position: relative;
  top: 0;
}

.dictionary-box {
  margin-bottom: 3.5rem;
  background: url("../images/welfare/bg_houseline01.svg") bottom/100% 7.25rem no-repeat;
}
.dictionary-box .box-head {
  margin-bottom: 3.5rem;
  text-align: center;
}
.dictionary-box .box-head i {
  display: block;
  font-size: 2.625rem;
  color: var(--color-icon-primary);
  margin-bottom: 0.75rem;
}
.dictionary-box .box-head .title {
  font-size: var(--size-text-h3);
  font-weight: 800;
  line-height: 1.3;
}
.dictionary-box .box-head .title em {
  color: var(--color-text-primary);
}
.dictionary-box .box-cont {
  background: linear-gradient(235deg, #6967ed, #1a4196);
  border-radius: 2rem 2rem 2rem 4rem;
  -webkit-box-shadow: 0 16px 43px -17px rgba(41, 72, 166, 0.63);
          box-shadow: 0 16px 43px -17px rgba(41, 72, 166, 0.63);
  max-width: 47.0625rem;
  min-height: 26.9375rem;
  padding: 3rem 2.5rem 3rem 17.9rem;
  position: relative;
  margin: 0 auto;
  position: relative;
  left: 4%;
}
.dictionary-box .box-cont::after {
  content: "";
  display: block;
  width: 100%;
  height: 7.25rem;
  background: url("../images/welfare/bg_houseline02.svg") bottom/cover no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.dictionary-box .box-cont .img-wrap {
  background-color: var(--color-inverse);
  border-radius: 1rem 1rem 1rem 4rem;
  -webkit-box-shadow: 0 15px 53px -23px rgba(50, 67, 106, 0.75);
          box-shadow: 0 15px 53px -23px rgba(50, 67, 106, 0.75);
  padding: 2.1875rem 1.875rem;
  position: absolute;
  top: 50%;
  left: -5.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.dictionary-box .box-cont .img-wrap img {
  width: 16.25rem;
  height: 16.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.dictionary-box .box-cont .img-wrap + .text-wrap {
  margin-top: 4.5rem;
}
.dictionary-box .box-cont .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2.5rem;
}
.dictionary-box .box-cont .btn-wrap > button {
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-inverse);
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 0.25rem;
  height: 2rem;
  padding: 0 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.dictionary-box .box-cont .btn-wrap > button i {
  font-size: 1.25rem;
}
.dictionary-box .box-cont .btn-wrap > button .icon-arrow2-right {
  opacity: 0.6;
}
.dictionary-box .box-cont .text-wrap .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  color: var(--color-inverse);
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.dictionary-box .box-cont .text-wrap .desc {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-inverse);
  line-height: 1.4;
  word-break: keep-all;
  margin-top: 0.5rem;
}
.dictionary-box .box-cont .text-wrap .desc:first-of-type {
  margin-top: 0;
}
.dictionary-box .box-cont .text-wrap .sub-text-wrap {
  font-size: var(--size-text-md);
  color: var(--color-inverse);
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-top: 0.75rem;
}
.dictionary-box .box-cont .text-wrap .sub-text-wrap:first-of-type {
  margin-top: 1.5rem;
}
.dictionary-box .box-cont .text-wrap .sub-text-wrap.addition {
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.dictionary-box .box-cont .text-wrap .sub-text-wrap.addition::before {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-icon-secondary-light);
  position: relative;
  top: -0.125rem;
}
.dictionary-box .box-cont .text-wrap .sub-title {
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.dictionary-box2 {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border-primary);
  border-radius: 1rem 1rem 1rem 3rem;
  padding: 4rem 5rem;
  -webkit-box-shadow: 0 10px 23px 0 rgb(255, 249, 239);
          box-shadow: 0 10px 23px 0 rgb(255, 249, 239);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 3.5rem;
}
.dictionary-box2 .box-item {
  padding-left: 5rem;
  margin-left: 5rem;
  word-break: keep-all;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-left: 1px solid var(--color-border);
}
.dictionary-box2 .box-item:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.dictionary-box2 .word-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1rem;
  margin-bottom: 2rem;
}
.dictionary-box2 .word-wrap .img-wrap {
  width: 6.25rem;
  height: 6.25rem;
}
.dictionary-box2 .word-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dictionary-box2 .word {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  line-height: 1.4;
}
.dictionary-box2 .word-mean {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
}
.dictionary-box2 .word-mean em {
  font-weight: 700;
  display: inline;
  -webkit-box-shadow: inset 0 -10px 0 var(--color-bg-primary-light);
          box-shadow: inset 0 -10px 0 var(--color-bg-primary-light);
}
.dictionary-box2 .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}
.dictionary-box2 .sub-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: var(--size-text-md);
  line-height: 1.3;
}
.dictionary-box2 .sub-desc:last-child {
  margin-bottom: 0;
}
.dictionary-box2 .sub-desc dt {
  font-weight: 700;
  max-width: 3.75rem;
}
.dictionary-box2 .sub-desc dd {
  font-weight: 400;
  color: var(--color-text-lighter);
}
.dictionary-box2 .sub-desc dd .text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.375rem;
}
.dictionary-box2 .sub-desc dd .text-wrap:last-child {
  margin-bottom: 0;
}
.dictionary-box2 .sub-desc dd .type {
  display: inline-block;
  font-weight: 500;
  color: var(--color-text-light);
  min-width: 2.625rem;
  margin-right: 0.5rem;
}
.dictionary-box2 .sub-desc dd .desc {
  font-size: var(--size-text-sm);
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.25rem;
}
.dictionary-box2 .sub-desc dd .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-icon-secondary-light);
  margin-right: 0.125rem;
}
.dictionary-box2 .sub-desc dd .desc.bg-blue {
  font-size: var(--size-text-xs);
  color: #5b86b8;
  margin-top: 0.5rem;
}
.dictionary-box2 .sub-desc dd .desc.bg-blue::before {
  content: none;
}
.dictionary-box2 .sub-desc dd .sub-desc-list {
  padding-left: 1.125rem;
}
.dictionary-box2 .sub-desc dd .sub-desc-list .list {
  list-style-type: disc;
}
.dictionary-box2 .sub-desc dd .sub-desc-list .list::marker {
  font-size: 0.625rem;
}

.procedure-box .step-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.procedure-box .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 7.75rem;
}
.procedure-box .step:nth-child(odd) .step-title {
  background-color: var(--color-bg-secondary);
}
.procedure-box .step:nth-child(even) .step-title {
  background-color: var(--color-bg-secondary-light01);
}
.procedure-box .step .step-title {
  font-size: var(--size-text-h3);
  font-weight: 800;
  color: var(--color-inverse);
  line-height: 1.3;
  padding: 2rem;
  border-radius: 0.5rem 0 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16.25rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: center;
}
.procedure-box .step .step-title .num {
  font-size: var(--size-text-lg);
  font-weight: 700;
  opacity: 0.6;
}
.procedure-box .step .step-title .sub-text {
  font-size: var(--size-text-xl);
  font-weight: 500;
}
.procedure-box .step .step-cont {
  border: 1px solid var(--color-icon-secondary);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 0.5rem 1.25rem 0.5rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.procedure-box .step .step-cont .cont {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
  margin-bottom: 0.5rem;
  list-style-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="6" cy="6" r="6" fill="%233F3F46" transform="scale(0.3) translate(2, 2)" transform-origin="center" /></svg>');
  display: inline-block;
}
.procedure-box .step .step-cont .cont:last-child {
  margin-bottom: 0;
}
.procedure-box .step .step-cont .cont.desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.3;
  margin-top: 1rem;
}
.procedure-box .desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding-left: 0.875rem;
  position: relative;
}
.procedure-box .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  top: -0.1875rem;
  left: 0;
}
.procedure-box.sm .step-list-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
}
.procedure-box.sm .step {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--color-icon-secondary);
  border-radius: 0.5rem;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: auto;
}
.procedure-box.sm .step .step-title {
  font-size: var(--size-text-h4);
  border-radius: 0.25rem 0.25rem 0 2rem;
  width: 100%;
  min-height: 6.4375rem;
  padding: 0.75rem;
  word-break: keep-all;
}
.procedure-box.sm .step .step-cont {
  border: none;
  padding: 0.5rem 0.75rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 5.25rem;
}
.procedure-box.sm .step .step-cont .text {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  margin-bottom: 0;
  text-align: center;
}
.procedure-box.sm .step .step-cont .text.bold {
  font-weight: 700;
}

.item-formbox {
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 0;
  width: calc(50% - 0.5rem);
}
.item-formbox .item-head {
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-darker);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.item-formbox .form-name {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
}
.item-formbox .form-name .sub-text {
  display: block;
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-lighter);
  margin-bottom: 0.625rem;
}
.item-formbox .btn {
  margin-bottom: 0;
}
.item-formbox .form-desc {
  font-size: var(--size-text-lg);
  font-weight: 500;
  color: var(--color-text-light);
  line-height: 1.4;
  position: relative;
  padding-left: 0.75rem;
}
.item-formbox .form-desc::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--color-text-light);
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.item-formbox .form-desc.bold {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-text-secondary);
  padding-left: 1rem;
}
.item-formbox .form-desc.bold::before {
  width: 0.3125rem;
  height: 0.3125rem;
  top: 0.75rem;
}
.item-formbox .form-desc .text {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  margin-right: 0.5rem;
}
.item-formbox .sub-desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  position: relative;
}
.item-formbox .sub-desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  font-weight: 800;
  color: var(--color-icon-secondary-light);
  position: absolute;
  left: -0.75rem;
}

.bottom-notice {
  background-color: var(--color-bg-primary-lightest02);
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
.bottom-notice .warning {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-text-warning);
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}
.bottom-notice .warning i {
  font-size: 1.25rem;
}
.bottom-notice .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.bottom-notice.mo-visible {
  display: none;
}

.rental-house-type2 .cpnt-common-detail .desc-list {
  padding-left: 0;
}

.rental-house-type3 .tenant-select .desc-list {
  padding-left: 1rem;
}
.rental-house-type3 .tenant-select .img-wrap {
  margin-top: 0.5rem;
}

.rental-house-type4 .sub-list-title {
  background-color: var(--color-bg-secondary-lightest01) !important;
  margin-bottom: 1rem !important;
}

.rental-house-type4 .cpnt-common-detail .detail-list .desc-list .list.no-marker,
.rental-house-type5 .cpnt-common-detail .detail-list .desc-list .list.no-marker,
.public-sale4 .cpnt-common-detail .detail-list .desc-list .list.no-marker {
  margin-left: -1.5rem;
}

.rental-house-type6 .vulner .desc-list:nth-child(3) {
  margin-top: 1rem;
}
.rental-house-type6 .vulner .desc-list:nth-child(3) .list {
  font-weight: 700;
  margin-bottom: 1rem;
}
.rental-house-type6 .vulner .desc-list:nth-child(3) .list::marker {
  font-size: 1.125rem;
}
.rental-house-type6 .vulner .desc-list:nth-child(3) .list .sbu-desc {
  font-size: var(--size-text-md);
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.5rem;
}

.move-in-procedure .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.rental-house-type7 .cpnt-common-detail .detail-list .desc-list .sub-desc {
  padding-left: 0;
  margin: 0.25rem 0;
  color: #5b86b8;
}
.rental-house-type7 .cpnt-common-detail .detail-list .desc-list .sub-desc::before {
  content: none;
}

.newlywed-hope-town2 .cpnt-common-detail .detail-list .sub-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.newlywed-hope-town2 .cpnt-common-detail .detail-list .sub-desc span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.5rem;
}

.housing-benefit1 .cpnt-common-detail .detail-list .addition-box {
  padding: 2.5rem 3rem;
  margin-bottom: 3.5rem;
  margin-top: 0;
}
.housing-benefit1 .cpnt-common-detail .detail-list .addition-box .add-title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d5);
  font-weight: 800;
  margin-bottom: 1rem;
}
.housing-benefit1 .cpnt-common-detail .detail-list .addition-box .desc-list .list {
  font-size: var(--size-text-lg);
  margin-bottom: 1rem;
}
.housing-benefit1 .cpnt-common-detail .detail-list .addition-box .desc-list .list:last-child {
  margin-bottom: 0;
}

.housing-benefit2 .cpnt-common-detail .desc-list .list.no-marker,
.housing-benefit3 .cpnt-common-detail .desc-list .list.no-marker,
.housing-benefit4 .cpnt-common-detail .desc-list .list.no-marker {
  margin-left: -1rem;
}

.housing-benefit4 .cpnt-common-detail .detail-list .text + .btn {
  margin-bottom: 0;
}
.housing-benefit4 .cpnt-common-detail .desc-list.list-num {
  padding-left: 3rem !important;
}
.housing-benefit4 .cpnt-common-detail .desc-list.list-num .list::marker {
  font-weight: 700 !important;
}

.housing-benefit5 .cpnt-common-detail .list-title + .desc-list .list,
.etc3 .cpnt-common-detail .list-title + .desc-list .list,
.housing-finance2 .cpnt-common-detail .list-title + .desc-list .list {
  font-size: var(--size-text-xl);
  color: var(--color-text);
  margin-bottom: 1rem;
}

.etc1 .procedure-box.sm .step .step-title {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  min-height: 7.0625rem;
}

.etc2.welfare-service .sub-list-title,
.related-product.welfare-service .sub-list-title {
  background-color: var(--color-bg-secondary-lightest01);
  padding: 0.25rem 0.625rem;
  margin-bottom: 1rem;
}

.etc3 .sub-list-wrap {
  padding-left: 0 !important;
}
.etc3 .sub-list {
  list-style-type: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.etc3 .sub-list span {
  margin-right: 0.375rem;
}
.etc3 .bottom-btn-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#main .subpage-container.faq1 .contents-container {
  overflow: visible;
}
#main .subpage-container.faq1 #editor_frame .tx-canvas {
  padding: 0;
}
#main .subpage-container.faq1 #editor_frame .tx-canvas .tx-content-container {
  font-size: 0.875rem;
}

/*
* responsive
*/
@media (max-width: 1399.9808px) {
  .dictionary-box .box-cont .img-wrap {
    left: -3.875rem;
  }
  .dictionary-box .box-cont .img-wrap img {
    width: 14.375rem;
    height: 14.375rem;
  }
}
@media (max-width: 1199.9808px) {
  .dictionary-box .box-cont .img-wrap {
    left: -5.875rem;
  }
  .dictionary-box .box-cont .img-wrap img {
    width: 16.25rem;
    height: 16.25rem;
  }
}
@media (max-width: 991.9808px) {
  .dictionary-box .box-head {
    margin-bottom: 4.5rem;
  }
  .dictionary-box .box-cont {
    padding-top: 16.9375rem;
    padding-left: 2.5rem;
    left: 0;
  }
  .dictionary-box .box-cont .img-wrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -2rem;
    -webkit-box-shadow: 0 16px 50px 0px rgba(50, 67, 106, 0.75);
            box-shadow: 0 16px 50px 0px rgba(50, 67, 106, 0.75);
  }
  .dictionary-box .box-cont .img-wrap img {
    width: 12.375rem;
    height: 12.375rem;
  }
  .dictionary-box .box-cont .img-wrap + .text-wrap {
    margin-top: 0;
  }
  .dictionary-box .box-cont .btn-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .dictionary-box2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dictionary-box2 .box-item {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
    width: 100%;
    border-left: none;
  }
  .dictionary-box2 .box-item::before {
    content: none;
  }
  .dictionary-box2 .box-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .procedure-box .step .step-title {
    font-size: var(--size-text-lg);
  }
  .procedure-box.sm .step .step-title {
    font-size: var(--size-text-lg);
  }
  .etc1 .procedure-box.sm .step-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .etc1 .procedure-box.sm .step .step-title {
    min-height: 3.5625rem;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 2.5rem;
  }
}
@media (max-width: 767.9808px) {
  .welfare-service .sub-global-tab,
#myhome-main .sub-global-tab,
#m-myhome-main .sub-global-tab {
    margin-bottom: 2rem;
  }
  .welfare-service .cpnt-common-detail .desc-list .list,
#myhome-main .cpnt-common-detail .desc-list .list,
#m-myhome-main .cpnt-common-detail .desc-list .list {
    font-size: var(--size-text-md);
  }
  .welfare-service .cpnt-common-detail .list-item,
#myhome-main .cpnt-common-detail .list-item,
#m-myhome-main .cpnt-common-detail .list-item {
    margin-bottom: 1.5rem;
  }
  .welfare-service .cpnt-common-detail .detail-list .text,
#myhome-main .cpnt-common-detail .detail-list .text,
#m-myhome-main .cpnt-common-detail .detail-list .text {
    margin-bottom: 0.5rem;
  }
  .welfare-service .cpnt-common-detail .detail-list .table .text,
#myhome-main .cpnt-common-detail .detail-list .table .text,
#m-myhome-main .cpnt-common-detail .detail-list .table .text {
    font-size: var(--size-text-sm);
  }
  .welfare-service .item-imgbox-wrap,
#myhome-main .item-imgbox-wrap,
#m-myhome-main .item-imgbox-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .welfare-service .item-imgbox,
#myhome-main .item-imgbox,
#m-myhome-main .item-imgbox {
    padding: 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
  }
  .welfare-service .item-imgbox .title,
#myhome-main .item-imgbox .title,
#m-myhome-main .item-imgbox .title {
    font-size: var(--size-text-sm);
    text-align: left;
  }
  .welfare-service .item-descbox-wrap,
#myhome-main .item-descbox-wrap,
#m-myhome-main .item-descbox-wrap {
    gap: 0.5rem;
  }
  .welfare-service .item-descbox,
#myhome-main .item-descbox,
#m-myhome-main .item-descbox {
    border-radius: 1rem;
    padding: 1rem;
  }
  .welfare-service .item-descbox .title,
#myhome-main .item-descbox .title,
#m-myhome-main .item-descbox .title {
    font-size: var(--size-text-md);
  }
  .welfare-service .item-descbox .desc,
#myhome-main .item-descbox .desc,
#m-myhome-main .item-descbox .desc {
    font-size: var(--size-text-sm);
  }
  .welfare-service .sub-cont-tab,
#myhome-main .sub-cont-tab,
#m-myhome-main .sub-cont-tab {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .list-formbox .list-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-formbox .list-item {
    padding: 1rem;
    margin-bottom: 0 !important;
    width: 100%;
  }
  .list-formbox .list-item .item-head {
    margin-bottom: 1rem;
  }
  .list-formbox .list-item .form-name {
    font-size: var(--size-text-lg);
  }
  .list-formbox .list-item .form-desc {
    font-size: var(--size-text-sm);
  }
  .list-formbox .list-item .form-desc.bold {
    font-size: var(--size-text-lg);
  }
  .list-formbox .list-item .img-wrap .form-desc {
    font-size: var(--size-text-lg);
  }
  .dictionary-box {
    margin-bottom: 3rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .dictionary-box .box-head {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .dictionary-box .box-head i {
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
  }
  .dictionary-box .box-head .title {
    font-size: var(--size-text-h4);
    padding: 0 1.75rem;
    margin: 0 auto;
    max-width: 21.875rem;
    word-break: keep-all;
  }
  .dictionary-box .box-cont {
    border-radius: 1rem 1rem 1rem 3.5rem;
    padding-top: 11.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 6.875rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .dictionary-box .box-cont .img-wrap img {
    width: 7.375rem;
    height: 7.375rem;
  }
  .dictionary-box .box-cont .btn-wrap {
    margin-bottom: 1.5rem;
  }
  .dictionary-box .box-cont .text-wrap .title {
    font-size: var(--size-text-d5);
    margin-bottom: 1rem;
  }
  .dictionary-box .box-cont .text-wrap .desc {
    font-size: var(--size-text-md);
  }
  .dictionary-box .box-cont .text-wrap .sub-text-wrap {
    font-size: var(--size-text-sm);
  }
  .dictionary-box .box-cont .text-wrap .sub-text-wrap:first-of-type {
    margin-top: 1rem;
  }
  .dictionary-box2 {
    padding: 2rem;
    margin-bottom: 3rem;
  }
  .dictionary-box2 .word-wrap {
    margin-bottom: 1.5rem;
  }
  .dictionary-box2 .word-wrap .img-wrap {
    width: 3.75rem;
    height: 3.75rem;
  }
  .dictionary-box2 .word {
    font-size: var(--size-text-d5);
  }
  .dictionary-box2 .word-mean {
    font-size: var(--size-text-md);
  }
  .dictionary-box2 .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dictionary-box2 .btn-wrap .btn {
    height: 2.5rem;
  }
  .dictionary-box2 .sub-desc {
    font-size: var(--size-text-sm);
  }
  .procedure-box .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0.5rem;
    border: 1px solid var(--color-icon-secondary);
    overflow: hidden;
  }
  .procedure-box .step .step-title {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1rem;
    padding: 1rem 1rem 1rem 2.5rem;
    font-size: var(--size-text-lg);
    border-radius: 0.25rem 0 0 2rem;
    height: 3.5625rem;
    text-align: left;
  }
  .procedure-box .step .step-title .sub-text {
    font-size: var(--size-text-md);
    margin-left: -0.5rem;
  }
  .procedure-box .step .step-cont {
    border-radius: 0;
    border: none;
    padding: 1rem 1rem 1rem 2rem;
  }
  .procedure-box .step .step-cont .cont {
    font-size: var(--size-text-sm);
  }
  .procedure-box .step .step-cont .cont.desc {
    font-size: var(--size-text-xs);
  }
  .procedure-box .desc {
    font-size: var(--size-text-xs);
  }
  .procedure-box.sm .step-list-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .procedure-box.sm .step .step-title {
    padding-left: 2.5rem;
    min-height: 3.5625rem;
  }
  .procedure-box.sm .step .step-cont .text {
    font-size: var(--size-text-sm);
  }
  .item-formbox {
    padding: 1rem;
    margin-bottom: 0 !important;
    width: 100%;
  }
  .item-formbox .item-head {
    margin-bottom: 1rem;
  }
  .item-formbox .item-head .sub-text {
    font-size: var(--size-text-sm);
    margin-bottom: 0.5rem;
  }
  .item-formbox .form-name {
    font-size: var(--size-text-lg);
  }
  .item-formbox .form-desc {
    font-size: var(--size-text-sm);
  }
  .item-formbox .form-desc.bold {
    font-size: var(--size-text-lg);
  }
  .bottom-notice {
    padding: 1.5rem;
  }
  .bottom-notice .warning {
    font-size: var(--size-text-lg);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bottom-notice.mo-visible {
    display: block;
    font-size: var(--size-text-sm);
    font-weight: 400;
    color: var(--color-text-light);
    line-height: 1.4;
    background-color: var(--color-bg-secondary-lightest01);
    padding: 1rem;
    text-align: center;
    border-radius: 0;
  }
  .rental-house-type6 .vulner .desc-list:nth-child(3) {
    margin-top: 0.5rem;
  }
  .rental-house-type6 .vulner .desc-list:nth-child(3) .list::marker {
    font-size: 0.75rem;
  }
  .rental-house-type6 .vulner .desc-list:nth-child(3) .list .sbu-desc {
    font-size: var(--size-text-sm);
  }
  .housing-benefit1 .cpnt-common-detail .detail-list .addition-box {
    padding: 1.5rem;
    margin-bottom: 3rem;
  }
  .housing-benefit1 .cpnt-common-detail .detail-list .addition-box .add-title {
    font-size: var(--size-text-d6);
  }
  .housing-benefit1 .cpnt-common-detail .detail-list .addition-box .desc-list .list {
    font-size: var(--size-text-md);
  }
  .housing-benefit4 .cpnt-common-detail .desc-list.list-num {
    padding-left: 2.25rem !important;
  }
  .housing-benefit4 .cpnt-common-detail .desc-list.list-num .list {
    font-size: var(--size-text-sm) !important;
  }
  .housing-benefit4 .cpnt-common-detail .desc-list.list-num .list .text {
    font-size: var(--size-text-sm);
  }
  .housing-benefit5 .cpnt-common-detail .list-title + .desc-list .list,
.etc3 .cpnt-common-detail .list-title + .desc-list .list,
.housing-finance2 .cpnt-common-detail .list-title + .desc-list .list {
    font-size: var(--size-text-lg);
  }
}
@media (max-width: 575.9808px) {
  .welfare-service .item-imgbox.house-before-after .img-wrap,
#myhome-main .item-imgbox.house-before-after .img-wrap,
#m-myhome-main .item-imgbox.house-before-after .img-wrap {
    position: relative;
    padding-top: 118.66%;
  }
  .welfare-service .item-imgbox.house-before-after .img-wrap img,
#myhome-main .item-imgbox.house-before-after .img-wrap img,
#m-myhome-main .item-imgbox.house-before-after .img-wrap img {
    display: none;
  }
  .welfare-service .item-imgbox.house-before-after .img-wrap::after,
#myhome-main .item-imgbox.house-before-after .img-wrap::after,
#m-myhome-main .item-imgbox.house-before-after .img-wrap::after {
    content: "";
    display: block;
    width: 100%;
    background: url("../images/welfare/img_newhouse_mo.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .dictionary-box .box-cont .btn-wrap > button .icon-arrow2-right {
    margin-left: auto;
  }
  .move-in-procedure .img-wrap {
    position: relative;
    padding-top: 97.377%;
  }
  .move-in-procedure .img-wrap img {
    display: none;
  }
  .move-in-procedure .img-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/welfare/img_movein_mo.svg") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 399.9808px) {
  .dictionary-box .box-cont .img-wrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.welfare-service .cpnt-common-detail .sub-list-title,
#myhome-main .cpnt-common-detail .sub-list-title,
#m-myhome-main .cpnt-common-detail .sub-list-title {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0.25rem;
}
.welfare-service .cpnt-common-detail .sub-list-title + .sub-desc,
#myhome-main .cpnt-common-detail .sub-list-title + .sub-desc,
#m-myhome-main .cpnt-common-detail .sub-list-title + .sub-desc {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
}
.welfare-service .cpnt-common-detail .item-title + .sub-desc,
#myhome-main .cpnt-common-detail .item-title + .sub-desc,
#m-myhome-main .cpnt-common-detail .item-title + .sub-desc {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
}
.welfare-service .cpnt-common-detail .sub-desc em,
#myhome-main .cpnt-common-detail .sub-desc em,
#m-myhome-main .cpnt-common-detail .sub-desc em {
  color: var(--color-text-primary-dark);
}
.welfare-service .cpnt-common-detail .table thead th,
#myhome-main .cpnt-common-detail .table thead th,
#m-myhome-main .cpnt-common-detail .table thead th {
  font-weight: 500;
}
.welfare-service .cpnt-common-detail .table .list-wrap .list,
#myhome-main .cpnt-common-detail .table .list-wrap .list,
#m-myhome-main .cpnt-common-detail .table .list-wrap .list {
  margin-bottom: 0.5rem;
}
.welfare-service .cpnt-common-detail .table .text-wrap,
#myhome-main .cpnt-common-detail .table .text-wrap,
#m-myhome-main .cpnt-common-detail .table .text-wrap {
  margin-bottom: 1rem;
}
.welfare-service .cpnt-common-detail .table .text-wrap:last-child,
#myhome-main .cpnt-common-detail .table .text-wrap:last-child,
#m-myhome-main .cpnt-common-detail .table .text-wrap:last-child {
  margin-bottom: 0;
}
.welfare-service .cpnt-common-detail .table .em,
#myhome-main .cpnt-common-detail .table .em,
#m-myhome-main .cpnt-common-detail .table .em {
  margin-bottom: 0.5rem;
}
.welfare-service .cpnt-common-detail .table .desc,
#myhome-main .cpnt-common-detail .table .desc,
#m-myhome-main .cpnt-common-detail .table .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.welfare-service .cpnt-common-detail .table .text,
#myhome-main .cpnt-common-detail .table .text,
#m-myhome-main .cpnt-common-detail .table .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  font-size: var(--size-text-md);
  margin-bottom: 0;
}
.welfare-service .cpnt-common-detail .table .text-gray,
#myhome-main .cpnt-common-detail .table .text-gray,
#m-myhome-main .cpnt-common-detail .table .text-gray {
  font-size: var(--size-text-sm);
  margin-bottom: 0.25rem !important;
}
.welfare-service .cpnt-common-detail .table .text-gray:last-child,
#myhome-main .cpnt-common-detail .table .text-gray:last-child,
#m-myhome-main .cpnt-common-detail .table .text-gray:last-child {
  margin-bottom: 0 !important;
}
.welfare-service .cpnt-common-detail .detail-list .desc-list.list-num,
#myhome-main .cpnt-common-detail .detail-list .desc-list.list-num,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num {
  padding-left: 1.25rem;
}
.welfare-service .cpnt-common-detail .detail-list .desc-list.list-num .list,
#myhome-main .cpnt-common-detail .detail-list .desc-list.list-num .list,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num .list {
  font-size: var(--size-text-md);
}
.welfare-service .cpnt-common-detail .detail-list .desc-list.list-num .list::marker,
#myhome-main .cpnt-common-detail .detail-list .desc-list.list-num .list::marker,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
  font-weight: 400;
}

.welfare-service.rental-house .table .desc {
  display: block;
}

.tb-welfare3-2 .table .text {
  font-size: var(--size-text-sm);
}

.tb-welfare4.table-wrap.tb-scrollable .tb-overflow {
  word-break: normal;
}
.tb-welfare4 .table .text {
  font-size: var(--size-text-md);
  font-weight: 500;
  margin-bottom: 0;
}
.tb-welfare4 .table .list-wrap {
  margin-bottom: 1rem;
}
.tb-welfare4 .table .list-wrap:last-of-type {
  margin-bottom: 0;
}
.tb-welfare4 .table .list-wrap .list {
  margin-bottom: 0;
}
.tb-welfare4 .table .desc.warning {
  margin-bottom: 0.375rem;
}

.tb-welfare2-4 .table .text-gray:first-child,
.tb-welfare2-5 .table .text-gray:first-child {
  margin-top: 0.25rem;
}

.tb-welfare2-5 .table tbody th {
  text-align: left;
}
.tb-welfare2-5 .table tbody th .warning {
  padding-left: 0;
  font-size: var(--size-text-md);
}
.tb-welfare2-5 .table tbody th .warning::before {
  content: none;
}

.tb-welfare5-3 {
  margin-top: 1rem;
}
.tb-welfare5-3.tb-scrollable .table {
  min-width: 20rem;
}

.tb-welfare5-3 .tb-desc,
.tb-welfare16-3 .tb-desc,
.tb-welfare17-6 .tb-desc,
.tb-welfare18-1 .tb-desc,
.tb-welfare18-2 .tb-desc,
.tb-welfare21-1 .tb-desc,
.tb-welfare21-2 .tb-desc,
.tb-welfare22-1 .tb-desc,
.tb-welfare22-3 .tb-desc,
.tb-welfare26-1 .tb-desc {
  margin-left: auto;
}

.tb-welfare5-7 {
  margin-top: 1rem;
}

.tb-welfare6-1 .table td {
  height: 10rem !important;
}

.tb-welfare7-1 .table .list-wrap {
  margin-top: 0.5rem;
}

.tb-welfare7-2 .table td,
.tb-welfare8-1 .table td,
.tb-welfare9-1 .table td {
  height: 6.875rem !important;
}

.tb-welfare8-3 .table .desc {
  margin: 0.25rem 0;
}
.tb-welfare8-3 .table .desc.text-gray {
  font-size: var(--size-text-xs);
}

.tb-welfare11-1 .table td {
  height: 10rem !important;
}

.tb-welfare12 .table th.bold {
  font-weight: 700;
}
.tb-welfare12 .table .text {
  font-weight: 500;
}

.tb-welfare13-1 .table td,
.tb-welfare13-2 .table td,
.tb-welfare16-2 .table td {
  height: 4.375rem;
}

.tb-welfare14-1 .table td .btn {
  margin: 0 auto;
}

.tb-welfare16-1 .table .desc {
  display: block !important;
}

.tb-welfare16-3.tb-scrollable .table,
.tb-welfare17-6.tb-scrollable .table {
  min-width: 68rem;
}

.tb-welfare16-4 .table td,
.tb-welfare16-5 .table td {
  height: 11.5rem;
}
.tb-welfare16-4 .table .text,
.tb-welfare16-5 .table .text {
  margin: 0.25rem 0;
}
.tb-welfare16-4 .table .text.center,
.tb-welfare16-5 .table .text.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tb-welfare17-1 .table th.bold,
.tb-welfare17-7 .table th.bold,
.tb-welfare17-13 .table th.bold {
  font-weight: 700;
}
.tb-welfare17-1 .table td i,
.tb-welfare17-7 .table td i,
.tb-welfare17-13 .table td i {
  color: var(--color-icon-lighter);
  margin-left: 0.25rem;
}

.tb-welfare17-5 .table td,
.tb-welfare17-7 .table td {
  height: 4.375rem;
}

.tb-welfare18-2 .table thead th {
  font-weight: 700;
}

.tb-welfare22-2 {
  margin-top: 0.25rem;
}

.tb-welfare27-2 .table .text-gray {
  font-size: var(--size-text-md);
  margin-bottom: 0.5rem !important;
}

/*
* responsive
*/
@media (max-width: 1399.98px) {
  .tb-welfare4.table-wrap.tb-scrollable .tb-overflow {
    word-break: keep-all;
  }
}
@media (max-width: 767.98px) {
  .welfare-service .cpnt-common-detail .sub-list-title + .sub-desc,
.welfare-service .cpnt-common-detail .item-title + .sub-desc,
#myhome-main .cpnt-common-detail .sub-list-title + .sub-desc,
#myhome-main .cpnt-common-detail .item-title + .sub-desc,
#m-myhome-main .cpnt-common-detail .sub-list-title + .sub-desc,
#m-myhome-main .cpnt-common-detail .item-title + .sub-desc {
    font-size: var(--size-text-md);
  }
  .welfare-service .cpnt-common-detail .table .text-gray,
#myhome-main .cpnt-common-detail .table .text-gray,
#m-myhome-main .cpnt-common-detail .table .text-gray {
    font-size: var(--size-text-xs);
  }
  .welfare-service .cpnt-common-detail .table td .btn.sm,
#myhome-main .cpnt-common-detail .table td .btn.sm,
#m-myhome-main .cpnt-common-detail .table td .btn.sm {
    font-size: var(--size-text-xs);
    padding: 0 0.5rem;
    border-radius: 0.25rem;
    gap: 0.25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 1.8125rem;
    margin: 0 auto;
  }
  .tb-welfare2-5 .table .list-wrap .list {
    margin-bottom: 0.25rem;
  }
  .tb-welfare2-5 .table .list-wrap .list:last-child {
    margin-bottom: 0;
  }
  .tb-welfare16-3.tb-scrollable .table,
.tb-welfare17-6.tb-scrollable .table {
    min-width: 53rem;
  }
}
.welfare-worker2 .text-desc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  padding-left: 0;
  margin-top: 0;
}
.welfare-worker2 .text-desc-list.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.welfare-worker2 .text-desc-list .desc-term {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.welfare-worker2 .text-desc-list .desc-desc {
  font-size: var(--size-text-lg);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.4;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .desc-title {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-light);
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list {
  font-size: var(--size-text-md);
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list .text {
  color: var(--color-text-light);
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list .text::before {
  content: none;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list .sub-text {
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-top: 4px;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list .sub-desc {
  margin: 0.25rem 0;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.5rem 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list.flex::before {
  content: "";
  display: inline-block;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: var(--color-text-light);
  border-radius: 50%;
  position: absolute;
  left: -0.8125rem;
  top: 0.75rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.bold .list {
  font-weight: 700;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.bold .list::marker {
  font-size: 1rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.no-marker {
  padding-left: 1.5rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.no-marker .list {
  list-style-type: none;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.list-num {
  padding-left: 3rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
  font-weight: 700;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .desc-list {
  padding: 0;
  padding-left: 1rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .desc-list .list {
  margin-bottom: 0.25rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list .desc-list .desc-list .list:last-child {
  margin-bottom: 0;
}
.welfare-worker2 .cpnt-common-detail .detail-list.field-training .text {
  font-size: var(--size-text-lg);
  color: var(--color-text-light);
  margin-bottom: 0.25rem;
}
.welfare-worker2 .cpnt-common-detail .detail-list.field-training .text + .desc-list {
  margin: 0.25rem 0;
}
.welfare-worker2 .cpnt-common-detail .detail-list.field-training .text + .desc-list .list {
  color: var(--color-text-lighter);
}
.welfare-worker2 .cpnt-common-detail .hyperlink {
  color: var(--color-text-secondary);
  text-decoration: none;
}
.welfare-worker2 .cpnt-common-detail .hyperlink i {
  position: relative;
  top: 0.125rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .welfare-worker2 .text-desc-list .desc-term {
    font-size: var(--size-text-lg);
  }
  .welfare-worker2 .text-desc-list .desc-desc {
    font-size: var(--size-text-md);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .desc-title {
    font-size: var(--size-text-sm);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list {
    font-size: var(--size-text-sm);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list .sub-list {
    font-size: var(--size-text-sm);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list.flex {
    padding-left: 1rem;
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .list.flex::before {
    left: -0.125rem;
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list .text {
    font-size: var(--size-text-sm);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list.no-marker {
    padding-left: 1rem;
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list.bg-gray .text {
    font-size: var(--size-text-sm);
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list.list-num {
    padding-left: 2rem;
  }
  .welfare-worker2 .cpnt-common-detail .detail-list .desc-list.list-num .list {
    font-size: var(--size-text-sm);
  }
}
@media (max-width: 499.9808px) {
  .welfare-worker1 .img-workder-duty {
    position: relative;
    width: 100%;
    padding-top: 135.56%;
  }
  .welfare-worker1 .img-workder-duty img {
    display: none;
  }
  .welfare-worker1 .img-workder-duty::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/welfare/img_welfareworker_mo.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
}
.find-welfare-center .text-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-bottom: 3.5rem;
  background-color: var(--color-bg-secondary-lightest01);
  border-radius: 1rem 1rem 1rem 3rem;
  padding: 2.5rem;
}
.find-welfare-center .text-notice .notice {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.find-welfare-center .text-notice .notice em {
  color: var(--color-text-secondary);
}
.find-welfare-center .sub-global-tab {
  margin-bottom: 2rem;
}
.find-welfare-center .housing-searchbox {
  margin-bottom: 2rem;
}
.find-welfare-center .housing-searchbox .choice-list {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.find-welfare-center .housing-searchbox .choice-list.center-name {
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
}
.find-welfare-center .housing-searchbox .choice-list .choice-list-type {
  width: 6rem;
}
.find-welfare-center .housing-searchbox .choice-list .choice-item-wrap {
  gap: 1rem;
}

.cpnt-common-list .tb-list-overflow .tb-welfare-center1 {
  word-break: normal;
}
.cpnt-common-list .tb-list-overflow .tb-welfare-center4 {
  word-break: normal;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .find-welfare-center .text-notice {
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1.5rem;
    gap: 0.5rem;
  }
  .find-welfare-center .text-notice .notice {
    font-size: var(--size-text-md);
  }
  .find-welfare-center .sub-global-tab {
    margin-bottom: 1.5rem;
  }
  .find-welfare-center .housing-searchbox {
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
  .find-welfare-center .housing-searchbox .choice-list {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .find-welfare-center .housing-searchbox .choice-list.center-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
  }
  .find-welfare-center .housing-searchbox .choice-list .choice-item-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .find-welfare-center .housing-searchbox .choice-list .choice-item-wrap .input-wrap {
    width: 100%;
  }
  .find-welfare-center .housing-searchbox.only-search .choice-list-wrap {
    gap: 1rem;
  }
  .find-welfare-center .housing-searchbox.only-search .choice-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.housing-finance1 .cpnt-common-detail .list-item.expectation .text {
  font-size: var(--size-text-lg);
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}
.housing-finance1 .cpnt-common-detail .list-item.expectation .desc-list .list {
  font-size: var(--size-text-md);
}

.housing-finance2 .top-dictionary .word-wrap,
.housing-finance3 .top-dictionary .word-wrap {
  border: none;
  padding-right: 0;
  margin-right: 0;
  width: 100%;
}
.housing-finance2 .top-dictionary .dictionary-head,
.housing-finance3 .top-dictionary .dictionary-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.housing-finance2 .top-dictionary .desc-wrap,
.housing-finance3 .top-dictionary .desc-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.housing-finance2 .img-finance-wrap,
.housing-finance3 .img-finance-wrap {
  margin-bottom: 3.5rem;
}

.related-product .cpnt-common-detail .detail-list .text.bold {
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.related-product .cpnt-common-detail .detail-list .text.bold:first-of-type {
  margin-top: 0;
}
.related-product .cpnt-common-detail .detail-list .desc-list .list .desc {
  margin-top: 0.5rem;
}
.related-product .cpnt-common-detail .detail-list .desc-list .list .sub-desc {
  margin: 0.25rem 0;
}
.related-product .cpnt-common-detail .detail-list .desc-list.list-num {
  padding-left: 3rem;
}
.related-product .cpnt-common-detail .detail-list .desc-list.list-num .list::marker {
  font-weight: 700;
}
.related-product .cpnt-common-detail .detail-list .desc-list.bold .list {
  font-weight: 700;
}
.related-product .cpnt-common-detail .detail-list .desc-list.bold .list::marker {
  font-size: 0.875rem;
}
.related-product .cpnt-common-detail .detail-list .desc-list.bold .list .sub-text {
  font-weight: 400;
}
.related-product .cpnt-common-detail .detail-list .item-title + .desc-list .list {
  font-size: var(--size-text-md);
  line-height: 1.6;
}
.related-product .cpnt-common-detail .detail-list .item-title + .desc-list .list .em {
  font-weight: 700;
  margin-right: 0.5rem;
}
.related-product .cpnt-common-detail .detail-list .item-title + .desc-list.bg-gray .list {
  margin-bottom: 0.25rem;
}
.related-product .cpnt-common-detail .detail-list .item-title + .desc-list.bg-gray .list:last-child {
  margin-bottom: 0;
}
.related-product .cpnt-common-detail .detail-list .sub-text-wrap {
  padding-left: 1rem;
}
.related-product .cpnt-common-detail .detail-list .sub-text-wrap .sub-text {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: decimal;
  margin: 0.25rem 0;
  padding-left: 0.5rem;
}
.related-product .cpnt-common-detail .detail-list .sub-text-wrap.no-num {
  padding-left: 0;
}
.related-product .cpnt-common-detail .detail-list .sub-text-wrap.no-num .sub-text {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.related-product .item-formbox {
  width: calc(33.333% - 0.375rem);
}
.related-product .procedure-box.sm .step .step-title {
  padding: 0.75rem 1.125rem;
}
.related-product .procedure-box.sm .step .step-cont {
  word-break: keep-all;
}
.related-product .table th em,
.related-product .table td em {
  color: var(--color-text-primary-dark);
}
.related-product.tab1 .contract-withdrawal .desc-list.list-num {
  padding-left: 1.5rem;
}
.related-product.tab1 .contract-withdrawal .desc-list.list-num .list::marker {
  font-weight: 400;
}
.related-product.tab4 .procedure-box.sm .step .step-cont, .related-product.tab5 .procedure-box.sm .step .step-cont, .related-product.tab8 .procedure-box.sm .step .step-cont, .related-product.tab9 .procedure-box.sm .step .step-cont {
  padding: 1rem 0.75rem;
  min-height: 12.3125rem;
}
.related-product.tab4 .procedure-box.sm .step .step-cont .text, .related-product.tab5 .procedure-box.sm .step .step-cont .text, .related-product.tab8 .procedure-box.sm .step .step-cont .text, .related-product.tab9 .procedure-box.sm .step .step-cont .text {
  text-align: left;
}
.related-product.tab8 .procedure-box.sm .step .step-cont .text {
  text-align: center;
}
.related-product.tab9 .payment .text,
.related-product.tab9 .payment .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.related-product.tab9 .payment .text span,
.related-product.tab9 .payment .list span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.related-product.tab9 .payment .list {
  position: relative;
}
.related-product.tab9 .payment .list::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: var(--color-text-light);
  position: absolute;
  top: 0.5rem;
  left: -0.5rem;
}
.related-product.tab9 .payment .list.no-marker .btn {
  margin-left: 0;
  margin-right: 0;
  height: 2.25rem;
  font-size: var(--size-text-sm);
}
.related-product.tab9 .payment .desc-list.bg-gray {
  padding-left: 1.5rem;
}
.related-product.tab9 .payment .desc-list.bg-gray .desc {
  margin-top: 0.25rem;
}
.related-product.tab9 .payment .desc-list.bg-gray .list {
  display: list-item;
  list-style-type: none;
  list-style-image: none;
}
.related-product.tab9 .payment .desc-list.bg-gray .list::before {
  content: none;
}
.related-product.tab9 .payment .sub-text-wrap.no-num {
  padding-left: 1.5rem;
}
.related-product.tab9 .payment .sub-text-wrap.no-num .sub-text {
  display: list-item;
  list-style-type: disc;
}
.related-product.tab9 .payment .sub-text-wrap.no-num .sub-text::marker {
  font-size: 0.625rem;
}
.related-product.tab9 .payment .interest-rate .text {
  display: block;
}
.related-product.tab9 .payment .guarantee .list {
  display: list-item;
  list-style-type: none;
  list-style-image: none;
}
.related-product.tab9 .payment .guarantee .sub-text-wrap {
  padding-left: 0;
}
.related-product.tab9 .payment .guarantee .sub-text-wrap.no-num .sub-text {
  list-style-type: none;
}
.related-product.tab9 .payment .guarantee .text {
  display: block;
}
.related-product.tab9 .procedure-box.sm .step .step-cont {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.related-product.tab9 .list-item .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.related-product.tab9 .list-item .btn-wrap .btn {
  margin: 0;
}
.related-product.tab9 .item-formbox {
  width: calc(50% - 0.5rem);
}
.related-product.tab10 .dictionary-box2 .box-item:first-child {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}
.related-product.tab10 .cpnt-common-detail .detail-list.contract-withdrawal .item-title + .desc-list .list {
  font-size: var(--size-text-lg);
  line-height: 1.4;
}

.tb-related-product4-1 .tb-title {
  font-size: var(--size-text-lg);
  font-weight: 400;
}

.tb-related-product7-3 .table td.center .desc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tb-related-product9-1 .table .desc {
  margin-top: 0.5rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .housing-finance1 .cpnt-common-detail .list-item.expectation .text {
    font-size: var(--size-text-md);
  }
  .housing-finance1 .cpnt-common-detail .list-item.expectation .desc-list .list {
    font-size: var(--size-text-sm);
  }
  .housing-finance2 .top-dictionary .dictionary-head,
.housing-finance3 .top-dictionary .dictionary-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1rem;
  }
  .housing-finance2 .top-dictionary .dictionary-head .btn,
.housing-finance3 .top-dictionary .dictionary-head .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1.8125rem;
    font-size: var(--size-text-xs);
  }
  .housing-finance2 .img-finance-wrap,
.housing-finance3 .img-finance-wrap {
    margin-bottom: 3rem;
  }
  .related-product .cpnt-common-detail .detail-list .text.bold {
    margin-top: 1.5rem;
  }
  .related-product .cpnt-common-detail .detail-list .item-title + .desc-list .list {
    font-size: var(--size-text-sm);
  }
  .related-product .cpnt-common-detail .detail-list .sub-text-wrap .sub-text {
    font-size: var(--size-text-xs);
  }
  .related-product .item-formbox {
    width: 100%;
  }
  .related-product.tab4 .procedure-box.sm .step .step-cont, .related-product.tab5 .procedure-box.sm .step .step-cont, .related-product.tab8 .procedure-box.sm .step .step-cont, .related-product.tab9 .procedure-box.sm .step .step-cont {
    min-height: 5.25rem;
  }
  .related-product.tab4 .procedure-box.sm .step .step-cont .text, .related-product.tab5 .procedure-box.sm .step .step-cont .text, .related-product.tab8 .procedure-box.sm .step .step-cont .text, .related-product.tab9 .procedure-box.sm .step .step-cont .text {
    text-align: center;
  }
  .related-product.tab9 .procedure-box.sm .step .step-cont .text {
    text-align: left;
  }
  .related-product.tab9 .item-formbox {
    width: 100%;
  }
  .related-product.tab10 .cpnt-common-detail .detail-list.contract-withdrawal .item-title + .desc-list .list {
    font-size: var(--size-text-md);
  }
  .tb-related-product12-3 .table .text,
.tb-youth15-3 .table .text {
    font-size: var(--size-text-sm) !important;
  }
}
@media (max-width: 575.98px) {
  .housing-finance2 .img-finance-wrap,
.housing-finance3 .img-finance-wrap {
    position: relative;
    padding-top: 93.295%;
  }
  .housing-finance2 .img-finance-wrap img,
.housing-finance3 .img-finance-wrap img {
    display: none;
  }
  .housing-finance2 .img-finance-wrap::after,
.housing-finance3 .img-finance-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/welfare/img_finance01_mo.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .housing-finance3 .img-finance-wrap {
    padding-top: 126.11%;
  }
  .housing-finance3 .img-finance-wrap::after {
    background: url("../images/welfare/img_finance02_mo.png") center/cover no-repeat;
  }
}
.welfare-main .top-banner {
  border-radius: 2rem 2rem 2rem 2.625rem;
  background: url("../images/welfare/bg_welfare_main.png") center/cover no-repeat;
  color: var(--color-inverse);
  padding: 10.875rem 12.25rem 5rem 5rem;
  margin-bottom: 3.5rem;
}
.welfare-main .top-banner .banner-titile {
  font-size: var(--size-text-d2);
  font-weight: 900;
  line-height: 1.3;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgba(225, 225, 225, 0.6);
}
.welfare-main .top-banner .banner-desc {
  font-size: var(--size-text-xl);
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-inverse);
  opacity: 0.8;
}
.welfare-main .mo-visible {
  display: none;
}

.welfare-service-main-cont {
  margin-bottom: 3.5rem;
}
.welfare-service-main-cont:last-child {
  margin-bottom: 0;
}
.welfare-service-main-cont .cont-title {
  font-size: var(--size-text-d3);
  font-family: var(--font-secondary);
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.welfare-service-main-cont .desc {
  font-size: var(--size-text-xl);
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1rem;
}
.welfare-service-main-cont .table-wrap.none-thead th,
.welfare-service-main-cont .table-wrap.none-thead td {
  text-align: center;
  height: 4rem;
}
.welfare-service-main-cont .itembox-wrap {
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.welfare-service-main-cont .itembox {
  font-size: var(--size-text-lg);
  font-weight: 700;
  line-height: 1.3;
  padding: 1.5rem 1.625rem 1.5rem 1.75rem;
  background-color: var(--color-inverse);
  border-radius: 1.5rem;
  border: 1px solid var(--color-border-primary-light);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.welfare-service-main-cont .itembox .label {
  display: block;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}
.welfare-service-main-cont .itembox .title {
  color: var(--color-text-primary-dark);
  margin-bottom: 0.5rem;
}
.welfare-service-main-cont .itembox .list-wrap {
  padding-left: 1rem;
}
.welfare-service-main-cont .itembox .list-wrap .list {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
  list-style-type: disc;
}
.welfare-service-main-cont .itembox .list-wrap .list::marker {
  font-size: 0.625rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .welfare-main .top-banner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    background-image: url("../images/welfare/bg_welfare_main_mo.png");
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .welfare-main .top-banner .banner-titile {
    font-size: var(--size-text-d6);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .welfare-main .top-banner .banner-desc {
    font-size: var(--size-text-md);
  }
  .welfare-main .mo-hidden {
    display: none;
  }
  .welfare-main .mo-visible {
    display: block;
  }
  .welfare-service-main-cont {
    margin-bottom: 3rem;
  }
  .welfare-service-main-cont .cont-title {
    font-size: var(--size-text-d5);
    margin-bottom: 1rem;
  }
  .welfare-service-main-cont .desc {
    font-size: var(--size-text-lg);
    margin-bottom: 0.5rem;
  }
  .welfare-service-main-cont .table-wrap.none-thead th,
.welfare-service-main-cont .table-wrap.none-thead td {
    text-align: center;
    height: 3.25rem;
  }
  .welfare-service-main-cont .itembox-wrap {
    margin-bottom: 1rem;
    gap: 0.5rem;
  }
  .welfare-service-main-cont .itembox {
    font-size: var(--size-text-md);
    padding: 1rem;
    border-radius: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: calc(50% - 0.25rem);
  }
  .welfare-service-main-cont .itembox .list-wrap .list {
    font-size: var(--size-text-sm);
  }
}
@media (max-width: 449.98px) {
  .welfare-service-main-cont .img-wrap {
    position: relative;
    padding-top: 272.304%;
  }
  .welfare-service-main-cont .img-wrap img {
    display: none;
  }
  .welfare-service-main-cont .img-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/welfare/img_welfare_maincont_mo.png") center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
/*기타화면*/
.search-main .cpnt-common-list .top-bar .total-count {
  color: var(--color-text);
}
.search-main .cpnt-common-list .top-bar .total-count .value {
  font-weight: 500;
}
.search-main .cpnt-common-list .top-bar .total-count .value::after {
  content: "건";
}
.search-main .cpnt-common-list .tb-list-overflow.tb-search-main2, .search-main .cpnt-common-list .tb-list-overflow.tb-search-main3 {
  word-break: normal;
}
.search-main .cpnt-common-list .tb-list th .lg,
.search-main .cpnt-common-list .tb-list td .lg {
  font-size: var(--size-text-lg);
}
.search-main .cpnt-common-list .tb-list th.sm,
.search-main .cpnt-common-list .tb-list td.sm {
  font-size: var(--size-text-sm);
}
.search-main .cpnt-common-list .tb-list th.gray,
.search-main .cpnt-common-list .tb-list td.gray {
  color: var(--color-text-light);
}
.search-main .cpnt-common-list .tb-list td .notice {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.search-main .cpnt-common-list .mo-visible {
  display: none;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lighter);
  margin-bottom: 0.125rem;
}
.search-main .cpnt-common-list .mo-visible .label {
  position: relative;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.search-main .cpnt-common-list .mo-visible .label::after {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 0.5rem;
  background-color: var(--color-border);
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.search-main .cpnt-common-list .mo-visible .label + .value {
  padding-left: 0;
  margin-left: 0;
}
.search-main .cpnt-common-list .mo-visible .label + .value::before {
  content: none;
}
.search-main .cpnt-common-list .mo-visible .value {
  position: relative;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}
.search-main .cpnt-common-list .mo-visible .value::before {
  content: "";
  display: inline-block;
  width: 0.0625rem;
  height: 0.5rem;
  background-color: var(--color-border);
  position: absolute;
  left: 0;
  top: 0.25rem;
}
.search-main .search-main-area {
  max-width: 52.6875rem;
  margin: 0 auto 3.5rem;
}
.search-main .search-main-area .search-title {
  font-family: var(--font-secondary);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5rem;
  text-align: center;
}
.search-main .search-main-area .search-title span {
  margin-right: 0.375rem;
}
.search-main .search-main-area .search-title span:last-child {
  margin-right: 0;
}
.search-main .search-main-area .search-title::before {
  content: "";
  display: inline-block;
  width: 5rem;
  height: 5.3125rem;
  background: url("../images/main/img_main_note.png") center/100% no-repeat;
  margin-right: 1.5rem;
}
.search-main .search-main-area .searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.search-main .search-main-area .searchbox .input-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-main .search-main-area .searchbox .input-wrap select {
  height: 3.5rem;
  font-size: var(--size-text-xl);
  border-radius: 1rem;
  border: 2px solid var(--color-border-secondary);
  background: url("../images/main/bg_main_select_arrow.svg") center right 1rem/2rem no-repeat;
}
.search-main .search-main-area .searchbox .btn-search {
  height: 3.5rem;
  background-color: var(--color-bg-secondary);
  border: 2px solid var(--color-border-secondary);
  border-radius: 1rem;
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-white);
  padding: 0 1.5rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.search-main .tab-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3.5rem;
}
.search-main .tab-list {
  font-size: var(--size-text-md);
  font-weight: 400;
  display: block;
  padding: 0 1.25rem;
  border: 1px solid var(--color-border);
  border-radius: 1.5rem;
  background-color: var(--color-white);
  height: 2.375rem;
}
.search-main .tab-list > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.search-main .tab-list > a .value {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.search-main .tab-list > a .value::after {
  content: "건";
  display: inline-block;
}
.search-main .tab-list.active {
  font-weight: 700;
  border: 2px solid var(--color-border-primary);
  color: var(--color-text-primary);
}
.search-main .tab-list.active .value {
  color: var(--color-text-primary);
}
.search-main .sub-tab-wrap {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.search-main .sub-tab > a {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  position: relative;
}
.search-main .sub-tab > a::before {
  content: "";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid var(--color-border);
  border-radius: 50%;
  background-color: var(--color-inverse);
}
.search-main .sub-tab.active > a::after {
  content: "";
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--color-bg-primary);
  border-radius: 50%;
  position: absolute;
  left: 0.25rem;
}
.search-main .tab-cont.active.tab1 .sub-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cpnt-common-list .tb-list-overflow.tb-search-main3, .cpnt-common-list .tb-list-overflow.tb-search-main4 {
  word-break: normal;
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list thead tr th, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list thead tr th {
  border: 1px solid var(--color-border);
  border-top: 2px solid var(--color-border-darkest);
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list thead tr th:first-child, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list thead tr th:first-child {
  border-left: none;
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list thead tr th:last-child, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list thead tr th:last-child {
  border-right: none;
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list tbody tr td, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list tbody tr td {
  border: 1px solid var(--color-border);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list tbody tr td:first-child, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list tbody tr td:first-child {
  border-left: none;
}
.cpnt-common-list .tb-list-overflow.tb-search-main3 .tb-list tbody tr td:last-child, .cpnt-common-list .tb-list-overflow.tb-search-main4 .tb-list tbody tr td:last-child {
  border-right: none;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .search-main .search-main-area {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .search-main .search-main-area .search-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: var(--size-text-d6);
  }
  .search-main .search-main-area .search-title span {
    margin-right: 0;
    margin-bottom: 0.125rem;
  }
  .search-main .search-main-area .search-title span:last-child {
    margin-bottom: 0;
  }
  .search-main .search-main-area .search-title::before {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
  .search-main .search-main-area .searchbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-main .search-main-area .searchbox .input-wrap select {
    height: 2.5rem;
    border-radius: 0.5rem;
    font-size: var(--size-text-md);
  }
  .search-main .search-main-area .searchbox .btn-search {
    height: 2.5rem;
    border-radius: 0.5rem;
    font-size: var(--size-text-md);
    width: 100%;
  }
  .search-main .tab-list-wrap {
    margin-bottom: 2rem;
  }
  .search-main .tab-list {
    font-size: var(--size-text-sm);
    padding: 0 0.75rem;
    height: 2.25rem;
  }
  .search-main .tab-list > a {
    gap: 0.25rem;
  }
  .search-main .sub-tab-wrap {
    margin-bottom: 2rem;
  }
  .search-main .cpnt-common-list .tb-list th .lg,
.search-main .cpnt-common-list .tb-list td .lg {
    font-size: var(--size-text-md);
  }
  .search-main .cpnt-common-list .tb-list td.area {
    color: var(--color-text-lighter);
  }
  .search-main .cpnt-common-list .tb-list td .notice {
    margin-bottom: 0.5rem;
  }
  .search-main .cpnt-common-list .mo-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#main .subpage-container.online-survey .contents-container {
  overflow: visible;
}

.online-survey .top-toolbar {
  background-color: var(--color-bg-secondary-lightest01);
  border-radius: 1rem 1rem 1rem 3rem;
  padding: 4rem 5rem;
  margin-bottom: 3.5rem;
  word-break: keep-all;
}
.online-survey .top-toolbar .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  line-height: 1.4;
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}
.online-survey .top-toolbar .desc {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.online-survey .survey {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.online-survey .survey .questionbox {
  background-color: var(--color-inverse);
  border: 1px solid var(--color-border-primary-light);
  border-radius: 1rem 1rem 1rem 3rem;
  -webkit-box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 4px 26px 0 rgba(0, 0, 0, 0.07);
  padding: 2.5rem;
}
.online-survey .survey .questionbox .title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.online-survey .survey .questionbox .title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.online-survey .survey .questionbox .warning {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-icon-error);
  padding-left: 1.375rem;
}
.online-survey .survey .questionbox .input-wrap textarea {
  min-height: 6.25rem;
}
.online-survey .survey .questionbox .choice-list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.online-survey .survey .questionbox .checkbox input[type=checkbox]:checked ~ .label-checkbox,
.online-survey .survey .questionbox .radio-button input[type=checkbox]:checked ~ .label-checkbox {
  color: var(--color-text-primary);
  font-weight: 700;
}
.online-survey .survey .questionbox .checkbox input[type=radio]:checked ~ .label-radio,
.online-survey .survey .questionbox .radio-button input[type=radio]:checked ~ .label-radio {
  color: var(--color-text-primary);
  font-weight: 700;
}
.online-survey .survey .questionbox .checkbox .label-checkbox,
.online-survey .survey .questionbox .checkbox .label-radio,
.online-survey .survey .questionbox .radio-button .label-checkbox,
.online-survey .survey .questionbox .radio-button .label-radio {
  font-size: var(--size-text-md);
  font-weight: 500;
  color: var(--color-text-light);
}
.online-survey .survey .questionbox .checkbox .label-checkbox::before,
.online-survey .survey .questionbox .checkbox .label-radio::before,
.online-survey .survey .questionbox .radio-button .label-checkbox::before,
.online-survey .survey .questionbox .radio-button .label-radio::before {
  margin-right: 1rem;
}
.online-survey .survey .mo-visible {
  display: none;
}
.online-survey .tb-online-survey .table th,
.online-survey .tb-online-survey .table td {
  border-left: none;
  border-right: none;
}
.online-survey .tb-online-survey .table thead th {
  font-weight: 500;
}
.online-survey .tb-online-survey .radio-button {
  position: relative;
  top: 0.1875rem;
}
.online-survey .tb-online-survey .radio-button .label-radio::before {
  margin-right: 0 !important;
}
.online-survey .mo-tb-online-survey .item:first-child {
  border-top: 2px solid var(--color-border-darkest);
}
.online-survey .mo-tb-online-survey .item:last-child .choice-list-wrap {
  border-bottom: 1px solid var(--color-border);
}
.online-survey .mo-tb-online-survey .item-title {
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.4;
  background-color: var(--color-bg-gray);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  padding: 1rem 0.75rem;
}
.online-survey .mo-tb-online-survey .choice-list-wrap {
  padding: 0.75rem;
}
.online-survey .bottom-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

#modalOnlineSurvey .modal__content,
#modalOnlineVote .modal__content {
  padding-top: 2.25rem;
}
#modalOnlineSurvey .modal__content p,
#modalOnlineVote .modal__content p {
  font-size: var(--size-text-lg);
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

/*
* responsive
*/
@media (max-width: 991.98px) {
  .online-survey .survey .mo-hidden {
    display: none;
  }
  .online-survey .survey .mo-visible {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .online-survey .top-toolbar {
    padding: 2.5rem 2rem;
    margin-top: 2.375rem;
    margin-bottom: 3rem;
  }
  .online-survey .top-toolbar .title {
    font-size: var(--size-text-d5);
    margin-bottom: 0.5rem;
  }
  .online-survey .top-toolbar .desc {
    font-size: var(--size-text-md);
  }
  .online-survey .survey .questionbox {
    padding: 2rem;
  }
  .online-survey .survey .questionbox .title-wrap {
    margin-bottom: 1.5rem;
  }
  .online-survey .survey .questionbox .title {
    font-size: var(--size-text-lg);
  }
  .online-survey .survey .questionbox .warning {
    font-size: var(--size-text-xs);
  }
  .online-survey .bottom-btn-wrap .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
:root {
  --glossary-top-height: 6.75rem;
}

.glossary-header {
  position: relative;
  width: 100%;
  z-index: 500;
}
.glossary-header .top-bar {
  height: var(--glossary-top-height);
  background-color: var(--color-bg-secondary-light02);
  padding: 0.875rem 1rem;
}
.glossary-header .top-bar .logo-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
.glossary-header .top-bar .logo-row img {
  height: 1.5rem;
}
.glossary-header .top-bar .logo-row .title {
  font-size: var(--size-text-xl);
  font-weight: 700;
  color: var(--color-white);
}
.glossary-header .top-bar .logo-row .btn-glossary-close {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  color: var(--color-white);
  margin-left: auto;
}
.glossary-header .top-bar .tab-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.glossary-header .top-bar .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-top: 1rem;
}
.glossary-header .top-bar .tab-list .tab {
  height: 2.25rem;
  background-color: var(--color-bg-secondary-light01);
  border-radius: 0.5rem;
  font-size: var(--size-text-sm);
  color: var(--color-inverse);
  font-weight: 700;
  padding: 0 1rem;
}
.glossary-header .top-bar .tab-list .tab > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.glossary-header .top-bar .tab-list .tab.active {
  background-color: var(--color-bg-secondary-dark);
}

.glossary-body {
  padding: 1.25rem 1rem;
}
.glossary-body .tab-content {
  display: none;
}
.glossary-body .tab-content.active {
  display: block;
}
.glossary-body .searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.glossary-body .searchbox .input-wrap {
  position: relative;
}
.glossary-body .searchbox .input-wrap.search {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.glossary-body .searchbox .input-wrap.search input {
  background-color: var(--color-bg-gray-dark);
  border: none;
}
.glossary-body .searchbox .input-wrap.search input::-webkit-input-placeholder {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lightest);
}
.glossary-body .searchbox .input-wrap.search input::-moz-placeholder {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lightest);
}
.glossary-body .searchbox .input-wrap.search input:-ms-input-placeholder {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lightest);
}
.glossary-body .searchbox .input-wrap.search input::-ms-input-placeholder {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lightest);
}
.glossary-body .searchbox .input-wrap.search input::placeholder {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lightest);
}
.glossary-body .searchbox .input-wrap .btn-search {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.125rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.glossary-body .keyboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.glossary-body .keyboard .list-btn {
  width: 2.125rem;
  height: 2.125rem;
  border: 1px solid var(--color-border);
}
.glossary-body .keyboard .list-btn > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-sm);
  font-weight: 400;
}
.glossary-body .keyboard .list-btn.active > a, .glossary-body .keyboard .list-btn:hover > a {
  font-weight: 500;
  color: var(--color-white);
  background-color: var(--color-icon-primary);
}
.glossary-body .search-result-swiper {
  margin-bottom: 1.5rem;
}
.glossary-body .swiper-slide {
  background-color: var(--color-bg-secondary-lightest02);
  border-radius: 1rem;
  padding: 1.5rem 1rem 3.5rem;
}
.glossary-body .swiper-slide .title {
  font-size: var(--size-text-lg);
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.glossary-body .swiper-slide .terms-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  padding-left: 0.5rem;
}
.glossary-body .swiper-slide .terms {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.3;
  width: 47%;
  cursor: pointer;
}
.glossary-body .swiper-slide .terms::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--color-text);
  border-radius: 50%;
  margin-right: 0.625rem;
  position: relative;
  top: -0.1875rem;
}
.glossary-body .swiper-slide .terms.active, .glossary-body .swiper-slide .terms:hover {
  font-weight: 700;
}
.glossary-body .swiper-slide .terms.active::before, .glossary-body .swiper-slide .terms:hover::before {
  width: 0.25rem;
  height: 0.25rem;
}
.glossary-body .swiper-bottom-wrap {
  position: relative;
  margin-top: -2rem;
  top: -0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.glossary-body .swiper-button-next,
.glossary-body .swiper-button-prev {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0;
  top: initial;
  right: initial;
  left: initial;
  z-index: 11;
}
.glossary-body .swiper-button-next::after,
.glossary-body .swiper-button-prev::after {
  font-size: 0.625rem;
  font-weight: 700;
  color: var(--color-icon-lighter);
}
.glossary-body .swiper-pagination {
  position: relative;
  top: initial;
  bottom: initial;
  font-size: var(--size-text-sm);
  font-weight: 500;
  color: var(--color-text-lightest);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0.25rem;
}
.glossary-body .swiper-pagination-current {
  font-weight: 700;
  color: var(--color-text-secondary);
  margin: 0 0.125rem;
}
.glossary-body .swiper-pagination-total {
  margin: 0 0.125rem;
}
.glossary-body .selected-terms .termsbox-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.glossary-body .selected-terms .termsbox {
  background-color: var(--color-inverse);
  border-top: 2px solid var(--color-border-darkest);
  border-bottom: 1px solid var(--color-border);
  padding: 0 1rem;
}
.glossary-body .selected-terms .terms {
  padding-top: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.glossary-body .selected-terms .terms .label {
  font-size: var(--size-text-xxs);
  font-weight: 700;
  color: var(--color-white);
  border-radius: 0.25rem;
  height: 1.4375rem;
  padding: 0 0.5rem;
  background-color: var(--color-bg-etc04);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.glossary-body .selected-terms .terms .label::after {
  content: "법률/일반";
}
.glossary-body .selected-terms .terms .label.type1 {
  background-color: var(--color-bg-etc04);
}
.glossary-body .selected-terms .terms .label.type1::after {
  content: "법률/일반";
}
.glossary-body .selected-terms .terms .label.type2 {
  background-color: var(--color-bg-etc03);
}
.glossary-body .selected-terms .terms .label.type2::after {
  content: "주거복지";
}
.glossary-body .selected-terms .terms .label.type3 {
  background-color: var(--color-border-secondary-light);
}
.glossary-body .selected-terms .terms .label.type3::after {
  content: "공공주택";
}
.glossary-body .selected-terms .terms .label.type4 {
  background-color: #ff7474;
}
.glossary-body .selected-terms .terms .label.type4::after {
  content: "주거급여";
}
.glossary-body .selected-terms .terms .label.type5 {
  background-color: #9a71f0;
}
.glossary-body .selected-terms .terms .label.type5::after {
  content: "주택금융";
}
.glossary-body .selected-terms .terms .label.type6 {
  background-color: #3f3f46;
}
.glossary-body .selected-terms .terms .label.type6::after {
  content: "소득재산";
}
.glossary-body .selected-terms .terms .label.type7 {
  background-color: #3f3f46;
}
.glossary-body .selected-terms .terms .label.type7::after {
  content: "부동산";
}
.glossary-body .selected-terms .terms .text {
  font-size: var(--size-text-md);
  font-weight: 500;
}
.glossary-body .selected-terms .terms-mean {
  padding: 1rem 0;
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.5;
}
.glossary-body .selected-terms .terms-mean .tx-content-container > * {
  font-family: var(--font-primary) !important;
}
.glossary-body .selected-terms .btn-naver-dict {
  margin: 1rem auto 0;
}
.glossary-body .selected-terms .none-result-visible {
  display: none;
}
.glossary-body .selected-terms.none-result .termsbox-wrap,
.glossary-body .selected-terms.none-result .btn-naver-dict {
  display: none;
}
.glossary-body .selected-terms.none-result .none-result-visible {
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.glossary-body .selected-terms.none-result .none-result-visible i {
  display: block;
  font-size: 1.75rem;
  color: var(--color-icon-error);
  margin-bottom: 0.5rem;
}
.glossary-body .selected-terms.none-result .none-result-visible .text {
  font-size: var(--size-text-sm);
  font-weight: 400;
}

/*
* responsive
*/
#main .subpage-container.errorpage {
  padding: 6rem 0;
}

.errorpage {
  text-align: center;
}
.errorpage .img-error {
  width: 19.375rem;
  height: 18.75rem;
  display: block;
  margin: 0 auto 4rem;
}
.errorpage .title {
  font-family: var(--font-secondary);
  font-size: var(--size-text-d3);
  font-weight: 800;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.errorpage .title em {
  color: var(--color-text-secondary-lighter);
}
.errorpage .text {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-bottom: 3rem;
  line-height: 1.4;
}
.errorpage .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
}
.errorpage .btn-wrap .btn {
  min-width: 6.625rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  #main .subpage-container.errorpage {
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
  .errorpage {
    text-align: center;
  }
  .errorpage .img-error {
    width: 13.375rem;
    height: 12.75rem;
    margin-bottom: 2.5rem;
  }
  .errorpage .title {
    font-size: var(--size-text-lg);
    margin-bottom: 0.75rem;
  }
  .errorpage .text {
    font-size: var(--size-text-sm);
    margin-bottom: 2rem;
  }
  .errorpage .btn-wrap .btn {
    min-width: auto;
    height: 2.625rem;
    font-size: var(--size-text-md);
    font-weight: 500;
  }
}
/*공공데이터개방*/
.public-data .top-dictionary .desc-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.public-data .top-dictionary .advice {
  padding-left: 0;
  margin-left: 0;
  border: none;
}
.public-data .top-dictionary .advice li {
  list-style-type: none;
}
.public-data .datainfo-wrap {
  overflow: hidden;
}
.public-data .datainfo-wrap iframe {
  width: 100%;
  height: 50rem;
  overflow-y: scroll;
  border: none;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .public-data .top-dictionary {
    margin-top: 2rem;
  }
  .public-data .top-dictionary .desc-wrap {
    gap: 0;
  }
  .public-data .top-dictionary .advice {
    border-top: 1px solid rgba(26, 65, 150, 0.2);
  }
}
/*FOOTER (약관)*/
.footer-terms .snbar .snb-depth1 .accord-head i {
  color: var(--color-icon-light);
}
.footer-terms .cpnt-common-detail .text {
  font-size: var(--size-text-lg);
  color: var(--color-text-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.footer-terms .cpnt-common-detail .text + .desc-list .list {
  margin-bottom: 0.5rem;
}
.footer-terms .cpnt-common-detail .list-item .text {
  margin-bottom: 0.5rem;
}
.footer-terms .cpnt-common-detail .list-title {
  padding-left: 0;
  line-height: 1.3;
}
.footer-terms .cpnt-common-detail .list-title::before, .footer-terms .cpnt-common-detail .list-title::after {
  content: none;
}
.footer-terms .cpnt-common-detail .desc-list .list {
  font-size: var(--size-text-lg);
  margin-bottom: 1rem;
}
.footer-terms .cpnt-common-detail .desc-list.list-num {
  padding-left: 1.5rem;
}
.footer-terms .cpnt-common-detail .desc-list.list-num .list::marker {
  font-weight: 400;
}
.footer-terms .cpnt-common-detail .desc-list.no-marker .list {
  list-style-type: none;
}
.footer-terms .cpnt-common-detail .sub-text-wrap .sub-text {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin: 0.5rem 0;
}
.footer-terms .table thead th {
  font-weight: 500;
}
.footer-terms .table .text-gray {
  font-size: var(--size-text-sm);
  margin: 0;
}
.footer-terms .bottom-btn-wrap {
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-terms.tab2 .cpnt-common-detail .list-item .item-title {
  margin-bottom: 1rem;
}
.footer-terms.tab2 .cpnt-common-detail .desc-list .list {
  margin-bottom: 0.5rem;
}
.footer-terms.tab3 .cpnt-common-detail .desc-list .list {
  font-size: var(--size-text-xl);
}

.footer-terms .reference-box,
.pop-footer-terms .reference-box {
  padding: 1.5rem;
  background-color: var(--color-bg-gray);
  border-radius: 1rem;
}
.footer-terms .reference-box .label,
.pop-footer-terms .reference-box .label {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: 0.5rem;
}
.footer-terms .reference-box .search-wrap,
.pop-footer-terms .reference-box .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-terms .reference-box .search-wrap .input-wrap,
.pop-footer-terms .reference-box .search-wrap .input-wrap {
  min-width: 16.25rem;
}

.tb-terms1-1 .desc {
  text-align: left;
}
.tb-terms1-1 .table td {
  height: 11.25rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .footer-terms .cpnt-common-detail .detail-list {
    margin-bottom: 2rem;
  }
  .footer-terms .cpnt-common-detail .text {
    font-size: var(--size-text-md);
  }
  .footer-terms .cpnt-common-detail .list-item {
    margin-bottom: 1.5rem;
  }
  .footer-terms .cpnt-common-detail .desc-list .list {
    font-size: var(--size-text-md);
  }
  .footer-terms .cpnt-common-detail .sub-text-wrap .sub-text {
    font-size: var(--size-text-sm);
    font-weight: 400;
    margin: 0.25rem 0;
  }
  .footer-terms.tab3 .cpnt-common-detail .desc-list .list {
    font-size: var(--size-text-lg);
  }
  .footer-terms .reference-box .search-wrap .input-wrap,
.pop-footer-terms .reference-box .search-wrap .input-wrap {
    width: 100%;
  }
  .footer-terms .reference-box .btn,
.pop-footer-terms .reference-box .btn {
    height: 2.625rem;
    font-size: var(--size-text-md);
    padding: 0 0.75rem;
  }
}
.pop-footer-terms .cpnt-common-detail .detail-list,
.pop-footer-terms .cpnt-common-detail .list-item {
  margin-bottom: 1.5rem;
}
.pop-footer-terms .cpnt-common-detail .detail-list:last-child,
.pop-footer-terms .cpnt-common-detail .list-item:last-child {
  margin-bottom: 0;
}
.pop-footer-terms .cpnt-common-detail .list-title {
  font-size: var(--size-text-lg);
  padding-left: 0;
  margin-bottom: 0.5rem;
}
.pop-footer-terms .cpnt-common-detail .list-title::before, .pop-footer-terms .cpnt-common-detail .list-title::after {
  content: none;
}
.pop-footer-terms .cpnt-common-detail .text {
  font-size: var(--size-text-sm);
  color: var(--color-text-light);
  margin-bottom: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.pop-footer-terms .cpnt-common-detail .item-title {
  font-size: var(--size-text-md);
  margin-bottom: 0.25rem;
}
.pop-footer-terms .cpnt-common-detail .desc-list .list {
  font-size: var(--size-text-sm);
}
.pop-footer-terms .cpnt-common-detail .desc-list .list .desc {
  font-size: var(--size-text-xs);
}
.pop-footer-terms .cpnt-common-detail .desc-list.list-num {
  padding-left: 1.25rem;
}
.pop-footer-terms .cpnt-common-detail .desc-list.list-num .list::marker {
  font-size: var(--size-text-sm);
  font-weight: 400;
}
.pop-footer-terms .cpnt-common-detail .desc {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}
.pop-footer-terms .cpnt-common-detail .desc::before {
  content: "*";
  display: inline-block;
  font-size: 1rem;
  color: var(--color-icon-secondary-light);
}
.pop-footer-terms .cpnt-common-detail .sub-text-wrap {
  padding-left: 1.125rem;
}
.pop-footer-terms .cpnt-common-detail .sub-text-wrap .sub-text {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  margin-bottom: 0.25rem;
}
.pop-footer-terms .link {
  color: var(--color-text-secondary);
}
.pop-footer-terms .table-wrap .table th,
.pop-footer-terms .table-wrap .table td {
  height: 2.75rem;
}
.pop-footer-terms .table th,
.pop-footer-terms .table td {
  font-size: var(--size-text-sm);
  word-break: keep-all;
}
.pop-footer-terms .table .text-gray {
  font-size: var(--size-text-xs);
  margin-bottom: 0;
}
.pop-footer-terms .reference-box {
  padding: 1rem;
}
.pop-footer-terms .reference-box .label {
  font-size: var(--size-text-sm);
}
.pop-footer-terms .reference-box .search-wrap .input-wrap select {
  height: 2.25rem;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .pop-footer-terms .reference-box .btn {
    height: 1.8125rem;
    font-size: var(--size-text-xs);
    padding: 0 0.5rem;
  }
}
/*모바일앱알림*/
.mobile-push {
  background-color: #f2f2f6;
}
.mobile-push #main .contents-area {
  padding-bottom: 0;
}
.mobile-push .contents-container {
  padding-bottom: 1rem;
  position: relative;
}
.mobile-push .top-toolbar {
  background-color: var(--color-inverse);
  height: 3.25rem;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-push .top-toolbar .total-notice {
  font-size: var(--size-text-md);
  font-weight: 400;
  color: var(--color-text-lighter);
}
.mobile-push .top-toolbar .total-notice .value {
  font-weight: 800;
  color: var(--color-text);
  margin-left: 0.5rem;
}
.mobile-push .top-toolbar .total-notice .value::after {
  content: "건";
  display: inline-block;
  font-weight: 400;
  margin-left: 0.0625rem;
}
.mobile-push .top-toolbar .btn {
  width: 4rem;
  padding: 0 0.25rem;
}
.mobile-push .top-toolbar .btn-select-delete {
  margin-left: auto;
  margin-right: 0.25rem;
}
.mobile-push .notice-list {
  padding: 0.5rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.mobile-push .notice-list.editing .notice {
  padding-left: 1rem;
  padding-right: 3.25rem;
}
.mobile-push .notice-list.editing .notice::before {
  content: none;
}
.mobile-push .notice-list.editing .notice::after {
  content: "\e904";
  font-family: "iconFont";
  font-size: 1.5rem;
  color: var(--color-icon);
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.mobile-push .notice {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  border: 1px solid var(--color-border);
  padding: 1rem 1rem 1rem 3.25rem;
  position: relative;
}
.mobile-push .notice::before {
  content: "\e906";
  font-family: "iconFont";
  font-size: 1.5rem;
  color: var(--color-icon-lighter);
  position: absolute;
  top: 1rem;
  left: 1rem;
}
.mobile-push .notice .noti-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.mobile-push .notice .noti-title-wrap .checkbox {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.mobile-push .notice .noti-title-wrap .checkbox .label-checkbox::before {
  margin-right: 0;
  width: 1.125rem;
  height: 1.125rem;
}
.mobile-push .notice .noti-title {
  font-size: var(--size-text-md);
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.mobile-push .notice .noti-bottom {
  font-size: var(--size-text-xs);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mobile-push .notice .noti-type {
  font-weight: 500;
  color: var(--color-text-secondary);
}
.mobile-push .btn-more {
  width: 100%;
  margin-top: 0.5rem;
}
.mobile-push .btn-more i {
  font-size: 1.25rem;
}
.mobile-push .item-set {
  margin-bottom: 2rem;
}
.mobile-push .item-set:first-of-type {
  margin-top: 2rem;
}
.mobile-push .item-set:nth-last-child(2) {
  margin-bottom: 1rem;
}
.mobile-push .item-set .title {
  font-size: var(--size-text-md);
  font-weight: 700;
  color: var(--color-text-light);
  line-height: 1.3;
  margin-bottom: 0.25rem;
}
.mobile-push .item-set .desc {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.3;
  margin-bottom: 0.5rem;
}
.mobile-push .set-box {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
  font-size: var(--size-text-lg);
  font-weight: 400;
  line-height: 1.3;
}
.mobile-push .set-box:last-child {
  margin-bottom: 0;
}
.mobile-push .set-box.none-select .cont-desc {
  display: block;
}
.mobile-push .set-box.none-select .selected-list {
  display: none;
}
.mobile-push .set-box.push-on-off {
  padding: 0.5rem 1rem;
}
.mobile-push .set-box .box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.mobile-push .set-box .select-list-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mobile-push .set-box .select-list-wrap select {
  width: 100%;
  height: 100%;
}
.mobile-push .set-box .label-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mobile-push .set-box .label-desc {
  font-size: var(--size-text-xs);
  color: var(--color-text-lightest);
}
.mobile-push .set-box .btn-select {
  color: var(--color-text-lightest);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-push .set-box .btn-select i {
  font-size: 1.25rem;
}
.mobile-push .set-box .box-cont {
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--color-border);
}
.mobile-push .set-box .cont-desc {
  display: none;
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-light);
  text-align: center;
}
.mobile-push .set-box .selected-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.mobile-push .set-box .selected-item:first-child {
  padding-top: 0;
}
.mobile-push .set-box .selected-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.mobile-push .set-box .selected-item .selected {
  color: var(--color-text-light);
}
.mobile-push .set-box .selected-item .btn-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.5rem;
  height: 1.5rem;
}
.mobile-push .set-box .selected-item .btn-delete i {
  color: var(--color-icon-lighter);
  width: 100%;
}
.mobile-push .set-box .selected-item .btn-delete .hide {
  display: none;
}
.mobile-push .bottom-desc {
  margin-bottom: 0.6875rem;
}
.mobile-push .bottom-desc .text {
  font-size: var(--size-text-xxs);
  font-weight: 400;
  color: #5b86b8;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.5rem;
}
.mobile-push .bottom-desc .text:last-child {
  margin-bottom: 0;
}
.mobile-push .select-box {
  background-color: var(--color-inverse);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.25rem 1rem;
  margin: 2rem 0 1.125rem;
}
.mobile-push .select-box .select-item {
  border-bottom: 1px solid var(--color-border);
}
.mobile-push .select-box .select-item:last-child {
  border-bottom: none;
}
.mobile-push .select-box .checkbox {
  cursor: pointer;
  position: relative;
  padding: 0.75rem 0;
  width: 100%;
}
.mobile-push .select-box .checkbox input {
  position: absolute;
  display: none;
}
.mobile-push .select-box .checkbox input[type=checkbox]:checked ~ .label-checkbox::after {
  color: var(--color-icon-primary-dark);
}
.mobile-push .select-box .checkbox .label-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--size-text-lg);
  font-weight: 400;
  line-height: 1.3;
}
.mobile-push .select-box .checkbox .label-checkbox::before {
  content: none;
}
.mobile-push .select-box .checkbox .label-checkbox::after {
  content: "\e932";
  font-family: "iconFont";
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-inverse);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mobile-push .none-box-item {
  display: none;
}
.mobile-push.no-notice #main .contents-area {
  height: calc(100vh - 230px);
}
.mobile-push.no-notice .top-toolbar button {
  display: none;
}
.mobile-push.no-notice .notice-list,
.mobile-push.no-notice .btn-more {
  display: none;
}
.mobile-push.no-notice .none-box-item {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.mobile-push.no-notice .none-box-item .icon-alert-circle {
  display: block;
  font-size: 1.75rem;
  color: var(--color-icon-error);
  margin-bottom: 0.5rem;
}
.mobile-push.no-notice .none-box-item .text {
  font-size: var(--size-text-md);
  font-weight: 400;
  line-height: 1.4;
}

/*
* responsive
*/
/*청년신혼부부 상세*/
.cpnt-common-detail .detail-list .tb-youth5-3 .text,
.cpnt-common-detail .detail-list .tb-youth6-1 .text,
.cpnt-common-detail .detail-list .tb-youth8-3 .text {
  font-size: var(--size-text-md);
}
.cpnt-common-detail .detail-list .tb-youth5-3 .text-gray,
.cpnt-common-detail .detail-list .tb-youth6-1 .text-gray,
.cpnt-common-detail .detail-list .tb-youth8-3 .text-gray {
  font-size: var(--size-text-sm);
}

.tb-youth11-1 .receipt-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.tb-youth11-1 .receipt-link i {
  font-size: 1.25rem;
  color: var(--color-icon-lighter);
}
.tb-youth11-1 .receipt-link:hover {
  text-decoration: none;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  .cpnt-common-detail .detail-list .tb-youth5-3 .text,
.cpnt-common-detail .detail-list .tb-youth6-1 .text,
.cpnt-common-detail .detail-list .tb-youth8-3 .text {
    font-size: var(--size-text-sm);
  }
}
#myhome-main .cpnt-common-detail .detail-list .desc-list .list,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list .list {
  padding-left: 0;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list .list .sub-list-wrap,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list .list .sub-list-wrap {
  padding-left: 0;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list .list .sub-list::marker,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list .list .sub-list::marker {
  font-size: 0;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list .list.list-num .list,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list .list.list-num .list {
  padding-left: 0;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list.bold .list,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.bold .list {
  font-weight: 700;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list.bold .list .sub-text,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.bold .list .sub-text {
  font-weight: 400;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list.list-num.bg-gray,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num.bg-gray {
  padding-left: 3rem;
}
#myhome-main .cpnt-common-detail .detail-list .desc-list.list-num::marker,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num::marker {
  font-weight: 700;
}
#myhome-main .cpnt-common-detail .detail-list .text.bold,
#m-myhome-main .cpnt-common-detail .detail-list .text.bold {
  margin-top: 2rem;
}
#myhome-main .cpnt-common-detail .detail-list .sub-text-wrap,
#m-myhome-main .cpnt-common-detail .detail-list .sub-text-wrap {
  padding-left: 1rem;
}
#myhome-main .cpnt-common-detail .detail-list .sub-text-wrap .sub-text,
#m-myhome-main .cpnt-common-detail .detail-list .sub-text-wrap .sub-text {
  font-size: var(--size-text-sm);
  font-weight: 400;
  color: var(--color-text-lighter);
  line-height: 1.4;
  list-style-type: decimal;
  margin: 0.25rem 0;
  padding-left: 0.5rem;
}
#myhome-main .cpnt-common-detail .table .list-wrap .list.no-marker,
#m-myhome-main .cpnt-common-detail .table .list-wrap .list.no-marker {
  list-style-image: none;
}

#m-myhome-main .cpnt-common-detail .table td {
  text-align: left;
}

/*
* responsive
*/
@media (max-width: 767.98px) {
  #myhome-main .cpnt-common-detail .detail-list .desc-list .sub-text-wrap .sub-text,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list .sub-text-wrap .sub-text {
    font-size: var(--size-text-xs);
  }
  #myhome-main .cpnt-common-detail .detail-list .desc-list.list-num.bg-gray,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.list-num.bg-gray {
    padding-left: 2.25rem;
  }
  #myhome-main .cpnt-common-detail .detail-list .desc-list.bg-gray,
#m-myhome-main .cpnt-common-detail .detail-list .desc-list.bg-gray {
    padding: 1rem 1rem 1rem 2.25rem;
  }
  #m-myhome-main .cpnt-common-detail .detail-list.contract-withdrawal .text.bold {
    margin-top: 1.5rem;
  }
  #m-myhome-main .cpnt-common-detail .detail-list.contract-withdrawal .text.bold:first-of-type {
    margin-top: 0;
  }
  #m-myhome-main .cpnt-common-detail .detail-list.contract-withdrawal + .detail-list + .detail-list .text.bold {
    margin-top: 1.5rem;
  }
  #m-myhome-main .cpnt-common-detail .detail-list.contract-withdrawal + .detail-list + .detail-list .text.bold:first-of-type {
    margin-top: 0;
  }
}
@media print {
  @page {
    size: A4;
  }
  * {
    -webkit-print-color-adjust: exact;
  }
  html,
body {
    width: 100%;
  }
  .header,
.snbar,
.mo-snbar,
.footer,
.mo-toolbar,
.aside-quick {
    display: none;
    visibility: hidden;
  }
  #main {
    padding-top: 0;
  }
  #main .subpage-container {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
  #main .subpage-container .contents-container {
    padding: 0;
  }
  #main .contents-area {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */