@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    Reset CSS
//////////////////////////////////////////////////////////////////////////////////////////////////// */

html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    /*font-size: 100%;*/
    box-sizing: border-box;
    word-break: keep-all;
    word-wrap: break-word;
    height: 100%;
    /*font-size: var(--krds-font-size-base);*/
    -webkit-tap-highlight-color: transparent;
}

body,
#header_wrap,
#location_wrap {
    margin: 0;
    padding: 0;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif;
    font-size: var(--krds-pc-font-size-body-medium);
    font-weight: var(--krds-font-weight-regular);
    color: var(--krds-color-light-gray-90);
    line-height: var(--krds-line-height-base);
    letter-spacing: var(--krds-letter-spacing-none);
    scroll-behavior: smooth;
}

#header_wrap p,
#header_wrap ul,
#header_wrap ol,
#header_wrap li,
#header_wrap dl,
#header_wrap dt,
#header_wrap dd,
#location_wrap p,
#location_wrap ul,
#location_wrap ol,
#location_wrap li,
#location_wrap dl,
#location_wrap dt,
#location_wrap dd,
#footer p,
#footer ul,
#footer ol,
#footer li,
#footer dl,
#footer dt,
#footer dd {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    /*font-size: var(--krds-pc-font-size-body-medium) !important;*/
    font-weight: var(--krds-font-weight-regular) !important;
    /*color: var(--krds-color-light-gray-90) !important;*/
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    padding: 0;
    margin: 0;
}

#header_wrap h1,
#header_wrap h2,
#header_wrap h3,
#header_wrap h4,
#header_wrap h5,
#header_wrap h6 {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    /*line-height: var(--krds-line-height-base) !important;*/
    /*letter-spacing: var(--krds-letter-spacing-none) !important;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
button {
    /*margin: 0;
    padding: 0;*/
}


#lnb ul ul,
#lnb ol ol {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    /* color: var(--krds-color-light-gray-90) !important; */
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    margin-top: 0;
}

#lnb ul ul li,
#lnb ol ol li {
    line-height: var(--krds-line-height-base) !important;
}

#header_wrap span,
#location_wrap span,
#footer span,
#header_wrap div,
#location_wrap div,
#footer div {
    line-height: var(--krds-line-height-base) !important;
}

#header_wrap p,
#location_wrap p {
    font-size: var(--krds-pc-font-size-body-medium);
    color: var(--krds-color-light-gray-90);
    line-height: var(--krds-line-height-base);
    letter-spacing: var(--krds-letter-spacing-none);
}

#header_wrap .layout,
#location_wrap .layout {
    max-width: var(--krds-contents-wrap-size);
    margin: 0 auto;
}

input[disabled] {
    cursor: not-allowed;
}

input[disabled]:hover {
    outline: none !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

/* 링크 포커스 */
a {
    color: inherit;
    text-decoration: none !important;
}

/*

a[href*=tel] {
    color: inherit;
}

a:hover {
    text-decoration: underline;
}*/

/*.btn:focus,
.btn.btn-active:focus,*/
a:focus,
button:focus
    /*input:focus,
    textarea:focus,
    select:focus*/ {
    /*border: transparent !important;
    border-color: var(--krds-color-light-primary-50);*/
    outline: 2px dashed var(--krds-color-light-secondary-30);
    outline-offset: 4px;
    /*position: relative;
    z-index: 9999;*/
}

a:focus-visible,
button:focus-visible
    /*input:focus-visible,
    select:focus-visible,
    textarea:focus-visible*/ {
    outline: 2px dashed var(--krds-color-light-primary-50);
    outline-offset: 4px;
    /*position: relative;
    z-index: 9999;*/
}

:focus {
    /*border-color: var(--krds-color-light-primary-50);*/
    /*outline: 2px dashed var(--krds-color-light-secondary-30);
    outline-offset: 4px;*/
    /*position: relative;
    z-index: 9999;*/
}

:focus:not(:focus-visible) {
    outline: none;
}

/*:-ms-input-placeholder {
    color: var(--krds-color-light-gray-50);
    font-size: 1.5rem;
}

::-webkit-input-placeholder {
    color: var(--krds-color-light-gray-50);
    font-size: 1.5rem;
}

:-moz-placeholder {
    color: var(--krds-color-light-gray-50);
    font-size: 1.5rem;
}

::-moz-placeholder {
    color: var(--krds-color-light-gray-50);
    font-size: 1.5rem;
}

* button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0.3rem;
    color: inherit;
    cursor: pointer;
    _cursor: hand;
    text-decoration: none;
    overflow: visible;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    white-space: nowrap;
}*/

pre,
code {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

code {
    display: block;
    width: 100%;
}

/** button:disabled {
    cursor: inherit;
}

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

.hide {
    position: fixed;
    top: -100px;
    left: -100px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: #333;
    background: #fff;
}

.sr-only {
    position: absolute;
    width: var(--krds-number-1);
    height: var(--krds-number-1);
    margin: -0.0625rem;
    color: transparent;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

/* 폰트 색상 */
.main-color {
    color: var(--krds-color-light-primary-60) !important;
}

.main-deep-color {
    color: var(--krds-color-light-primary-70) !important;
}

.sub-color {
    color: var(--krds-color-light-success-60) !important;
}

.sub-color-02 {
    color: var(--krds-color-light-secondary-60) !important;
}

.sub-deep-color {
    color: var(--krds-color-light-success-70) !important;
}

.green {
    color: var(--krds-color-light-success-50) !important;
}

.blue {
    color: var(--krds-color-light-primary-50) !important;
}

.sub-deep-color {
    color: var(--krds-color-light-secondary-60) !important;
}

.red {
    color: var(--krds-color-light-point-50) !important;
}

.orange {
    color: var(--krds-color-light-danger-50) !important;
}

.black {
    color: var(--krds-color-light-gray-90) !important;
}

.def_color {
    color: var(--krds-color-light-gray-50) !important;
}

.light-gr-70 {
    color: var(--krds-color-light-gray-70) !important;
}

.light-gr-30 {
    color: var(--krds-color-light-gray-30) !important;
}

.checked-label {
    color: var(--krds-color-light-primary-60) !important;
}

/* 배경색 */
.in-bg {
    background: var(--krds-color-light-success-5);
}

.bg_gn {
    background: var(--krds-color-light-success-5);
}

.bg_deep_gn {
    background: var(--krds-color-light-success-50);
}

.bg_bl {
    background: var(--krds-color-light-secondary-5);
}

.bg_deep_bl {
    background: var(--krds-color-light-secondary-50);
}

.bg_or {
    background: var(--krds-color-light-danger-5);
}

.bg_deep_or {
    background: var(--krds-color-light-danger-50);
}

.bg_re {
    background: var(--krds-color-light-point-5);
}

.bg_gr {
    background: var(--krds-color-light-gray-5);
}

.bg_gr_70 {
    background: var(--krds-color-light-gray-70);
}

/* 폰트 굵기 */
.fw-400{
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: var(--krds-font-weight-medium) !important;
}

.fw-600,
.semiBold {
    font-weight: var(--krds-font-weight-semiBold) !important;
}

.fw-700,
.bold {
    font-weight: 700 !important;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
	건너뛰기 메뉴 정의
//////////////////////////////////////////////////////////////////////////////////////////////////// */
#skip {
    position: relative;
    z-index: 9999;
}

#skip a {
    position: absolute;
    top: -2.5rem;
    left: var(--krds-number-0);
    width: 100%;
    padding: 0.3125rem var(--krds-number-0);
    background-color: var(--krds-color-light-primary-70);
    font-size: var(--krds-pc-font-size-body-xsmall);
    line-height: 1.875rem;
    color: #fff;
    text-align: center;
    transition: all 0.4s;
}

#skip a:hover,
#skip a:focus,
#skip a:active {
    top: var(--krds-number-0);
    text-decoration: none;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
    wrap
//////////////////////////////////////////////////////////////////////////////////////////////////// */
#wrap {
    width: 100% !important;
    min-width: 17.5rem !important;
}

.layout {
    max-width: var(--krds-contents-wrap-size) !important;
    margin: var(--krds-number-0) auto !important;
}

/* //////////////////////////////////////// 정부공식배너 //////////////////////////////////////// */
#gov_top {
    position: relative;
    z-index: 100;
    min-height: var(--krds-size-height-5);
    background-color: #EDF1F5;
}

#gov_top .inner {
    position: relative;
    display: flex;
    padding: var(--krds-padding-2) var(--krds-number-0);
}

#gov_top .nuri-txt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-3);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-xsmall);
}

#gov_top .nuri-txt::before {
    top: var(--krds-number-0);
    content: "";
    background: url(../images/common/ico_flag.svg) no-repeat var(--krds-number-0) var(--krds-number-0);
    display: inline-flex;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
}

/* //////////////////////////////////////// header //////////////////////////////////////// */
#header {
    position: relative !important;
    z-index: 100 !important;
    background-color: var(--krds-color-light-gray-0) !important;
    height: 11.125rem !important;
}

/****************************** header_top ******************************/
#header .header_top {
    position: relative;
    border-bottom: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
    background: none !important;
    padding-top: var(--krds-number-0) !important;
    height: auto !important;
    z-index: 111;
}

#header .header_top .layout {
    position: relative;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: var(--krds-padding-5);
    padding-bottom: var(--krds-padding-6);
    gap: var(--krds-gap-2);
}

/******************** util ********************/
#header .header_top .util {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: row;
}

#header .header_top .util {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: row;
    position: initial;
}

#header .header_top .util > ul {
    display: flex;
    align-items: center;
}

#header .header_top .util > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: var(--krds-pc-font-size-body-small) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-none) !important;
}

#header .header_top .util > ul > li:not(:first-child) {
    gap: var(--krds-gap-4);
    margin-left: var(--krds-number-8);
}

#header .header_top .util > ul > li:not(:first-child)::before {
    display: inline-flex;
    content: "";
    width: var(--krds-number-1);
    height: var(--krds-number-8);
    background: var(--krds-color-light-gray-30);
}

#header .header_top .util > ul > li > span {
    line-height: var(--krds-line-height-none) !important;
}

#header .header_top .util > ul > li > a,
#header .header_top .util > ul > li > button {
    display: flex;
    align-items: center;
    height: var(--krds-size-height-4);
    border-radius: var(--krds-radius-medium1);
    transition: 0.4s ease-in-out;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-none) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    gap: var(--krds-gap-3);
    /*padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small);*/
    padding: var(--krds-number-0) var(--krds-padding-2);
    margin-left: var(--krds-number-0);
    background: var(--krds-light-color-surface-white);
}

#header .header_top .util > ul > li:last-child > a,
#header .header_top .util > ul > li:last-child > button {
    margin-right: -0.375rem;
}

#header .header_top .util > ul > li > a::after,
#header .header_top .util > ul > li > button::after {
    display: inline-flex;
    content: "";
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s;
}

#header .header_top .util > ul > li > .util_1::after {
    background-image: url(../images/common/ico_go.svg);
}

#header .header_top .util > ul > li > .util_2::after {
    background-image: url(../images/common/ico_download.svg);
}

#header .header_top .util > ul > li > button.plus::after {
    background-image: url(../images/common/ico_angle.svg);
}

#header .header_top .util > ul > li.active > button.plus:after {
    transform: rotate(180deg);
    transition: all .5s;
}

