@charset "utf-8"; @import url('krds-common.css'); .mo-br {
    display: none;
}

.pc-br {
    display: block;
}

.scroll-no {
    overflow: hidden;
}

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

.margin_20 {
    margin: 2rem;
}

.margin_t5 {
    margin-top: 0.5rem;
}

.margin_t10 {
    margin-top: 1rem !important;
}

.margin_t15 {
    margin-top: 1.5rem !important;
}

.margin_t20 {
    margin-top: 2rem !important;
}

.margin_t25 {
    margin-top: 2.5rem;
}

.margin_t30 {
    margin-top: 3rem !important;
}

.margin_t35 {
    margin-top: 3.5rem;
}

.margin_t40 {
    margin-top: 4rem;
}

.margin_t50 {
    margin-top: 5rem !important;
}

.margin_t100 {
    margin-top: 10rem;
}

.margin_l5 {
    margin-left: 0.5rem;
}

.margin_l10 {
    margin-left: 1rem !important;
}

.margin_l20 {
    margin-left: 2rem;
}

.margin_l24 {
    margin-left: 2.4rem;
}

.margin_l25 {
    margin-left: 2.5rem;
}

.margin_l30 {
    margin-left: 3rem;
}

.margin_l40 {
    margin-left: 4rem;
}

.margin_r5 {
    margin-right: 0.5rem;
}

.margin_r10 {
    margin-right: 1rem;
}

.margin_r25 {
    margin-right: 2.5rem;
}

.margin_r30 {
    margin-right: 3rem;
}

.margin_r40 {
    margin-right: 4rem;
}

.margin_b0 {
    margin-bottom: 0 !important;
}

.margin_b5 {
    margin-bottom: 0.5rem !important;
}

.margin_b10 {
    margin-bottom: 1rem !important;
}

.margin_b20 {
    margin-bottom: 2rem !important;
}

.margin_b30 {
    margin-bottom: 3rem;
}

.margin_b40 {
    margin-bottom: 4rem;
}

.margin_b50 {
    margin-bottom: 5rem !important;
}

.padding_t5 {
    padding-top: 0.5rem;
}

.padding_t10 {
    padding-top: 1rem;
}

.padding_t15 {
    padding-top: 1.5rem;
}

.padding_t20 {
    padding-top: 2rem;
}

.padding_t25 {
    padding-top: 2.5rem;
}

.padding_t50 {
    padding-top: 5rem;
}

.padding_b5 {
    padding-bottom: 0.5rem;
}

.padding_b10 {
    padding-bottom: 1rem;
}

.padding_b20 {
    padding-bottom: 2rem;
}

#detail_con>.ready {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.3rem;
    text-align: center;
    padding: 7rem 2rem 10rem 2rem;
    font-family: var(--font-paper);
    border-radius: 1rem;
    background: linear-gradient(180deg, #FFF 0%, #F3F6FF 100%);
}

#detail_con>.ready p.tit {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
    font-size: 3.6rem;
    font-weight: 700;
}

#detail_con>.ready p.tit::before {
    content: '';
    display: flex;
    ; padding: 2.2rem 5.8rem;
    width: 9rem;
    height: 8.7rem;
    background: url(../images/logo_v2.svg) no-repeat 0 0 / 9rem;
}

#detail_con>.ready p.con {
    font-size: 1.8rem;
}

/* 상단 공식배너 */
.masthead {
    position: relative;
    z-index: 70;
    background-color: var(--krds-light-color-surface-secondary-subtler);
}

.masthead .inner {
    position: relative;
    gap: 0.4rem 1.6rem;
    min-height: 3.2rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.masthead .inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

.masthead .nuri-txt {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    font-size: 1.5rem;
    word-break: break-all
}

.masthead .nuri-txt::before {
    content: "";
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    background: transparent url(../images/krds/ico_flag.svg) no-repeat center/contain;
}

/* header */
.krds-header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 70;
    background-color: var(--krds-light-color-surface-white);
}

.krds-header.no-menu {
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}

.krds-header .header-con .util {
    display: flex;
    justify-content: flex-end;
    padding: 0.4rem 0;
}

.krds-header .header-con .util .util-list {
    display: flex;
    justify-content: flex-end;
}

.krds-header .header-con .util .util-list > li {
    display: flex;
    align-items: center;
}

.krds-header .header-con .util .util-list > li:not(:first-child) {
    gap: 1.2rem;
    margin-left: 1.2rem;
}

.krds-header .header-con .util .util-list > li:not(:first-child)::before {
    content: "";
    display: inline-flex;
    width: 0.1rem;
    height: 1.6rem;
    background-color: var(--krds-light-color-border-gray-light);
}

.krds-header .hd-main {
    display: flex;
    align-items: center;
}

.krds-header .header-con .inner {
    display: flex;
    flex-direction: column;
    align-items: normal;
}

.krds-header .header-con .logo {
    display: inline-flex;
    font-size: 3rem;
}

.krds-header .header-con .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.krds-header .header-con .hd-btns {
    display: inline-flex;
    gap: 0.8rem;
    margin-left: auto
}

.krds-header .hd-btns {
    dIsplay: inline-flex;
    gap: 0.8rem;
    margin-left: auto;
}

.krds-header .one-menu {
    display: flex;
    gap: 0.8rem;
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--krds-light-color-text-subtle);
}

.krds-header .one-menu a {
    display: block;
    padding: 1.3rem 1.6rem;
    border-radius: 0.8rem;
}

.krds-header .one-menu a:hover {
    background-color: var(--krds-light-color-button-text-fill-hover);
}

.krds-header .btn-navi {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    min-height: 4rem;
    padding: 0.8rem 1.2rem;
    border-radius: 0.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--krds-light-color-text-basic);
    transition: 0.4s ease-in-out;
}

.krds-header .btn-navi::before {
    content: "";
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.9rem
}

.krds-header .btn-navi:hover {
    background-color: var(--krds-light-color-action-secondary-hover);
}

.krds-header .btn-navi:active, .krds-header .btn-navi:focus-visible {
    background-color: var(--krds-light-color-action-secondary-pressed);
}

.krds-header .btn-navi.navi-row {
    flex-direction: row;
}

.krds-header .btn-navi.sch::before {
    background-image: url(../images/krds/ico_sch.svg);
}

.krds-header .btn-navi.login::before {
    background-image: url(../images/krds/ico_login.svg);
}

.krds-header .btn-navi.logout::before {
    background-image: url(../images/krds/ico_logout.svg);
}

.krds-header .btn-navi.join::before {
    background-image: url(../images/krds/ico_join.svg);
}

.krds-header .btn-navi.my::before {
    background-image: url(../images/krds/ico_my.svg);
}

.krds-header .btn-navi.all::before {
    background-image: url(../images/krds/ico_all.svg);
}

body[class*="scroll"] .krds-header:not(.sample) {
    position: relative;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}

body[class*="scroll"] .krds-header:not(.sample) .header-in {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
    background-color: var(--krds-light-color-surface-white);
    transition: transform ease 0.4s 0.01s;
}

body.scroll-down .krds-header:not(.sample) .header-in {
    transform: translateY(-100%);
}

body.scroll-up .krds-header:not(.sample) .header-in {
    transform: translateY(0);
}

/* dropdown */
.drop-wrap {
    display: inline-flex;
    position: relative;
}

.drop-wrap .drop-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    z-index: 6;
    min-width: 13rem;
    max-height: 80vh;
    border-radius: 0.8rem;
    padding: 0.8rem;
    margin-top: 1.6rem;
    background-color: var(--krds-light-color-surface-white);
    border: 1px solid var(--krds-light-color-border-gray-light);
    box-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow1), 0 0.4rem 0.8rem 0 var(--krds-light-color-alpha-shadow2);
    transform: translateX(-50%);
    overflow-y: auto;
}

.drop-wrap .drop-menu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: -0.5rem;
    margin-left: -0.6rem;
    transform: rotate(-135deg);
    background-color: var(--krds-light-color-surface-white);
    border: 1px solid var(--krds-light-color-border-gray-light);
    border-top-color: transparent;
    border-left-color: transparent;
}

.drop-wrap .drop-menu .drop-in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
    position: relative;
    z-index: 1;
}

.drop-wrap .drop-menu .drop-top {
    width: 100%;
    padding: 0.8rem 1.6rem;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}

.drop-wrap .drop-menu .drop-bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.8rem 0;
    border-top: 1px solid var(--krds-light-color-border-gray-light);
}

.drop-wrap .drop-menu .drop-list {
    width: 100%;
}

.drop-wrap .drop-menu .drop-list .item-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 0.8rem;
    padding: 0 1.6rem;
    font-size: 1.5rem;
    border-radius: 0.6rem;
    height: 4.8rem;
    background-color: var(--krds-light-color-surface-white);
}

.drop-wrap.resize .drop-menu {
    min-width: 15rem;
}

.drop-wrap.resize .drop-list .item-link {
    white-space: nowrap;
}

.drop-wrap.resize .drop-list .item-link::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/krds/ico_head_font_sample.svg) no-repeat center/contain;
    flex-shrink: 0;
    border-radius: 0.4rem;
    border: .1rem solid var(--krds-light-color-border-gray);
    background-color: var(--krds-light-color-surface-white0);
}

.drop-wrap.resize .drop-list .item-link.active::before {
    background-image: url(../images/krds/ico_head_font_sample_white.svg);
    border-color: var(--krds-light-color-element-secondary);
    background-color: var(--krds-light-color-element-secondary);
}

.drop-wrap.resize .drop-list .item-link.sm::before {
    width: 2.2rem;
    height: 2.2rem;
}

.drop-wrap.resize .drop-list .item-link.md::before {
    width: 2.4rem;
    height: 2.4rem;
}

.drop-wrap.resize .drop-list .item-link.lg::before {
    width: 2.6rem;
    height: 2.6rem;
}

.drop-wrap.resize .drop-list .item-link.xlg::before {
    width: 2.8rem;
    height: 2.8rem;
}

.drop-wrap.resize .drop-list .item-link.xxlg::before {
    width: 3rem ;
    height: 3rem;
}

.drop-wrap.language .drop-menu {
    min-width: 20rem
}

.drop-wrap.language .drop-top .current-laguage {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column
}

.drop-wrap.language .drop-top .current-laguage strong {
    color: var(--krds-light-color-text-secondary);
    font-weight: 700;
    font-size: 1.7rem
}

.drop-wrap.language .drop-top .current-laguage span {
    color: var(--krds-light-color-text-subtle);
    font-size: 1.5rem
}

.drop-wrap.language .drop-list {
    min-width: 20rem
}

.drop-wrap.my-drop .drop-menu {
    width: 21rem;
}

.drop-wrap.my-drop .drop-menu::before {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: block;
    margin-bottom: -0.6rem;
    margin-left: -0.6rem;
    background-color: #fff;
    border-top-color: transparent;
    border-left-color: transparent;
}

.drop-wrap.my-drop .my-name {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
}

.drop-wrap.my-drop .my-time {
    font-size: 1.5rem;
}

.drop-wrap.my-drop .my-time dt {
    margin-bottom: 0.4rem;
    color: var(--krds-light-color-text-subtle);
}

.drop-wrap.my-drop .my-time .time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.2rem;
    color: var(--krds-light-color-text-primary);
}

.drop-wrap.my-drop .my-time .time::before {
    display: inline-block;
    content: '';
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/krds/ico_time_16.svg) center/contain;
}

.drop-wrap.my-drop .my-time dd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.8rem
}

.gnb-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 60;
    background-color: var(--krds-light-color-background-dim);
}

.gnb-backdrop.active {
    display: block
}

.main-nav {
    position: relative;
    background-color: var(--krds-light-color-surface-white);
    border-top: .1rem solid;
    border-bottom: .1rem solid;
    border-color: var(--krds-light-color-border-gray-light);
}

.main-nav .gnb-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.6rem
}

.main-nav .gnb-menu .gnb-main-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    position: relative;
    height: 5.6rem;
    color: var(--krds-light-color-text-subtle);
    padding: 0 1.6rem;
    transition: 0.4s ease-in-out
}

.main-nav .gnb-menu .gnb-main-trigger, .main-nav .gnb-menu .gnb-main-trigger h2 {
    font-size: 1.9rem;
    font-weight: 700
}

.main-nav .gnb-menu .gnb-main-trigger::after, .main-nav .gnb-menu .gnb-main-trigger::before {
    display: inline-flex;
    content: ""
}

.main-nav .gnb-menu .gnb-main-trigger::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: .4rem;
    background-color: var(--krds-light-color-element-secondary);
    transition: 0.4s ease-in-out
}

.main-nav .gnb-menu .gnb-main-trigger::after {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    background-color: var(--krds-light-color-text-subtle);
    transition: 0.4s ease-in-out;
    transform: rotate(0)
}

.main-nav .gnb-menu .gnb-main-trigger:hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.main-nav .gnb-menu .gnb-main-trigger:active {
    color: var(--krds-light-color-text-basic);
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.main-nav .gnb-menu .gnb-main-trigger:focus-visible {
    box-shadow: inset 0 0 0 0.2rem var(--krds-color-light-primary-50);
    outline-offset: -.4rem
}

.main-nav .gnb-menu .gnb-main-trigger.active::before {
    left: 0;
    width: 100%
}

.main-nav .gnb-menu .gnb-main-trigger.active::after {
    transform: rotate(-180deg)
}

.main-nav .gnb-menu .gnb-main-trigger.is-link::after {
    display: none
}

.main-nav .gnb-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: .1rem;
    display: none;
    width: 100%;
    background-color: var(--krds-light-color-surface-white);
}

.main-nav .gnb-wrap.is-open {
    display: block
}

.main-nav .gnb-wrap .gnb-list {
    position: relative;
    max-width: var(--krds-contents-wrap-size);
    margin: 0 auto
}

.main-nav .gnb-wrap .gnb-list[data-has-submenu=true]::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26.6rem;
    height: 100%;
    content: "";
    background-color: var(--krds-light-color-surface-secondary-subtler)
}

.main-nav .gnb-wrap .gnb-list > ul {
    position: relative;
    padding: 1.6rem 0;
    max-height: 60vh;
    min-height: 200px;
    overflow-y: auto;
}

