@charset "UTF-8";
@import "layout.css";
@import "component.css";
@import "krds_tokens.css";
:root {
  --krds-font-family-base: var(--krds-typo-font-type);
  --krds-font-size-base: 62.5%;
  --krds-line-height-none: 1;
  --krds-line-height-base: 1.5;
  --krds-letter-spacing-none: var(--krds-typo-letter-spacing-0);
  --krds-letter-spacing-wide: var(--krds-typo-letter-spacing-1);
  --krds-font-weight-regular: 400;
  --krds-font-weight-bold: 700;
  --krds-transition-base: 0.4s ease-in-out;
  --krds-transition-fade: opacity 0.4s linear;
  --krds-transition-collapse: max-height 0.4s ease;
  --krds-transition-collapse-width: width 0.4s ease;
  --krds-contents-size: 1200px;
  --krds-contents-padding-x: 28px;
  --krds-contents-wrap-size: 1256px;
  --krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-light-color-border-primary);
  --krds-box-shadow-outline-white: inset 0 0 0 0.2rem var(--krds-color-light-gray-0);
  --krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-light-color-border-primary);
  --krds-outline-dashed: 0.25rem dashed var(--krds-light-color-border-primary);
  --krds-outline-light-dashed: 0.25rem dashed var(--krds-color-light-gray-0);
  --krds-zoom-small: 0.9;
  --krds-zoom-medium: 1;
  --krds-zoom-large: 1.1;
  --krds-zoom-xlarge: 1.3;
  --krds-zoom-xxlarge: 1.5;
  --krds-font-underline-offset: 0.3rem;
  --krds-icon--size-xsmall: var(--krds-size-height-2);
  --krds-icon--size-small: var(--krds-size-height-2);
  --krds-icon--size-medium: var(--krds-size-height-3);
  --krds-icon--size-large: var(--krds-size-height-4);
  --krds-icon--size-xlarge: var(--krds-size-height-4);

}

[data-krds-mode=high-contrast] :root {
  --krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-high-contrast-color-border-primary);
  --krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-high-contrast-color-border-primary);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] :root {
    --krds-box-shadow-outline: 0 0 0 0.4rem var(--krds-high-contrast-color-border-primary);
    --krds-box-shadow-outline-inset: inset 0 0 0 0.2rem var(--krds-high-contrast-color-border-primary);
  }
}

@media (max-width: 1023px) {
  :root {
    --krds-contents-padding-x: 16px;
  }
}

@font-face {
    font-family: "Pretendard GOV";
    font-weight: 400;
    font-style: normal;
    src: url("/site/font/PretendardGOV-Regular.subset.woff2") format("woff2");
}

@font-face {
    font-family: 'Pretendard GOV';
    font-weight: 700;
    font-style: normal;
    src: url("/site/font/PretendardGOV-Bold.subset.woff2") format("woff2");
}


/* reset */
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: var(--krds-font-family-base);
  color: var(--krds-light-color-text-basic);
  font-weight: var(--krds-font-weight-regular);
  line-height: var(--krds-line-height-base);
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

html {
  font-size: var(--krds-font-size-base);
}

body {
  background-color: var(--krds-light-color-background-white);
  font-size: var(--krds-pc-font-size-body-medium);
  overflow-x: hidden;
  overflow-y:scroll;
}

[data-krds-mode=high-contrast] html, [data-krds-mode=high-contrast] body {
  color: var(--krds-high-contrast-color-text-basic);
}
[data-krds-mode=high-contrast] body {
  background-color: var(--krds-high-contrast-color-background-white);
}

@media (prefers-color-scheme: dark) {
  [data-krds-mode=theme] html, [data-krds-mode=theme] body {
    color: var(--krds-high-contrast-color-text-basic);
  }
  [data-krds-mode=theme] body {
    background-color: var(--krds-high-contrast-color-background-white);
  }
}