#header .header_top .util > ul > li > a:hover,
#header .header_top .util > ul > li > a:active,
#header .header_top .util > ul > li > a:focus,
#header .header_top .util > ul > li > button:hover,
#header .header_top .util > ul > li > button:active,
#header .header_top .util > ul > li > button:focus {
    background-color: var(--krds-button--color-text-fill-pressed);
}

/* 화면크기 */
#header .header_top .util > ul > li .util_group {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: var(--krds-number-8);
    min-width: 8rem;
    padding: var(--krds-padding-3);
    transform: translateX(-50%);
    border: var(--krds-number-1) solid var(--krds-color-high-contrast-gray-10);
    border-radius: var(--krds-radius-medium4);
    background: var(--krds-color-light-gray-0);
    z-index: 777;
    font-size: var(--krds-pc-font-size-body-small);
    box-shadow: var(--krds-number-0) var(--krds-number-3) var(--krds-number-7) rgba(0, 0, 0, .12);
}

#header .header_top .util > ul > li .util_group:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.6875rem;
    width: 1.3125rem;
    height: var(--krds-size-height-1);
    transform: translateX(-50%);
    background: url(../images/common/bg_top_arrow.svg);
    background-size: var(--krds-number-9) auto;
}

#header .header_top .util > ul > li .util_group .util_list > li > button {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--krds-size-height-7);
    padding: var(--krds-number-0) var(--krds-padding-6);
    border-radius: var(--krds-radius-medium1);
    white-space: nowrap;
    transition: all .2s;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    background: var(--krds-light-color-surface-white) !important;
}

#header .header_top .util > ul > li .util_group .util_list > li > button:hover,
#header .header_top .util > ul > li .util_group .util_list > li > button:focus,
#header .header_top .util > ul > li .util_group .util_list > li > button:active,
#header .header_top .util > ul > li .util_group .util_list > li.active > button {
    background: var(--krds-color-light-secondary-5) !important;
}

#header .header_top .util > ul > li .util_group .util_list > li.active > button {
    background: var(--krds-color-light-secondary-5);
    color: var(--krds-color-light-secondary-50);
    font-weight: var(--krds-font-weight-bold);
}

#header .header_top .util > ul > li .util_group .util_list > li.active > button:before {
    background: var(--krds-color-light-secondary-50);
    border-color: var(--krds-color-light-secondary-50);
    color: var(--krds-color-light-gray-0);
    font-weight: 400;
}

#header .header_top .util > ul > li .util_group .util_list .f_size:before {
    content: "가";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: var(--krds-number-5);
    width: 1.3125rem;
    height: 1.3125rem;
    border: var(--krds-number-1) solid var(--krds-color-light-gray-30);
    border-radius: var(--krds-radius-small1);
    font-size: var(--krds-pc-font-size-body-xsmall);
    background: var(--krds-color-light-gray-0);
}

#header .header_top .util > ul > li .util_group .util_list .f_size.t2:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: var(--krds-pc-font-size-body-small);
}

#header .header_top .util > ul > li .util_group .util_list .f_size.t3:before {
    width: 1.5625rem;
    height: 1.5625rem;
    font-size: var(--krds-pc-font-size-body-large);
}

#header .header_top .util > ul > li .util_group .util_list .f_size.t4:before {
    width: 1.6875rem;
    height: 1.6875rem;
    font-size: var(--krds-pc-font-size-body-xlarge);
}

#header .header_top .util > ul > li .util_group .util_list .f_size.t5:before {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5625rem;
}

#header .header_top .util > ul > li .util_group .util_list > .util_reset {
    margin-top: var(--krds-number-5);
    padding-top: var(--krds-padding-3);
    border-top: var(--krds-number-1) solid var(--krds-color-light-gray-10)
}

#header .header_top .util > ul > li .util_group .util_list > .util_reset > button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--krds-size-height-6);
}

#header .header_top .util > ul > li .util_group .util_list > .util_reset .reset:before {
    content: "";
    margin-right: var(--krds-number-3);
    width: 1.3125rem;
    height: 1.3125rem;
    background: url(../images/common/ico_refresh.svg) center no-repeat;
    background-size: 1.3125rem;
}

/******************** branding ********************/
#header .header_top .branding {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

/********** logo **********/
#header .logo {
    display: inline-flex;
    position: initial !important;
    float: none !important;
    padding-top: var(--krds-number-0) !important;
    margin-right: var(--krds-number-0) !important;
}

#header .logo a {
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: var(--krds-number-0) !important;
}

#header .logo img {
    display: inline-block !important;
    max-width: initial !important;
    height: 100% !important;
    vertical-align: top !important;
}

#header .logo a > img {
    position: relative !important;
    width: 14.0625rem !important;
}

/********** actions **********/
#header .header_top .actions.right_button {
    display: inline-flex;
    gap: var(--krds-gap-3) !important;
    margin-left: auto !important;
    position: initial !important;
}

#header .header_top .actions.right_button ul {
    display: inline-flex !important;
    align-items: center !important;
}

#header .header_top .right_button > ul > li {
    position: relative !important;
    display: inline-block !important;
    padding: var(--krds-number-0) !important;
    color: var(--krds-color-light-gray-90) !important;
}

#header .header_top .right_button > ul > li:not(:nth-last-child(1))::after {
    display: none !important;
}

#header .header_top .actions.right_button > ul > li a,
#header .header_top .actions.right_button > ul > li button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--krds-gap-3);
    min-height: var(--krds-size-height-6);
    padding: var(--krds-number-0) var(--krds-padding-5) var(--krds-number-0);
    border-radius: var(--krds-radius-medium1);
    font-size: var(--krds-mobile-font-size-navigation-depth-small-bold) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-high-contrast-gray-90);
    line-height: var(--krds-line-height-none) !important;
    transition: none;
}

#header .header_top .actions.right_button > ul > li:nth-last-of-type(2) {
    margin-right: -0.75rem;
}

#header .header_top .actions.right_button > ul > li a::before,
#header .header_top .actions.right_button > ul > li button::before {
    display: inline-flex;
    content: "";
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background-repeat: no-repeat;
    background-size: contain;
}

#header .header_top .actions.right_button > ul > li .icon_1::before {
    background-image: url(../images/common/ico_login.svg);
}

#header .header_top .actions.right_button > ul > li .icon_2::before {
    background-image: url(../images/common/ico_join.svg);
}

#header .header_top .actions.right_button > ul > li .icon_3::before {
    background-image: url(../images/common/ico_my.svg);
}

#header .header_top .actions.right_button > ul > li .icon_4::before {
    background-image: url(../images/common/ico_logout.svg);
}

#header .header_top .actions.right_button > ul > li > .navi-row {
    flex-direction: row;
}

#header .header_top .actions.right_button > ul > li > .btn-navi::before {
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background-image: url(../images/common/ico_all.svg);
    /*background-color: var(--krds-light-color-text-basic);*/
    forced-color-adjust: none;
}

#header .header_top .right_button > ul > li a::after {
    display: none !important;
}

#header .header_top .actions.right_button > ul > li a:hover,
#header .header_top .actions.right_button > ul > li a:active,
#header .header_top .actions.right_button > ul > li a:focus,
#header .header_top .actions.right_button > ul > li button:hover,
#header .header_top .actions.right_button > ul > li button:active,
#header .header_top .actions.right_button > ul > li button:focus {
    background-color: var(--krds-button--color-text-fill-pressed);
}

#header .header_top .actions.right_button > ul > li a:hover,
#header .header_top .actions.right_button > ul > li button:hover {
    transition: none;
}

#header .header_top .actions.right_button > ul > li a:hover::after,
#header .header_top .actions.right_button > ul > li button:hover::after {
    width: auto;
}

#header .header_top .actions.right_button > ul > li.util_sitemap {
    display: none !important;
}

/******************** overlay ********************/
#header.active::after {
    clear: both;
    content: "";
    position: absolute;
    top: 100%;
    left: var(--krds-number-0);
    width: 100%;
    height: 10000%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 52;
}

/****************************** animate (header-gnb) ******************************/
#animate {
    position: relative !important;
    height: 4.0625rem;
    z-index: 101 !important;
    overflow: hidden;
    transition: none !important; /* animation 없이 */
}

/******************** gnb_close ********************/
#animate .gnb_close {
    position: absolute !important;
    bottom: var(--krds-number-3) !important;
    left: var(--krds-number-0) !important;
    display: none;
    width: 100% !important;
}

#animate .gnb_close a {
    position: relative !important;
    display: block;
    width: 8.75rem !important;
    height: auto !important;
    padding: var(--krds-padding-5) var(--krds-padding-8) !important;
    margin: var(--krds-number-0) auto !important;
    background-color: var(--krds-color-light-gray-0) !important;
    border: 0.1875rem solid var(--krds-color-light-success-40) !important;
    border-radius: var(--krds-radius-max) !important;
    -webkit-border-radius: var(--krds-radius-max) !important;
    font-size: var(--krds-pc-font-size-label-small) !important;
    color: var(--krds-color-light-gray-90) !important;
    z-index: 111 !important;
}

#animate .gnb_close a span {
    display: block;
    height: 100% !important;
    padding-left: var(--krds-padding-8) !important;
    background: url(../images/layout/gnb_close.png) no-repeat 0 50% !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-label-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
}

/******************** overflow ********************/
#overflow {
    position: relative !important;
    height: auto;
    overflow: hidden !important;
    background-color: var(--krds-color-light-gray-0) !important;
    border-bottom: none !important;
    box-sizing: content-box !important;
}

#overflow:after {
    content: "";
    position: absolute;
    bottom: var(--krds-number-0);
    width: 100%;
    border-bottom: var(--krds-number-1) solid var(--krds-color-light-success-40);
}

/********** gnb **********/
#gnb {
    position: relative !important;
    width: 100%;
    height: auto !important;
    background: var(--krds-color-light-gray-0) !important;
    border-bottom: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    /*z-index: 100;*/
}

#gnb .gnb_group {
    position: relative !important;
    left: var(--krds-number-0);
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--krds-gap-3);
    max-width: var(--krds-contents-wrap-size) !important;
    height: auto !important;
}

.sr-only {
    position: absolute;
    width: var(--krds-number-1);
    height: var(--krds-number-1);
    margin: -0.0625rem;
    color: transparent;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
}

/****** depth_1 (대메뉴) ******/
#gnb .depth_1,
#gnb .gnb_group > li {
    display: inline-block;
    /*flex: 1 !important;*/
    width: calc((100% / 6) - 1.5rem) !important;
    height: var(--krds-main-menu--main-trigger-size-height) !important;
    background: var(--krds-light-color-surface-white) !important;
    text-align: center !important;
    margin-right: var(--krds-number-0);
}

#gnb .depth_1 > a {
    position: relative !important;
    display: block !important;
    padding: var(--krds-main-menu--main-trigger-padding-x) 0 !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-main-menu--main-trigger-font-size) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu--main-trigger-color-text) !important;
    transition: none !important;
    text-align: center !important;
}

#gnb .depth_1 > a::after {
    content: "";
    display: inline-flex !important;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    padding-left: var(--krds-padding-4);
    background: url(../images/common/ico_angle.svg) no-repeat center / contain;
    transition: transform 0.3s ease-in-out;
    box-sizing: initial;
}

#gnb .depth_1 > a.ov,
#gnb .depth_1 > a:hover,
#gnb .depth_1 > a:active {
    color: var(--krds-main-menu--main-trigger-color-border-selected) !important;
}