.main-nav .gnb-wrap .gnb-list > ul > li {
    width: 26.6rem
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    gap: 2.4rem;
    padding: 1.6rem 2.4rem;
    background-color: var(--krds-light-color-surface-white0);
    font-size: 1.7rem;
    color: var(--krds-light-color-text-basic);
    text-align: left;
    transition: 0.4s ease-in-out
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger::after {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    content: "";
    flex-shrink: 0;
    transition: 0.4s ease-in-out;
    transform: rotate(-90deg)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger .svg-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    flex-shrink: 0;
    transition: 0.4s ease-in-out
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger.active, .main-nav .gnb-wrap .gnb-list .gnb-sub-trigger:hover {
    font-size: 1.7rem;
    font-weight: 700;
    background-color: var(--krds-light-color-surface-white);
    color: var(--krds-light-color-text-secondary)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger.active .svg-icon, .main-nav .gnb-wrap .gnb-list .gnb-sub-trigger:hover .svg-icon {
    background-color: var(--krds-light-color-text-secondary)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger:active {
    font-size: 1.7rem;
    font-weight: 700;
    background: var(--krds-light-color-surface-secondary-subtlerblue);
    color: var(--krds-light-color-text-basic)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger:active .svg-icon {
    background-color: var(--krds-light-color-text-basic)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger:focus-visible {
    box-shadow: var(--krds-box-shadow-outline-inset);
    outline-offset: -.4rem
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger.is-link {
    justify-content: flex-start;
    gap: 0.8rem
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger.is-link::after {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_more.svg);
    mask-image: url(../images/krds/ico_more.svg);
    transform: rotate(0)
}

.main-nav .gnb-wrap .gnb-list .gnb-sub-trigger.is-link.external-link::after {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_go.svg);
    mask-image: url(../images/krds/ico_go.svg)
}

.main-nav .gnb-wrap .gnb-sub-list {
    flex-direction: column;
    align-items: normal;
    gap: 1.6rem;
    position: absolute;
    top: 0;
    left: 26.6rem;
    right: 0;
    display: none;
    min-height: 100%;
    padding: 1.6rem 4rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: 1.6rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con .sub-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.6rem;
    height: 5.6rem;
    padding: 0 0.4rem;
    font-size: 2.4rem;
    font-weight: 700
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 2.4rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a,.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    gap: 0.8rem;
    padding: 1rem 0.6rem;
    background-color: var(--krds-light-color-surface-white);
    border-radius: 0.6rem;
    font-size: 1.7rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a::before, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button::before {
    content: "";
    width: .4rem;
    height: .4rem;
    margin-top: 1rem;
    background-color: var(--krds-light-color-text-basic);
    border-radius: 100rem;
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul .link-go::after {
    content: "";
    margin-top: 0.4rem;
    width: 1.8rem;
    height: 1.8rem;
    background: url(../images/krds/ico_go.svg) no-repeat right center/1.8rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a:hover, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button:hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a:active, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a:focus-visible, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button:active, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button:focus-visible {
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a:focus-visible, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button:focus-visible {
    box-shadow: var(--krds-box-shadow-outline-inset);
    outline-offset: -.4rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a.active, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button.active {
    background-color: var(--krds-light-color-action-secondary-hover);
    color: var(--krds-light-color-text-secondary);
    font-weight: 700
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a.active::before, .main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button.active::before {
    background-color: var(--krds-light-color-text-secondary)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description {
    gap: 4rem
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li::before {
    display: none
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .tit {
    font-size: 1.9rem;
    font-weight: 700
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .tit a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: auto;
    padding: 0.4rem;
    background-color: var(--krds-light-color-surface-white);
    border-radius: 0.6rem;
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .tit a::before {
    display: none
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .tit a:hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .tit a:active {
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul.type-description li .txt {
    padding: 1.6rem 0.4rem 0;
    border-top: .1rem solid var(--krds-light-color-border-gray-light);
    font-size: 1.7rem;
    color: var(--krds-light-color-text-subtle)
}

.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-bnr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.6rem;
    margin: 0;
    padding: 1.2rem 1.6rem;
    border-radius: 0.8rem;
    background: var(--krds-light-color-surface-gray-subtle);
}

.main-nav .gnb-wrap .gnb-sub-list.between {
    flex-direction: row;
    padding-right: 0
}

.main-nav .gnb-wrap .gnb-sub-list.between .gnb-sub-con > ul {
    grid-template-columns: repeat(2,1fr)
}

.main-nav .gnb-wrap .gnb-sub-list.between .gnb-sub-bnr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 26.6rem;
    gap: 0.8rem;
    padding: 2.4rem
}

.main-nav .gnb-wrap .gnb-sub-list.single-list {
    display: flex;
    position: static;
    padding: 1.6rem 0
}

.main-nav .gnb-wrap .gnb-sub-list.single-list .gnb-sub-con > ul {
    grid-template-columns: repeat(4,1fr)
}

.main-nav .gnb-wrap .gnb-sub-list.single-list.between .gnb-sub-con > ul {
    grid-template-columns: repeat(3,1fr)
}

.main-nav .gnb-wrap .gnb-sub-list.active {
    display: flex
}

.main-nav-mobile {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 100;
    width: 100%;
    height: 100%;
    visibility: hidden;
    transition: 0.4s ease-in-out
}

.main-nav-mobile::after {
    display: none;
    opacity: 0;
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--krds-light-color-background-dim);
    transition: opacity 0.5s 0.1s;
}

.main-nav-mobile.is-open {
    visibility: visible;
    right: 0;
}

.main-nav-mobile.is-open::after {
    opacity: 1;
}

.main-nav-mobile.is-backdrop::after {
    display: block;
}

.main-nav-mobile .gnb-wrap {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 100%;
    background-color: var(--krds-light-color-surface-white);
}

.main-nav-mobile .gnb-wrap .gnb-hd {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 16px 16px 24px;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
    background-color: var(--krds-light-color-surface-white)
}

.main-nav-mobile .gnb-wrap .gnb-hd .util {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
}

.main-nav-mobile .gnb-wrap .gnb-hd .util .util-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.main-nav-mobile .gnb-wrap .gnb-hd .util .util-list > li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.main-nav-mobile .gnb-wrap .gnb-hd .util .util-list > li:not(:first-child) {
    margin-left: 16px;
}

.main-nav-mobile .gnb-wrap .gnb-hd .util .util-list > li:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 16px;
    margin-right: 16px;
    background-color: var(--krds-light-color-border-gray-light);
}

.main-nav-mobile .gnb-wrap .gnb-hd .login {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
}

.main-nav-mobile .gnb-wrap .gnb-hd .login .user,.main-nav-mobile .gnb-wrap .gnb-hd .login button {
    font-weight: 700;
}

.main-nav-mobile .gnb-wrap .gnb-hd .serv-menu {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.8rem;
}

.main-nav-mobile .gnb-wrap .gnb-hd .serv-menu .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 1.7rem;
    font-weight: 700;
    width: 8rem;
    height: 5.6rem;
}

.main-nav-mobile .gnb-wrap .gnb-hd .serv-menu .link::before {
    display: inline-flex;
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-icon-gray-fill);
}

.main-nav-mobile .gnb-wrap .gnb-hd .serv-menu .link:active {
    border-radius: 0.6rem;
    background-color: var(--krds-light-color-surface-secondary-subtlerblue);
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu {
    display: flex;
    position: relative;
    background-color: var(--krds-light-color-action-secondary-hover);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu.h100 {
    min-height: 100%;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    width: 124px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap > ul {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 64px;
    padding: 0 24px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger,.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger > * {
    font-size: 17px;
    font-weight: 700;
    word-break: break-all;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger:focus-visible {
    box-shadow: inset 0 0 0 2px var(--krds-color-light-primary-50);
    outline-offset: -0.4px;
    background-color: var( --krds-color-light-secondary-10);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .gnb-main-trigger.active {
    color: var(--krds-color-light-secondary-80);
    background-color: var(--krds-light-color-surface-white);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    background-color: var(--krds-light-color-surface-white);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {
    padding: 16px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list > ul {
    padding: 8px 0;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    font-size: 19px;
    font-weight: 700;
    padding: 8px 8px 16px;
    border-bottom: 1px solid var(--krds-light-color-divider-gray);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 12px 8px;
    font-size: 17px;
    border-radius: 8px;
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger:hover {
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.active {
    color: var(--krds-color-light-secondary-80);
    font-size: 17px;
    font-weight: 700;
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    flex-shrink: 0;
    margin-left: auto;
    transition: 0.4s ease-in-out;
    transform: rotate(0);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active {
    background-color: var(--krds-color-light-secondary-5);
    color: var(--krds-color-light-secondary-80);
    font-weight: 700;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active::after {
    transform: rotate(180deg);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    margin-top: 8px;
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap > ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    font-size: 16px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 6px;
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before {
    content: "•";
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:focus-visible {
    box-shadow: var(--krds-box-shadow-outline-inset);
    outline-offset: 0.4px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:hover {
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger:active {
    background-color: var(--krds-color-light-secondary-10);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.active {
    color: var(--krds-color-light-secondary-80);
    font-weight: 600;
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger.has-depth4::after {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    flex-shrink: 0;
    margin-left: auto;
    transform: rotate(-90deg);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap {
    display: none;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: var(--krds-light-color-surface-white);
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-head {
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-direction: row;
    font-weight: 700;
    width: 100%;
    padding: 2rem;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-head button {
    width: 3rem;
    height: 3rem;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-head button .svg-icon {
    width: 100%;
    height: 100%;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body {
    padding: 0 1.6rem;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .sub-title {
    font-size: 2.4rem;
    padding: 0.8rem 0.8rem 1.6rem;
    margin: 0;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.8rem;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.4rem;
    padding: 1rem 1.6rem;
    border-radius: 0.6rem;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a::before {
    content: "•";
    font-weight: 400;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:hover {
    font-weight: 700;
    color: var(--krds-color-light-secondary-80);
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a:active {
    background-color: var(--krds-color-light-secondary-10);
    transition: 0.4s ease-in-out;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap .depth4-body .depth4-ul a.active {
    color: var(--krds-color-light-secondary-80);
    font-weight: 600;
    background-color: var(--krds-color-light-secondary-5);
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .depth4-wrap.is-open {
    display: block;
    right: 0;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-btm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

.main-nav-mobile .gnb-wrap .gnb-body .gnb-btm .krds-btn.text.medium {
    font-size: 17px;
}

.main-nav-mobile .gnb-wrap #close-nav {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav {
    display: none;
    height: 0;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap {
    overflow: hidden;
    margin: 2.4rem calc(1.6rem * -1) 0;
    padding: 1.6rem 1.6rem 0;
    border-top: var(--main-nav-mobile--tab-nav-menu-border-top-width) solid var(--main-nav-mobile--tab-nav-menu-color-border-top);
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul {
    overflow-x: auto;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    padding-bottom: 1.6rem;
    scroll-behavior: smooth;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 0 1rem;
    height: 4rem;
    border: var(--main-nav-mobile--tab-nav-main-trigger-border-width) solid var(--main-nav-mobile--tab-nav-main-trigger-color-border);
    border-radius: 0.6rem;
    background-color: var(--krds-color-light-secondary-10);
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger, .main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger > * {
    font-size: 1.7rem;
    font-weight: 400;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-tab-nav .menu-wrap > ul .gnb-main-trigger.active {
    background-color: var(--krds-color-light-secondary-10);
}

.main-nav-mobile .gnb-wrap.type-header-tab.is-active .gnb-hd {
    padding-bottom: 0;
}

.main-nav-mobile .gnb-wrap.type-header-tab.is-active .gnb-tab-nav {
    display: block;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-hd {
    border-bottom-width: 0.4rem;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    background-color: var(--main-nav-mobile--type-tab-menu-color-surface);
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {
    padding: 1.6rem;
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:not(:last-child) {
    border-bottom: 0.4rem solid var(--krds-light-color-border-gray-light);
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-bnr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.6rem;
    padding: 0.4rem 1.6rem;
    border-radius: 0.8rem;
    background-color: var(--main-nav-mobile--type-tab-sub-banner-color-surface);
}

.main-nav-mobile .gnb-wrap.type-header-tab .gnb-btm {
    border-top: 0.4rem solid var(--krds-light-color-border-gray-light);
}

.main-nav-mobile .search-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 10;
    background-color: var(--krds-light-color-surface-white);
}

.main-nav-mobile .search-layer.active {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}

.main-nav-mobile .search-layer .search-header {
    margin-top: .3rem;
    padding: 5.6rem 1.6rem 2.4rem;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
}

.main-nav-mobile .search-layer .search-body {
    overflow-y: auto;
    padding: 0 1.6rem;
    background-color: var(--krds-light-color-surface-gray-subtler);
}

.main-nav-mobile .search-layer .search-body .no-results {
    text-align: center;
    padding: 4rem 0;
}

.main-nav-mobile .search-layer .search-body .no-results strong {
    font-weight: 700;
}

.main-nav-mobile .search-layer .search-body .result-list {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.6rem;
    padding: 2.4rem 0;
}

.main-nav-mobile .search-layer .search-body .result-list .result-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
}

.main-nav-mobile .search-layer .search-body .result-list .result-item a {
    position: relative;
    padding-left: 1rem;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

.main-nav-mobile .search-layer .search-body .result-list .result-item a:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: var(--krds-color-high-contrast-gray-90);
}

.main-nav-mobile .search-layer .search-body .result-list .result-item .highlight {
    font-weight: 700;
}

.main-nav-mobile .search-layer .search-close {
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
}

.main-nav-mobile .dummy-control {
    text-align: left;
}

.main-nav-mobile .dummy-control .dummy-text {
    margin-top: .3rem;
    color: var(--krds-input--color-text-placeholder);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.main-nav-mobile .dummy-control .ico-search {
    right: 1.4rem;
}

.main-nav-mobile .target-view {
    position: relative;
}

.main-nav-mobile .target-view:after {
    content: "";
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_go.svg);
    mask-image: url(../images/krds/ico_go.svg);
    flex-shrink: 0;
    margin-left: auto;
}

.krds-btn > span {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding-bottom: 0.3rem;
}

.krds-btn.text-line {
    display: inline-block;
    height: auto !important;
    font-size: inherit;
    text-align: left;
    white-space: normal;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.krds-btn.text-line:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.krds-btn.icogo-line {
    display: inline-flex;
    height: auto !important;
    font-size: inherit;
    text-align: left;
    white-space: normal;
    align-items: center;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: underline;
    text-underline-position: under;
    color: var(--krds-light-color-link-default);
    vertical-align: top;
}

.krds-btn.icogo-line:hover {
    color: var(--krds-light-color-link-default);
    background: var(--krds-light-color-button-text-fill-hover);
}

.krds-btn.icogo-line:active, .krds-btn.icogo-line:focus-visible {
    background: var(--krds-light-color-button-text-fill-pressed);
}

.krds-btn.icogo-line .svg-icon {
    width: 2rem;
    height: 2rem;
    margin-top: 3px;
    background: var(--krds-light-color-link-default)
}

.krds-btn.text-line:hover, .krds-btn.text-line:active, .krds-btn.text-line:focus-visible {
    color: var(--krds-light-color-text-basic);
}

strong .krds-btn.text-line {
    font-weight: inherit;
}

strong .krds-btn.icogo-line {
    font-weight: inherit;
}

.krds-btn.link {
    display: inline-block;
    height: auto !important;
    padding: 0 0.2rem;
    font-size: 1.9rem;
    text-align: left;
    white-space: normal;
}

/* sidenav */
.side-nav {
    position: relative;
    overflow: hidden;
    padding: var(--side-nav--padding) 0;
    opacity: 0;
}

.side-nav * {
    transition: none !important;
}

.side-nav.is-ready {
    opacity: 1;
}

.side-nav.is-ready .snv-list .snv-li [class*=snv-toggle]::after, .side-nav.is-ready .snv-submenu-lv2, .side-nav.is-ready .snv-list .snv-li .snv-submenu, .side-nav.is-ready .snv-list > li > .snv-li-btn::before {
    transition: var(--krds-transition-base) !important;
}

.side-nav .snv-tit {
    font-size: 3.2rem;
    font-weight: 700;
    padding: 0 0.8rem 3.2rem;
    margin-top: -0.8rem;
    border-bottom: 1px solid var(--krds-light-color-border-gray-darker)
}

.side-nav .snv-list .snv-li {
    border-bottom: 1px solid var(--krds-light-color-border-gray-light)
}

.side-nav .snv-list .snv-li .snv-li-btn {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    position: relative;
    width: 100%;
    background-color: var(--krds-color-light-alpha-white0);
    padding: 1.6rem 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: left;
}

.side-nav .snv-list .snv-li .snv-li-btn[target="_blank"] {
    background: url(../images/krds/ico_newwin.svg) no-repeat right 1rem center/20px;
}

.side-nav .snv-list .snv-li .snv-li-btn.active {
    border-bottom: 2px solid var(--main-secondary-80);
}

.side-nav .snv-list .snv-li .snv-li-btn:hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.side-nav .snv-list .snv-li .snv-li-btn:active {
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.side-nav .snv-list .snv-li .snv-li-btn:focus-visible {
    box-shadow: inset 0 0 0 0.2rem var(--krds-color-light-primary-50);
    outline-offset: -.4rem
}

.side-nav .snv-list .snv-li .snv-li-btn.selected {
    background-color: #eef2f7;
    color: var(--krds-light-color-text-secondary)
}

.side-nav .snv-list .snv-li [class*=snv-toggle]::after {
    content: "";
    flex-shrink: 0;
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    margin-top: 0.2rem;
    margin-left: auto;
    transform: rotate(0)
}

.side-nav .snv-list .snv-li [class*=snv-toggle][aria-expanded=true] {
    padding-bottom: 1rem;
}

.side-nav .snv-list .snv-li [class*=snv-toggle][aria-expanded=true]::after {
    background-color: var(--krds-light-color-text-secondary);
    transform: rotate(180deg)
}

.side-nav .snv-list .snv-li .snv-submenu {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
}

/* .side-nav .snv-list .snv-li .snv-submenu > a span {display: inline-block; padding-right: 30px; background: url(../images/krds/ico_newwin.svg) no-repeat right center/20px;} */
.side-nav .snv-list .snv-li .snv-submenu > ul {
    padding: 0;
    overflow: hidden
}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn {
    padding: 0.8rem 1.6rem;
    border-radius: 0.4rem;
    font-weight: 400
}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn::before {
    content: "•";
    font-weight: 700;
    color: var(--krds-color-light-gray-20)
}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected {
    font-weight: 700;
    color: #222;
    background: #F7F3FF;
}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn.selected::before {
    color: var(--krds-color-light-gray-80)
}

.side-nav .snv-list .snv-li .snv-submenu .snv-li-btn:not(.selected):hover::before {
    color: var(--krds-color-light-gray-40)
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: -100%;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: var(--krds-light-color-surface-white);
}

.side-nav .snv-list .snv-li .snv-submenu-lv2.active {
    opacity: 1;
    visibility: visible;
    left: 0
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 > ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    border-top: 1px solid var(--krds-color-light-gray-30);
    border-bottom: 1px solid var(--krds-color-light-gray-30)
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 .snv-li-btn-tit {
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
    padding: 0.8rem !important;
    margin-bottom: 0.8rem;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: left;
    border-radius: 0.8rem
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 .snv-li-btn-tit::before {
    content: "";
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    transform: rotate(90deg)
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 .snv-li-btn-tit:focus-visible {
    box-shadow: inset 0 0 0 0.2rem var(--krds-color-light-primary-50);
    outline-offset: -.4rem
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 .snv-li-btn-tit:hover {
    background-color: var(--krds-color-light-secondary-5)
}

.side-nav .snv-list .snv-li .snv-submenu-lv2 .snv-li-btn-tit:active {
    background-color: var(--krds-color-light-secondary-10)
}

.side-nav .snv-list .snv-li.active {
    border-bottom-color: var(--krds-color-light-gray-30);
}

.side-nav .snv-list .snv-li.active > div {
    padding-top: 0.8rem;
    padding-bottom: 2rem;
}

.side-nav .snv-list .snv-li.active .snv-submenu {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
}

.side-nav .snv-list .snv-li.active .snv-submenu .snv-li-btn {
    font-size: 1.7rem;
}

.side-nav .snv-list > li > .snv-li-btn::before {
    display: inline-flex;
    content: "";
    position: absolute;
    bottom: -.1rem;
    left: 0;
    width: 0;
    height: .3rem;
    background-color: var(--krds-light-color-element-secondary);
}

.side-nav .snv-list > li > .snv-li-btn:hover::before {
    left: 0;
    width: 100%
}

.side-nav .snv-list > li > .snv-li-btn.active:not(.snv-toggle)::before {
    left: 0;
    width: 100%
}

.page-title-wrap {
    display: flex;
    flex-direction: column;
    align-items: normal;
    gap: 2.4rem;
}

.page-title-wrap .h-tit {
    margin-top: 4.4rem;
    font-size: 3.6rem;
    font-weight: 700;
}

.page-title-wrap > .h-tit:not(.depth4) {
    display: block !important;
}

.page-title-wrap .h-tit .small-txt {
    display: flex;
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    color: var(--krds-color-light-gray-70);
}

.page-title-wrap .h-tit .sub-txt {
    display: flex;
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--krds-color-light-gray-70);
}

.page-title-wrap .h-tit .krds-badge-wrap {
    font-weight: 400;
    margin-top: 2.4rem;
}

.page-title-wrap .h-txt {
    font-size: 1.9rem;
}

.page-title-wrap .drop-wrap {
    display: none;
}

.page-title-wrap .drop-wrap:not(.depth4) {
    display: none !important;
}

.page-title-wrap.between {
    display: flex;
    flex-direction: row;
}

.page-title-wrap.between .krds-step-wrap {
    margin-left: auto;
    margin-bottom: 0;
}

/* 현재상태 */
.breadcrumb {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
}

.breadcrumb > ol {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.4rem;
    width: 100%
}

.breadcrumb > ol li {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 1.5rem
}

.breadcrumb > ol li .txt {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.4rem;
    padding: 0 0.4rem;
    background-color: var(--krds-light-color-action-secondary);
    border-radius: 0.6rem;
}

.breadcrumb > ol li a.txt {
    text-decoration: underline;
    text-underline-offset: 0.3rem
}

.breadcrumb > ol li a.txt:not(.disabled):hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.breadcrumb > ol li a.txt:not(.disabled):active {
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.breadcrumb > ol li a.txt:not(.disabled):focus-visible, .breadcrumb > ol li a.txt:not(:disabled):focus-visible {
    box-shadow: inset 0 0 0 0.2rem var(--krds-color-light-primary-50);
    outline-offset: -.4rem
}

.breadcrumb > ol li a.txt.disabled,.breadcrumb > ol li a.txt:disabled {
    cursor: default;
    color: var(--krds-light-color-text-disabled)
}

.breadcrumb > ol li:not(:last-child)::after {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    margin-left: 0.4rem;
    display: inline-flex;
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    transform: rotate(-90deg)
}

.breadcrumb > ol .home {
    gap: 0
}

.breadcrumb > ol .home .txt::before {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    content: "";
    display: inline-flex;
    width: 1.6rem;
    height: 1.6rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_bread_home.svg);
    mask-image: url(../images/krds/ico_bread_home.svg)
}

/* footer */
#tabbar {
    display: none;
}

.krds-footer {
    position: relative;
    z-index: 50;
    background-color: var(--krds-light-color-surface-gray-subtler);
}

.krds-footer .quick {
    border-top: 1px solid var(--krds-light-color-border-gray-light);
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
    background-color: var(--krds-light-color-background-white);
}

.krds-footer .quick .inner {
    display: flex;
    padding: 0;
}

.krds-footer .quick .inner .link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex: 1;
    gap: 0.8rem;
    height: calc(5.6rem - .2rem);
    padding: 0 2.4rem;
    background-color: var(--krds-light-color-action-secondary);
    border-right: 1px solid var(--krds-light-color-border-gray-light);
    transition: 0.4s ease-in-out;
}

.krds-footer .quick .inner .link:first-child {
    border-left: 1px solid var(--krds-light-color-border-gray-light);
}

.krds-footer .quick .inner .link::after {
    display: inline-flex;
    flex-shrink: 0;
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_plus.svg);
    mask-image: url(../images/krds/ico_plus.svg);
}

.krds-footer .quick .inner .link:hover {
    background-color: var(--krds-light-color-action-secondary-hover);
}

.krds-footer .quick .inner .link:active, .krds-footer .quick .inner .link:focus-visible {
    background-color: var(--krds-light-color-action-secondary-pressed);
}

.krds-footer>.inner {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}

.krds-footer .f-con {
    display: flex;
    gap: 2.4rem;
}

.krds-footer .f-con .f-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    gap: 1.6rem;
}

.krds-footer .f-con .f-info .cs {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    gap: 0.8rem;
}

.krds-footer .f-con .f-info .cs li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
}

.krds-footer .f-con .f-info .cs li span {
    font-weight: 400;
}

.krds-footer .f-con .f-info .cs li .more {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    padding-left: 0.8rem;
}

.krds-footer .f-con .f-info .cs li .more:before {
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: var(--krds-light-color-divider-gray-dark);
}

.krds-footer .f-con .f-cs {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.6rem;
}

.krds-footer .f-con .f-cs dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.4rem;
}

.krds-footer .f-con .f-cs dl .info-tit {
    font-weight: 400;
}

.krds-footer .f-con .f-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-shrink: 0;
    gap: 4rem;
}

.krds-footer .f-con .f-link .link-go {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 0.4rem;
}

.krds-footer .f-con .f-link .link-go .krds-btn.text {
    height: 3.2rem;
    padding: 0.2rem;
    border-radius: 0.6rem;
    font-size: 1.7rem;
    font-weight: 700;
}

.krds-footer .f-con .f-link .link-go .krds-btn.text.point {
    color: var(--krds-color-light-information-50);
}

.krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {
    width: 2rem;
    height: 2rem;
}

.krds-footer .f-con .f-link .link-sns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.krds-footer .f-con .f-link .link-sns a {
    display: inline-flex;
    border: 0;
}

.krds-footer .f-btm {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 1.6rem;
    gap: 4rem;
    border-top: 1px solid var(--krds-light-color-border-gray-light);
}

.krds-footer .f-btm .f-btm-text {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
}

.krds-footer .f-btm .f-btm-text .f-menu {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.4rem;
}

.krds-footer .f-btm .f-btm-text .f-menu a:hover, .krds-footer .f-btm .f-btm-text .f-menu a:active, .krds-footer .f-btm .f-btm-text .f-menu a:focus-visible {
    text-decoration: underline;
    text-underline-position: under;
}

.krds-footer .f-btm .f-btm-text .f-menu .point {
    color: var(--krds-color-light-information-50);
    font-weight: 700;
}

.krds-footer .f-btm .f-copy {
    flex: 1;
    font-size: 1.5rem;
    text-align: right;
    color: var(--krds-light-color-text-subtle);
}

.krds-footer .f-btm .wa-mark {
    width: 7.6rem;
}

.krds-footer .f-btm .identifier-txt {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1;
    white-space: nowrap;
}

.krds-footer .f-btm .identifier-txt .f-btm-text {
    display: flex;
}

.krds-footer .footer-banner {
    background-color: var(--krds-light-color-surface-gray-subtle);
    padding: 1.6rem 0;
}

.krds-footer .footer-banner .inner {
    display: flex;
    gap: 1.6rem;
}

.identifier {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    width: 100%;
    min-height: 4rem;
    padding: 0.8rem 1.6rem;
    border-radius: 0.6rem;
    background-color: var(--krds-light-color-surface-white);
}

.identifier .logo {
    width: 6.8rem;
    height: 2.4rem;
    background-image: url(../images/krds/ico_logo_krds.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.identifier .ban-txt {
    font-size: 1.5rem;
}

/* link-list */
.link-list {
    display: flex;
    flex-wrap: wrap;
}

.link-list li {
    width: 25%;
}

.link-list li a {
    display: flex;
    gap: 0.8rem;
    padding: 0.8rem 1.6rem;
    border-radius: 0.6rem;
}

.link-list li a:before {
    content: '•';
}

.link-list li a:after {
    content: '';
    margin-top: 0.4rem;
    width: 1.8rem;
    height: 1.8rem;
    background: var(--krds-light-color-text-basic);
    -webkit-mask-image: url('../images/krds/ico_go.svg');
    mask-image: url('../images/krds/ico_go.svg');
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.link-list li a:hover {
    background-color: var(--krds-light-color-action-secondary-hover)
}

.link-list li a:active {
    background-color: var(--krds-light-color-action-secondary-pressed)
}

.link-list li a:focus-visible {
    box-shadow: inset 0 0 0 0.2rem var(--krds-color-light-primary-50);
    outline-offset: -.4rem
}

/* .in-between 설정 */
.in-between {
    display: flex;
    align-items: normal;
    gap: 6.4rem;
    padding-top: 4rem;
    padding-bottom: 9.4rem;
}

/* 사이드 네비게이션 영역 */
.in-between .side-nav {
    flex-shrink: 0;
    width: 24.8rem;
    padding: 0;
}

/* 콘텐츠 영역 */
.in-between .contents {
    flex-grow: 1;
    flex: 1;
    padding-bottom: 8rem;
    min-height: 50vh;
}

/* location */
#con-tit {
    margin-bottom: 2rem;
}

#con-tit .flexbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#con-tit #shareSns {
    display: flex;
    align-items: center;
    gap: 3.2rem;
}

#con-tit #shareSns > li {
    position: relative;
}

#con-tit #shareSns > li::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -1.6rem;
    transform: translateY(-50%);
    width: 1px;
    height: 1.6rem;
    background: var(--krds-light-color-border-disabled);
}

#con-tit #shareSns > li:first-child:before {
    display: none;
}

#con-tit #shareSns > li a {
    padding-left: 2.6rem;
    font-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: left center;
}

#con-tit #shareSns > li.sns-share > a {
    background-image: url(../images/krds/ico_location_share_sns01.svg);
}

#con-tit #shareSns > li.print > a {
    background-image: url(../images/krds/ico_location_share_print01.svg);
}

#con-tit #shareSns > li > div {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    white-space: no-wrap;
}

#con-tit #shareSns .sns-share > .toggle.on + .shareSns-list {
    display: block;
}

#con-tit #shareSns .shareSns-list {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 2.4rem;
    border-radius: 1.2rem;
    padding: 2rem 2.1rem;
    background: var(--krds-color-light-gray-0);
    border: 1px solid var(--krds-light-color-border-gray);
}

#con-tit #shareSns .shareSns-list::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 2.7rem;
    height: 1.3rem;
    top: -1.2rem;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/krds/ico_share_snslist_arrow01.svg) no-repeat center;
}

#con-tit #shareSns .shareSns-list > li + li {
    margin-top: 1rem;
}

#con-tit #shareSns .shareSns-list > li > a {
    display: block;
    padding-left: 0;
    width: 4rem;
    height: 4rem;
    text-indent: -9999px;
    border-radius: 0.8rem;
    overflow: hidden;
}

#con-tit #shareSns .shareSns-list > li > a.ic-blog {
    background-image: url(../images/krds/ico_share_sns01.svg);
}

#con-tit #shareSns .shareSns-list > li > a.ic-kakaotalk {
    background-image: url(../images/krds/ico_share_sns02.svg);
}

#con-tit #shareSns .shareSns-list > li > a.ic-facebook {
    background-image: url(../images/krds/ico_share_sns03.svg);
}

#con-tit #shareSns .shareSns-list > li > a.ic-twitter {
    background-image: url(../images/krds/ico_share_sns04.svg);
}

#con-tit #shareSns .shareSns-list > li > a.ic-link {
    background-image: url(../images/krds/ico_share_sns05.svg);
}

#con-tit #shareSns .shareSns-list > li.sns-closebtn > a {
    background-image: url(../images/krds/ico_share_sns_close.svg);
    border-radius: 50px;
}

/* 브레드크럼 래퍼 - 기본(PC) */
.krds-breadcrumb-wrap .breadcrumb {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.krds-breadcrumb-wrap .breadcrumb .home {
    padding-left: 2.2rem;
    background: url(../images/krds/ico_location_home01.svg) no-repeat left center;
}

.krds-breadcrumb-wrap .breadcrumb li {
    text-decoration: underline;
    text-underline-position: under;
}

.krds-breadcrumb-wrap .breadcrumb li a {
    color: var(--krds-light-color-text-subtle);
}

.krds-breadcrumb-wrap .breadcrumb li::after {
    content: '';
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/krds/ico_location_arrow01.svg) no-repeat center;
    vertical-align: top;
    margin-top: 0.4rem;
    margin-left: 1rem;
}

.krds-breadcrumb-wrap .breadcrumb li:last-child::after {
    display: none;
}

/* 설문조사 */
#data-control {
    display: flex;
    flex-direction: column;
    padding: 3rem 5rem;
    border-radius: 2rem;
    margin-top: 6.8rem;
    overflow: hidden;
    background: var(--krds-color-light-gray-5);
}

#data-control .satisfaction {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    gap: 4rem;
    padding-bottom: 2.5rem;
    width: 100%;
}

#data-control .satisfaction .satisfaction-tit {
    flex-shrink: 0;
    font-weight: 600;
    padding-left: 3rem;
    background: url(../images/krds/ico_satisfaction_tit.svg) no-repeat left center;
}

#data-control .satisfaction .satisfaction-list {
    flex-grow: 1;
    align-items: center;
}

#data-control .satisfaction .satisfaction-list li {
    display: flex;
    align-items: center;
    gap: 6px;
}

#data-control .satisfaction .satisfaction-btn {
    flex-shrink: 0;
}

#data-control .satisfaction .satisfaction-btn input {
    width: 9.8rem;
    height: 4.4rem;
    border-radius: 0.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    background: var(--krds-color-light-gray-10);
}

#data-control #manager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 2.5rem;
    border-top: 1px solid var(--krds-light-color-border-gray);
}

#data-control #manager .manager-con {
    display: flex;
    align-items: center;
    gap: 3rem;
}

#data-control #manager .manager-con dl {
    display: flex;
    align-items: center;
}

#data-control #manager .manager-con dl dt {
    font-weight: 600;
    line-height: 1.5;
}

#data-control #manager .manager-con dl dt::after {
    content: ':';
    display: inline-block;
    margin: 0 0.4rem;
}

#data-control #manager img {
    width: 19rem;
}

/* 모달 */
.ps-rl {
    position: relative;
}

.krds-modal {
    --krds-modal--wrap-shadow: 0 0 0.2rem 0 var(--krds-light-color-alpha-shadow2), 0 1.6rem 2.4rem 0 var(--krds-light-color-alpha-shadow3);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
    font-size: var(--krds-pc-font-size-body-medium);
    font-style: normal;
    font-weight: var(--krds-font-weight-regular);
    line-height: var(--krds-line-height-base);
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
}

.krds-modal > * {
    width: 100%;
}

.krds-modal.in {
    z-index: 1200;
    transition-delay: 0s;
    opacity: 1;
    visibility: visible;
}

.krds-modal.shown {
    display: block;
}

.krds-modal .modal-back {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    background-color: var(--krds-light-color-background-dim);
}

.krds-modal .modal-back.in {
    display: block;
    z-index: 1000;
    visibility: visible;
}

.krds-modal .modal-dialog {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    z-index: 1020;
    width: 76rem;
    height: 100%;
    min-height: 26.4rem;
    margin: 0 auto;
}

.krds-modal .modal-dialog.modal-sm {
    max-width: 40rem;
}

.krds-modal .modal-dialog.modal-md {
    max-width: 56rem;
}

.krds-modal .modal-dialog.modal-lg {
    max-width: 76rem;
}

.krds-modal .modal-dialog .modal-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-height: 80%;
    background-color: var(--krds-light-color-surface-white-subtler);
    border-radius: 1.2rem;
    border: 1px solid var(--krds-light-color-border-gray);
    color: var(--krds-light-color-text-basic);
    outline-color: transparent;
    transition: outline-color 0.1s;
    box-shadow: var(--krds-modal--wrap-shadow);
}

.krds-modal .modal-dialog .modal-content > *:not(.btn-close) {
    width: 100%;
}

.krds-modal .modal-dialog .modal-content:focus-visible {
    box-shadow: var(--krds-box-shadow-outline-inset);
    outline-offset: 0.4rem;
}

.krds-modal .modal-dialog .modal-header {
    width: 100%;
    background-color: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    padding-top: 5.6rem;
    padding-inline: 4rem;}

.krds-modal .modal-dialog .modal-header .modal-title {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 2.4rem;
    font-weight: 700;
}

.krds-modal .modal-dialog .modal-conts {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    width: 100%;
    padding: 1.6rem 4rem 0.8rem;
}

.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar {
    width: 0.8rem;
}

.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-thumb {
    background-color: var(--krds-light-color-element-secondary-light);
    border-radius: 0.8rem;
}

.krds-modal .modal-dialog .modal-conts::-webkit-scrollbar-track {
    background-color: var(--krds-light-color-element-secondary-lighter);
}

.krds-modal .modal-dialog .modal-conts > * {
    width: 100%;
}

.krds-modal .modal-dialog .modal-conts .conts-area {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.6rem;
}

.krds-modal .modal-dialog .modal-conts .conts-area > * {
    width: 100%;
}

.krds-modal .modal-dialog .modal-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    gap: 0.8rem;
    padding: 1.6rem 4rem 4rem;
}

.krds-modal .modal-dialog .modal-btn .krds-btn {
    min-width: 7.8rem;
}

.krds-modal .modal-dialog .modal-btn.multi-conts {
    justify-content: space-between;
}

.krds-modal .modal-dialog .btn-close {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    z-index: 901;
}

.krds-modal[data-type=full] {
    background-color: var(--krds-light-color-surface-secondary-subtler);
}

.krds-modal[data-type=full] .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.krds-modal[data-type=full] .modal-header, .krds-modal[data-type=full] .modal-conts {
    padding: 0;
}

.krds-modal[data-type=full] .modal-content {
    height: 100%;
    max-height: 100%;
    background: none;
    margin: 0 auto;
    border: none;
    border-radius: 0;
}

.krds-modal[data-type=full] .modal-back.in {
    display: none;
}

.krds-modal[data-type=bottom-sheet] .modal-content {
    position: fixed;
    left: 0;
    bottom: -100%;
    border-radius: 0;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    max-height: 90%;
    transition: var(--krds-transition-base);
}

.krds-modal[data-type=bottom-sheet] .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 1.6rem;
    flex-shrink: 0;
}

.krds-modal[data-type=bottom-sheet] .modal-header .modal-title {
    font-size: 1.9rem;
}

.krds-modal[data-type=bottom-sheet] .modal-conts {
    display: block;
    padding: 0 1.6rem;
}

.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar {
    width: 0.8rem;
}

.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-thumb {
    background-color: var(--krds-light-color-element-secondary-light);
    border-radius: 0.8rem;
}

.krds-modal[data-type=bottom-sheet] .modal-conts::-webkit-scrollbar-track {
    background-color: var(--krds-light-color-element-secondary-lighter);
}

.krds-modal[data-type=bottom-sheet] .btn-close {
    top: 2rem;
    right: 1.6rem;
}

.krds-modal[data-type=bottom-sheet] .pop-filter-top {
    width: auto;
}

.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap {
    padding: 4rem 1.6rem 1.6rem;
}

.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap .krds-btn {
    flex: 1;
}

.krds-modal[data-type=bottom-sheet].in .modal-content {
    bottom: 0;
}

.krds-modal.foot-modal {
    position: absolute;
    left: 0;
    top: initial;
    bottom: 7rem;
    width: auto;
    height: 40rem;
}

.krds-modal.foot-modal .modal-dialog {
    width: 100%;
    min-height: 40rem;
}

.krds-modal.foot-modal .modal-dialog .modal-content {
    height: 100%;
    max-height: 100%;
}

.krds-modal.foot-modal .modal-back {
    display: none !important;
}

.krds-modal.visual-modal .modal-dialog {
    width: 100%;
    overflow-y: auto;
}

.krds-modal.visual-modal .modal-dialog .modal-header {
    padding: 11rem 0 2rem 0;
}

.krds-modal.visual-modal .modal-dialog .modal-header .modal-title {
    color: #fff;
    font-size: 3.6rem;
}

.krds-modal.visual-modal .modal-dialog .modal-header .modal-title strong {
    color: #FFEA00;
}

.krds-modal.visual-modal .modal-dialog .modal-content {
    height: 100%;
    max-height: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.krds-modal.visual-modal .modal-dialog .modal-conts {
    overflow: visible;
    padding: 0 0 11rem 0;
}

.krds-modal.visual-modal .close-modal {
    position: fixed;
    right: 5rem;
    top: 5rem;
}

.krds-modal.visual-modal .krds-btn.icon .svg-icon {
    background: #fff;
}

.krds-modal.main-layer .modal-dialog {
    width: 100%;
    overflow-y: auto;
    justify-content: center;
}

.krds-modal.main-layer .modal-dialog .modal-header {
    padding: 0;
}

.krds-modal.main-layer .modal-dialog .modal-header .modal-title {
    color: #fff;
    font-size: 3.6rem;
    text-align: center;
}

.krds-modal.main-layer .modal-dialog .modal-header .modal-title strong {
    color: #FFEA00;
    font-weight: 700;
}

.krds-modal.main-layer .modal-dialog .modal-content {
    max-width: 98rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.krds-modal.main-layer .modal-dialog .modal-conts {
    overflow: visible;
    padding: 3rem 0;
}

.krds-modal.main-layer .modal-dialog .modal-conts .conts-area {
    position: relative;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.krds-modal.main-layer .modal-dialog .modal-conts.pop-one a {
    display: inline-block;
    width: auto;
    max-width: 400px;
}

.krds-modal.main-layer .popup-swiper {
    overflow: hidden;
    max-width: 82rem
}

.krds-modal.main-layer .popup-swiper .swiper-wrapper {
    display: flex;
}

.krds-modal.main-layer .popup-swiper .swiper-slide {
    max-width: 40rem;
    max-height: 48.2rem;
}

.krds-modal.main-layer .popup-swiper .swiper-slide a {
    display: block;
}

.krds-modal.main-layer .popup-swiper .swiper-slide a:focus-visible {
    border: 2px solid var(--krds-color-light-primary-50);
}

.krds-modal.main-layer .popup-swiper .swiper-slide img {
    display: block;
    width: 100%;
}

.krds-modal.main-layer .popup-control {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.krds-modal.main-layer .popup-control .swiper-pagination {
    position: static;
    display: flex;
    gap: 0.6rem;
}

.krds-modal.main-layer .popup-control .swiper-pagination span {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 5rem;
    opacity: 0.5;
    background: #fff;
    transition: var(--krds-transition);
}

.krds-modal.main-layer .popup-control .swiper-pagination span.swiper-pagination-bullet-active {
    width: 2rem;
    background: #fff;
    opacity: 1;
}

.krds-modal.main-layer .popup-control .play-btn {
    width: 4rem;
    height: 4rem;
    background-size: 100%;
}

.krds-modal.main-layer .popup-control .play-btn.pause {
    background-image: url(/share/images/krds/ico_popup_pause.svg);
}

.krds-modal.main-layer .popup-control .play-btn.play {
    background-image: url(/share/images/krds/ico_popup_play.svg);
}

.krds-modal.main-layer .popup-control .arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 4.4rem;
    height: 4.4rem;
    margin-top: -2.5rem;
    transform: translateY(-50%);
    background-size: 100%;
}

.krds-modal.main-layer .popup-control .arrow.prev-btn {
    left: 0;
    background-image: url(/share/images/krds/ico_popup_prev.svg);
}

.krds-modal.main-layer .popup-control .arrow.next-btn {
    right: 0;
    background-image: url(/share/images/krds/ico_popup_next.svg);
}

.krds-modal.main-layer .popup-control .arrow.swiper-button-disabled {
    opacity: 0.4;
}

.krds-modal.main-layer .modal-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.krds-modal.main-layer .modal-btns .pop-len {
    text-align: center;
}

.krds-modal.main-layer .modal-btns .pop-len p {
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 5rem;
    color: #fff;
    background: rgba(0,0,0,0.7);
}

.krds-modal.main-layer .modal-btns .pop-len p strong {
    color: #FFEA00;
}

.krds-modal.main-layer .modal-btns button {
    padding: 1rem 4.8rem 1rem 2rem;
    border-radius: 5rem;
    background: #fff url(/share/images/krds/ico_popup_close.svg) no-repeat right 2rem center;
}

.krds-modal.main-layer .pop-one + .modal-btns {
    margin-top: -1rem;
}

/* krds-check-area */
input[type="radio"], input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

label {
    display: inline-flex;
}

/* 콘텐츠 */
#contents {
    flex-grow: 1;
    min-height: 50vh;
    min-width: 0;
}

.tbox {
    padding: 3.4rem 4rem;
    margin-bottom: 2rem;
    border-radius: 1rem;
    font-size: 1.7rem;
    font-weight: 500;
    background: var(--main-primary-5)
}

.tbox .btn-wrap {
    margin-top: 2rem;
}

.tbox2 {
    padding: 3rem;
    font-size: 1.7rem;
    border-radius: 1rem;
    border: 1px dashed var(--krds-light-color-border-gray-dark)
}

.tbox2 strong + .info-list {
    margin-top: 1rem;
    gap: 0.6rem
}

.ft-red {
    color: var(--krds-light-color-border-point);
}

.ft-red.info-list > li {
    color: inherit;
}

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

#detail_con {
    display: flex;
    flex-direction: column;
}

#detail_con .section {
    min-width: 0;
    padding: 6rem 0;
}

#detail_con .section + .section {
    border-top: 1px solid var(--krds-light-color-border-disabled);
}

#detail_con .section:first-child {
    padding-top: 4rem;
}

#tab + #detail_con .section:first-child {
    padding-top: 0rem;
}

#detail_con .section h3 {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-bottom: 2rem;
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-primary-95);
}

#detail_con .section h3 span {
    font-size: 1.6rem;
}

#detail_con .section h3 .krds-btn.icogo-line {
    margin-left: 1rem;
    font-size: 1.6rem;
}

#detail_con .section.flex {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

#detail_con .section.flex > h3 {
    max-width: 32rem;
    flex-shrink: 0;
}

#detail_con .section.flex > .sub-sec {
    margin-top: 0;
    width: 100%;
    padding-left: 0;
}

#detail_con .section h4 {
    font-size: 2rem;
    margin-bottom: 1.6rem;
    font-weight: 700;
    padding-left: 2.7rem;
    background: url(../images/krds/ico_main_sec_h4.svg) no-repeat left .2rem
}

