@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;}

/* 상단 공식배너 */
.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; */ position: relative; 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: 700; 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 {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.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);}

#wrap[class*="scroll"] .krds-header:not(.sample) {position: relative; border-bottom: 1px solid var(--krds-light-color-border-gray-light);}
#wrap[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;}
#wrap.scroll-down .krds-header:not(.sample) .header-in {transform: translateY(-100%);}
#wrap.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 {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 {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,
.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 {background-color: var(--krds-light-color-action-secondary-pressed)}
.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul a:focus,
.main-nav .gnb-wrap .gnb-sub-list .gnb-sub-con > ul button:focus {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 {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 {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;}

/* .sch-input {display: flex; position: relative; width: 100%;}
.sch-input .krds-input {padding: 0 0.8rem 0 1.6rem;}
.krds-input:not(textarea):placeholder-shown {display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.sch-input .krds-input.xlarge {font-weight: 700; padding: 0 7.2rem 0 2.4rem;}
.sch-input .ico-search {position: absolute; top: 50%; right: 1.6rem; transform: translateY(-50%); pointer-events: none;}

.krds-input {position: relative; width: 100%; padding: 0 1.6rem; background-color: var(--krds-light-color-surface-white); border: 1px solid var(--krds-light-color-input-border); font-family: inherit; color: var(--krds-light-color-text-subtle); transition: 0.4s ease-in-out; height: 5.6rem; border-radius: 0.8rem; font-size: 1.9rem;}

.krds-input.small {height: 4rem; border-radius: 0.6rem; font-size: 1.5rem;}
.krds-input.medium {height: 4.8rem; border-radius: 0.6rem; font-size: 1.7rem;}
.krds-input.large {height: 5.6rem; border-radius: 0.8rem; font-size: 1.9rem;}
.krds-input.xlarge {height: 8rem; border-radius: 1rem; font-size: 2.4rem; font-weight: 700;}

.krds-input:focus,
.krds-input.focus {border-color: var(--krds-light-color-border-primary); border-width: 2px; outline: none; box-shadow: none;}

.krds-input[readonly] {background-color: var(--krds-light-color-action-disabled); border-color: var(--krds-light-color-border-gray); color: var(--krds-light-color-text-subtle);}
.krds-input[readonly].datepicker {background-color: var(--krds-light-color-surface-white); border-color: var(--krds-light-color-input-border); color: var(--krds-light-color-text-subtle);}
.krds-input[readonly]:focus {border-color: var(--krds-light-color-border-primary);}

.krds-input[disabled] {background-color: var(--krds-light-color-action-disabled); border-color: var(--krds-light-color-border-gray); color: var(--krds-light-color-text-disabled-on);}

.krds-input::-webkit-input-placeholder {color: var(--krds-light-color-text-disabled);}
.krds-input::-moz-placeholder {color: var(--krds-light-color-text-disabled);}
.krds-input:-ms-input-placeholder {color: var(--krds-light-color-text-disabled);}
.krds-input::-ms-input-placeholder {color: var(--krds-light-color-text-disabled);}

.krds-input:not(textarea):placeholder-shown {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.is-error .krds-input {background-color: var(--krds-light-color-surface-white); border-color: var(--krds-light-color-input-border-error); border-width: 2px; color: var(--krds-light-color-text-subtle);}
.is-error .krds-input:focus {border-color: var(--krds-light-color-border-primary);} */



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

/* btn
.krds-btn {gap: 0.4rem; height: 5.6rem; padding:0 2rem; border-radius: 0.8rem; font-size: 1.9rem; font-weight: 400; vertical-align: middle;}
.krds-btn .svg-icon {width: 2.4rem; height: 2.4rem; background: var(--main-primary-50);}

.krds-btn.xsmall {gap: 0.2rem; height: 3.2rem; padding: 0 1rem; border-radius: 0.4rem; font-size: 1.5rem; font-weight: 400;}
.krds-btn.xsmall .svg-icon {width: 1.6rem; height: 1.6rem;}
.krds-btn.small {gap: 0.2rem; height: 4rem; padding: 0 1.2rem; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 400;}
.krds-btn.small .svg-icon {width: 1.6rem; height: 1.6rem;}
.krds-btn.medium {gap: 0.4rem; height: 4.8rem; padding: 0 1.6rem; border-radius: 0.6rem; font-size: 1.7rem; font-weight: 400;}
.krds-btn.medium .svg-icon {width: 2rem; height: 2rem;}
.krds-btn.large {gap: 1.2rem; height: 5.6rem; padding: 0 2rem; border-radius: 0.8rem; font-size: 1.8rem; font-weight: 600;}
.krds-btn.large .svg-icon {width: 2.4rem; height: 2.4rem;}
.krds-btn.xlarge {gap: 1.2rem; height: 6.4rem; padding: 0 2.4rem; border-radius: 0.8rem; font-size: 1.8rem; font-weight: 600;}
.krds-btn.xlarge .svg-icon {width: 2.4rem; height: 2.4rem;}
.krds-btn {background-color: var(--krds-light-color-button-primary-fill); border-color: var(--krds-light-color-button-primary-fill); color: var(--main-primary-50);}
.krds-btn.primary {background-color: var(--krds-light-color-button-primary-fill); border-color: var(--krds-light-color-button-primary-fill); color: var(--main-primary-50);}
.krds-btn.primary:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-inverse-static);}
.krds-btn.primary:hover {background-color: var(--krds-light-color-button-primary-fill-hover);}
.krds-btn.primary:active,
.krds-btn.primary:focus {background-color: var(--krds-light-color-button-primary-fill-hover);}
.krds-btn.primary.disabled,
.krds-btn.primary[disabled] {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}
.krds-btn.primary.disabled:not(.icon) .svg-icon,
.krds-btn.primary[disabled]:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-disabled-on);}
.krds-btn.primary.disabled:hover,
.krds-btn.primary[disabled]:hover {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--main-primary-50);}

.krds-btn.secondary {border-width: 1px; background-color: var(--main-secondary-5); border-color: var(--main-secondary-60); color: var(--main-secondary-60);}
.krds-btn.secondary:not(.icon) .svg-icon {background-color: var(--main-secondary-60);}
.krds-btn.secondary:hover {background-color: var(--main-secondary-10);}
.krds-btn.secondary:active,
.krds-btn.secondary:focus {background-color: var(--main-secondary-10);}
.krds-btn.secondary.disabled,
.krds-btn.secondary[disabled] {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}
.krds-btn.secondary.disabled:not(.icon) .svg-icon,
.krds-btn.secondary[disabled]:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-disabled-on);}
.krds-btn.secondary.disabled:hover,
.krds-btn.secondary[disabled]:hover {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}

.krds-btn.tertiary {border-width: 1px; background-color: #fff; border-color: var(--krds-light-color-button-tertiary-border); color: var(--krds-light-color-text-basic);}
.krds-btn.tertiary:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-basic);}
.krds-btn.tertiary:hover {background-color: var(--krds-light-color-button-tertiary-fill-hover);}
.krds-btn.tertiary:active,
.krds-btn.tertiary:focus {background-color: var(--krds-light-color-button-tertiary-fill-pressed);}
.krds-btn.tertiary.disabled,
.krds-btn.tertiary[disabled] {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}
.krds-btn.tertiary.disabled:not(.icon) .svg-icon,
.krds-btn.tertiary[disabled]:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-disabled-on);}
.krds-btn.tertiary.disabled:hover,
.krds-btn.tertiary[disabled]:hover {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}

.krds-btn.text {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-button-text-border); color: var(--krds-light-color-text-basic);}
.krds-btn.text:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-basic);}
.krds-btn.text:hover {background-color: var(--krds-light-color-button-text-fill-hover);}
.krds-btn.text:active,
.krds-btn.text:focus {background-color: var(--krds-light-color-button-text-fill-pressed);}
.krds-btn.text.disabled,
.krds-btn.text[disabled] {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-border-transparency); color: var(--krds-light-color-text-disabled);}
.krds-btn.text.disabled:not(.icon) .svg-icon,
.krds-btn.text[disabled]:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-disabled);}
.krds-btn.text.disabled:hover,
.krds-btn.text[disabled]:hover {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-border-transparency); color: var(--krds-light-color-text-disabled);}

.krds-btn.link {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-button-text-border); color: var(--krds-light-color-link-default);}
.krds-btn.link:not(.icon) .svg-icon {background-color: var(--krds-light-color-link-default);}
.krds-btn.link:hover {background-color: var(--krds-light-color-button-text-fill);}
.krds-btn.link:active,
.krds-btn.link:focus {background-color: var(--krds-light-color-button-text-fill);}
.krds-btn.link.disabled,
.krds-btn.link[disabled] {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-border-transparency); color: var(--krds-light-color-text-disabled);}
.krds-btn.link.disabled:not(.icon) .svg-icon,
.krds-btn.link[disabled]:not(.icon) .svg-icon {background-color: var(--krds-light-color-text-disabled);}
.krds-btn.link.disabled:hover,
.krds-btn.link[disabled]:hover {background-color: var(--krds-light-color-button-text-fill); border-color: var(--krds-light-color-border-transparency); color: var(--krds-light-color-text-disabled);}

.krds-btn {display: inline-flex; align-items: center; justify-content: center; flex-direction: row; width: auto; border-style: solid; cursor: pointer; white-space: nowrap; transition: 0.4s ease-in-out; border-width: 0;}
.krds-btn .svg-icon {transition: 0.4s ease-in-out;}
.krds-btn:hover {background-color: var(--main-primary-10);}
.krds-btn:active,
.krds-btn:focus {background-color: var(--main-primary-10);}
.krds-btn:not(.text, .tertiary, .secondary):hover,
.krds-btn:not(.text, .tertiary, .secondary):active,
.krds-btn:not(.text, .tertiary, .secondary):focus {color: var(--main-primary-50);}
.krds-btn.disabled,
.krds-btn[disabled] {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on); cursor: default;}
.krds-btn.disabled:hover,
.krds-btn[disabled]:hover {background-color: var(--krds-light-color-button-disabled-fill); border-color: var(--krds-light-color-button-disabled-border); color: var(--krds-light-color-text-disabled-on);}

.krds-btn.text {display: inline-block; height: auto !important; padding: 0.5rem 0.2rem; text-align: left; white-space: normal;} */
.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 {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 {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.text.xsmall {min-height: 3.2rem; padding: 0 1rem;}
.krds-btn.text.xsmall .svg-icon {margin-bottom: -.3rem;}
.krds-btn.text.small {padding: 0 0.2rem; font-size: 1.5rem;}
.krds-btn.text.small .svg-icon {margin-bottom: -.3rem;}
.krds-btn.text.medium {padding: 0.2rem;}
.krds-btn.text.medium .svg-icon {margin-bottom: -.4rem;}
.krds-btn.text.large {padding: 0.5rem 0.2rem;}
.krds-btn.text.large .svg-icon {margin-bottom: -.5rem;}
.krds-btn.text.xlarge {padding: 0.9rem 0.2rem;}
.krds-btn.text.xlarge .svg-icon {margin-bottom: -.6rem;}
.krds-btn.text.h-auto {height: auto; padding: 0.2rem !important;}
.krds-btn.text .svg-icon {display: inline-block; margin-bottom: -.5rem;} */

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

/* .krds-btn.link.xsmall {padding: 0 1rem; font-size: 1.5rem;}
.krds-btn.link.xsmall .svg-icon {margin-bottom: -.3rem;}
.krds-btn.link.small {padding: 0 0.2rem; font-size: 1.5rem;}
.krds-btn.link.small .svg-icon {margin-bottom: -.3rem;}
.krds-btn.link.medium {padding: 0 0.2rem; font-size: 1.7rem;}
.krds-btn.link.medium .svg-icon {margin-bottom: -.4rem;}
.krds-btn.link.large {padding: 0 0.2rem; font-size: 1.9rem;}
.krds-btn.link.large .svg-icon {margin-bottom: -.5rem;}
.krds-btn.link.xlarge {padding: 0 0.2rem; font-size: 1.9rem;}
.krds-btn.link.xlarge .svg-icon {margin-bottom: -.6rem;}
.krds-btn.link.basic {color: var(--krds-light-color-text-basic);}
.krds-btn.link.basic .svg-icon {background-color: var(--krds-light-color-text-basic);}
.krds-btn.link.basic.pure:active,
.krds-btn.link.basic.pure:focus,
.krds-btn.link.basic.pure:hover,
.krds-btn.link.basic.pure:visited {color: var(--krds-light-color-text-basic);}

.krds-btn.link.basic.pure:active .svg-icon,
.krds-btn.link.basic.pure:focus .svg-icon,
.krds-btn.link.basic.pure:hover .svg-icon,
.krds-btn.link.basic.pure:visited .svg-icon {background-color: var(--krds-light-color-text-basic);}

.krds-btn.link:hover {color: var(--krds-light-color-link-hover);}
.krds-btn.link:hover .svg-icon {background-color: var(--krds-light-color-link-hover);}

.krds-btn.link:active,
.krds-btn.link:focus {color: var(--krds-light-color-link-pressed);}
.krds-btn.link:active .svg-icon,
.krds-btn.link:focus .svg-icon {background-color: var(--krds-light-color-link-pressed);}

.krds-btn.link:visited {color: var(--krds-light-color-link-visited); text-decoration: none;}
.krds-btn.link:visited .svg-icon {background-color: var(--krds-light-color-link-visited);}

.krds-btn.link.pure:active,
.krds-btn.link.pure:focus,
.krds-btn.link.pure:hover,
.krds-btn.link.pure:visited {color: var(--krds-light-color-link-default);}
.krds-btn.link.pure:active .svg-icon,
.krds-btn.link.pure:focus .svg-icon,
.krds-btn.link.pure:hover .svg-icon,
.krds-btn.link.pure:visited .svg-icon {background-color: var(--krds-light-color-link-default);}

.krds-btn.link .underline.hidden-underline {text-decoration-color: var(--krds-light-color-border-transparency); transition: 0.4s ease-in-out;}

.krds-btn.link:active .underline.hidden-underline,
.krds-btn.link:focus .underline.hidden-underline,
.krds-btn.link:hover .underline.hidden-underline,
.krds-btn.link:visited .underline.hidden-underline {text-decoration-color: inherit;}
.krds-btn.link .svg-icon {display: inline-block; margin-bottom: -.5rem;}

.krds-btn.icon {width: 2.4rem; height: 2.4rem; padding: 0 !important; background-color: transparent; border-color: var(--krds-light-color-border-transparency); color: inherit; border: 0;}

.krds-btn.icon:active,
.krds-btn.icon:hover {background-color: inherit;}
.krds-btn.icon.xsmall {width: 1.6rem; height: 1.6rem;}
.krds-btn.icon.xsmall .svg-icon {width: 100%; height: 100%;}
.krds-btn.icon.small {width: 2rem; height: 2rem;}
.krds-btn.icon.small .svg-icon {width: 100%; height: 100%;}
.krds-btn.icon.medium {width: 2.4rem; height: 2.4rem;}
.krds-btn.icon.medium .svg-icon {width: 100%; height: 100%;}
.krds-btn.icon.large {width: 3.2rem; height: 3.2rem;}
.krds-btn.icon.large .svg-icon {width: 100%; height: 100%;}
.krds-btn.icon.xlarge {width: 4rem; height: 4rem;}
.krds-btn.icon.xlarge .svg-icon {width: 100%; height: 100%;}
.krds-btn.icon .svg-icon {background-color: var(--krds-light-color-text-basic);}
.krds-btn.icon.pure .svg-icon {background-color: transparent;}
.krds-btn.icon.border {background-color: var(--krds-light-color-background-white); border: .1rem solid var(--krds-light-color-border-gray); border-radius: 100rem;}
.krds-btn.icon.border.large .svg-icon {width: 1.6rem; height: 1.6rem;}
.krds-btn.icon.border.xlarge .svg-icon {width: 2.4rem; height: 2.4rem;}
.krds-btn.icon.border.disabled,
.krds-btn.icon.border[disabled] {background-color: var(--krds-light-color-button-disabled-fill);}

.krds-btn .svg-icon {-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mask-size: contain;}
.svg-icon.ico-go {-webkit-mask-image: url('../images/krds/ico_go.svg'); mask-image: url('../images/krds/ico_go.svg');}
.svg-icon.ico-reset {-webkit-mask-image: url('../images/krds/ico_reset.svg'); mask-image: url('../images/krds/ico_reset.svg');}
.svg-icon.ico-toggle {-webkit-mask-image: url('../images/krds/ico_angle.svg'); mask-image: url('../images/krds/ico_angle.svg');}
.svg-icon.ico-angle.right {-webkit-mask-image: url('../images/krds/ico_angle.svg'); mask-image: url('../images/krds/ico_angle.svg'); transform: rotate(-90deg)}
.svg-icon.ico-global {-webkit-mask-image: url('../images/krds/ico_global.svg'); mask-image: url('../images/krds/ico_global.svg');}
.svg-icon.ico-popup-close {-webkit-mask-image: url('../images/krds/ico_close.svg'); mask-image: url('../images/krds/ico_close.svg');}
.svg-icon.ico-log {-webkit-mask-image: url('../images/krds/ico_login.svg'); mask-image: url('../images/krds/ico_login.svg');}
.svg-icon.ico-sch {-webkit-mask-image: url('../images/krds/ico_sch.svg'); mask-image: url('../images/krds/ico_sch.svg');}
.svg-icon.ico-logout {-webkit-mask-image: url('../images/krds/ico_logout.svg'); mask-image: url('../images/krds/ico_logout.svg');}
.svg-icon.ico-facebook {-webkit-mask-image: url('../images/krds/ico_facebook.svg'); mask-image: url('../images/krds/ico_facebook.svg');}
.svg-icon.ico-blog {-webkit-mask-image: url('../images/krds/ico_blog.svg'); mask-image: url('../images/krds/ico_blog.svg');}
.svg-icon.ico-youtube {-webkit-mask-image: url('../images/krds/ico_youtube.svg'); mask-image: url('../images/krds/ico_youtube.svg');}
.svg-icon.ico-carot {-webkit-mask-image: url('../images/krds/ico_carot.svg'); mask-image: url('../images/krds/ico_carot.svg');}
.svg-icon.ico-instagram {-webkit-mask-image: url('../images/krds/ico_instagram.svg'); mask-image: url('../images/krds/ico_instagram.svg');}
.svg-icon.ico-kakao {-webkit-mask-image: url('../images/krds/ico_kakao.svg'); mask-image: url('../images/krds/ico_kakao.svg');}

.svg-icon.ico-angle.down {-webkit-mask-image: url('../images/krds/ico_angle.svg'); mask-image: url('../images/krds/ico_angle.svg');}
.svg-icon.ico-refresh {-webkit-mask-image: url('../images/krds/ico_reset.svg'); mask-image: url('../images/krds/ico_reset.svg');}
.svg-icon.ico-help {-webkit-mask-image: url('../images/krds/ico_help.svg'); mask-image: url('../images/krds/ico_help.svg');}
.svg-icon.ico-pw-visible {-webkit-mask-image: url('../images/krds/ico_pw_visible_off.svg'); mask-image: url('../images/krds/ico_pw_visible_off.svg');}
.svg-icon.ico-filter {-webkit-mask-image: url('../images/krds/ico_filter.svg'); mask-image: url('../images/krds/ico_filter.svg');}
.svg-icon.ico-more {-webkit-mask-image:	url('../images/krds/ico_more.svg'); mask-image: url('../images/krds/ico_more.svg');}
.svg-icon.ico-like {-webkit-mask-image: url('../images/krds/ico_like.svg'); mask-image: url('../images/krds/ico_like.svg');}
.svg-icon.ico-down {-webkit-mask-image: url('../images/krds/ico_download.svg'); mask-image: url('../images/krds/ico_download.svg');}
.svg-icon.ico-arr {-webkit-mask-image: url('../images/krds/ico_arr_btm.svg'); mask-image: url('../images/krds/ico_arr_btm.svg');} */

/* badge
.krds-badge {display: inline-flex; align-items: center; justify-content: center; flex-direction: row;}
.krds-badge.outline-primary {border: 1px solid var(--krds-light-color-element-primary); color: var(--krds-light-color-text-primary);}
.krds-badge.bg-primary {background-color: var(--krds-light-color-element-primary); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-primary {background-color: var(--krds-light-color-element-primary); color: var(--krds-light-color-text-primary);}

.krds-badge.outline-secondary {border: 1px solid var(--krds-badge--light-color-secondary-element); color: var(--krds-light-color-text-secondary);}
.krds-badge.bg-secondary {background-color: var(--krds-light-color-element-secondary);color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-secondary {background-color: var(--krds-light-color-element-secondary-lighter); color: var(--krds-light-color-text-secondary);}

.krds-badge.outline-gray {border: 1px solid var(--krds-badge--light-color-gray-element); color: var(--krds-light-color-text-subtle);}
.krds-badge.bg-gray {background-color: var(--krds-light-color-element-gray); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-gray {background-color: var(--krds-light-color-element-gray-light); color: var(--krds-light-color-text-subtle);}

.krds-badge.outline-point {border: 1px solid var(--krds-badge--light-color-point-element); color: var(--krds-light-color-text-point);}
.krds-badge.bg-point {background-color: var(--krds-light-color-element-point);color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-point {background-color: var(--krds-light-color-element-point-lighter); color: var(--krds-light-color-text-point);}

.krds-badge.outline-danger {border: 1px solid var(--krds-badge--light-color-danger-element); color: var(--krds-light-color-text-danger);}
.krds-badge.bg-danger {background-color: var(--krds-light-color-element-danger); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-danger {background-color: var(--krds-light-color-element-danger-lighter); color: var(--krds-light-color-text-danger);}

.krds-badge.outline-warning {border: 1px solid var(--krds-badge--light-color-warning-element); color: var(--krds-light-color-text-warning);}
.krds-badge.bg-warning {background-color: var(--krds-light-color-element-warning); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-warning {background-color: var(--krds-light-color-element-warning-lighter); color: var(--krds-light-color-text-warning);}

.krds-badge.outline-success {border: 1px solid var(--krds-badge--light-color-success-element); color: var(--krds-light-color-text-success);}
.krds-badge.bg-success {background-color: var(--krds-light-color-element-success); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-success {background-color: var(--krds-light-color-element-success-lighter); color: var(--krds-light-color-text-success);}

.krds-badge.outline-information {border: 1px solid var(--krds-badge--light-color-information-element); color: var(--krds-light-color-text-information);}
.krds-badge.bg-information {background-color: var(--krds-light-color-element-information); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-information {background-color: var(--krds-light-color-element-information-lighter); color: var(--krds-light-color-text-information);}

.krds-badge.outline-disabled {border: 1px solid var(--krds-badge--light-color-disabled-element); color: var(--krds-light-color-text-disabled-on);}
.krds-badge.bg-disabled {background-color: var(--krds-light-color-element-disabled-dark); color: var(--krds-light-color-text-inverse-static);}
.krds-badge.bg-light-disabled {background-color: var(--krds-light-color-element-disabled-light); color: var(--krds-light-color-text-disabled-on);}

.krds-badge.bg-warning {color: var(--krds-light-color-text-static);}

.krds-badge {height: 2.4rem; line-height: 2.4rem; font-size: 1.5rem; font-weight: 400; padding: 0 0.8rem; border-radius: 0.4rem;}
.krds-badge.large {height: 3.2rem; font-size: 1.7rem;}
.krds-badge.number {height: 2rem; border-radius: 100rem;}
.krds-badge.dot {width: 0.6rem; height: 0.6rem; padding: 0; border-radius: 100rem;}
.krds-badge-wrap {display: flex; gap: 0.8rem;} */

/* 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.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 {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: "•"}
.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-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 {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.6rem; }
.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(v--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,
.breadcrumb > ol li a.txt:not(:disabled):focus {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 {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 {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 {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 {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 {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;}

/* krds-form-check - Size Variables
.krds-check-area {display: flex; gap: 2rem;}
.krds-check-area.chk-column {flex-direction: column;}


/* krds-form-check - Focus
.krds-form-check input[type="radio"]:focus ~ label, .krds-form-check input[type="checkbox"]:focus ~ label {outline: 2px solid; outline-offset: 0.4rem;}*/

/* krds-form-check - Radio
.krds-form-check label {position: relative; padding-left: 26px;}
.krds-form-check label::before,
.krds-form-check label::after {display: none;}
.krds-form-check input {position: absolute; width: 0; height: 0; margin: 0; clip: rect(0,0,0,0); border: 0; overflow: hidden;}
.krds-form-check input + label i {display: inline-block; position: absolute; z-index: 1; top: 3px; left: 0; width: 20px; height: 20px; vertical-align: top; border: 1px solid var(--krds-form-check--button-color-border); background: #fff; background-position: center; background-size: 20px; box-sizing: border-box;}
.krds-form-check input + label i::before {content:''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all .3s ease;}
.krds-form-check input:checked + label i::before {opacity: 1;}

.krds-form-check input[type="radio"] + label i {border-radius: 50rem;}
.krds-form-check input[type="radio"]:disabled + i {border-color: var(--krds-form-check--radio-check-color-element-disabled)}
.krds-form-check input[type="radio"] + label i::before {width: 10px; height: 10px; border-radius: 10px; background: var(--krds-light-color-text-basic);}
.krds-form-check input[type="radio"]:checked + label i {border: 1.4px solid var(--krds-light-color-text-basic);}

.krds-form-check input:disabled + label i {border-color: var(--krds-form-check--button-color-border-disabled) !important; background: var(--krds-form-check--button-color-element-disabled) !important;}
.krds-form-check input:checked:disabled + label i {border-color: var(--krds-form-check--radio-check-color-element-disabled) !important;}
.krds-form-check input:checked:disabled + label i::before {background: var(--krds-form-check--radio-check-color-element-disabled) !important;}

.krds-form-check input[type="checkbox"] + label i {border-radius: 4px;}
.krds-form-check input[type="checkbox"]:checked + label i {background: var(--krds-form-check--checkbox-button-color-element-checked); border-color: var(--krds-form-check--checkbox-button-color-element-checked);}
.krds-form-check input[type="checkbox"]:checked + label i::before {width: 12px; height: 12px; background-color: #fff; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; make-repeat: no-repeat; mask-poisition: center; mask-size: contain; -webkit-mask-image: url(../images/krds/ico_checkbox_checked.svg); mask-image: url(../images/krds/ico_checkbox_checked.svg);}

.krds-form-check.large label {padding-left: 32px;}
.krds-form-check.large input + label i {width: 24px; height: 24px;}
.krds-form-check.large input[type="radio"] + label i::before {width: 12px; height: 12px;}
.krds-form-check.large input[type="checkbox"] + label i::before {width: 16px; height: 16px;}

/* krds-form-check - Additional Text
.krds-form-check .krds-form-check-cnt {margin-top: var(--krds-padding-2);}
.krds-form-check .krds-form-check-cnt .krds-form-check-p {color: var(--krds-form-check--additional-text-color-text);}*/

/* krds-form-check - Size: large
.krds-form-check.large input[type="radio"] ~ label, .krds-form-check.large input[type="checkbox"] ~ label {gap: 0.8rem; font-size: 1.9rem;}*/

/* 콘텐츠 */
#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: #F6F4FB;}
.tbox .btn-wrap {margin-top: 2rem;}
.tbox2 {padding: 3rem; font-size: 1.7rem; /* background: url(../images/krds/bd-dash-05.png) no-repeat right bottom/15px, url(../images/krds/bd-dash-03.png) no-repeat right top/15px, url(../images/krds/bd-dash-07.png) no-repeat left bottom/12px, url(../images/krds/bd-dash-01.png) no-repeat left top/12px, url(../images/krds/bd-dash-04.png) repeat-y left top/1px, url(../images/krds/bd-dash-04.png) repeat-y right top/1px, url(../images/krds/bd-dash-02.png) repeat-x left top/7px, url(../images/krds/bd-dash-02.png) repeat-x left bottom/7px; */ 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; border-bottom: 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:last-of-type {border-bottom: 0;}
#detail_con .section h3 {display: flex; gap: 1rem; align-items: center; margin-bottom: 2rem; font-size: 2.8rem; font-weight: 700; color: var(--main-secondary-80);}
#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: 1.9rem; margin-bottom: 1.6rem; font-weight: 700; padding-left: 2.3rem; background: url(../images/krds/ico_main_sec_h4.svg) no-repeat left top 0.5rem;}
#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 .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,
.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: 3.2rem;}
.info-list.order > li:before {content: counter(counter, decimal-leading-zero) '.'; position: absolute; z-index: 1; left: 0; top: 0;}

.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;}
.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; 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);}
.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);}
.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;}