#gnb .depth_1 > a.ov::after,
#gnb .depth_1 > a:hover::after,
#gnb .depth_1 > a:active::after {
    display: inline-flex !important;
}

#gnb .depth_1 > a.ov::after {
    transform: rotate(180deg);
    transition: all .5s;
}

/****** group (하위 메뉴) ******/
#gnb .group {
    position: absolute !important;
    top: 4rem !important;
    left: var(--krds-number-0) !important;
    display: none;
    width: var(--krds-contents-wrap-size) !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: var(--krds-number-0) auto !important;
    transform: none !important;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out !important;
    z-index: 1000 !important;
}

#gnb .group::before {
    content: "";
    position: absolute;
    left: var(--krds-number-0);
    top: var(--krds-number-1);
    width: var(--krds-main-menu--sub-menu-width);
    height: 99%;
    background: var(--krds-main-menu--sub-menu-color-surface);
}

/* gr-wrap */
.gr-wrap {
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--krds-gap-3);
    width: var(--krds-main-menu--sub-menu-width);
    height: 100%;
    padding: 2.625rem var(--krds-padding-8);
    z-index: 2;
}

.gr-wrap::after {
    content: "";
    position: absolute;
    left: -5.625rem !important;
    bottom: var(--krds-number-0) !important;
    width: 9.1875rem !important;
    height: 9.6875rem !important;
    background-image: url(../images/layout/ico-Menu.png) !important;
    background-repeat: no-repeat;
}

.gr-wrap .depth_1_title {
    /*height: var(--krds-main-menu--sub-menu-title-size-height);*/
    height: auto;
    font-size: var(--krds-main-menu--sub-menu-title-font-size);
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu--sub-trigger-color-text) !important;
    line-height: 1.2 !important;
    text-align: right;
    letter-spacing: -0.0875rem !important;
}

.gr-wrap p {
    width: 12.5rem;
    font-size: var(--krds-main-menu--sub-menu-description-font-size) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    text-align: right;
}

/* depth_2 */
#gnb .depth_2 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--krds-gap-7) var(--krds-gap-5);
    width: 100%;
    height: auto;
    min-height: 12.5rem;
    padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-number-0) var(--krds-main-menu--sub-menu-padding-y) var(--krds-main-menu--sub-menu-padding-x) !important;
    margin: var(--krds-number-0) !important;
    color: var(--krds-main-menu--sub-trigger-color-text);
}

#gnb .depth_2 > li {
    display: flex;
    flex-direction: column;
    margin-left: var(--krds-number-0) !important;
    margin-bottom: var(--krds-number-0) !important;
}

#gnb .depth_2 > li:not(:nth-last-child(1)) {
    margin-bottom: var(--krds-number-0) !important;
}

#gnb .depth_2 > li > a {
    position: relative;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--krds-main-menu--sub-trigger-padding-y) var(--krds-main-menu--sub-trigger-padding-x) !important;
    border: var(--krds-number-1) solid var(--krds-main-menu--color-border) !important;
    border-radius: var(--krds-main-menu--sub-trigger-radius) !important;
    background: var(--krds-main-menu--sub-trigger-color-action) !important;
    font-size: var(--krds-main-menu--sub-trigger-font-size) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu--sub-trigger-color-text) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    transition: 0.4s ease-in-out;
}

#gnb .depth_2 > li > a::after {
    content: "";
    position: absolute;
    right: var(--krds-number-10) !important;
    display: inline-flex;
    flex-shrink: var(--krds-number-0);
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
    background: url(../images/common/head_gnb_ico_arr.svg) no-repeat 0 center / contain !important;
    transform: rotate(-90deg) !important;
    transition: all .5s !important;
}

#gnb .depth_2 > li:has(.depth_3) > a::after {
    background: url(../images/common/head_gnb_ico_arr.svg) no-repeat 0 center / contain !important;
    transform: rotate(0deg) !important;
}

#gnb .depth_2 > li > a[target="_blank"]:after {
    width: 1.125rem !important;
    height: 1.125rem !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    transform: rotate(0deg) !important;
}

#gnb .depth_2 > li > a:hover,
#gnb .depth_2 > li > a:active {
    background: var(--krds-main-menu--sub-trigger-color-action-selected) !important;
    font-size: var(--krds-main-menu--sub-trigger-font-size-active) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu--sub-trigger-color-text-selected) !important;
}

#gnb .depth_2 > li > a:hover::after,
#gnb .depth_2 > li > a:active::after {
    background: url(../images/common/head_gnb_ico_arr_hover.svg) no-repeat 0 center / contain !important;
}

#gnb .depth_2 > li > a:hover[target="_blank"]:after {
    background: url(../images/common/ico_go_hover.svg) no-repeat 0 center / contain !important;
}

/* depth_3 */
#gnb .depth_3 {
    display: flex;
}

#gnb .depth_3 .depth_3_ul {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-2);
    width: 100%;
    padding: var(--krds-main-menu--sub-menu-trigger-padding-y) var(--krds-main-menu--sub-menu-trigger-padding-x);
}

#gnb .depth_3 .depth_3_ul li {
    display: block;
    width: 100%;
}

#gnb .depth_3 .depth_3_ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--krds-gap-3);
    width: 100%;
    background: var(--krds-main-menu--sub-menu-trigger-color-action);
    padding: var(--krds-main-menu--sub-menu-trigger-color-padding-y) var(--krds-main-menu--sub-menu-trigger-color-padding-x);
    font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size);
    color: var(--krds-main-menu--sub-menu-trigger-color-text);
}

#gnb .depth_3 .depth_3_ul li a::before {
    content: "";
    width: var(--krds-number-3);
    height: var(--krds-number-3);
    background: var(--krds-color-light-gray-90);
}

#gnb .depth_3 .depth_3_ul li a:hover,
#gnb .depth_3 .depth_3_ul li a:active {
    background: var(--krds-main-menu--sub-menu-trigger-color-action-selected);
    border-radius: var(--krds-main-menu--sub-menu-trigger-color-radius);
    font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size-active);
    font-weight: var(--krds-font-weight-medium);
    color: var(--krds-main-menu--sub-menu-trigger-color-text-selected);
}

#gnb .depth_3 .depth_3_ul li a[target="_blank"]::after {
    content: "";
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain;
}

/* //////////////////////////////////////// 모바일 메뉴 //////////////////////////////////////// */
.navWrap {
    display: none;
}

/****************************** menuBtn ******************************/
.navWrap .menuBtn {
    position: absolute;
    top: var(--krds-number-10);
    right: var(--krds-number-8);
    /*display: block;*/
    display: none;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    /* background: url(../images/common/ico_close.svg) no-repeat !important; */
    background-size: var(--krds-gap-7);
    text-indent: -9999px;
}

.navWrap .menuBtn:after {
    content: "";
    position: absolute;
    right: var(--krds-number-8);
    top: var(--krds-number-0);
    margin-top: var(--krds-number-0);
    display: block;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    /*background: url(../images/layout/icon_util.png) no-repeat;*/
    background: url(../images/common/ico_all.svg) no-repeat;
    background-position: initial ;
}

/****************************** mMenu ******************************/
.navWrap #mMenu {
    position: fixed;
    left: -100%;
    top: var(--krds-number-0);
    bottom: var(--krds-number-0);
    display: none;
    width: 100%;
    height: 100%;
    background: var(--krds-color-light-gray-0);
    z-index: 999;
}

/******************** Menu_top ********************/
.navWrap #mMenu .mMenu_top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--krds-main-menu-mobile--header-height) !important;
    padding: var(--krds-main-menu-mobile--header-padding-y) var(--krds-main-menu-mobile--header-padding-x) !important;
    background: var(--krds-color-light-gray-0) !important;
    border-bottom: var(--krds-main-menu-mobile--header-border) !important;
}

.navWrap #mMenu .mMenu_top .mMenu_logo {
    position: initial !important;
    display: block;
    margin-top: var(--krds-number-0) !important;
    width: 10rem !important;
}

/******************** mMenu_mem ********************/
#mMenu .mMenu_mem {
    width: 100%;
    padding: var(--krds-main-menu-mobile--header-padding-y) var(--krds-main-menu-mobile--header-padding-x);
    background-color: var(--krds-color-light-gray-0) !important;
    border-bottom: var(--krds-main-menu-mobile--header-border);
    text-align: left !important;
}

#mMenu .mMenu_mem > ul {
    display: inline-flex !important;
    align-items: center;
    gap: var(--krds-main-menu-mobile--login-gap);
    height: var(--krds-main-menu-mobile--login-height);
}

#mMenu .mMenu_mem > ul > li {
    float: none !important;
    position: relative;
    display: inline-block;
    padding: var(--krds-number-0) !important;
    margin-right: var(--krds-number-0) !important;
    color: var(--krds-color-light-gray-90) !important;
    text-align: left !important;
}

#mMenu .mMenu_mem ul li::after,
#mMenu .mMenu_mem > ul > li:not(:nth-last-child(1))::after {
    display: none !important;
}

#mMenu .mMenu_mem > ul > li a,
#mMenu .mMenu_mem > ul > li button {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: var(--krds-gap-3) !important;
    min-height: var(--krds-size-height-6) !important;
    border-radius: var(--krds-radius-medium1) !important;
    font-size: var(--krds-mobile-font-size-navigation-depth-small-bold) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-high-contrast-gray-90) !important;
    line-height: var(--krds-line-height-none) !important;
    transition: none;
}

#mMenu .mMenu_mem > ul > li a::before,
#mMenu .mMenu_mem > ul > li button::before {
    display: inline-flex;
    content: "";
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background-repeat: no-repeat;
    background-size: contain;
}

#mMenu .mMenu_mem > ul > li .icon_1::before {
    background-image: url(../images/common/ico_login.svg);
}

#mMenu .mMenu_mem > ul > li .icon_2::before {
    background-image: url(../images/common/ico_join.svg);
}

#mMenu .mMenu_mem > ul > li .icon_3::before {
    background-image: url(../images/common/ico_my.svg);
}

#mMenu .mMenu_mem > ul > li .icon_4::before {
    background-image: url(../images/common/ico_logout.svg);
}

#mMenu .mMenu_mem > ul > li a:hover,
#mMenu .mMenu_mem > ul > li a:active,
#mMenu .mMenu_mem > ul > li a:focus,
#mMenu .mMenu_mem > ul > li button:hover,
#mMenu .mMenu_mem > ul > li button:active,
#mMenu .mMenu_mem > ul > li button:focus {
    background-color: var(--krds-button--color-text-fill-pressed);
}

#mMenu .mMenu_mem > ul > li a:hover::after,
#mMenu .mMenu_mem > ul > li button:hover::after {
    width: auto;
}

#mMenu .mMenu_mem > ul > li > .btn-navi::before {
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background-image: url(../images/common/ico_all.svg);
    forced-color-adjust: none;
}

/******************** mMenu_list ********************/

#mMenu .mMenu_list {
    position: relative;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 6.875rem) !important;
    background: none !important;
    overflow-y: initial !important;
}

#mMenu .mMenu_list::before {
    position: absolute;
    top: var(--krds-number-0) !important;
    left: var(--krds-number-0) !important;
    width: var(--krds-main-menu-mobile--main-menu-width) !important;
    height: 100%;
    min-height: 25.3125rem !important;
    /*background-color: var(--krds-color-light-gray-5) !important;*/
    background-color: var(--krds-main-menu-mobile--main-menu-color-surface) !important;
    /*background-color: var(--krds-side-navigation--btn-color-background-selected) !important;*/
    border-right: var(--krds-main-menu-mobile--border-width) solid var(--krds-main-menu-mobile--main-menu-border-color) !important;
    z-index: -1;
    content: '';
    box-sizing: border-box;
}