#detail_con .section h4.mb0 {
    margin-bottom: 0;
}

#detail_con .sub-sec {
    margin-top: 3rem;
    font-size: 1.6rem;
    padding-left: 1rem;
    padding-top: 1rem;
    line-height: 1.5;
}

#detail_con .sub-sec:first-of-type {
    padding-top: 0;
}

#detail_con .sub-sec.flex {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

#detail_con .sub-sec.flex > h4 {
    max-width: 32rem;
    flex-shrink: 0;
}

#detail_con .sub-sec.flex > .des-sec {
    margin-top: 0;
    width: 100%;
    padding-left: 0;
}

#detail_con .des-sec {
    margin-top: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding-left: 1.7rem;
}

#detail_con .des-sec.flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#detail_con .des-sec.flex .img-box {
    flex-shrink: 0;
}

#detail_con .des-sec .noti-blet {
    margin-top: 0;
}

#detail_con .txtbox p + p {
    margin-top: 0.6rem;
}

#detail_con .sm-ft {
    font-size: 1.3rem
}

#detail_con .sub-sec.pl0, #detail_con .des-sec .map-wrap, #detail_con .sub-sec > *:first-child:not(h4, .tbox, .point-blet, .krds-btn, .info-blet, .point-blet, .noti-blet), #detail_con .des-sec > *.pl0, #detail_con .des-sec.pl0 {
    padding-left: 0;
}