*:focus {
  outline: var(--krds-outline-dashed);
  outline-offset: 2px;
  /* 기존 box-shadow 제거 */  
  box-shadow:none !important;
  transition: outline 0s, box-shadow 0s !important;
}

[data-krds-mode=high-contrast] *:focus{
	outline: 0.2rem dotted var(--krds-color-light-gray-0) !important;
	outline-offset: 0.2rem;
	box-shadow:none !important;
	transition: outline 0s, box-shadow 0s !important;
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] *:focus{
	outline: 0.2rem dotted var(--krds-color-light-gray-0) !important;
	outline-offset: 0.2rem;
	box-shadow:none !important;
	transition: outline 0s, box-shadow 0s !important;
	  }
}

::-moz-selection {
  background: var(--krds-color-light-secondary-50);
  color: var(--krds-color-light-gray-0);
}

::selection {
  background: var(--krds-color-light-secondary-50);
  color: var(--krds-color-light-gray-0);
}

body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
a,
button,
select,
ul,
li,
span,
em,
label,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-family: inherit;
  line-height: var(--krds-line-height-base);
  letter-spacing: inherit;
}

pre {
  font-family: inherit;
}

input,
textarea,
a,
button,
select,
span,
label,
:before,
:after {
  font-size: inherit;
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong , .bold {
  font-weight: var(--krds-font-weight-bold);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img,
fieldset {
  border: 0;
}

fieldset {
  min-width: 100%;
}

img {
  max-width: 100%;
  vertical-align: top;
}

ul,
ol {
  list-style: none;
}

em,
address,
i {
  font-style: normal;
}

a,
button {
  transition: var(--krds-transition-base);
}

a,
a:hover,
a:active,
a:focus {
  color: inherit;
  text-decoration: none;
}

button,
input[type=submit],
input[type=button] {
  overflow: visible;
  margin: 0;
  background-color: transparent;
  border: none;
  -webkit-appearance: button;
  cursor: pointer;
  font: inherit;
  color: inherit;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  resize: none;
}

label {
  cursor: pointer;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=text],
input[type=tel],
input[type=password],
input[type=file],
input[type=number],
input[type=email],
input[type=date],
input[type=search],
textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

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

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

input[type=text]::-ms-clear {
  display: none;
}

caption {
  position: static !important;
  margin: 0 !important;
}

table {
  table-layout: fixed;
  max-width: none;
  width: 100%; /*2025*/
  min-width: 100%;
  border-collapse: collapse;
}

[role=button] {
  cursor: pointer;
}

.img img {
  min-width: 100%;
  max-width: 100%;
}

.img.bg-img {
  background-size: cover;
}

.blind, .hidden, .longdesc,
hr,
.sr-only,
legend,
caption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

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

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

.ar {
  text-align: right !important;
}


.point{font-weight: var(--krds-font-weight-bold); color: var( --krds-light-color-text-primary);}
.point-green{font-weight: var(--krds-font-weight-bold); color: var(--krds-color-light-success-50);}
.key{ color: var( --krds-light-color-text-secondary);}
.key-point{font-weight: var(--krds-font-weight-bold); color: var(--krds-light-color-element-point);}
.underline {
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}
a.link{text-decoration: underline; color: var( --krds-light-color-text-primary); }
/*2025 a.krds-btn:hover{color:var(--krds-light-color-text-inverse-static);}*/

.break-all {word-break: break-all;}

/*기본보더라인 민원마당 인증*/
.basic-line{border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light);}

.bottom-line{border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-darker);}
.top-line{border-top: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-darker);}


/*텍스트 밑에 라인*/
.text-line{border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-border-gray-light); padding-bottom:0.3rem;}
/*기본폰트*/
.normal { font-weight: 400; font-size:var(--krds-pc-font-size-body-medium);}
.thin{font-weight: 400;}


/*아이프레임*/
.iframe-wrap{width:100%;}
.iframe-wrap iframe{width:100%; height:80rem; border:0;}