/********** mMenu 대메뉴영역 **********/
#mMenu .mMenu_list > ul > li {
    overflow: initial !important;
}

/****** mMenu 1depth ******/
#mMenu .mMenu_list > ul > li > a {
    position: initial !important;
    left: var(--krds-number-0) !important;
    display: block;
    width: var(--krds-main-menu-mobile--main-menu-width) !important;
    /*height: var(--krds-size-height-9);*/
    height: auto !important;
    padding: var(--krds-main-menu-mobile--main-trigger-padding-y) var(--krds-main-menu-mobile--main-trigger-padding-x) !important;
    border-bottom: var(--krds-main-menu-mobile--main-trigger-border) !important;
    font-size: var(--krds-main-menu-mobile--main-trigger-font-size) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu-mobile--main-trigger-color-text) !important;
    text-align: left !important;
}

#mMenu .mMenu_list > ul > li > a.on {
    background: var(--krds-main-menu-mobile--main-trigger-color-action-selected) !important;
    font-size: var(--krds-main-menu-mobile--main-trigger-font-size-active) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu-mobile--main-trigger-color-text-selected) !important;
}

#mMenu .mMenu_list ul li a[target="_blank"] img {
    margin: var(--krds-number-2) var(--krds-number-0) var(--krds-number-0) 0.5rem !important;
}

#mMenu .mMenu_list > ul > li > a {
    top: var(--krds-number-0) !important;
}

/********** mMenu 하위메뉴영역 **********/
#mMenu .mMenu_list > ul > li > ul {
    float: right;
    position: absolute;
    top: var(--krds-number-0) !important;
    left: var(--krds-main-menu-mobile--main-menu-width) !important;
    display: none;
    /*padding: 0 var(--krds-main-menu-mobile--sub-menu-padding);*/
    padding: var(--krds-main-menu-mobile--sub-list-padding);
    margin-left: var(--krds-number-0) !important;
    width: calc(100% - var(--krds-main-menu-mobile--main-menu-width)) !important;
    height: 100%;
    background: transparent !important;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

#mMenu .mMenu_list > ul > li:first-child > ul {
    display: block;
}

#mMenu .mMenu_list > ul > li > ul > li {
    /*border-top: var(--krds-main-menu-mobile--border-width) solid var(--krds-light-color-divider-gray-light) !important;*/
    border-top: none !important;
    padding-bottom: var(--krds-main-menu-mobile--sub-menu-padding-y) !important;
}

#mMenu .mMenu_list > ul > li > ul > li:first-child {
    border-top: none;
}

/****** mMenu 2depth ******/
#mMenu .mMenu_list > ul > li > ul > li > a {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) var(--krds-main-menu-mobile--sub-menu-trigger-padding-x) !important;
    min-width: 7.5rem !important;
    background-color: var(--krds-main-menu-mobile--sub-menu-trigger-color-action) !important;
    border: var(--krds-main-menu-mobile--sub-menu-trigger-border) !important;
    border-radius: var(--krds-main-menu-mobile--sub-menu-trigger-border-radius) !important;
    font-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text) !important;
}

#mMenu .mMenu_list > ul > li > ul > li:first-child > a {
    padding-top: var(--krds-main-menu-mobile--sub-menu-trigger-padding-y) !important;
}

#mMenu .mMenu_list > ul > li > ul > li > a:after {
    content: "";
    display: block !important;
    position: absolute;
    right: var(--krds-number-6) !important;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    margin-top: var(--krds-number-0) !important;
    width: var(--krds-icon--size-large) !important;
    height: var(--krds-icon--size-large) !important;
    background: url(../images/common/head_gnb_ico_arr.svg) no-repeat 0 center / contain !important;
    transition: all .5s;
}

#mMenu .mMenu_list > ul > li > ul > li > a.empty::after,
#mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a::after,
#mMenu .mMenu_list > ul > li > ul > li > a.empty[target="_self"]::after,
#mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a[target="_self"]::after {
    content: "";
    display: block !important;
    position: absolute;
    right: var(--krds-number-6) !important;
    top: 50%;
    margin-top: var(--krds-number-0) !important;
    width: var(--krds-icon--size-large) !important;
    height: var(--krds-icon--size-large) !important;
    background: url(../images/common/head_gnb_ico_arr.svg) no-repeat 0 center / contain !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    transition: all .5s;
}

/*#mMenu .mMenu_list > ul > li > ul > li > a.empty[target="_self"]::after,
#mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a[target="_self"]::after {
    display: none !important;
}*/

#mMenu .mMenu_list > ul > li > ul > li > a[target="_blank"]:after {
    content: "";
    display: block !important;
    position: absolute;
    right: var(--krds-number-8) !important;
    top: 50%;
    margin-top: var(--krds-number-0) !important;
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    transition: all .5s;
}

#mMenu .mMenu_list > ul > li > ul > li > a:hover,
#mMenu .mMenu_list > ul > li > ul > li > a:active,
#mMenu .mMenu_list > ul > li > ul > li > a:focus,
#mMenu .mMenu_list > ul > li > ul > li > a.on {
    background: var(--krds-main-menu-mobile--sub-menu-trigger-color-action-selected) !important;
    border: var(--krds-main-menu-mobile--sub-menu-trigger-border-selected) !important;
    font-size: var(--krds-main-menu-mobile--sub-menu-trigger-font-size-active) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-main-menu-mobile--sub-menu-trigger-color-text-selected) !important;
}

/*#mMenu .mMenu_list > ul > li > ul > li > a:hover::after,
#mMenu .mMenu_list > ul > li > ul > li > a:active::after,
#mMenu .mMenu_list > ul > li > ul > li > a.on::after {
    background: url(../images/common/head_gnb_ico_arr_hover.svg) no-repeat 0 center / contain;
    transform: translate(-50%, -50%) rotate(0deg) !important;
}*/

/*#mMenu .mMenu_list > ul > li > ul > li > a:hover[target="_blank"]:after,
#mMenu .mMenu_list > ul > li > ul > li > a:hover[target="_blank"]:after,
#mMenu .mMenu_list > ul > li > ul > li > a.on[target="_blank"]:after {
    background: url(../images/common/ico_go_hover.svg) no-repeat 0 center / contain;
}*/

#mMenu .mMenu_list > ul > li > ul > li > a > img {
    /*width: 2rem;
    height: 2rem;*/
    display: none;
}

/****** mMenu 3depth ******/
#mMenu .mMenu_list > ul > li > ul > li > ul {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-main-menu-mobile--depth3-gap);
    padding: var(--krds-main-menu-mobile--depth3-list-padding-y) var(--krds-main-menu-mobile--depth3-list-padding-x) !important;
    /*display: none;*/
    /*display: block !important;*/
    overflow: hidden;
    /*background: var(--krds-color-light-gray-0);*/
    /*background: var(--krds-color-light-gray-5) !important;*/
    background: none !important;
    /*border-top: .1rem solid  var(--krds-light-color-border-secondary-light);*/
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li,
#mMenu .mMenu_list > ul > li > ul > li > ul > li:first-child {
    margin-top: var(--krds-number-0) !important;
    width: 100%;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a {
    /*display: block;*/
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-main-menu-mobile--depth3-sub-menu-gap) !important;
    padding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x) !important;
    background: var(--krds-main-menu-mobile--depth3-sub-menu-color-action) !important;
    border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius) !important;
    font-size: var(--krds-main-menu-mobile--depth3-sub-menu-font-size) !important;
    color: var(--krds-main-menu-mobile--depth3-sub-menu-color-text) !important;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a::before {
    content: "";
    position: absolute;
    left: var(--krds-padding-6) !important;
    /*top: 50%;*/
    top: 1.125rem !important;
    transform: translate(-50%, -50%) !important;
    width: var(--krds-number-3) !important;
    height: var(--krds-number-3) !important;
    background: var(--krds-light-color-background-inverse) !important;
    border-radius: var(--krds-main-menu-mobile--depth3-sub-menu-border-radius) !important;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a[target="_blank"]:after {
    content: "";
    display: block;
    position: absolute;
    right: var(--krds-number-8) !important;
    top: 50%;
    margin-top: var(--krds-number-0) !important;
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    transform: translate(-50%, -50%) rotate(0deg) !important;
    transition: all .5s;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a:after,
#mMenu .mMenu_list > ul > li > ul > li > ul > li > a.on:after,
#mMenu .mMenu_list > ul > li > ul > li > ul > li > a.empty:after  {
    display: none !important;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a:hover,
#mMenu .mMenu_list > ul > li > ul > li > ul > li > a:active,
#mMenu .mMenu_list > ul > li > ul > li > ul > li > a.on {
    padding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x) !important;
    background: var(--krds-main-menu-mobile--depth3-sub-menu-color-action-selected) !important;
    font-size: var(--krds-main-menu-mobile--depth3-sub-menu-font-size-active) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-main-menu-mobile--depth3-sub-menu-color-text-selected) !important;
}

#mMenu .mMenu_list > ul > li > ul > li > ul > li > a > img {
    /*width: 2rem;
    height: 2rem;*/
    display: none !important;
}

#mMenu .mMenu_close {
    position: absolute;
    top: var(--krds-number-10) !important;
    right: var(--krds-number-8) !important;
    display: block !important;
    width: var(--krds-icon--size-large) !important;
    height: var(--krds-icon--size-large) !important;
    background: url(../images/common/ico_close.svg) no-repeat !important;
    background-size: var(--krds-gap-7) !important;
    text-indent: -9999px;
}

/* //////////////////////////////////////// container //////////////////////////////////////// */
#container:after {
    content: '';
    display: block;
    clear: both;
}

/****************************** lnb ******************************/
#lnb {
    position: relative !important;
    right: var(--krds-number-0) !important;
    float: left !important;
    width: 19.375rem !important;
    padding-top: var(--krds-number-15) !important;
    overflow: hidden;
}

#lnb:after {
    content: '';
    position: absolute;
    top: var(--krds-number-0) !important;
    left: 17.1875rem !important;
    height: 200% !important;
    width: var(--krds-number-1) !important;
    background-color: var(--krds-light-color-divider-gray-light) !important;
}

/******************** nav ********************/
#lnb nav {
    width: 15rem !important;
}

/********** lnb h2 (대메뉴) **********/
#lnb h2 {
    padding: var(--krds-number-0) var(--krds-side-navigation--title-padding-x) var(--krds-side-navigation--title-padding-y) var(--krds-side-navigation--title-padding-x) !important;
    font-family: 'Daum' !important;
    font-size: var(--krds-side-navigation--title-font-size) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-side-navigation--title-color-text-basic) !important;
    line-height: var(--krds-line-height-base) !important;
}

#lnb a[target="_blank"]:after {
    content: "";
    display: inline-block !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

#lnb a.ov.empty[target="_blank"]:after {
    content: "";
    display: inline-block !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go_hover.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

/********** lnb ul (하위메뉴) **********/
#lnb nav > ul {
    border: var(--krds-side-navigation--border-width) solid var(--krds-side-navigation--color-border) !important;
}

/****** lnb_depth_1 ******/
#lnb .lnb_depth_1 {
    border-bottom: var(--krds-side-navigation--item-border-width) solid var(--krds-side-navigation--item-color-border) !important;
}