#detail_con .section .sub-sec > h4 + .tbox {
    margin-left: 0;
    margin-bottom: 1.6rem;
}

#detail_con .section .tbox + .sub-sec {
    margin-top: 2rem;
}

#detail_con iframe {
    border: 0;
}

.contbox {
    margin: 1rem 0 0 0;
    padding: 0 2.5rem;
    background: #f5f5f5;
    text-align: center;
}

.contbox * {
    font-size: 1.4rem;
    color: #555
}

.contbox .tit {
    display: inline-block;
    background: #555;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: 0 0 0.8rem 0.8rem;
}

.contbox .con {
    padding: 1rem 0 2rem;
    text-align: left;
}

.contbox .con > li {
    margin-bottom: 0.8rem;
}

.contbox .con .info-list li {
    font-size: inherit;
    color: inherit;
}

.info-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-list li {
    min-width: 0;
}

.info-list li strong {
    font-weight: 600;
}

.info-list ul, .info-list ol:not(.step-wrap), .info-list .info-list {
    margin-top: 1rem;
    gap: 0.6rem;
}

.info-list .info-list {
    margin-bottom: 1.5rem;
    gap: .4rem
}

.info-list .table-wrap {
    margin-top: 1rem;
}

.info-list .tbox {
    margin-top: 1rem;
    font-size: inherit;
}