/*아이프레임- 공공데이타*/
.iframe-data{width:103%; margin:0 auto;}
.iframe-data iframe{width:100%; height:1650px;   border:0;}

@media (max-width: 990px) {
	.iframe-data{width:100%; }
}

/*폰트사이즈*/
.fs-small{font-size:var(--krds-pc-font-size-body-small);}
.fs-large{font-size:var(--krds-pc-font-size-body-large);}

/*콘텐츠 간 간격*/
.mt50{margin-top:var(--krds-pc-gap-layout-h1-h2) !important;}
.mt40{margin-top:var(--krds-pc-gap-layout-h2-h3) !important;}
.mt30{margin-top:var(--krds-pc-gap-layout-h5-h5) !important;}
.mt25{margin-top:var(--krds-pc-gap-layout-h3-h4) !important;}
.mt15{margin-top:var(--krds-pc-gap-layout-h4-h5) !important;}
.mt10{margin-top:var(--krds-number-6) !important;}
.mt5{margin-top:var(--krds-number-4) !important;}
.mb40{margin-bottom:var(--krds-pc-gap-layout-h2-h3) !important;}
.mb30{margin-bottom:var(--krds-pc-gap-layout-h5-h5) !important;}
.mb25{margin-bottom:var(--krds-pc-gap-layout-h3-h4) !important;}
.mb15{margin-bottom:var(--krds-pc-gap-layout-h4-h5) !important;}
.mb5{margin-bottom:var(--krds-number-4) !important;}
.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.mtb0{margin:0 !important;}
.mtb5{margin:var(--krds-number-4) 0 !important;}
.mtb10{margin:var(--krds-number-6) 0 !important;}
.mtb15{margin:var(--krds-pc-gap-layout-h4-h5) 0 !important;}
.mtb25{margin:var(--krds-pc-gap-layout-h3-h4) 0 !important;}


/*기본, 다크모드 이미지스위치*/
.mode-basic{display:block;}
.mode-dark{display:none;}

/*가로 폭*/
.w100{width:100%;}

[data-krds-mode=high-contrast] a.link{color: var( --krds-high-contrast-color-link-default);}
[data-krds-mode=high-contrast] .point{color: var(--krds-high-contrast-color-text-primary);}
[data-krds-mode=high-contrast] .point-green{color: var(--krds-color-light-success-20);}
[data-krds-mode=high-contrast] .key{color: var(--krds-high-contrast-color-text-secondary);}
[data-krds-mode=high-contrast] .basic-line {border: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=high-contrast] .bottom-line{border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-dark);}
[data-krds-mode=high-contrast] .top-line{border-top: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-dark);}
[data-krds-mode=high-contrast] .mode-basic{display:none;}
[data-krds-mode=high-contrast] .mode-dark{display:block;}

@media (prefers-color-scheme: dark) {

[data-krds-mode=theme] a.link{color: var( --krds-high-contrast-color-link-default);}
[data-krds-mode=theme] .point{color: var(--krds-high-contrast-color-text-primary);}
[data-krds-mode=theme] .point-green{color: var(--krds-color-light-success-20);}
[data-krds-mode=theme] .key{color: var(--krds-high-contrast-color-text-secondary);}
[data-krds-mode=theme] .basic-line {border: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-light);}
[data-krds-mode=theme] .bottom-line{border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-dark);}
[data-krds-mode=theme] .top-line{border-top: var(--krds-light-border-width-static-regular) solid var(--krds-high-contrast-color-border-gray-dark);}
[data-krds-mode=theme] .mode-basic{display:none;}
[data-krds-mode=theme] .mode-dark{display:block;}


}



/* **** COMMON **** */
/* ** accessibility ** */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ** area control ** */
.scroll-no {
  overflow: hidden;
}

.w-hide {
  display: none !important;
}

/* ** font & text ** */
.text-bold {
  font-weight: var(--krds-font-weight-bold);
}