#lnb .lnb_depth_1:nth-last-child(1) {
    border-bottom: none !important;
}

#lnb .lnb_depth_1 > a {
    position: relative;
    padding: var(--krds-side-navigation--btn-padding-y) var(--krds-side-navigation--btn-padding-x) !important;
    background: var(--krds-side-navigation--btn-color-background) !important;
    font-size: var(--krds-side-navigation--btn-font-size) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-side-navigation--color-text-basic) !important;
    line-height: var(--krds-line-height-none) !important;
    word-break: break-all;
}

#lnb .lnb_depth_1 > a:hover,
#lnb .lnb_depth_1 > a.ov,
#lnb .lnb_depth_1 > a.ov.empty {
    padding: var(--krds-side-navigation--btn-padding-y) var(--krds-side-navigation--btn-padding-x) !important;
    background: var(--krds-side-navigation--btn-color-background-selected) !important;
    color: var(--krds-side-navigation--btn-color-text-selected) !important;
    line-height: var(--krds-line-height-none) !important;
}

#lnb .lnb_depth_1 > a .arr {
    line-height: var(--krds-line-height-none) !important;
}

#lnb .lnb_depth_1 > a .arr::after {
    content: "";
    position: absolute;
    top: var(--krds-number-0) !important;
    right: var(--krds-number-9) !important;
    bottom: var(--krds-number-0) !important;
    width: 0.875rem !important;
    height: var(--krds-number-2) !important;
    margin: auto var(--krds-number-0) !important;
    background: var(--krds-side-navigation--item-color-border) !important;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}

#lnb .lnb_depth_1 > a .arr::before {
    content: "";
    position: absolute;
    top: var(--krds-number-0) !important;
    right: 1.625rem !important;
    bottom: var(--krds-number-0) !important;
    width: var(--krds-number-2) !important;
    height: 0.875rem !important;
    margin: auto var(--krds-number-0) !important;
    background: var(--krds-side-navigation--item-color-border) !important;
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}

#lnb .lnb_depth_1 > a.ov .arr:before {
    background: var(--krds-color-light-gray-0) !important;
    transform: rotate(90deg) !important;
}

#lnb .lnb_depth_1 > a.ov .arr:after {
    display: none;
}

#lnb .lnb_depth_1 a[target="_blank"]:after {
    content: "";
    position: absolute;
    top: 1.3125rem !important;
    right: var(--krds-number-8) !important;
    display: inline-block !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

/****** lnb_depth_2 ******/
#lnb .lnb_depth_2 {
    display: none;
    padding: var(--krds-side-navigation--3depth-padding-y) var(--krds-side-navigation--3depth-padding-x) !important;
    background-color: var(--krds-side-navigation--3depth-background) !important;
}

#lnb .lnb_depth_2 > li > a {
    position: relative;
    display: block;
    padding: var(--krds-side-navigation--3depth-btn-padding-y) var(--krds-side-navigation--3depth-btn-padding-x) var(--krds-side-navigation--3depth-btn-padding-y) var(--krds-padding-8) !important;
    font-size: var(--krds-side-navigation--3depth-btn-font-size) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-side-navigation--color-text-basic) !important;
    letter-spacing: -0.0625rem !important;
}

#lnb .lnb_depth_2 > li > a:before {
    content: "";
    position: absolute;
    left: var(--krds-number-0) !important;
    top: 0.875rem !important;
    transform: none !important;
    display: block;
    width: var(--krds-number-9) !important;
    height: 0.875rem !important;
    background-image: url(../images/common/ico_depth_02.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#lnb .lnb_depth_2 > li > a:hover,
#lnb .lnb_depth_2 > li > a:active,
#lnb .lnb_depth_2 > li > a.ov {
    color: var(--krds-side-navigation--color-text-selected) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.3125rem !important;
    text-decoration-color: var(--krds-side-navigation--color-border-selected) !important;
}

#lnb .lnb_depth_2 > li > a.hover::before,
#lnb .lnb_depth_2 > li > a:active::before,
#lnb .lnb_depth_2 > li > a.ov::before {
    top: var(--krds-number-7) !important;
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
    background-image: url(../images/common/ico_depth_02_ov.svg) !important;
    background-size: contain;
}

#lnb .lnb_depth_2 > li > a::after {
    display: none;
}

#lnb .lnb_depth_2 > li > a:hover::after,
#lnb .lnb_depth_2 > li > a:active::after,
#lnb .lnb_depth_2 > li > a.ov::after {
    display: none;
}

#lnb .lnb_depth_2 a[target="_blank"]:after {
    content: "";
    position: absolute;
    top: 0.8125rem;
    right: var(--krds-number-0) !important;
    display: inline-block !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

/****** lnb_depth_3 ******/
#lnb .lnb_depth_3 {
    display: none;
    width: 100%;
    margin: var(--krds-number-3) var(--krds-number-0) !important;
    padding: var(--krds-side-navigation--4depth-padding-y) var(--krds-side-navigation--4depth-padding-x) !important;
    background: var(--krds-side-navigation--4depth-background) !important;
}

#lnb .lnb_depth_3 > li:not(:nth-last-child(1)) {
    margin-bottom: var(--krds-number-3) !important;
}

#lnb .lnb_depth_3 > li > a {
    position: relative;
    padding-left: var(--krds-side-navigation--4depth-title-padding) !important;
    font-size: var(--krds-side-navigation--4depth-title-font-size) !important;
    color: var(--krds-side-navigation--color-text-basic) !important;
}

#lnb .lnb_depth_3 > li > a:before {
    content: "";
    display: block;
    position: absolute;
    left: var(--krds-number-0) !important;
    top: 0.6875rem !important;
    width: 0.375rem !important;
    height: 0.15625rem !important;
    background: var(--krds-color-light-success-40) !important;
}

#lnb .lnb_depth_3 > li > a:hover,
#lnb .lnb_depth_3 > li > a.ov {
    color: var(--krds-side-navigation--color-text-selected) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.3125rem !important;
    text-decoration-color: var(--krds-side-navigation--color-border-selected) !important;
}

#lnb .lnb_depth_3 a[target="_blank"]:after {
    content: "";
    position: absolute;
    top: 0.3125rem !important;
    right: var(--krds-number-0) !important;
    display: inline-block !important;
    width: 1.125rem !important;
    height: 1.125rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

/****** lnb_depth_4 ******/
#lnb .lnb_depth_4 {
    display: none;
    padding: var(--krds-side-navigation--5depth-padding-y) var(--krds-number-0) var(--krds-side-navigation--5depth-padding-y) var(--krds-side-navigation--5depth-padding-x) !important;
    margin: var(--krds-number-0) !important;
}

#lnb .lnb_depth_4 > li {
    line-height: var(--krds-line-height-base) !important;
}

#lnb .lnb_depth_4 > li > a {
    position: relative;
    padding-left: var(--krds-side-navigation--5depth-title-padding) !important;
    margin: var(--krds-number-3) var(--krds-number-0) !important;
    font-size: var(--krds-side-navigation--5depth-title-font-size) !important;
    color: var(--krds-side-navigation--5depth-color-text-basic) !important;
}

#lnb .lnb_depth_4 > li > a:before {
    content: "";
    display: block;
    position: absolute;
    left: var(--krds-number-0) !important;
    top: 0.3125rem !important;
    width: 0.3125rem !important;
    height: 0.3125rem !important;
    border: solid var(--krds-side-navigation--color-border) !important;
    border-width: var(--krds-number-0) var(--krds-number-0) var(--krds-number-1) var(--krds-number-1) !important;
}

#lnb .lnb_depth_4 > li > a:hover,
#lnb .lnb_depth_4 > li > a.ov {
    color: var(--krds-side-navigation--color-text-selected) !important;
    text-decoration: underline !important;
    text-underline-offset: 0.3125rem !important;
    text-decoration-color: var(--krds-side-navigation--color-border-selected) !important;
}

#lnb .lnb_depth_4 > li > a:hover:before,
#lnb .lnb_depth_4 > li > a.ov:before {
    border: solid var(--krds-color-light-success-40) !important;
    border-width: var(--krds-number-0) var(--krds-number-0) var(--krds-number-1) var(--krds-number-1) !important;
}

#lnb .lnb_depth_4 a[target="_blank"]:after {
    content: "";
    position: absolute;
    top: 0.3125rem !important;
    right: var(--krds-number-0) !important;
    display: inline-block !important;
    width: 1.0625rem !important;
    height: 1.0625rem !important;
    margin: var(--krds-number-0) !important;
    background: url(../images/common/ico_go.svg) no-repeat 0 center / contain !important;
    vertical-align: middle;
}

#lnb.disibled:after {
    display: none;
}

/******************** lnb_toggle ********************/
.lnb_toggle {
    position: absolute;
    top: 2.3125rem !important;
    left: 14.75rem !important;
    width: var(--krds-number-14) !important;
    height: 3.25rem !important;
    margin-left: var(--krds-number-0) !important;
    background: var(--krds-color-light-gray-0) !important;
    border-width: var(--krds-number-1) var(--krds-number-0) var(--krds-number-1) var(--krds-number-1) !important;
    border-style: solid !important;
    border-color: var(--krds-light-color-divider-gray-light) !important;
    border-top-left-radius: var(--krds-radius-max) !important;
    border-bottom-left-radius: var(--krds-radius-max) !important;
    text-indent: -9999px;
    z-index: 1;
}

/*.lnb_toggle.on {
    position: absolute !important;
    top: 3.7rem;
}*/

.lnb_open {
    position: absolute;
    top: 15.25rem !important;
    left: var(--krds-number-0) !important;
    width: var(--krds-number-14) !important;
    height: 3.25rem !important;
    background: var(--krds-color-light-gray-0) !important;
    border-width: var(--krds-number-1) var(--krds-number-1) var(--krds-number-1) var(--krds-number-0) !important;
    border-style: solid;
    border-color: var(--krds-light-color-divider-gray-light) !important;
    border-top-right-radius: var(--krds-radius-max) !important;
    border-bottom-right-radius: var(--krds-radius-max) !important;
    text-indent: -9999px;
    z-index: 1;
}

.lnb_toggle:before,
.lnb_open:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5625rem;
    height: var(--krds-size-height-1);
    margin-top: -0.375rem;
    margin-left: -0.3125rem;
    background: url(../images/layout/icon_lnbSlide_arrow.png) no-repeat;
    transition: all .3s;
}

.lnb_toggle:focus {
    border-width: var(--krds-number-1) var(--krds-number-0) var(--krds-number-1) var(--krds-number-1) !important;
    border-style: solid !important;
    border-color: var(--krds-light-color-divider-gray-light) !important;
}

.lnb_open:focus {
    border-width: var(--krds-number-1) var(--krds-number-1) var(--krds-number-1) var(--krds-number-0) !important;
    border-style: solid !important;
    border-color: var(--krds-light-color-divider-gray-light) !important;
}

.lnb_toggle.on:before {
    transform: rotate(180deg);
}

/****************************** location menu ******************************/
#location_wrap {
    display: inline-flex !important;
    align-items: flex-start;
    flex-direction: row;
    padding-top: var(--krds-pc-gap-layout-header-breadcrumb);
    margin-bottom: var(--krds-pc-gap-layout-breadcrumb-h1);
    background: none !important;
    border-bottom: none !important;
}