.info-list .table-wrap td .info-list:first-child {
    margin-top: 0;
}

[class*="-sec"] > .info-list:first-child, [class*="-sec"] > .info-list:first-of-type {
    margin-top: 0;
}

.info-list > li {
    position: relative;
    padding-left: 1.2rem;
    font-size: 1.7rem;
    color: var(--krds-light-color-text-basic);
    line-height: 1.5;
}

.info-list > li.nobl:before {
    display: none;
}

.info-list > li:before {
    content: '';
    position: absolute;
    z-index: 1;
}

.info-list.decimal > li:before {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    top: 1rem;
    left: 0;
    background: var(--krds-light-color-border-gray-dark);
}

.info-list.decimal.depth3 > li:before {
    top: 0.8rem;
    width: 0.5rem;
    height: 0.5rem;
}

.info-list.dash {
    margin-top: 0.5rem;
}

.info-list.dash > li {
    color: var(--krds-light-color-icon-gray-light);
}

.info-list.dash > li:before {
    content: '';
    top: 12px;
    left: 0;
    width: 6px;
    height: 1px;
    background: var(--krds-light-color-border-gray-dark);
}

.info-list.hollow > li {
    padding-left: 2rem;
}

.info-list.hollow > li:before {
    width: 0.6rem;
    height: 0.6rem;
    border: 1px solid var(--main-primary-60);
    top: 1rem;
    left: 0.8rem;
    border-radius: 50%;
}

.info-list.hollow.depth3 > li:before {
    width: 0.4rem;
    height: 0.4rem;
    top: 0.95rem;
    left: 0.8rem;
}

.info-list.dot {
    margin-top: 0.2rem;
    gap: 0;
}

.info-list.dot > li {
    padding-left: 0.9rem;
    font-size: 1.6rem;
    color: var(--krds-light-color-text-subtle);
}

.info-list.dot > li:before {
    content: '';
    top: 1.1rem;
    left: 0;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 1px;
    background: var(--krds-light-color-border-gray-dark);
}

.noti-blet {
    margin-top: 1rem;
    color: var(--krds-light-color-text-primary);
}

.noti-blet + .noti-blet {
    margin-top: 0.5rem;
}

.noti-blet, .info-list.noti > li {
    position: relative;
    padding-left: 2rem;
}

.noti-blet::before, .info-list.noti > li::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}

.depth3, .info-list.depth3, .info-list .info-list.depth3 {
    gap: 0.5rem;
}

.info-list.depth3 > li {
    font-size: 1.5rem;
}

.info-list.order {
    counter-reset: counter;
}

.info-list.order > li {
    counter-increment: counter;
    padding-left: 2rem;
}

.info-list.order > li:before {
    content: counter(counter) '.';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

/* .info-list.order > li:before {content: counter(counter, decimal-leading-zero) '.'; position: absolute; z-index: 1; left: 0; top: 0;} */
@counter-style unicode-circles {
    system: fixed;
    symbols: "①" "②" "③" "④" "⑤" "⑥" "⑦" "⑧" "⑨" "⑩" "⑪" "⑫" "⑬" "⑭" "⑮" "⑯" "⑰" "⑱" "⑲" "⑳";
    suffix: "";
}

.info-list.order.circle > li {
    padding-left: 2.4rem;
}

.info-list.order.circle > li:before {
    content: counter(counter, unicode-circles);
}

.point-blet {
    font-size: 1.6rem;
}

.point-blet.inbl {
    display: inline-block;
    margin-left: 1rem;
}

.info-list li.point-blet, .point-blet {
    position: relative;
    display: block;
    padding-left: 2.2rem;
    margin-top: 0.6rem;
    color: var(--krds-light-color-text-subtle);
}

.info-list li.point-blet::before, .point-blet::before {
    content: '' !important;
    position: absolute;
    left: 0;
    top: 1px;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0;
    background: url(../images/krds/point-ic.svg) no-repeat center / 1.8rem;
}

.info-list li.info-blet, .info-blet {
    position: relative;
    padding-left: 2.8rem;
    margin-top: 1rem;
    color: var(--krds-light-color-border-point);
}

.info-list li.info-blet::before, .info-blet::before {
    content: '' !important;
    position: absolute;
    left: 0;
    top: 1px;
    width: 2rem;
    height: 2rem;
    border-radius: 0;
    background: url(../images/krds/info-ic.svg) no-repeat center / 2rem;
}

.info-list li.point-blet, .info-list li.noti-blet, .info-list li.info-blet {
    margin-top: 0;
}

.info-list.angle > li.point-blet, .info-list.angle > li.info-blet {
    padding-left: 2.8rem;
}

.info-list.angle > li.point-blet:before {
    background-image: url(../images/krds/point-ic.svg);
}

.info-list.angle > li.info-blet:before {
    background-image: url(../images/krds/info-ic.svg);
}

.info-list.line {
    gap: 0;
    border-top: 2px solid var(--main-primary-70);
}

.info-list.line li.info-blet {
    margin-top: 0;
}

.info-list.line > li {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px dashed #ccc;
}

.info-list.line li.point-blet::before, .info-list.line li.info-blet::before {
    top: 1.4rem;
}

.info-list.angle > li {
    position: relative;
    padding-left: 2.2rem;
}

.info-list.angle > li:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 0;
    width: 2rem;
    height: 2rem;
    background: url(../images/krds/ic_list_angle.svg) no-repeat center;
}

.info-list.decimal.line li.point-blet, .info-list.hollow.line li.point-blet, .info-list.dash.line li.point-blet, .info-list.order.line li.point-blet, .info-list.angle.line li.point-blet, .info-list.decimal.line li.info-blet, .info-list.hollow.line li.info-blet, .info-list.order.line li.info-blet, .info-list.dash.line li.info-blet, .info-list.angle.line li.info-blet {
    padding-left: 3.2rem;
}

.info-list.hollow.line > li:before, .info-list.angle.line > li:before, .info-list.decimal.line > li:before {
    top: 2.2rem;
}

.info-list.dash.line > li:before, .info-list.order.line > li:before {
    top: 1.2rem;
}

.info-list.angle.line > li.point-blet:before, .info-list.angle.line > li.info-blet:before, .info-list.hollow.line > li.point-blet:before, .info-list.hollow.line > li.info-blet:before, .info-list.decimal.line > li.point-blet:before, .info-list.decimal.line > li.info-blet:before, .info-list.order.line li.point-blet:before, .info-list.order.line li.info-blet:before, .info-list.dash.line li.point-blet:before, .info-list.dash.line li.info-blet:before {
    top: 1.4rem;
}

.info-list li.exclamation:before {
    content: '';
    top: 0.3rem;
    width: 2rem;
    height: 2rem;
    left: 0;
    background: url(../images/krds/ic_exclamation.png) no-repeat center / 2rem;
}

.info-list li.exclamation.plus:before {
    background-image: url(../images/krds/ic_plus.png);
}

.info-list.line li.exclamation {
    padding-left: 3.2rem;
}

.info-list.line li.exclamation:before {
    top: 1.4rem;
}

.info-list .step-wrap {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.info-list.col02 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.6rem 0;
}

.info-list.col02 li {
    width: 50%;
    min-width: 0;
    ;}

.btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin-top: 5rem;
}

.flexbox {
    display: flex;
}

.down-grid {
    display: flex;
    align-items: stretch;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.down-grid > li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: calc((100% - 3.6rem) / 4);
    padding: 2.8rem;
    background: var(--main-primary-5);
    border-radius: 1rem;
    transition: var(--krds-transition-base);
}

.down-grid > li .tit span {
    font-size: 1.4rem;
}

.down-grid > li a {
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    margin-top: 2em;
    height: 3.2rem;
    padding: 0 3.4rem 0 1.2rem;
    border-radius: 4px;
    border: 1px solid var(--krds-light-color-text-subtle);
    background: #fff url('../images/krds/ico_download.svg') no-repeat right 1.2rem center/2rem;
    transition: var(--krds-transition-base);
}

.down-grid > li:hover {
    color: #fff;
    border-color: var(--gra-green);
    background: var(--gra-green);
}

.down-grid > li:hover a {
    color: var(--krds-light-color-text-basic);
}

.down-grid.only-full li {
    width: 100%;
}

.table-tit {
    text-align: center;
    margin-top: 2rem;
    padding: 1.5rem;
    font-weight: 500;
    background: #F9F9F9;
}

.table-tit + div > table.data {
    margin-top: 1rem;
}

caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.table-wrap {
    position: relative;
    width: 100%;
    overflow: auto;
}

.table-wrap table {
    font-size: 1.7rem;
    text-align: left;
    width: calc(100 + 1px);
    margin-left: -1px;
    border-top: 2px solid var(--krds-light-color-border-gray-darker);
}

.table-wrap thead th {
    padding: 1.2rem 1.5rem;
    font-weight: 600;
    border-bottom: 1px solid var(--krds-light-color-surface-inverse);
    border-left: 1px solid var(--krds-light-color-border-gray-light);
    text-align: center;
}

.table-wrap tbody th {
    font-weight: 400;
    background: var(--krds-light-color-surface-gray-subtler);
}

.table-wrap tbody th {
    font-weight: 500;
}

.table-wrap tbody th, .table-wrap tbody td, .table-wrap tfoot th, .table-wrap tfoot td {
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid var(--krds-light-color-border-gray-light);
    border-left: 1px solid var(--krds-light-color-border-gray-light);
}

.table-wrap.flex02 {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.table-wrap.flex02 table {
    flex: 1;
    min-width: 0;
}

.table-wrap.photo-table table {
    text-align: center;
    border-left: 1px solid var(--krds-light-color-border-gray-light);
}

.table-wrap.photo-table thead th {
    background: var(--krds-light-color-background-gray-subtler);
    border-right: 1px solid var(--krds-light-color-border-gray-light);
}

.table-wrap.photo-table tbody th, .table-wrap.photo-table tbody td {
    border-right: 1px solid var(--krds-light-color-border-gray-light);
}

.table-wrap .info-list {
    margin-top: 1rem;
    gap: 0.6rem;
}

.table-wrap .w80 {
    width: 8rem;
}

.table-wrap .w100 {
    width: 10rem;
}

.table-wrap .w130 {
    width: 13rem;
}

.table-wrap .w150 {
    width: 15rem;
}

.w5p {
    width: 5% !important
}

.w6p {
    width: 6% !important
}

.w7p {
    width: 7% !important
}

.w8p {
    width: 8% !important
}

.w9p {
    width: 9% !important
}

.w10p {
    width: 10% !important
}

.w13p {
    width: 13% !important
}

.w15p {
    width: 15% !important
}

.w18p {
    width: 18% !important
}

.w20p {
    width: 20% !important
}

.w22p {
    width: 22% !important
}

.w25p {
    width: 25% !important
}

.w30p {
    width: 30% !important
}

.w33p {
    width: 33% !important
}

.w35p {
    width: 35% !important
}

.w40p {
    width: 40% !important
}

.w45p {
    width: 45% !important
}

.w50p {
    width: 50% !important
}

.w60p {
    width: 60% !important
}

.w70p {
    width: 70% !important
}

.w80p {
    width: 80% !important
}

.w90p {
    width: 90% !important
}

.w95p {
    width: 95% !important
}

.w100p {
    width: 100% !important
}

.table-wrap th.left, .table-wrap td.left, .table-wrap td.left * {
    text-align: left;
}

.table-wrap .gray_bg * {
    background: var(--main-primary-5);
}

.table-wrap .total * {
    background: var(--main-primary-5);
}

.table-wrap .note * {
    background: #F4F6FA;
}

.table-wrap.col2tac tbody tr > *:nth-child(n-2) {
    text-align: center;
}

.table-wrap.col2tac tbody tr > *:nth-child(n+3) {
    text-align: left;
}

.table-wrap.row tbody th {
    background: var(--krds-color-light-gray-5);
}

/* .table-wrap .dataScroll {display: none; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.table-wrap .dataScroll span {position: absolute; z-index: 1; top: 4rem; left: 50%; transform: translateX(-50%); width: 10rem; color: #fff; font-weight: 600; text-align: center; font-size: 1.5rem; padding-top: 10.5rem; background: url(../images/krds/ico_table_datascroll01.svg) no-repeat top center/10rem;}
.table-wrap.hxsmall .dataScroll span {top: 50%; transform: translate(-50%,-50%); padding-top: 8.5rem; background-size: 8rem;}*/
.table-wrap .dataScroll {
    display: none;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.table-wrap .dataScroll span {
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 12px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 1rem;
    background: rgba(0,0,0,0.6);
}

.table-wrap .dataScroll {
    pointer-events: none;
}

.standard-table > div {
    display: none;
    margin-top: 1rem;
}

.per60 .standard-table > .per60 {
    display: block;
}

.per65 .standard-table > .per65 {
    display: block;
}

.per80 .standard-table > .per80 {
    display: block;
}

.per100 .standard-table > .per100 {
    display: block;
}

.per120 .standard-table > .per120 {
    display: block;
}

.per130 .standard-table > .per130 {
    display: block;
}

.per150 .standard-table > .per150 {
    display: block;
}

.per180 .standard-table > .per180 {
    display: block;
}

.consbtn {
    display: inline-flex;
    align-items: center;
    border-radius: 0.4rem;
    transition: .2s;
    margin-left: 0.4rem;
    padding: 0.4rem 1.1rem;
    font-size: 1.5rem;
    color: var(--main-primary-50);
    background-color: var(--krds-light-color-button-primary-fill);
    border: 1px solid var(--main-primary-50);
}

.consbtn::after {
    display: inline-block;
    content: '';
    width: 2rem;
    height: 2rem;
    margin-left: 2px;
}

.consbtn:hover, .consbtn:focus-visible {
    color: var(--main-primary-50);
    text-decoration: underline;
}

.consbtn.down::after {
    background: var(--main-primary-50);
    mask: url(../images/krds/ico_download.svg) no-repeat center/100%;
}

/* 다운로드/바로가기 */
.box-group-area {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.box-group-area > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--krds-gap-6);
    width: 100%;
    padding: 1.6rem;
    border: 1px solid var(--krds-light-color-divider-gray-light);
    border-radius: 0.8rem;
    background: var(--krds-light-color-surface-gray-subtler);
}

.box-group-area > li .btn-wrap {
    display: flex;
    align-items: center;
    width: auto;
    gap: 1.6rem;
    margin-top: 0;
}

.box-group-area > li .btn-wrap .krds-btn.text.medium {
    font-size: 1.6rem;
    padding: 0.4rem 0.1rem;
}

.box-group-area > li .btn-wrap i {
    margin-left: 0.4rem;
}

/* 툴팁 */
.krds-tooltip-popover {
    display: none;
    position: fixed;
    z-index: 100;
    white-space: nowrap;
    font-size: 1.5rem;
    border-radius: 0.4rem;
    padding: .4rem 1.2rem;
    color: var(--krds-tooltip--popover-inline-color-text);
    background-color: var(--krds-tooltip--popover-color-surface);
    top: 0;
    left: 0;
}

.krds-tooltip-popover.active {
    display: block;
}

.krds-tooltip-popover::before {
    --tooltip-arrow-gap: -0.4rem;
    content: "";
    display: block;
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--krds-tooltip--popover-color-surface);
    left: -0.4rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.krds-tooltip-popover.right::before {
    left: calc(100% + -0.4rem);
}

.krds-tooltip-popover.bottom::before, .krds-tooltip-popover.top::before {
    top: calc(100% + -0.4rem);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.krds-tooltip-popover.bottom.right::before, .krds-tooltip-popover.top.right::before {
    left: calc(100% - 2.4rem);
}

.krds-tooltip-popover.bottom.left::before, .krds-tooltip-popover.top.left::before {
    left: 2.4rem;
}

.krds-tooltip-popover.bottom::before {
    top: -0.4rem;
}

.krds-tooltip-popover.tooltip-box {
    white-space: normal;
    max-width: 36rem;
    border: 1px solid var(--krds-tooltip--popover-color-border);
    border-radius: 1.2rem;
    padding: 2.4rem;
    color: var(--krds-tooltip--popover-box-color-text);
    background-color: var(--krds-tooltip--popover-box-color-surface);
}

.krds-tooltip-popover.tooltip-box::before {
    border: 1px solid var(--krds-tooltip--popover-color-border);
    border-top-color: transparent;
    border-left-color: transparent;
    background-color: var(--krds-tooltip--popover-box-color-surface);
}

.krds-tooltip-popover.bottom.tooltip-box::before {
    transform: translateX(-50%) rotate(-135deg);
}

.krds-btn.text.small.krds-tooltip {
    position: relative;
    font-size: inherit;
    font-weight: inherit;
    vertical-align: top;
}

.krds-btn.text.small.krds-tooltip::before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed var(--krds-light-color-border-gray);
}

.gourl {
    display: inline-block;
    font-weight: bold;
    text-decoration: underline !important;
}

.map-wrap {
    width: 100%;
    height: 40rem;
    border-radius: 0.8rem;
    overflow: hidden;
    border: 1px solid #ccc;
}

.map-wrap .root_daum_roughmap .map_border {
    display: none !important;
    border: 0 !important;
}

.map-wrap .root_daum_roughmap.root_daum_roughmap_landing, .map-wrap .root_daum_roughmap.root_daum_roughmap_landing .wrap_map {
    width: 100% !important;
    height: 100% !important;
}

.map-wrap .root_daum_roughmap.root_daum_roughmap_landing .cont {
    display: none;
}

.step-wrap > li + li::after {
    content: '';
    z-index: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/krds/ico_angle.svg);
    mask-image: url(../images/krds/ico_angle.svg);
    background: var(--krds-light-color-text-disabled);
}