.text-underline {
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}

.text-point-primary {
  color: var(--krds-light-color-text-primary);
}

/* ** align ** */
.text-right {
  text-align: right !important;
}

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

/* ** margin ** */
.mgt0 {
  margin-top: 0 !important;
}

.g-alert {
  --alert-padding: var(--krds-padding-6);
  --alert-border-color: var(--krds-light-color-border-information-light);
  --alert-border-width: var(--krds-light-border-width-static-regular);
  --alert-bg-color: var(--krds-light-color-surface-information-subtler);
  --alert-icon-size: var(--krds-size-height-4);
  --alert-title-color: var(--krds-light-color-text-information);
  position: relative;
  padding: var(--alert-padding);
  border: var(--alert-border-width) solid var(--alert-border-color);
  border-radius: var(--krds-radius-xlarge2);
  background-color: var(--alert-bg-color);
}
.g-alert::before {
  content: "";
  position: absolute;
  top: var(--alert-padding);
  left: var(--alert-padding);
  display: inline-block;
  width: var(--alert-icon-size);
  height: var(--alert-icon-size);
  background-image: url(/site/images/icon/ico_information_fill.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.g-alert.success::before {
  background-image: url(/site/images/icon/ico_success_fill.svg);
}
.g-alert.success {
  --alert-border-color: var(--krds-light-color-border-success-light);
  --alert-bg-color: var(--krds-light-color-surface-success-subtler);
  --alert-title-color: var(--krds-light-color-text-success);
}
.g-alert.warning::before {
  background-image: url(/site/images/icon/ico_warning_fill.svg);
}
.g-alert.warning {
  --alert-border-color: var(--krds-light-color-border-warning-light);
  --alert-bg-color: var(--krds-light-color-surface-warning-subtler);
  --alert-title-color: var(--krds-light-color-text-warning);
}
.g-alert.error::before {
  background-image: url(/site/images/icon/ico_error_fill.svg);
}
.g-alert.error {
  --alert-border-color: var(--krds-light-color-border-danger-light);
  --alert-bg-color: var(--krds-light-color-surface-danger-subtler);
  --alert-title-color: var(--krds-light-color-text-danger);
}
.g-alert .tit {
  color: var(--alert-title-color);
  font-size: var(--krds-pc-font-size-heading-xxsmall);
  font-weight: var(--krds-font-weight-bold);
  padding-left: calc(var(--alert-icon-size) + var(--krds-gap-3));
}
@media (max-width: 767px) {
  .g-alert .tit {
    font-size: var(--krds-mobile-font-size-heading-xxsmall);
  }
}
.g-alert .tit ~ .desc {
  margin-top: var(--krds-gap-3);
}
.g-alert .desc {
  padding-left: calc(var(--alert-icon-size) + var(--krds-gap-3));
}
.g-alert .krds-btn {
  height: auto;
}


/*아이콘*/
.svg-icon {
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
}
.svg-icon.pure {
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
}

.inner {
  max-width: var(--krds-contents-wrap-size);
  padding-left: var(--krds-contents-padding-x);
  padding-right: var(--krds-contents-padding-x);
}

@media (max-width: 767px) {
  body {
    font-size: var(--krds-mobile-font-size-body-medium);
  }
  .pc-only {
    display: none !important;
  }
  .pc-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .mob-line {
    display: block;
    line-height: inherit;
  }
}
@media (min-width: 1024px) {
  .inner {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .mob-only {
    display: none !important;
  }
  .mob-only.read {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .pc-line {
    display: block;
    line-height: inherit;
  }
}


  /* **** POPUP **** */
  .popup-wrap[data-type=full] .popup-close {
    top: 2.4rem;
    right: 1.6rem;
  }

@media (max-width: 767px) {
  /* **** COMMON **** */
  /* ** area control ** */
  .w-hide {
    display: block !important;
  }
  .m-hide {
    display: none !important;
  }
}