#location_wrap:after {
    content: "";
    display: block;
    clear: both;
}

#location_wrap .location_layout .location_menu {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-2);
    float: none;
    width: 100%;
}

#location_wrap .location_layout .location_menu > li {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    float: none !important;
    border-right: none;
    font-size: var(--krds-pc-font-size-label-xsmall);
}

#location_wrap .location_layout .location_menu > li:first-child {
    border-left: none !important;
}

#location_wrap .location_layout .location_menu > li.home {
    float: none !important;
    width: auto;
    height: auto;
    background: none;
    border-left: none;
    text-indent: inherit;
}

#location_wrap .location_layout .location_menu > li.home::before {
    content: "";
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: var(--krds-icon--size-large);
    height: var(--krds-icon--size-large);
    background: url(../images/common/ico_bread_home.svg) no-repeat 0 center / contain;
}

#location_wrap .location_layout .location_menu > li:not(:last-child)::after {
    content: "";
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    margin-left: var(--krds-number-3);
    background: url(../images/common/ico_bread_arr.svg) no-repeat 0 center / contain;
}

#location_wrap .location_layout .location_menu > li > a {
    display: inline-flex !important;
    min-width: initial;
    height: auto;
    padding: var(--krds-number-0) var(--krds-padding-2);
    background: none;
    font-size: var(--krds-pc-font-size-body-small) !important;
    color: var(--krds-color-light-gray-70) !important;
    line-height: var(--krds-line-height-base);
    text-decoration: underline;
    text-underline-offset: 0.3125rem;
}

#location_wrap .location_menu > li > a:after {
    display: none !important;
}

#location_wrap .location_menu > li > a:hover,
#location_wrap .location_menu > li > a:active,
#location_wrap .location_menu > li > a:focus {
    background-color: var(--krds-button--color-text-fill-pressed);
    border-radius: var(--krds-button--gap-xsmall);
    font-weight: var(--krds-font-weight-medium);
    color: var(--krds-color-light-gray-90) !important;

}

/****************************** container_wrap ******************************/
#container_wrap {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-pc-gap-layout-contents-footer) var(--krds-number-0) !important;
    overflow: hidden;
}

/******************** navigation h1 (페이지 타이틀) ********************/
#navigation {
    position: relative;
    border-bottom: var(--krds-number-2) solid var(--krds-light-color-divider-gray-light) !important;
    margin-bottom: var(--krds-number-14) !important;
    padding: var(--krds-number-0) !important;
}

#navigation > h3,
#navigation > .h1_tit,
#navigation > h3.h3_tit {
    font-family: 'Daum' !important;
    font-size: var(--krds-pc-font-size-heading-xlarge) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    /*letter-spacing: var(--krds-typo-letter-spacing-1) !important;*/
    background: none;
    margin-bottom: var(--krds-number-6);
}

#navigation > h3 ::after,
#navigation > .h1_tit::after,
#navigation > h3.h3_tit::after {
    display: none;
}

#txt:after {
    content: "";
    display: block;
    clear: both;
}

/* //////////////////////////////////////// serv-info //////////////////////////////////////// */
.serv-info {
    position: relative;
    width: 100%;
    background: var(--krds-color-light-gray-0);
    border-top: var(--krds-number-1) solid var(--krds-light-color-border-gray-light);
}

.serv-info > .layout {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

/****************************** sub-gov (유관기관 링크) ******************************/
.serv-info .sub-gov {
    display: flex;
}

.serv-info .fl_sitegroup {
    position: relative;
    width: 17.1875rem;
    height: 100%;
    border-left: var(--krds-number-1) solid var(--krds-light-color-border-gray-light);
}

.serv-info .fl_sitegroup:nth-child(2) {
    border-right: var(--krds-number-1) solid var(--krds-light-color-border-gray-light);
}

.serv-info .fl_sitegroup .fs_ti {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: var(--krds-gap-3);
    width: 100%;
    height: calc(var(--krds-size-height-8) - var(--krds-number-2));
    padding: var(--krds-number-0) var(--krds-padding-8) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    /*line-height: var(--krds-line-height-base) !important;*/
    line-height: var(--krds-line-height-none) !important;
}

.serv-info .fl_sitegroup .fs_ti .ft_mroe {
    position: initial;
    line-height: var(--krds-line-height-none) !important;
}

.serv-info .fl_sitegroup .fs_ti .ft_mroe img {
    transform: rotate(180deg);
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
}

.serv-info .fl_sitegroup .fs_list {
    position: absolute;
    left: var(--krds-number-0);
    bottom: 100%;
    display: none;
    width: 17.1875rem;
    max-height: 52rem;
    margin-left: -0.0625rem;
    padding: var(--krds-padding-7);
    border: var(--krds-number-1) solid var(--krds-light-color-border-gray-light);
    background-color: var(--krds-light-color-surface-secondary-subtler);
    overflow-y: auto;
    z-index: 2;

}

.serv-info .fl_sitegroup:first-child .fs_list {
    width: 17.25rem;
}

.serv-info .fl_sitegroup .fs_list ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--krds-gap-3);
    height: 100%;
}

.serv-info .fl_sitegroup .fs_list ul li:not(:last-child) {
    border-bottom: var(--krds-number-1) solid var(--krds-color-light-secondary-10);
}

.serv-info .fl_sitegroup .fs_list a {
    display: block;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-padding-3) var(--krds-number-0);
    /*border-top: .1rem solid var(--krds-light-color-border-gray-light);*/
    border-top: none;
    color: var(--krds-color-light-gray-100);
}

.serv-info .fl_sitegroup .fs_list ul li:last-child a {
    padding-bottom: var(--krds-number-0);
}

.serv-info .fl_sitegroup .fs_list a,
.serv-info .fl_sitegroup .fs_list a:first-child {
    border-top-width: var(--krds-number-1);
}

.serv-info .fl_sitegroup .fs_list a:before {
    content: '';
    display: inline-block;
    width: var(--krds-number-3);
    height: var(--krds-number-3);
    margin-right: var(--krds-number-7);
    background-color: var(--krds-light-color-text-subtle);
    vertical-align: middle;
}

/* //////////////////////////////////////// footer //////////////////////////////////////// */
#footer {
    padding: var(--krds-padding-10) var(--krds-number-0) var(--krds-padding-8) !important;
    background-color: var(--krds-light-color-surface-gray-subtler) !important;
    border-top: var(--krds-number-1) solid var(--krds-light-color-border-gray-light) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

#footer .layout {
    position: relative;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-8);
}

/****************************** ft-logo ******************************/
#footer .ft-logo {
    width: 100%;
    margin-left: -0.25rem;
}

.ft-logo img {
    width: 8.6875rem;
    height: 3.75rem;
}

/****************************** ft-cont ******************************/
#footer .ft-cont {
    display: flex;
    justify-content: space-between;
    flex: 1;
    gap: var(--krds-gap-7);
}

/******************** ft-info ********************/
.ft-cont .ft-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: var(--krds-gap-5);
}

.ft-cont .ft-info .info-addr {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-cont .ft-info .info-cs {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    gap: var(--krds-gap-3);
}

.ft-cont .ft-info .info-cs .cs-tit h4 {
    margin: var(--krds-number-0) !important;
    padding: var(--krds-number-0) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-cont .ft-info .info-cs .cs-tit h4:before {
    display: none !important;
}

.ft-cont .ft-info .info-cs .cs-tit h4 span {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-cont .ft-info .info-cs p {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-cont .ft-info .info-cs p span {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    margin-right: var(--krds-number-5);
}

.ft-cont .ft-info .info-cs ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--krds-gap-5);
}

.ft-cont .ft-info .info-cs ul li {
    display: inline-flex;
    align-items: center;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-cont .ft-info .info-cs ul li span {
    display: inline-block;
    margin-right: var(--krds-number-5);
    padding: var(--krds-padding-2) var(--krds-padding-5);
    min-width: 6.125rem;
    border-radius: var(--krds-radius-max);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-0) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    text-align: center;
}

.ft-cont .ft-info .info-cs ul li b {
    font-weight: var(--krds-font-weight-semiBold) !important;
}

.ft-cont .ft-info .info-cs ul li b em {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large) !important;
    font-weight: var(--krds-font-weight-regular) !important;
}

/******************** ft-link ********************/
.ft-cont .ft-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-shrink: var(--krds-number-0);
    gap: var(--krds-gap-9);
}

.ft-cont .ft-link .link-go {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-2);
}

.ft-cont .ft-link .link-go .btn.text {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--krds-button--gap-medium);
    height: var(--krds-button--size-height-xsmall) !important;
    padding: var(--krds-number-0) !important;
    margin: var(--krds-number-0) !important;
    min-width: auto !important;
    background-color: var(--krds-button--color-text-fill) !important;
    border: none !important;
    border-radius: initial !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-button--color-text-text) !important;
    line-height: var(--krds-line-height-none) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    vertical-align: middle;
}

.ft-cont .ft-link .link-go .btn.text .svg-icon {
    margin: var(--krds-number-0) !important;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: transparent !important;
    background-size: contain;
    line-height: var(--krds-line-height-none) !important;
}

.ft-cont .ft-link .link-go .btn.text .ico_download {
    background-image: url(../images/common/ico_download.svg);
}

.ft-cont .ft-link .link-go .btn.text .ico-angle {
    background-image: url(../images/common/ico_angle.svg);
    transform: rotate(-90deg);
}

/****************************** ft-btm ******************************/
#footer .ft-btm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: var(--krds-padding-6);
    gap: var(--krds-gap-9);
    border-top: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
}

.ft-btm .ft-btm-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex: 1;
    gap: var(--krds-gap-7);
    width: 100%;
}

/******************** ft-menu (정책 링크) ********************/
.ft-btm .ft-menu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--krds-gap-5);
}

.ft-btm .ft-menu a {
    background-color: var(--krds-button--color-text-fill);
    border-color: var(--krds-button--color-text-border);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-button--color-text-text) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.ft-btm .ft-menu .point {
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-color-light-primary-70) !important;
}

/******************** ft-copy (COPYRIGHT) ********************/
.ft-btm .ft-btm-text .ft-copy {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-xsmall) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-70) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    width: 20.25rem;
    text-align: right;
}

/******************** krds-identifier (운영기관식별자) ********************/
.ft-btm .krds-identifier {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-3);
    width: 100%;
    min-height: var(--krds-size-height-6);
    padding: var(--krds-padding-3) var(--krds-padding-6);
    border-radius: var(--krds-radius-medium1);
    background-color: var(--krds-light-color-surface-white);
}

.ft-btm .krds-identifier .logo {
    width: 4.25rem;
    height: var(--krds-size-height-4);
    background-image: url(../images/layout/ft_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.ft-btm .krds-identifier .ban-txt {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-xsmall) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-70) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}


@media(min-width:1930px) {

    #gnb .group {
        min-width: var(--krds-contents-wrap-size) !important;
    }

}

@media(min-width:1920px) {

}

@media(max-width:1600px) {

    .layout {
        max-width: 100%;
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    #gov_top .inner {
        padding: var(--krds-padding-2) var(--krds-padding-6) !important;
    }

    #header .header_top .layout {
        padding: var(--krds-padding-5) var(--krds-padding-6) var(--krds-padding-6) var(--krds-padding-6) !important;
    }

    #gnb .gnb_group {
        max-width: 100% !important;
    }

    #gnb .depth_1 > a {
        font-size: var(--krds-main-menu--main-trigger-font-size) !important;
    }

    #gnb .group {
        margin: var(--krds-number-0) auto !important;
        left: var(--krds-number-0) !important;
        transform: none !important;
        width: 100% !important;
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    .gr-wrap::after {
        display: none;
    }

    #gnb .depth_2 {
        padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-number-0) var(--krds-main-menu--sub-menu-padding-y) 17rem !important;
        color: var(--krds-main-menu--sub-trigger-color-text) !important;
    }

}