.step-wrap {
    display: flex;
    align-items: stretch;
    gap: 2rem;
}

.step-wrap > li {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    position: relative;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
    background: var(--krds-color-high-contrast-primary-5);
    ; border-radius: 1rem
}

.step-wrap:not(.column, .simple)> li + li::after {
    position: absolute;
    left: calc(0px - 2rem);
    top: 50%;
    width: 2rem;
    height: 2rem;
    transform-origin: 50% 50%;
    transform: translateY(-50%) rotate(-90deg);
}

.step-wrap > li:first-child {
    background: var(--krds-color-high-contrast-primary-10);
    ; }

.step-wrap > li .tit {
    position: relative;
    text-align: center;
    font-weight: 600;
    padding: .5rem 1rem 2rem;
    font-size: 1.8rem
}

.step-wrap > li .con {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1.9rem;
    background: #fff;
    ; border-radius: 1rem
}

.step-wrap > li .con .con-tit {
    color: var(--krds-color-light-gray-90);
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.step-wrap > li .con span {
    font-size: 1.4rem;
}

.step-wrap > li p + p {
    margin-top: 0;
}

.step-wrap > li .con > .info-list {
    text-align: left;
    margin-top: 0;
}

.step-wrap .stit {
    color: #104201;
    font-weight: 700;
    font-size: 1.6rem !important;
}

.step-wrap.column {
    flex-direction: column;
    width: 100%;
}

.step-wrap.column > li {
    flex-direction: row;
}

.step-wrap.column > li + li::after {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 2.2rem;
    height: 2.2rem;
    background: var(--krds-color-light-gray-50);
    ;}

.step-wrap.column > li .tit {
    flex: 0 0 20%;
    padding: 1.8rem 0px 1rem
}

.step-wrap.column > li .con {
    text-align: left;
    align-items: flex-start
}

.step-wrap.con-left .con {
    text-align: left;
    align-items: flex-start;
}

.step-wrap.simple {
    --step-gap: 2.8rem;
    gap: var(--step-gap);
}

.step-wrap.simple > li {
    flex: 1 0;
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem clamp(0.8rem,1vw,12%);
    font-size: 1.7rem;
    font-weight: 500;
    border: 1px solid var(--krds-light-color-surface-disabled);
    border-radius: 0.5rem;
    background: #fff;
}

.step-wrap.simple > li:first-of-type {
    border-color: var(--krds-light-color-surface-inverse-static);
}

.step-wrap.simple > li + li::after {
    position: absolute;
    left: calc(-1 * var(--step-gap) / 2 - 0.9rem);
    top: 50%;
    width: 1.6rem;
    height: 1.6rem;
    transform: translateY(-50%) rotate(-90deg);
}

.step-wrap.simple > li>div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.step-wrap.simple > li p.num {
    margin-right: 0.4rem;
    color: var(--krds-light-color-text-disabled);
}

[class*="col0"].step-wrap {
    flex-wrap: wrap;
}

[class*="col0"].step-wrap > li {
    flex: 1 1 auto;
}

.step-wrap.col03 > li {
    width: 30%;
    max-width: calc((100% - 1.6rem) / 3);
}

.step-wrap.col04 > li {
    width: 20%;
    max-width: calc((100% - 2.4rem) / 4);
}

.link-box {
    margin-bottom: 4rem;
}

.link-box p {
    width: 95%;
    max-width: 960px;
    max-height: 500px;
    margin: auto;
    border-radius: 2rem;
    overflow: hidden;
    border: 1px solid #dadada;
    box-shadow: var(--krds-shadow3);
}

.link-box p img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.img-box {
    text-align: center;
}

.img-box img {
    display: inline-block;
    max-width: 100%;
}

.img-box.rounded img {
    border-radius: 2rem;
}

/* 구정목표 */
:root {
    --gra-green: linear-gradient(90deg, #1B809C 0%, #2C4DD3 100%), #F5F5F5;
}

.sgoal {
    position: relative;
    text-align: center;
    min-height: 700px;
}

.sgoal:before {
    content: "";
    position: absolute;
    top: 170px;
    left: 50%;
    width: 540px;
    height: 540px;
    border-radius: 50%;
    border: 35px solid #f4f6fc;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: -2;
}

.sgoal:after {
    content: "";
    position: absolute;
    top: 250px;
    left: 50%;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    border: 2px solid #e9eef8;
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: -2;
}

.sgoal_slogan_ttl {
    font-size: 31px;
    color: #666;
    font-family: 'S-CoreDream-4Regular','Noto Sans KR' !Important;
}

.sgoal_slogan_txt {
    font-size: 40px;
    font-weight: 600;
    color: #666;
    font-family: 'S-CoreDream-4Regular','Noto Sans KR' !Important;
}

.sgoal_con {
    margin-top: 30px;
    padding-top: 30px;
}

.sgoal_con_ttl {
    position: relative;
    display: inline-block;
    width: 177px;
    height: 60px;
    line-height: 59px;
    font-size: 24px;
    color: #fff;
    border-radius: 60px;
    text-shadow: -1px 0 rgba(16,59,152,.4), 0 -1px rgba(16,59,152,.4), 1px 0 rgba(16,59,152,.4), 0 1px rgba(16,59,152,.4);
    background: linear-gradient(to right, #3d81df, #663fe8);
}

.sgoal_con_ttl:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -30px;
    width: 1px;
    height: 100px;
    background: #e5e5e5;
    z-index: -2;
}

.sgoal_con_ttl:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 60px;
    background: linear-gradient(to right, rgba(62,129,224,.2), rgba(102,63,232,.2));
    z-index: -1;
}

.sgoal_list {
    margin-top: 70px;
    font-size: 0;
}

.sgoal_list>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 18rem;
    margin-left: -6px;
    margin-top: 30px;
    font-size: 20px;
    font-family: 'S-CoreDream-4Regular','Noto Sans KR' !Important;
}

.sgoal_list>li:nth-of-type(odd) {
    margin-left: -5px;
}

.sgoal_list>li:before {
    display: block;
    content: "";
    width: 18rem;
    height: 18rem;
    margin-bottom: 20px;
    border-radius: 50%;
    background: url('/share/images/inc/sgoal_bg.png') no-repeat;
    background-size: 100%;
}

.sgoal_list>li:nth-of-type(even):before {
    transform: rotate(180deg);
}

.sgoal_list>li:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    width: 70px;
    height: 123px;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateX(-50%);
}

.sgoal_list>.ic01:after {
    background-image: url('/share/images/inc/sgoal_ic01.gif');
}

.sgoal_list>.ic02:after {
    background-image: url('/share/images/inc/sgoal_ic02.gif');
}

.sgoal_list>.ic03:after {
    background-image: url('/share/images/inc/sgoal_ic03.gif');
}

.sgoal_list>.ic04:after {
    background-image: url('/share/images/inc/sgoal_ic04.gif');
}

.sgoal_list>.ic05:after {
    background-image: url('/share/images/inc/sgoal_ic05.gif');
}

.sgoal2 {
    position: relative;
    text-align: center;
    margin-top: 6rem;
}

.sgoal2 .goal dt {
    position: absolute;
    top: 0.7rem;
    left: 50%;
    margin-left: -6.5rem;
    display: inline-block;
    max-width: 15rem;
    padding: 0.8rem 2.5rem;
    color: #fff;
    font-size: 2.2rem;
    border-radius: 5rem;
    background: #0048bc;
}

.sgoal2 .goal dd {
    max-width: 90%;
    margin: 3rem auto;
    padding: 7rem 4rem 5rem;
    background: #f5f5f5;
}

.sgoal2_con dt {
    margin: 7.5rem 0 3rem;
    /* padding:3px 7px; */
    color: #0048bc;
    font-size: 3rem;
    font-weight: 500;
    /* background:linear-gradient(180deg, transparent 0, transparent 70%, #fff265 70%,  #fff265 100%);  */
}

.sgoal2_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 5% auto 0;
}

.sgoal2_list>li {
    position: relative;
    line-height: 1.4;
    margin-bottom: 5%;
    font-size: 1.9rem;
}

.sgoal2_list>li:before {
    content: '';
    display: block;
    top: 0;
    left: 0.6rem;
    width: 18rem;
    height: 18rem;
    border-radius: 18rem;
    margin: 0 -12px 25px;
    opacity: .9;
}

.sgoal2_list>.ic01 {
    color: #00a4c5;
}

.sgoal2_list>.ic02 {
    color: #eb7508;
}

.sgoal2_list>.ic03 {
    color: #22b750;
}

.sgoal2_list>.ic04 {
    color: #245eba;
}

.sgoal2_list>.ic05 {
    color: #eb4772;
}

.sgoal2_list>.ic01:before {
    background-color: #00a4c5;
}

.sgoal2_list>.ic02:before {
    background-color: #eb7508;
}

.sgoal2_list>.ic03:before {
    background-color: #22b750;
}

.sgoal2_list>.ic04:before {
    background-color: #245eba;
}

.sgoal2_list>.ic05:before {
    background-color: #eb4772;
}

.sgoal2_list>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 4.9rem;
    left: 50%;
    margin-left: -4.1rem;
    width: 8.2rem;
    height: 7.7rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.sgoal2_list>.ic01:after {
    background-image: url('/share/images/inc/sgoal2_ic01.png');
}

.sgoal2_list>.ic02:after {
    background-image: url('/share/images/inc/sgoal2_ic02.png');
}

.sgoal2_list>.ic03:after {
    background-image: url('/share/images/inc/sgoal2_ic03.png');
}

.sgoal2_list>.ic04:after {
    background-image: url('/share/images/inc/sgoal2_ic04.png');
}

.sgoal2_list>.ic05:after {
    background-image: url('/share/images/inc/sgoal2_ic05.png');
}

#tab {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 4rem;
    gap: 0.8rem;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#tab > li {
    min-width: 0;
    width: calc((100% - 2.4rem) / 4);
    word-break: break-all;
}

#tab > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    min-height: 5.4rem;
    padding: 0 1rem;
    color: var(--krds-light-color-text-subtle);
    font-size: 1.6rem;
    border: 1px solid var(--krds-light-color-border-gray-light);
    border-radius: 0.8rem;
}

#tab > li.select > a {
    color: #fff;
    border-color: var(--main-primary-50);
    background: var(--main-primary-50);
    font-weight: 600;
}

.pgm_tit {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
    color: #333
}

.program_tab {
    border: 0.3rem solid #e5e5e5;
    background: #f5f5f5
}

.program_tabprogram_tab ul {
    padding: 1rem
}

.program_tab ul li {
    display: inline-block;
    position: relative
}

.program_tab ul li:after {
    content: '';
    position: absolute;
    top: 1.5rem;
    right: -1px;
    width: 1px;
    height: 1.7rem;
    background: #ccc
}

.program_tab ul li:last-child:after {
    display: none
}

.program_tab ul li a {
    position: relative;
    display: block;
    padding: 1rem 2.5rem;
    font-size: 1.6rem
}

.program_tab ul li.select a {
    font-weight: bold;
    color: #2b4e94
}

.progrma_stab {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.progrma_stab > li {
    position: relative;
}

.progrma_stab > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 1.4rem / 2);
    width: 1px;
    height: 1.4rem;
    background: #ddd;
}

.progrma_stab > li:first-child::before, .progrma_stab > li.select::before, .progrma_stab > li.select+li::before {
    display: none;
}

.progrma_stab > li > a {
    display: block;
    padding: 1.4rem 2rem;
    color: #444;
    font-size: 1.6rem;
    letter-spacing: -0.034rem;
    border-radius: 0.4rem;
    border: 1px solid #ccc;
}

.progrma_stab > li.select > a {
    color: #fff;
    font-weight: 700;
    letter-spacing: -0.032rem;
    background: #0695A8;
    border-color: #0695A8;
}

.program_tbox {
    padding: 2.4rem 3.2rem;
    line-height: 2.4rem;
    letter-spacing: 0.01rem;
    border-radius: 0.4rem;
    background: #F5F5F5;
}

.program_tbox li {
    position: relative;
    padding-left: 1rem;
}

.program_tbox li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #444;
}

.order-outwrap {
    margin-top: 30px;
    margin-bottom: 60px;
    background: url('../images/krds/outlink_bg.gif') 8% 15% no-repeat;
}

.order-outwrap .tit {
    margin-bottom: 25px;
    color: #1A2E7E;
    font-size: 24px;
    font-weight: 700;
}