.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 {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 {display: flex; align-items: stretch; gap: 16px;}
.step-wrap > li {display: flex; flex-direction: column; align-items: flex-start; flex: 1; min-width: 0; font-size: 1.6rem; line-height: 1.5;}
.step-wrap > li .tit {position: relative; text-align: center; width: 100%; font-weight: 600; color: #104201; padding: 1rem 0; background: url(../images/krds/ico_step_list_tit01.svg) no-repeat left top, url(../images/krds/ico_step_list_tit03.svg) no-repeat right top, url(../images/krds/ico_step_list_tit02.svg) repeat-x center top;}
.step-wrap > li .con {flex-grow: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; text-align: center; padding: 1.9rem; border-bottom: 1px solid var(--krds-light-color-border-gray);}
.step-wrap > li .con .con-tit {color: var(--main-primary-70); 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 {align-items: stretch; flex-direction: row; width: 100%; flex: 1; border-radius: 4px; border: 1px solid #71C656; overflow: hidden;}
.step-wrap.column > li .tit {display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; width: 23rem; padding: 1.9rem; background: #F4FAF0 url(../images/krds/ico_step_column.svg) no-repeat right center/20px 100% !important;}
.step-wrap.column > li .con {padding: 1.9rem 1.9rem 1.9rem 4.4rem; text-align: left; align-items: flex-start; border-bottom: 0;}
.step-wrap.column > li .con p {font-size: 1.4rem;}
.step-wrap.con-left .con {text-align: left; align-items: flex-start;}

.step-wrap.simple {--step-gap: 2.8rem; counter-reset: simple; gap: var(--step-gap);}
.step-wrap.simple > li {position: relative; flex-direction: row; counter-increment: simple; display: flex; justify-content: center; align-items: center; min-height: 5.6rem; padding: 0.4rem 0.8rem; font-size: 1.7rem; font-weight: 500; border: 1px solid var(--krds-light-color-surface-disabled); border-radius: 0.5rem;}
.step-wrap.simple > li p {display: flex;}
.step-wrap.simple > li p::before {content: counter(simple, decimal-leading-zero) '.'; margin-right: 0.4rem; color: var(--krds-light-color-text-disabled);}
.step-wrap.simple > li + li::after {content: ''; position: absolute; z-index: 1; left: calc(-1 * var(--step-gap) / 2 - 0.9rem); top: 50%; width: 1.6rem; height: 1.6rem; -webkit-mask-image: url(../images/krds/ico_angle.svg); mask-image: url(../images/krds/ico_angle.svg); mask-size: 1.6rem; background: var(--krds-light-color-text-disabled); transform-origin: 50% 50%; transform: translateY(-50%) rotate(-90deg);}
.step-wrap.simple > li:first-of-type {border-color: var(--krds-light-color-surface-inverse-static);}

[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 {height: 66rem; border-radius: 2.6rem; overflow: hidden; border: 1px solid #dadada; box-shadow: var(--krds-shadow3);}
.link-box p img {width: 100%;}
.img-box {text-align: center;}
.img-box img {display: inline-block; max-width: 100%;}

/* 구정목표 */
.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;}

/********************************************************************************** 반응형*********************************************************************/

@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: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--krds-light-color-border-gray-light)}
	.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;}

}

@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-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 */
	#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: 14px; 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);}
	.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 {width: 48%; flex: 1 1 auto; max-width: calc((100% - 2rem) / 2);}
	.step-wrap > li .con {padding: 1.2rem;}
	.step-wrap > li .tit {line-height: 1.45; padding: 0.7rem 0; height: 30px; background-image: url(../images/krds/ico_step_list_tit01_m.svg), url(../images/krds/ico_step_list_tit03_m.svg), url(../images/krds/ico_step_list_tit02_m.svg);}
	.step-wrap .info-list {width: 100%;}
	.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 > li {width: 100%; max-width: 100%;}
	.step-wrap.simple > li + li::after {left: 50%; top: calc(-1 * var(--step-gap) / 2 - 0.9rem); transform: translateX(-50%);}

	.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;}
}