@media all and (max-width:1560px) {

    .layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    #gov_top .inner {
        padding: var(--krds-padding-2) var(--krds-padding-6) !important;
    }

    #header .header_top .layout {
        padding: var(--krds-padding-5) var(--krds-padding-6) var(--krds-padding-6) var(--krds-padding-6) !important;
    }

}

@media(max-width:1535px) {

    #gnb .gnb_group {
        width: auto;
        left: var(--krds-number-0);
    }

}

@media(max-width:1500px) {

    #gnb .depth_1 > a {
        font-size: var(--krds-main-menu--main-trigger-font-size) !important;
    }

    #gnb .gnb_group {
        width: 100%;
    }

    #gnb .group {
        max-width: 100%;
        /*width: auto !important;*/
    }

    #gnb .depth_2 {
        padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-number-0) var(--krds-main-menu--sub-menu-padding-y) 17rem;
    }

    #gnb .depth_2 > li > a {
        font-size: var(--krds-main-menu--sub-trigger-font-size) !important;
        letter-spacing: var(--krds-letter-spacing-none) !important;
    }

    #gnb .depth_3 > li > a {
        font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size) !important;
    }

}

@media(max-width:1440px) {

}

@media(max-width:1430px) {

    #header .header_top {
        padding: var(--krds-number-0) !important;
    }

    #header .header_top .util > ul > li:last-child > a,
    #header .header_top .util > ul > li:last-child > button {
        margin-right: -1.5rem !important;
    }

    #header .logo {
        margin-left: var(--krds-number-0) !important;
        margin-right: var(--krds-number-0) !important;
    }

}

@media all and (max-width:1400px) {

    .layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    #header .logo a > img {
        width: 14.0625rem !important;
        top: var(--krds-number-0) !important;
    }

    #container.layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    #location_wrap .location_layout .location_menu > li:first-child > a {
        width: auto !important;
    }

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    .ft-btm .ft-btm-text {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--krds-gap-2);
    }

    .ft-btm .ft-btm-text .ft-copy {
        width: 100%;
        text-align: left;
    }

    #footer .ft-cont {
        flex-direction: column;
        align-content: flex-start;
    }

    .ft-cont .ft-link .link-go {
        flex-direction: row;
        gap: var(--krds-gap-8);
    }

}

@media (max-width:1366px) {

}

@media (max-width:1300px) {

    #gnb .gnb_group {
        left: var(--krds-number-0) !important;
    }

    #gnb .depth_1 > a {
        font-size: var(--krds-main-menu--main-trigger-font-size) !important
    }

    #gnb .depth_2 {
        /*grid-template-columns: repeat(3, 1fr);*/
        padding: var(--krds-main-menu--sub-menu-padding-y) var(--krds-number-0) var(--krds-main-menu--sub-menu-padding-y) 17rem !important;
    }

    #gnb .depth_2 > li > a {
        font-size: var(--krds-main-menu--sub-trigger-font-size) !important;
    }

    #gnb .depth_3 > li > a {
        font-size: var(--krds-main-menu--sub-menu-trigger-color-font-size) !important;
    }

    /* //////////////////////////////////////// serv-info //////////////////////////////////////// */
    .serv-info .fl_sitegroup .fs_ti {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        gap: var(--krds-gap-3);
        width: 100%;
        height: calc(var(--krds-size-height-8) - var(--krds-number-2));
        padding: var(--krds-number-0) var(--krds-padding-8) !important;
        font-size: var(--krds-pc-font-size-body-medium) !important;
        font-weight: var(--krds-font-weight-regular) !important;
        color: var(--krds-color-light-gray-90) !important;
        /* line-height: var(--krds-line-height-base) !important; */
        line-height: var(--krds-line-height-none) !important;
    }

}

@media all and (max-width:1300px) {

    #lnb,
    .lnb_open {
        display: none !important;
    }

    /* //////////////////////////////////////// serv-info //////////////////////////////////////// */
    .serv-info .fl_sitegroup {
        position: relative;
        width: 17.1875rem;
        height: 100%;
        border-left: var(--krds-number-1) solid var(--krds-light-color-border-gray-light);
    }

}

@media all and (max-width:1280px) {
    #gnb .depth_2 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media all and (max-width:1200px) {

    #header .logo {
        margin-right: var(--krds-number-0) !important;
    }

}

@media all and (max-width:1175px) {

}


@media(max-width:1160px) {

    #header {
        height: auto !important;
    }

    #header .header_top {
        display: block !important;
    }

    #header .header_top .layout {
        /*padding: var(--krds-padding-4) var(--krds-padding-6) !important;*/
        padding: var(--krds-padding-6) !important;
    }

    #header .header_top .util {
        display: none !important;
    }

    #header .logo a > img {
        width: 12.5rem !important;
    }

    #header .header_top .actions.right_button > ul > li > .navi-row {
        flex-direction: column !important;
    }

    #header .header_top .actions.right_button > ul > li.util_sitemap {
        display: block !important;
    }

    #header .header_top .actions.right_button > ul > li:nth-last-of-type(2) {
        margin-right: var(--krds-number-0) !important;
    }

    #animate {
        height: var(--krds-number-0) !important;
        border-bottom: none !important;
    }

    .navWrap {
        display: block !important;
    }

}


@media all and (max-width:1100px) {

    #navigation h3 {
        line-height: var(--krds-line-height-base) !important;
    }


    #container.layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    .layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    #container_wrap {
        min-height: 42.1875rem;
    }

}

@media(max-width:1024px) {

    /* //////////////////////////////////////// serv-info //////////////////////////////////////// */
    .serv-info > .layout {
        padding: var(--krds-number-0) var(--krds-padding-6) !important;
    }

    .serv-info .fl_sitegroup {
        position: relative;
        width: 17.1875rem;
        height: 100%;
        border-top: none !important;
        border-bottom: none !important;
    }

    .serv-info .fl_sitegroup:first-child {
        border-left: var(--krds-number-1) solid var(--krds-light-color-border-gray-light) !important;
    }

    .serv-info .fl_sitegroup:not(first-child) {
        border-left: none !important;
        border-right: var(--krds-number-1) solid var(--krds-light-color-border-gray-light) !important;
    }

    .serv-info .fl_sitegroup:first-child .fs_list {
        width: 17.1875rem;
    }

    .serv-info .fl_sitegroup:not(first-child) .fs_list {
        width: 17.1875rem;
    }

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    .ft-cont .ft-info .info-cs ul {
        gap: var(--krds-gap-3) var(--krds-gap-5);
    }

}

@media(max-width:1000px) {

    #location_wrap .location_layout .home {
        height: auto !important;
    }

    #location_wrap .location_layout .location_menu > li:first-child > a {
        width: auto !important;
    }

    #location_wrap .location_layout .location_menu > li > a {
        display: inline-flex !important;
        min-width: initial !important;
        height: auto !important;
        padding: var(--krds-number-0) var(--krds-padding-2) !important;
        background: none !important;
        font-size: var(--krds-pc-font-size-body-small) !important;
        color: var(--krds-color-light-gray-70) !important;
        line-height: var(--krds-line-height-base) !important;
        text-decoration: underline !important;
        text-underline-offset: 0.3125rem;
    }

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    .ft-cont .ft-info .info-cs {
        gap: var(--krds-gap-4);
    }

}

@media(max-width:780px) {


}

@media(max-width:767px) {

    #header .header_top .actions.right_button > ul > li a,
    #header .header_top .actions.right_button > ul > li button {
        padding: var(--krds-number-0) var(--krds-padding-3) var(--krds-number-0) !important;
    }

    #location_wrap {
        padding-top: var(--krds-mobile-gap-layout-header-breadcrumb) !important;
        margin-bottom: var(--krds-mobile-gap-layout-breadcrumb-h1) !important;
    }

    /*#location_wrap .location_layout .location_menu > li {
        display: none;
    }*/

    /*#location_wrap .location_layout .location_menu > li.home,
    #location_wrap .location_layout .location_menu > li:last-child {
        display: inline-flex;
    }*/

    #location_wrap .location_layout .location_menu > li:not(.home):not(:last-child) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: var(--krds-number-0) !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: var(--krds-number-0) !important;
    }

    #location_wrap .location_layout .location_menu > li:not(.home):not(:nth-child(2)):last-child {
        gap: var(--krds-gap-2) !important;
    }

    #location_wrap .location_layout .location_menu > li:not(:nth-child(2)):last-child::before
        /*#location_wrap .location_layout .location_menu > li:not(.home):not(:nth-last-child(2))::before*/ {
        content: "";
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        width: var(--krds-icon--size-small) !important;
        height: var(--krds-icon--size-small) !important;
        /*background-color: var(--krds-light-color-text-basic);*/
        forced-color-adjust: none;
        background: url(../images/layout/ico_ellipsis.svg) no-repeat 0 center / contain !important;
    }

    #location_wrap .location_layout .location_menu > li:not(.home):not(:nth-last-child(2))::after {
        /*content: none !important;*/
    }

    #location_wrap .location_layout .location_menu > li:not(:nth-child(2)):last-child::after
        /*#location_wrap .location_layout .location_menu > li:nth-last-child(2)::after */{
        content: "";
        display: inline-flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        width: var(--krds-icon--size-small) !important;
        height: var(--krds-icon--size-small) !important;
        margin-left: var(--krds-number-3) !important;
        background: url(../images/common/ico_bread_arr.svg) no-repeat 0 center / contain !important;
        order: 2;
    }

    #location_wrap .location_layout .location_menu > li:not(:nth-child(2)):last-child a {
        order: 3;
    }

    /*#location_wrap .location_layout .location_menu > li:not(.home):not(:nth-child(2)):last-child::after {
        background: url(../images/common/ico_bread_arr.svg) no-repeat 0 center / contain;
    }*/

    /*#location_wrap .location_layout .location_menu > li:not(.home):not(:nth-child(2)):last-child::before,
    #location_wrap .location_layout .location_menu > li:not(.home):not(:nth-child(2)):last-child::after {
        content: "";
        display: inline-flex;
        width: var(--krds-icon--size-small);
        height: var(--krds-icon--size-small);
        !*background-color: var(--krds-light-color-text-basic);*!
        forced-color-adjust: none;
    }*/

    #location_wrap .location_layout .location_menu > li > a {
        font-size: var(--krds-mobile-font-size-label-small) !important;
    }

    #container_wrap {
        padding: var(--krds-number-0) var(--krds-number-0) var(--krds-mobile-gap-layout-contents-footer) var(--krds-number-0) !important;
    }

    #navigation h3 {
        padding: var(--krds-number-0) !important;
        font-size: var(--krds-mobile-font-size-heading-xlarge) !important;
        line-height: var(--krds-line-height-base) !important;
    }

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    #footer {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .ft-cont .ft-info .info-addr {
        font-size: var(--krds-mobile-font-size-body-medium) !important
    }

    .ft-cont .ft-info .info-cs .cs-tit h4 {
        font-size: var(--krds-mobile-font-size-body-large) !important;
        padding-left: var(--krds-number-0) !important;
    }

    .ft-cont .ft-info .info-cs .cs-tit h4 span {
        font-size: var(--krds-mobile-font-size-body-large) !important;
    }

    .ft-cont .ft-info .info-cs p {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .ft-cont .ft-info .info-cs ul li {
        font-size: var(--krds-mobile-font-size-body-large) !important;
    }

    .ft-cont .ft-info .info-cs ul li span {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .ft-cont .ft-link .link-go .btn.text {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .ft-btm .ft-menu a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .ft-btm .ft-btm-text .ft-copy {
        font-size: var(--krds-mobile-font-size-body-xsmall) !important;
    }

    .ft-btm .krds-identifier .ban-txt {
        font-size: var(--krds-mobile-font-size-body-xsmall) !important;
    }

}

@media(max-width:640px) {

    .navWrap .menuBtn {
        top: var(--krds-number-10) !important;
    }

    #header .header_top .layout {
        padding: var(--krds-padding-5) var(--krds-padding-6) !important;
    }

    #header .logo a > img {
        width: 11.25rem !important;
    }

    /*#header .header_top .actions.right_button > ul > li.logoutBtn,*/
    #header .header_top .actions.right_button > ul > li.mmberBtn {
        display: none !important;
    }

    #header .header_top .actions.right_button > ul > li > .navi-row {
        padding: var(--krds-number-0) var(--krds-padding-3) !important;
        font-size: var(--krds-mobile-font-size-navigation-depth-xxsmall-bold) !important;
    }

    #header .header_top .actions.right_button > ul > li a::before,
    #header .header_top .actions.right_button > ul > li button::before {
        width: var(--krds-icon--size-medium) !important;
        height: var(--krds-icon--size-medium) !important;
    }

    #location_wrap .location_layout .bgC,
    #location_wrap .location_layout .home,
    #location_wrap .location_layout .location_menu {
        display: flex !important;
    }

    #container_wrap {
        padding: var(--krds-number-0) var(--krds-number-0) var(--krds-mobile-gap-layout-contents-footer) var(--krds-number-0) !important;
    }

    #navigation {
        padding: var(--krds-number-0) !important;
        margin-bottom: var(--krds-padding-10) !important;
    }

    #navigation h3 {
        padding: var(--krds-number-0) !important;
        font-size: var(--krds-mobile-font-size-heading-xlarge) !important;
        line-height: var(--krds-line-height-base) !important;
    }

    /* //////////////////////////////////////// serv-info //////////////////////////////////////// */
    .serv-info > .layout {
        justify-content: center !important;
        /*padding: 0 !important;*/
    }

    .serv-info .sub-gov {
        justify-content: center !important;
        width: 100% !important;
    }

    .serv-info .fl_sitegroup {
        width: 100% !important;
    }

    .serv-info .fl_sitegroup:first-child {
        /*border-left: none !important;
        border-right: .1rem solid var(--krds-light-color-border-gray-light) !important;*/
    }

    .serv-info .fl_sitegroup:not(first-child) {
        /*border-right: none !important;*/
    }

    .serv-info .fl_sitegroup .fs_list {
        width: 100.8% !important;
        /*margin-left: 0;*/
    }

}