.order-outwrap .con {
    padding: 40px 0 30px 45%;
}

.order-outwrap .txt {
    font-size: 17px;
}

.order-outwrap .btn-wrap {
    justify-content: flex-start;
    margin-top: 3rem;
}

.iframe-wrap {
    width: 100%;
    max-width: 1018px
}

.iframe-wrap iframe {
    width: 100%;
}

/* 화면크기 */
.krds-resize .drop-menu {
    min-width: 15rem;
}

.krds-resize .drop-list .item-link {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.krds-resize .drop-list .item-link::before {
    content: "";
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
    border-radius: 0.4rem;
    border: 0.1rem solid var(--krds-light-color-border-gray);
    background-color: var(--krds-light-color-action-secondary);
    background: url('../images/krds/head_ico_font_sample.svg') no-repeat center / contain;
}

.krds-resize .drop-list .item-link.active::before {
    background-image: url('../images/krds/head_ico_font_sample_white.svg');
    border-color: var(--krds-light-color-element-secondary);
    background-color: var(--krds-light-color-element-secondary);
}

.krds-resize .drop-list .item-link.sm::before {
    width: 2.2rem;
    height: 2.2rem;
}

.krds-resize .drop-list .item-link.md::before {
    width: 2.4rem;
    height: 2.4rem;
}

.krds-resize .drop-list .item-link.lg::before {
    width: 2.6rem;
    height: 2.6rem;
}

.krds-resize .drop-list .item-link.xlg::before {
    width: 2.8rem;
    height: 2.8rem;
}

.krds-resize .drop-list .item-link.xxlg::before {
    width: 3rem;
    height: 3rem;
}

.search-wrap {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 46rem;
    height: 5.8rem;
    padding: 0.4rem;
    overflow: hidden;
}

.search-wrap.active .btn-navi {
    opacity: 0;
}

.search-wrap.active .search-form {
    right: 0;
    visibility: visible;
}

.search-wrap .search-form {
    position: absolute;
    z-index: 1;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s ease;
    visibility: hidden;
}

.search-form form {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.search-form [class*="-btn"] {
    width: 5rem;
    height: 5rem;
    border-radius: 5rem;
    text-indent: -9999rem;
    background-repeat: no-repeat;
    background-position: center;
}

.search-form .scr-box {
    display: flex;
    height: 5rem;
    width: 40rem;
    background: #F5F5F5;
    border: 1px solid #DEDEDE;
    border-radius: 3rem;
}

.search-form .scr-box input[type="search"] {
    flex-grow: 1;
    height: 100%;
    background: transparent;
    border: 0;
    padding: 0 2rem;
}

.search-form .scr-box input[type="search"]:hover, .search-form .scr-box input[type="search"]:focus-visible {
    outline-color: var(--krds-light-color-border-primary);
}

.search-form .search-btn {
    flex-shrink: 0;
    background-color: #111F54;
    background-image: url(/share/images/ico_head_search.svg);
}

.search-form .close-btn {
    background-color: #515151;
    background-image: url(/share/images/ico_head_close.svg);
}

#tabbar-search {
    display: none;
}

/********************************************************************************** 반응형*********************************************************************/
@media (max-width: 1400px) {
    #data-control .satisfaction {
        justify-content: space-between;
        gap: 0;
    }

    #data-control .satisfaction .satisfaction-list {
        flex-grow: 0;
    }
}

@media (max-width: 1300px) {
    #data-control .satisfaction {
        flex-wrap: wrap;
        align-items: flex-end;
    }

    #data-control .satisfaction .satisfaction-tit {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    #data-control .satisfaction {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 3rem;
        align-items: flex-start;
    }

    #data-control .satisfaction .satisfaction-tit {
        width: 100%;
    }

    #data-control .satisfaction .satisfaction-btn, #data-control .satisfaction .satisfaction-btn input {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    /* 상단 공식배너 */ .masthead .inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* header */
    .krds-header .inner {
        padding-top: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--krds-light-color-border-gray-light)
    }

    .krds-header .header-con .hd-btns {
        display: none;
    }

    .krds-header .header-con .util {
        display: none
    }

    .krds-header .header-con .btn-navi.navi-row {
        flex-direction: column
    }

    .krds-header .header-con .btn-navi.join, .krds-header .header-con .btn-navi.my {
        display: none
    }

    .krds-header .header-con .my-drop {
        display: none
    }

    .krds-header .header-con .btn-navi.navi-row.login {
        display: none;
    }

    .krds-header .one-menu {
        display: none;
    }

    .krds-header.no-menu .inner {
        border-bottom: 0;
    }

    .main-nav {
        display: none
    }

    .is-gnb-mobile {
        overflow: hidden
    }

    .gnb-backdrop {
        display: none!important
    }

    .krds-header .header-con .logo a span {
        font-size: 2rem;
    }

    .in-between .side-nav {
        display: none;
    }

    /* footer */
    .krds-footer > .inner {
        gap: 2.4rem;
        padding: 2.4rem 16px;
    }

    .page-title-wrap > .h-tit {
        display: none;
    }

    .page-title-wrap .h-txt .br {
        display: none;
    }

    .page-title-wrap[data-type="responsive"] .h-tit {
        display: none;
    }

    .page-title-wrap .drop-wrap {
        display: inline-flex;
    }

    .page-title-wrap .h-tit-drop .drop-btn {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        text-align: left;
    }

    .page-title-wrap .h-tit-drop .drop-btn::after {
        display: inline-flex;
        content: "";
        transition: 0.4s ease-in-out;
        width: 2.8rem;
        height: 2.8rem;
        transform: rotate(90deg);
        background-color: var(--krds-color-light-gray-90);
        forced-color-adjust: none;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center center;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center center;
        mask-size: containe;
        -webkit-mask-image: url(../images/krds/ico_expand.svg);
        mask-image: url(../images/krds/ico_expand.svg);
        transition: 0.4s ease-in-out;
        transform: rotate(90deg);
    }

    .page-title-wrap .h-tit-drop .drop-btn.active::after {
        transform: rotate(-90deg);
    }

    .page-title-wrap .h-tit-drop .drop-menu {
        left: 0;
        width: 100%;
        max-width: 80rem;
        transform: translateX(0);
    }

    .page-title-wrap .h-tit-drop .drop-menu::before {
        display: none;
    }

    .page-title-wrap .h-tit-drop .drop-menu .item-link {
        display: flex;
        align-items: center;
        position: relative;
        height: auto;
        min-height: 4.8rem;
        padding: 0.8rem 1.6rem 0.8rem 2.4rem;
    }

    .page-title-wrap .h-tit-drop .drop-menu .item-link::before {
        display: inline-flex;
        flex-shrink: 0;
        position: absolute;
        top: 0;
        left: 1.6rem;
        content: "•";
        line-height: 4.7rem;
        margin-top: 0.1rem;
    }

    .page-title-wrap .h-tit-drop .drop-menu .item-link:hover, .page-title-wrap .h-tit-drop .drop-menu .item-link:active {
        font-weight: 700;
        color: var(--krds-light-color-text-secondary);
    }

    .page-title-wrap .h-tit-drop .drop-menu .item-link:hover::before, .page-title-wrap .h-tit-drop .drop-menu .item-link:active::before {
        font-weight: 400;
    }

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

    .krds-footer .logo.sample {
        width: 13.4rem;
        height: 3.2rem;
    }

    #krds-header .header-container .logo.sample {
        width: 13.4rem;
        height: 3.2rem;
    }

    /* 콘텐츠 */
    #contents {
        width: 100%;
    }

    .table-wrap .dataScroll {
        display: block;
    }

    .table-wrap.mb-full .dataScroll {
        display: none;
    }

    .table-wrap.mb-full table {
        width: 100%;
        table-layout: fixed;
    }

    .krds-modal.main-layer .modal-dialog .modal-header .modal-title {
        font-size: 2.4rem;
    }

    .krds-modal.main-layer .modal-dialog .modal-conts .conts-area:not(.pop-one) {
        padding: 0 70px;
    }

    .krds-modal.main-layer .popup-control .arrow.prev-btn {
        left: 16px;
    }

    .krds-modal.main-layer .popup-control .arrow.next-btn {
        right: 16px;
    }

    .krds-modal.main-layer .popup-swiper {
        max-width: 62rem;
    }

    .krds-modal.main-layer .modal-btns {
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .krds-modal.main-layer .modal-btns button {
        background-position: right 1rem center;
    }

    #tabbar {
        display: flex;
        position: fixed;
        z-index: 1000;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 62px;
        padding: 0 10px;
        background: #fff;
        box-shadow: 0 -2px 8px 0 rgba(141, 146, 151, 0.64);
    }

    #tabbar > * {
        display: block;
        flex: 1;
        min-width: 0;
        height: 100%;
        text-align: center;
        padding: 36px 0 12px;
        font-size: 12px;
        font-weight: 600;
        color: #222;
        background-repeat: no-repeat;
        background-position: center top 4px;
    }

    #tabbar .home {
        background-image: url(/share/images/ico_tabbar_home.svg);
    }

    #tabbar .home.active {
        background-image: url(/share/images/ico_tabbar_home_on.svg);
    }

    #tabbar .search {
        background-image: url(/share/images/ico_tabbar_sc.svg);
    }

    #tabbar .search.active {
        background-image: url(/share/images/ico_tabbar_sc_on.svg);
    }

    #tabbar .login {
        background-image: url(/share/images/ico_tabbar_login.svg);
    }

    #tabbar .login.active {
        background-image: url(/share/images/ico_tabbar_login_on.svg);
    }

    #tabbar .logout {
        background-image: url(/share/images/ico_tabbar_logout.svg);
    }

    #tabbar .logout.active {
        background-image: url(/share/images/ico_tabbar_logout_on.svg);
    }

    #tabbar .menu {
        background-image: url(/share/images/ico_tabbar_menu.svg);
    }

    #tabbar .menu.active {
        background-image: url(/share/images/ico_tabbar_menu_on.svg);
    }
}

@media (max-width: 768px) {
    .mo-br {
        display: block;
    }

    .pc-br {
        display: none;
    }

    /* header */
    .krds-header .header-con .hd-btns {
        gap: 0;
    }

    .krds-header .btn-navi {
        gap: 4px;
        padding: 8px 12px 4px;
    }

    .krds-header .header-con .hd-btns {
        gap: 0;
    }

    .main-nav-mobile .gnb-wrap {
        width: 100%;
    }

    .main-nav-mobile .krds-btn.text.small {
        font-size: 15px;
    }

    .main-nav-mobile .krds-btn.small .svg-icon {
        width: 16px;
        height: 16px;
    }

    .page-title-wrap {
        margin-bottom: 2.4rem;
        gap: 2rem;
    }

    .page-title-wrap .h-tit {
        font-size: 2.2rem;
        margin-top: 3.7rem;
    }

    .page-title-wrap .h-tit .small-txt {
        margin-bottom: 0.8rem;
        font-size: 1.5rem;
    }

    .page-title-wrap .h-tit .sub-txt {
        font-size: 1.5rem;
    }

    .page-title-wrap .h-tit .krds-badge-wrap {
        margin-top: 2rem;
    }

    .page-title-wrap .h-txt {
        font-size: 1.9rem;
    }

    /* Modal */
    .krds-modal {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog {
        width: calc(100% - 2.4rem);
        height: calc(100% - 2.4rem * 2);
        min-height: calc(100% - 2.4rem * 2);
        margin: 2.4rem auto;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header {
        padding: 5.2rem 2.4rem 0;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
        font-size: 2.2rem;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-content {
        max-height: 100%;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts {
        padding-inline: 2.4rem; padding-bottom: 0;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area > * {
        width: 100%;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area .link-list {
        flex-direction: column;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area .link-list li {
        width: 100%;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-conts .conts-area .link-list li a {
        padding-left: 0;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-btn {
        padding: 1.6rem 2.4rem 2.4rem;
    }

    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .btn-close {
        top: 2rem;
        right: 2rem;
    }

    .krds-modal[data-type=full] .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

    .krds-modal[data-type=full] .modal-dialog .btn-close {
        width: 2.4rem;
        height: 2.4rem;
    }

    .krds-modal.visual-modal .modal-dialog .modal-header {
        padding: 3rem 0 1rem 0;
    }

    .krds-modal.visual-modal .modal-dialog .modal-conts {
        padding: 0 0 3rem 0;
    }

    .krds-modal.visual-modal .modal-dialog .modal-header .modal-title {
        font-size: 3rem;
    }

    .krds-modal.main-layer .modal-btns {
        margin-top: -1rem;
    }

    .krds-modal.main-layer .modal-btns .pop-len {
        display: block;
        width: 100%;
    }

    .krds-modal.main-layer .modal-dialog .modal-conts {
        padding: 2.4rem 0;
    }

    .krds-modal.main-layer .popup-swiper .swiper-slide {
        max-width: unset;
        max-height: unset;
    }

    /* footer */
    .search-formwrap {
        display: none;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5)
    }

    .search-formwrap.active .search-form {
        visibility: visible;
    }

    .search-formwrap .search-form {
        position: fixed;
        z-index: 1;
        left: 0;
        width: 100%;
        bottom: 62px;
        padding: 3.7rem 2.5rem;
        background: rgba(255,255,255,0.96);
        border-radius: 1.2rem 1.2rem 0 0;
        transform: none;
    }

    .search-formwrap .search-form .scr-box {
        width: 100%;
        height: 46px;
        border-color: #D9204C;
    }

    .search-formwrap .search-form .search-btn {
        width: 46px;
        height: 46px;
        background-color: #D9204C;
        background-size: 2.4rem;
    }

    .krds-footer {
        padding-bottom: 78px;
    }

    .krds-footer .quick .inner {
        flex-direction: column;
    }

    .krds-footer .quick .inner .link {
        font-size: 1.5rem;
        min-height: calc(4.8rem - .2rem);
        padding: 0 1.6rem;
        border: 0;
    }

    .krds-footer .quick .inner .link:first-child {
        border: 0;
    }

    .krds-footer .quick .inner .link:not(:first-child) {
        border-top: 1px solid var(--krds-light-color-border-gray-light);
    }

    .krds-footer .f-con {
        flex-direction: column;
    }

    .krds-footer .f-con .f-info {
        flex-direction: column;
        gap: 1.6rem;
        font-size: 1.5rem;
    }

    .krds-footer .f-con .f-info .addr .br {
        display: none;
    }

    .krds-footer .f-con .f-info .cs {
        gap: 0.8rem;
    }

    .krds-footer .f-con .f-info .cs li {
        flex-wrap: wrap;
        word-break: break-all;
    }

    .krds-footer .f-con .f-cs {
        gap: 0.8rem;
    }

    .krds-footer .f-con .f-cs dl {
        font-size: 1.5rem;
    }

    .krds-footer .f-con .f-link {
        gap: 3.2rem;
    }

    .krds-footer .f-con .f-link .link-go .krds-btn.text {
        font-size: 1.7rem;
    }

    .krds-footer .f-con .f-link .link-go .krds-btn.text {
        height: 2.4rem;
        padding: 0 0.2rem;
        border-radius: 0.6rem;
        font-size: 1.5rem;
        font-weight: 400;
        padding: 0;
    }

    .krds-footer .f-con .f-link .link-go .krds-btn.text .svg-icon {
        width: 1.6rem;
        height: 1.6rem;
    }

    .krds-footer .f-btm {
        font-size: 1.5rem;
    }

    .krds-footer .f-btm .f-btm-text {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 2rem;
    }

    .krds-footer .f-btm .f-btm-text .f-menu {
        gap: 0.8rem;
    }

    .krds-footer .f-btm .f-btm-text .f-copy {
        font-size: 1.5rem;
    }

    .krds-footer .footer-banner .inner {
        flex-direction: column;
        gap: 0.8rem;
    }

    .krds-footer .f-con .f-link .link-go .krds-btn.text {
        font-size: 1.5rem;
    }

    .identifier {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .identifier .logo {
        width: 5.8rem;
        height: 2rem;
    }

    .identifier .ban-txt {
        font-size: 1.3rem;
        word-break: break-all;
    }

    /* dropdown */
    .drop-wrap .drop-menu .drop-list .item-link .ico-go {
        width: 2rem;
        height: 2rem;
    }

    .drop-wrap .drop-menu .drop-list .item-link:hover {
        background-color: var(--krds-light-color-action-secondary-hover);
    }

    .drop-wrap .drop-menu .drop-list .item-link:active {
        background-color: var(--krds-light-color-action-secondary-pressed);
    }

    .drop-wrap .drop-menu .drop-list .item-link.active {
        font-weight: 700;
        color: var(--krds-light-color-text-secondary);
        background-color: var(--krds-light-color-action-secondary-hover);
    }

    .drop-wrap.drop-left .drop-menu {
        left: 0;
        right: auto;
        transform: none;
    }

    .drop-wrap.drop-left .drop-menu::before {
        left: 2.4rem;
        margin-left: 0;
    }

    .drop-wrap.drop-right .drop-menu {
        left: auto;
        right: 0;
        transform: none;
    }

    .drop-wrap.drop-right .drop-menu::before {
        left: auto;
        right: 2.4rem;
    }

    .in-between .contents .breadcrumb {
        padding-top: 1.6rem;
    }

    .in-between {
        padding-bottom: 7.6rem;
    }

    #data-control {
        margin-top: 8.6rem;
        padding: 2rem;
    }

    #data-control .satisfaction {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    #data-control .satisfaction .satisfaction-tit {
        background-size: 3rem;
        padding-left: 3.7rem;
    }

    #data-control .satisfaction .satisfaction-list {
        margin-top: 1.3rem;
        margin-bottom: 2rem;
        width: 100%;
        flex-wrap: wrap;
        gap: 1.3rem;
    }

    #data-control .satisfaction .satisfaction-btn {
        width: 100%;
        height: 4rem;
    }

    #data-control .satisfaction .satisfaction-btn input {
        width: 100%;
        height: 100%;
        font-size: 2rem;
    }

    #data-control #manager {
        flex-direction: column;
        gap: 10px;
        justify-content: space-between;
        align-items: flex-start;
    }

    #data-control #manager .manager-con {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.5rem 3.7rem
    }

    #data-control #manager .manager-con dl {
        width: calc(50% - 2rem);
    }

    #data-control #manager .manager-con dl:last-child {
        width: 100%;
    }

    #data-control #manager .open-logo {
        text-align: right;
        width: 100%;
    }

    #data-control #manager img {
        width: 15.2rem;
    }

    /* 브레드크럼 */
    .in-between {
        padding-top: 2.5rem;
    }

    #con-tit {
        margin-bottom: 3.7rem;
    }

    .breadcrumb li::after {
        width: 1.4rem;
        height: 1.4rem;
        margin-left: 0.7rem;
        margin-top: 0.5rem;
    }

    #con-tit #shareSns > li.print {
        display: none;
    }

    #con-tit #shareSns > li.sns-share > a {
        display: block;
        text-indent: -9999rem;
        width: 2rem;
        height: 2rem;
        padding: 0;
        background-size: cover;
    }

    #con-tit #shareSns .shareSns-list {
        padding: 0.8rem;
        margin-top: 1.7rem;
    }

    #con-tit #shareSns .shareSns-list::before {
        width: 2rem;
        height: 1.3rem;
        top: -1rem;
        background-position: top center;
    }

    #con-tit #shareSns .shareSns-list > li > a {
        width: 3rem;
        height: 3rem;
        background-size: cover;
        border-radius: 0.4rem
    }

    #con-tit #shareSns .shareSns-list > li + li {
        margin-top: 0.5rem;
    }

    .krds-breadcrumb-wrap {
        padding-top: 0;
    }

    .krds-breadcrumb-wrap .breadcrumb {
        padding-top: 0;
        margin-bottom: 0;
        gap: 0.8rem
    }

    .krds-breadcrumb-wrap .breadcrumb li {
        font-size: 1.5rem;
    }

    .krds-breadcrumb-wrap .breadcrumb li::after {
        background-size: 2rem;
    }

    .krds-breadcrumb-wrap .breadcrumb .home {
        background-size: 1.5rem;
        padding-left: 2rem;
    }

    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:last-child) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        white-space: nowrap !important;
        border: 0 !important
    }

    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child {
        gap: 0.8rem
    }

    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after, .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        content: "";
        display: inline-flex;
        width: 1.6rem;
        height: 1.6rem;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 2rem;
    }

    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::before {
        background-image: url(../images/krds/ico_ellipsis.svg);
    }

    .krds-breadcrumb-wrap .breadcrumb li:not(.home):not(:nth-child(2)):last-child::after {
        margin-top: 0.1rem;
        background-image: url(../images/krds/ico_location_arrow01.svg);
        margin-left: 0;
    }

    .krds-breadcrumb-wrap .breadcrumb li:last-child {
        display: flex;
        align-items: center;
    }

    .krds-breadcrumb-wrap .breadcrumb li:last-child::before {
        order: 0;
    }

    .krds-breadcrumb-wrap .breadcrumb li:last-child::after {
        order: 1;
    }

    .krds-breadcrumb-wrap .breadcrumb li:last-child .txt {
        order: 2;
    }

    /* krds-form-check - Base Label */
    .krds-form-check input + label i {
        top: 0;
    }

    /* 콘텐츠 */
    .tbox {
        padding: 1.3rem;
        font-size: 1.7rem;
    }

    .info-list .info-list {
        margin-top: 0.9rem;
        gap: 0.5rem;
    }

    #detail_con .section {
        padding: 6rem 0;
        font-size: 1.7rem;
    }

    #detail_con .section h3 {
        margin-bottom: 2rem;
        font-size: 2.4rem;
        background-size: 2.5rem;
    }

    #detail_con .section h4 {
        margin-bottom: 1.2rem;
        background-size: 1.5rem;
    }

    #detail_con .section.flex {
        gap: 0;
        flex-direction: column;
    }

    #detail_con .sub-sec.flex {
        gap: 0;
        flex-direction: column;
    }

    #detail_con .section.flex > *, #detail_con .sub-sec.flex > * {
        width: 100%;
        max-width: 100% !important;
    }

    #detail_con .section .tbox + .sub-sec {
        margin-top: 2rem;
    }

    #detail_con .txtbox p + p {
        margin-top: 0.7rem;
    }

    #detail_con .sub-sec {
        margin-top: 2rem;
    }

    #detail_con .sub-sec > h4 + .tbox {
        margin-left: 0;
        margin-bottom: 1.2rem;
    }

    #detail_con .des-sec.flex {
        flex-direction: column;
    }

    .info-list > li {
        padding-left: 0.9rem;
    }

    .info-list.decimal > li:not(.point-blet, .exclamation):before {
        width: 3px;
        height: 3px;
    }

    .info-list.dash > li:not(.point-blet, .exclamation):before {
        width: 0.5rem;
    }

    .info-list.order > li {
        padding-left: 3.2rem;
    }

    .step-wrap {
        flex-wrap: wrap;
        gap: 2rem;
    }

    [class*="col0"].step-wrap li {
        width: 48%;
        max-width: calc((100% - 2rem) / 2);
    }

    .step-wrap > li {
        flex-basis: 100%;
        padding: max(5%, 2rem);
        gap: 3rem
    }

    .step-wrap:not(.simple) > li + li::After {
        transform: rotate(0deg);
        left: 50%;
        top: unset;
        bottom: 100%
    }

    .step-wrap > li .tit {
        line-height: 1.45;
        padding: 0
    }

    .step-wrap > li .con {
        padding: 0px
    }

    .step-wrap .info-list {
        width: 100%;
    }

    .step-wrap.mb_row > li {
        flex-direction: row;
    }

    .step-wrap.mb_row > li .tit {
        border: 0px
    }

    .step-wrap.column > li {
        width: 100%;
        max-width: 100%;
        align-items: stretch;
    }

    .step-wrap.column > li .tit {
        width: 14rem;
        height: unset;
        padding-left: 1rem;
    }

    .step-wrap.column > li .con {
        padding-left: 1.9rem;
    }

    .step-wrap.simple {
        flex-wrap: wrap;
        gap: 3px var(--step-gap);
    }

    .step-wrap.simple > li {
        flex: none
    }

    .table-wrap table {
        width: 92rem;
        table-layout: auto;
    }

    .table-wrap.w1210 table {
        width: 1210px;
    }

    .table-wrap.flex02 {
        flex-direction: column;
    }

    .btn-wrap {
        flex-direction: column;
    }

    .link-box p {
        height: 30rem;
    }

    .down-grid > li {
        width: calc((100% - 1.2rem) / 2);
    }

    /* 툴팁 */
    .krds-tooltip-popover {
        font-size: 1.5rem;
    }

    /* box list style */
    .box-group-area {
        gap: 1.2rem;
    }

    .box-group-area > li {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.2rem 1.6rem;
        gap: 0.8rem;
    }

    .box-group-area > li .btn-wrap {
        justify-content: flex-end;
        width: 100%;
        flex-direction: row;
    }

    #tab > li {
        max-width: calc((100% - 1.6rem) / 3);
        width: calc((100% - 1.6rem) / 3);
    }

    #tab > li > a {
        font-size: 1.6rem;
    }

    .order-outwrap {
        background-position: center top;
        background-size: 20rem;
    }

    .order-outwrap .con {
        padding: 18rem 0 0 0;
        text-align: center;
    }

    .order-outwrap .tit {
        margin-bottom: 2rem;
    }

    .sgoal:before {
        top: 2.9rem;
        width: 44rem;
        height: 44rem;
    }

    .sgoal:after {
        top: 36rem;
        width: 2.9rem;
        height: 2.9rem;
    }

    .sgoal_con_ttl:before {
        height: 15.3rem;
    }

    .sgoal_list {
        margin-top: 5rem;
    }

    .sgoal_list>li {
        width: 15.1rem;
        margin-top: 2rem;
        font-size: 1.7rem;
    }

    .sgoal_list>li:before {
        width: 15rem;
        height: 15rem;
        margin-bottom: 1rem;
    }

    .sgoal_list>li:after {
        top: 4rem;
        width: 6rem;
        height: 7.3rem;
    }

    .sgoal2_list>li {
        font-size: 1.6rem;
    }

    .sgoal2_list>li:before {
        width: 13rem;
        height: 13rem;
        margin: 0 -1.2rem 1.5rem;
    }

    .sgoal2_list>li:after {
        top: 3.5rem;
        width: 60%;
        height: 60%;
        margin-left: -3.2rem;
    }

    .sgoal_slogan_ttl {
        font-size: 2.6rem;
    }

    .sgoal_slogan_txt {
        font-size: 3.4rem;
    }
}

@media (max-width: 420px) {
    .krds-tooltip-popover {
        width: calc(100% - 1.6rem * 2);
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
    }

    .krds-tooltip-popover::before {
        display: none;
    }

    .krds-tooltip-popover.tooltip-box {
        max-width: 100%;
    }

    .sgoal_slogan_ttl {
        font-size: 2.0rem;
    }

    .sgoal_slogan_txt {
        font-size: 2.8rem;
    }

    .sgoal_con_ttl {
        font-size: 1.9rem;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    /* footer */ .krds-footer .quick .inner .link {
        font-size: 1.6rem;
        word-break: break-all;
        padding: 0 0.2rem 0 0.4rem;
        text-align: left;
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    /* header */ .main-nav .gnb-menu .gnb-main-trigger {
        padding: 0 0.8rem;
    }
}

@media (max-width: 359px) {
    /* footer */ .krds-footer .f-con .f-info .cs li .key {
        flex-wrap: wrap;
        row-gap: 0;
    }
}

/* min-width */
@media (min-width: 1280px) {
    /* footer */ .krds-footer .footer-banner .inner {
        padding-inline: 0;
    }
}

@media (min-width: 1200px) {
    .krds-header .header-con .inner {
        gap: 0.4rem;
        padding-top: 1.2rem;
        padding-bottom: 1.6rem;
    }

    .krds-header .header-con .btn-navi.all {
        display: none;
    }

    .is-gnb-web {
        overflow: hidden;
    }

    .is-gnb-web #wrap.scroll-down .krds-header .header-in {
        transform: translateY(0);
    }

    .is-gnb-web.hasScrollY .masthead, .is-gnb-web.hasScrollY .krds-header .header-con, .is-gnb-web.hasScrollY .krds-header .main-nav, .is-gnb-web.hasScrollY .krds-header .gnb-wrap, .is-gnb-web.hasScrollY #container, .is-gnb-web.hasScrollY .krds-footer {
        padding-right: 1.7rem;
    }

    .is-gnb-web.hasScrollY .krds-footer .quick {
        padding-right: 1.7rem;
        margin-right: -1.7rem;
    }
}

@media (min-width: 1024px) and (max-width:1279px) {
    /* footer */ .krds-footer > .inner {
        padding: 4rem 24px 2.4rem;
    }
}

@media (min-width: 1024px) {
    /* header */ .krds-header .header-con .inner {
        gap:0.4rem;
        padding-top: 1.2rem;
        padding-bottom: 1.6rem
    }

    .krds-header .header-con .btn-navi.all {
        display: none
    }

    .is-gnb-web {
        overflow: hidden
    }

    .is-gnb-web #wrap.scroll-down .krds-header .header-in {
        transform: translateY(0)
    }

    .is-gnb-web.hasScrollY #container, .is-gnb-web.hasScrollY .krds-footer, .is-gnb-web.hasScrollY .krds-header .gnb-wrap, .is-gnb-web.hasScrollY .krds-header .header-con, .is-gnb-web.hasScrollY .krds-header .main-nav, .is-gnb-web.hasScrollY .masthead {
        padding-right: 1.7rem
    }

    .is-gnb-web.hasScrollY .krds-footer .quick {
        padding-right: 1.7rem;
        margin-right: -1.7rem
    }

    .main-nav-mobile {
        display: none
    }

    .page-title-wrap[data-type=responsive] .h-tit-drop {
        display: none;
    }

    /* footer */
    .krds-footer > .inner {
        gap: 4rem;
        padding: 4rem 24px 2.4rem;
    }

    .krds-footer .f-con {
        justify-content: space-between;
        flex: 1;
    }

    .krds-footer .f-con .f-cs {
        width: 23.5%;
    }

    .krds-footer .f-con .f-link {
        flex-shrink: 0;
        width: 23.5%;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    /* header */ .main-nav-mobile .gnb-wrap {
        width:40%
    }

    .main-nav-mobile .gnb-menu .submenu-wrap .depth4-wrap {
        width: 40%
    }

    /* footer */
    .krds-footer .quick .inner .link {
        font-size: 1.6rem;
        word-break: break-all;
        padding: 0 0.2rem 0 0.4rem;
        text-align: left;
    }

    .krds-footer .f-con {
        gap: 1.6rem;
    }

    .krds-footer .f-con .f-info {
        flex: 3;
    }

    .krds-footer .f-con .f-info .cs li {
        flex-direction: column;
        align-items: flex-start;
    }

    .krds-footer .f-con .f-link .link-sns {
        gap: 0.4rem;
    }
}

@media print {
    .masthead, .krds-header, .krds-footer, #data-control {
        display: none;
    }

    #contents {
        min-width: 1080px;
        max-width: none;
    }
}