@media(max-width:639px) {


}

@media(max-width:485px) {

    #header .logo a > img {
        width: 10rem !important;
    }

    #header .header_top .actions.right_button > ul > li > .navi-row {
        padding: var(--krds-number-0) var(--krds-padding-2) !important;
    }

    #mMenu .mMenu_list::before {
        width: 9.875rem !important;
    }

    #mMenu .mMenu_mem > ul > li {
        font-size: var(--krds-mobile-font-size-navigation-depth-xsmall-bold) !important;
    }

    #mMenu .mMenu_list > ul > li > a {
        width: 9.875rem !important;
        padding: var(--krds-main-menu-mobile--main-trigger-padding-y) var(--krds-padding-6) !important;
    }

    #mMenu .mMenu_list > ul > li > ul {
        left: 9.875rem !important;
        width: calc(100% - 9.875rem) !important;
    }

    #mMenu .mMenu_mem > ul > li a,
    #mMenu .mMenu_mem > ul > li button {
        font-size: var(--krds-mobile-font-size-navigation-depth-xsmall-bold) !important;
        gap: var(--krds-gap-2) !important;
    }

    #mMenu .mMenu_mem > ul > li a::before,
    #mMenu .mMenu_mem > ul > li button::before {
        width: var(--krds-icon--size-medium) !important;
        height: var(--krds-icon--size-medium) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a {
        padding: var(--krds-padding-5) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li:first-child > a {
        padding: var(--krds-padding-5) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a:after,
    #mMenu .mMenu_list > ul > li > ul > li > a.empty::after,
    #mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a::after,
    #mMenu .mMenu_list > ul > li > ul > li > a.empty[target="_self"]::after,
    #mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a[target="_self"]::after {
        right: -.5rem !important;
    }

    /* //////////////////////////////////////// serv-info //////////////////////////////////////// */
    .serv-info > .layout {
        padding: var(--krds-number-0) !important;
    }

    .serv-info .sub-gov {
        flex-direction: column;
        align-items: center;
    }

    .serv-info .fl_sitegroup {
        width: 100% !important;
    }

    .serv-info .fl_sitegroup:first-child {
        border-left: none !important;
        border-right: none !important;
        border-bottom: var(--krds-number-1) solid var(--krds-light-color-border-gray-light) !important;
    }

    .serv-info .fl_sitegroup:not(first-child) {
        border-right: none !important;
    }

    .serv-info .fl_sitegroup .fs_list {
        width: 100% !important;
        margin-left: var(--krds-number-0) !important;
    }

}

@media(max-width:414px) {

    #header .header_top .actions.right_button ul {
        gap: var(--krds-padding-5) !important;
    }

    #header .header_top .actions.right_button > ul > li > .navi-row {
        justify-content: center !important;
        padding: var(--krds-number-0) !important;
        font-size: var(--krds-number-0) !important;
        gap: var(--krds-number-0);
    }

    #header .header_top .actions.right_button > ul > li a::before,
    #header .header_top .actions.right_button > ul > li button::before {
        width: var(--krds-icon--size-large) !important;
        height: var(--krds-icon--size-large) !important;
    }

    #mMenu .mMenu_list::before {
        width: 8.5rem !important;
    }

    #mMenu .mMenu_list > ul > li > a,
    #mMenu .mMenu_list > ul > li > a.on {
        width: 8.5rem !important;
        font-size: var(--krds-mobile-font-size-navigation-depth-medium-bold) !important;
    }

    #mMenu .mMenu_list > ul > li > ul {
        left: 8.5rem !important;
        width: calc(100% - 8.5rem) !important;
    }

    /*#mMenu .mMenu_mem > ul > li {
        font-size: var(--krds-mobile-font-size-navigation-depth-xxsmall-bold) !important;
    }*/

    #mMenu .mMenu_mem > ul > li a,
    #mMenu .mMenu_mem > ul > li button {
        font-size: var(--krds-mobile-font-size-navigation-depth-xxsmall-bold) !important;
        gap: var(--krds-gap-2) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a {
        padding: var(--krds-padding-4) var(--krds-padding-5) !important;
        font-size: var(--krds-mobile-font-size-navigation-depth-small-bold) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li:first-child > a {
        padding: var(--krds-padding-4) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a:after,
    #mMenu .mMenu_list > ul > li > ul > li > a.empty::after,
    #mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a::after,
    #mMenu .mMenu_list > ul > li > ul > li > a.empty[target="_self"]::after,
    #mMenu .mMenu_list > ul > li > ul > li:not(:has(ul)) > a[target="_self"]::after {
        right: -0.25rem !important;
        width: var(--krds-icon--size-medium) !important;
        height: var(--krds-icon--size-medium) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a[target="_blank"]:after {
        right: var(--krds-number-2) !important;
        width: var(--krds-icon--size-medium) !important;
        height: var(--krds-icon--size-medium) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > ul {
        gap: var(--krds-gap-1) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > ul > li > a {
        padding: var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-number-0) var(--krds-main-menu-mobile--depth3-sub-menu-padding-y) var(--krds-main-menu-mobile--depth3-sub-menu-padding-x) !important;
        letter-spacing: -0.05rem !important;
        word-break: break-all !important;
    }
}

@media(max-width:390px) {

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    .ft-btm .ft-btm-text {
        gap: var(--krds-gap-4) var(--krds-number-0);
    }

    .ft-btm .ft-menu {
        gap: var(--krds-gap-2) var(--krds-gap-6);
    }

    .ft-btm .krds-identifier {
        /*flex-direction: column;*/
        align-items: flex-start;
    }

    .ft-btm .krds-identifier .logo {
        margin-left: -0.625rem;
    }

}

@media(max-width:375px) {



}

@media(max-width:370px) {

    /* //////////////////////////////////////// footer //////////////////////////////////////// */
    .ft-cont .ft-info .info-cs ul {
        flex-direction: column;
    }

    .ft-cont .ft-info .info-cs ul li {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .ft-cont .ft-info .info-cs ul li b {
        /*display: inline-block;
        margin-left: 0;*/
        width: calc(100% - 6.125rem);
    }

    /*.ft-cont .ft-info .info-cs ul li em {
        display: block;
        margin-left: 0;
    }*/

}

@media(max-width:360px) {

    #gov_top .nuri-txt::before {
        position: relative;
        top: -0.75rem;
    }

    #header .logo a > img {
        width: 10rem !important;
        top: var(--krds-number-0) !important;
    }

    #mMenu .mMenu_mem > ul {
        gap: var(--krds-gap-4) !important;
    }

}

@media(max-width:344px) {

    #mMenu .mMenu_mem > ul {
        gap: var(--krds-main-menu-mobile--login-gap) !important;
    }

    #mMenu .mMenu_mem > ul > li a,
    #mMenu .mMenu_mem > ul > li button {
        font-size: var(--krds-number-0) !important;
        gap: var(--krds-number-0) !important;
    }

    #mMenu .mMenu_list::before {
        width: 8rem !important;
    }

    #mMenu .mMenu_list > ul > li > a,
    #mMenu .mMenu_list > ul > li > a.on {
        width: 8rem !important;
        font-size: var(--krds-mobile-font-size-navigation-depth-small-bold) !important;
    }

    #mMenu .mMenu_list > ul > li > ul {
        left: 8rem !important;
        width: calc(100% - 8rem) !important;
        padding: var(--krds-padding-3) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > a {
        padding: var(--krds-padding-3) var(--krds-padding-4) !important;
        font-size: var(--krds-mobile-font-size-navigation-depth-xsmall-bold) !important;
        letter-spacing: -0.05rem !important;
        word-break: break-all !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li:first-child > a {
        padding: var(--krds-padding-3) var(--krds-padding-4) !important;
    }

    #mMenu .mMenu_list > ul > li > ul > li > ul > li > a {
        font-size: var(--krds-mobile-font-size-navigation-depth-xsmall-bold) !important;
    }


    #mMenu .mMenu_list > ul > li > ul > li > ul > li > a::before {
        top: var(--krds-number-8) !important;
    }

}

@media(max-width:280px) {

    #header .logo a > img {
        width: 9.25rem !important;
        top: var(--krds-number-0) !important;
    }

    #header .header_top .actions.right_button ul {
        gap: var(--krds-padding-3) !important;
    }

}