@charset "utf-8";

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

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

/*html,
body {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif;
    font-size: 1.7rem;  17px
    font-weight: var(--krds-font-weight-regular);
    color: var(--krds-color-light-gray-90);
    line-height: var(--krds-line-height-base);
    letter-spacing: var(--krds-letter-spacing-none);
}*/

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

body,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    /*color: var(--krds-color-light-gray-9var(--krds-number-0)) !important;*/
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    padding: var(--krds-number-0);
    margin: var(--krds-number-0);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    /*font-size: var(--krds-pc-font-size-body-medium) !important;*/
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    padding: var(--krds-number-0);
    margin: var(--krds-number-0);
}

.cont p,
.cont ul,
.cont ol,
.cont li,
.cont dl,
.cont dt,
.cont dd,
.cont table,
.cont textarea
    /*.fiss-form-wrap. p,
    .fiss-form-wrap ul,
    .fiss-form-wrap ol,
    .fiss-form-wrap li,
    .fiss-form-wrap dl,
    .fiss-form-wrap dt,
    .fiss-form-wrap dd,
    .fiss-form-wrap table,
    .fiss-form-wrap textarea*/ {
    line-height: var(--krds-line-height-base) !important;
}

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

/* *********************************************************************************
 *  컨텐츠 공통
 * *********************************************************************************/

/* layout */
.flex {
    display: flex;
    flex: 1;
}

.inline-flex {
    display: inline-flex;
    flex: 1;
}

.flex-none {
    flex: none !important;
}

.f-auto {
    flex: auto !important;
    width: auto !important;
    max-width: 100%;
}

.f1 {
    flex: 1 !important;
    width: auto !important;
    max-width: 100%;
}

.f2 {
    flex: 2 !important;
}

.f3 {
    flex: 3 !important;
}

.f4 {
    flex: 4 !important;
}

.f5 {
    flex: 5 !important;
}

.wrap {
    flex-wrap: wrap !important;
}

.row-wrap {
    flex-flow: row wrap !important;
    width: auto !important;
    align-items: center;
}

.column {
    flex-flow: column !important;
}

.align-flex-start {
    align-items: flex-start !important;
}

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

.justify-flex-end {
    justify-content: flex-end !important;
}

.justify-flex-center {
    justify-content: center !important;
}

.justify-flex-stretch {
    align-items: stretch !important;
}

.alig-self-stretch {
    align-self: stretch !important;
}

.flex-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-shrink {
    flex-shrink: 0 !important;
}

/* 폰트 사이즈 */
.font12,
.fS-12 {
    font-size: 1.2rem !important;
}

.font13,
.fS-13 {
    font-size: 1.3rem !important;
}

.font14,
.fS-14 {
    font-size: 1.4rem !important;
}

.font15,
.fS-15 {
    font-size: 1.5rem !important;
}

.font16 {
    font-size: 1.6rem !important;
}

.font17,
.fS-17 {
    font-size: 1.7rem !important;
}

.font18,
.fS-18 {
    font-size: 1.8rem !important;
}

.font19,
.fS-19 {
    font-size: 1.9rem !important;
}

.font20{
    font-size: 2rem !important;
}

.font21,
.fS-21 {
    font-size: 2.1rem !important;
}

.font24,
.fS-24 {
    font-size: 2.4rem !important;
}

.font28 {
    font-size: 2.8rem !important;
}

.font32 {
    font-size: 3.2rem !important;
}

/* 폰트 굵기 */
.fw-400,
.regular {
    font-weight: var(--krds-font-weight-regular) !important;
}

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

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

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

/* 텍스트 정렬 */
.left,
.txt-left {
    text-align: left !important;
}

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

.right,
.txt-right {
    text-align: right !important;
}

.v_top {
    vertical-align: top !important;
}

.v_middle {
    vertical-align: middle !important;
}

.v_bottom {
    vertical-align: bottom !important;
}

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

.keep-all {
    word-break: keep-all !important;
}

.pre-wrap {
    white-space: pre-wrap !important;
}

.ellipsis {
    overflow: hidden;           /* 넘치는 내용 숨김 */
    white-space: nowrap;        /* 줄바꿈 금지 */
    text-overflow: ellipsis;    /* 넘치면 ... 표시 */
}

.ellipsis-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 2;         /* 원하는 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 배경색 */
.in-bg-wh {
    background: var(--krds-light-color-surface-white) !important;
}

.in-bg,
.bg_sky {
    background: var(--krds-color-light-primary-5) !important;
}

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

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

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

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

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

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

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

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

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

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

/* 들여쓰기 마진값 */
.ml_minus_l {
    margin-left: -3.2rem !important;
    width: auto !important;
}

.ml_minus_m {
    margin-left: -2.4rem !important;
    width: auto !important;
}

.ml_minus_s {
    margin-left: -2rem !important;
    width: auto !important;
}

.ml_minus_xs {
    margin-left: -1.8rem !important;
    width: auto !important;
}

/* width */
.w-8rem {
    min-width: 8rem !important;
    width: 100%;
}

.w-12rem {
    min-width: 12rem !important;
    width: 100%;
}

.w-16rem {
    min-width: 16rem !important;
    width: 100%;
}

.w-20rem {
    min-width: 20rem !important;
    width: 100%;
}

.w-24rem {
    min-width: 24rem !important;
    width: 100%;
}

.w-32rem {
    min-width: 32rem !important;
    width: 100%;
}

.w-40rem {
    min-width: 40rem !important;
    width: 100%;
}

.wauto {
    width: auto !important;
    flex: 0 0 auto !important;
}

.w_30 {
    width: 3rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_40 {
    width: 4rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_50 {
    width: 5rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_60 {
    width: 6rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_70 {
    width: 7rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_80 {
    width: 8rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_90 {
    width: 9rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_100 {
    width: 10rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_110 {
    width: 11rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_120 {
    width: 12rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_130 {
    width: 13rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_140 {
    width: 14rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_150 {
    width: 15rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_160 {
    width: 16rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_170 {
    width: 17rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_180 {
    width: 18rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_185 {
    width: 18.5rem !important;
    /*flex: 0 0 auto !important;*/
    min-width: inherit !important;
}

.w_190 {
    width: 19rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_200 {
    width: 20rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_210 {
    width: 21rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_220 {
    width: 22rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_230 {
    width: 23rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_240 {
    width: 24rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_250 {
    width: 25rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_260 {
    width: 26rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_270 {
    width: 27rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_280 {
    width: 28rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_290 {
    width: 29rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_300 {
    width: 30rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_310 {
    width: 31rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_320 {
    width: 32rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_330 {
    width: 33rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_340 {
    width: 34rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_350 {
    width: 35rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_360 {
    width: 36rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_370 {
    width: 37rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_380 {
    width: 38rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_390 {
    width: 39rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_400 {
    width: 40rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_410 {
    width: 41rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_420 {
    width: 42rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_430 {
    width: 43rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_440 {
    width: 44rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_450 {
    width: 45rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_460 {
    width: 46rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_470 {
    width: 47rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_480 {
    width: 48rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_490 {
    width: 49rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_500 {
    width: 50rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_510 {
    width: 51rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_520 {
    width: 52rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_530 {
    width: 53rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_540 {
    width: 54rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_550 {
    width: 55rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_560 {
    width: 56rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_570 {
    width: 57rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_580 {
    width: 58rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_590 {
    width: 59rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_600 {
    width: 60rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_610 {
    width: 61rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_620 {
    width: 62rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_630 {
    width: 63rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_640 {
    width: 64rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_650 {
    width: 65rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_660 {
    width: 66rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_670 {
    width: 67rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_680 {
    width: 68rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_690 {
    width: 69rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_700 {
    width: 70rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_800 {
    width: 80rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_900 {
    width: 90rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w_1000 {
    width: 100rem !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w80 {
    width: 80% !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w20 {
    width: 20% !important;
    flex: 0 0 auto !important;
    min-width: inherit !important;
}

.w100 {
    width: 100% !important;
}

/* 마진 패딩 */
.ml_auto {
    margin-left: auto;
}

.mr_auto {
    margin-right: auto;
}

.m_auto {
    margin: var(--krds-number-0) auto;
}

.m_0 {
    margin: var(--krds-number-0) !important;
}

.ml_0 {
    margin-left: var(--krds-number-0) !important;
}

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

.mt_0 {
    margin-top: var(--krds-number-0) !important;
}

.mb_0 {
    margin-bottom: var(--krds-number-0) !important;
}

.m_10 {
    margin: 1rem !important;
}

.m_20 {
    margin: 2rem !important;
}

.m_30 {
    margin: 3rem !important;
}

.m_40 {
    margin: 4rem !important;
}

.m_50 {
    margin: 5rem !important;
}

.ml_5 {
    margin-left: 0.5rem !important;
}

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

.ml_15 {
    margin-left: 1.5rem !important;
}

.ml_20 {
    margin-left: 2rem !important;
}

.ml_25 {
    margin-left: 2.5rem !important;
}

.ml_30 {
    margin-left: 3rem !important;
}

.ml_35 {
    margin-left: 3.5rem !important;
}

.ml_40 {
    margin-left: 4rem !important;
}

.ml_45 {
    margin-left: 4.5rem !important;
}

.ml_50 {
    margin-left: 5rem !important;
}

.mr_5 {
    margin-right: 0.5rem !important;
}

.mr_9 {
    margin-right: 0.9rem !important;
}

.mr_10 {
    margin-right: 1rem !important;
}

.mr_15 {
    margin-right: 1.5rem !important;
}

.mr_20 {
    margin-right: 2rem !important;
}

.mr_25 {
    margin-right: 2.5rem !important;
}

.mr_30 {
    margin-right: 3rem !important;
}

.mr_35 {
    margin-right: 3.5rem !important;
}

.mr_40 {
    margin-right: 4rem !important;
}

.mr_45 {
    margin-right: 4.5rem !important;
}

.mr_50 {
    margin-right: 5rem !important;
}

.mt_5 {
    margin-top: 0.5rem !important;
}

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

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

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

.mt_25 {
    margin-top: 2.5rem !important;
}

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

.mt_35 {
    margin-top: 3.5rem !important;
}

.mt_40 {
    margin-top: 4rem !important;
}

.mt_45 {
    margin-top: 4.5rem !important;
}

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

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

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

.mb_15 {
    margin-bottom: 1.5rem !important;
}

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

.mb_25 {
    margin-bottom: 2.5rem !important;
}

.mb_30 {
    margin-bottom: 3rem !important;
}

.mb_35 {
    margin-bottom: 3.5rem !important;
}

.mb_40 {
    margin-bottom: 4rem !important;
}

.mb_45 {
    margin-bottom: 4.5rem !important;
}

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

.pb_0 {
    padding-bottom: var(--krds-number-0) !important;
}

.pl_0 {
    padding-left: var(--krds-number-0) !important;
}

.pr_0 {
    padding-right: var(--krds-number-0) !important;
}

.pt_0 {
    padding-top: var(--krds-number-0) !important;
}

.p_10 {
    padding: 1rem !important;
}

.p_15 {
    padding: 1.5rem !important;
}

.p_20 {
    padding: 2rem !important;
}

.p_30 {
    padding: 3rem !important;
}

.p_40 {
    padding: 4rem !important;
}

.p_50 {
    padding: 5rem !important;
}

.pl_5 {
    padding-left: 0.5rem !important;
}

.pl_10 {
    padding-left: 1rem !important;
}

.pl_15 {
    padding-left: 1.5rem !important;
}

.pl_20 {
    padding-left: 2rem !important;
}

.pl_25 {
    padding-left: 2.5rem !important;
}

.pl_30 {
    padding-left: 3rem !important;
}

.pl_35 {
    padding-left: 3.5rem !important;
}

.pl_40 {
    padding-left: 4rem !important;
}

.pl_45 {
    padding-left: 4.5rem !important;
}

.pl_50 {
    padding-left: 5rem !important;
}

.pr_5 {
    padding-right: 0.5rem !important;
}

.pr_10 {
    padding-right: 1rem !important;
}

.pr_15 {
    padding-right: 1.5rem !important;
}

.pr_20 {
    padding-right: 2rem !important;
}

.pr_25 {
    padding-right: 2.5rem !important;
}

.pr_30 {
    padding-right: 3rem !important;
}

.pr_35 {
    padding-right: 3.5rem !important;
}

.pr_40 {
    padding-right: 4rem !important;
}

.pr_45 {
    padding-right: 4.5rem !important;
}

.pr_50 {
    padding-right: 5rem !important;
}

.pt_5 {
    padding-top: 0.5rem !important;
}

.pt_10 {
    padding-top: 1rem !important;
}

.pt_15 {
    padding-top: 1.5rem !important;
}

.pt_20 {
    padding-top: 2rem !important;
}

.pt_25 {
    padding-top: 2.5rem !important;
}

.pt_30 {
    padding-top: 3rem !important;
}

.pt_35 {
    padding-top: 3.5rem !important;
}

.pt_40 {
    padding-top: 4rem !important;
}

.pt_45 {
    padding-top: 4.5rem !important;
}

.pt_50 {
    padding-top: 5rem !important;
}

.pb_5 {
    padding-bottom: 0.5rem !important;
}

.pb_10 {
    padding-bottom: 1rem !important;
}

.pb_15 {
    padding-bottom: 1.5rem !important;
}

.pb_20 {
    padding-bottom: 2rem !important;
}

.pb_25 {
    padding-bottom: 2.5rem !important;
}

.pb_30 {
    padding-bottom: 3rem !important;
}

.pb_35 {
    padding-bottom: 3.5rem !important;
}

.pb_40 {
    padding-bottom: 4rem !important;
}

.pb_45 {
    padding-bottom: 4.5rem !important;
}

.pb_50 {
    padding-bottom: 5rem !important;
}

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


.item_alt_tit {
    overflow: hidden;
    display: inline-block;
    position: absolute !important;
    z-index: -1;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

.hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: var(--krds-number-0);
    border: 0 none;
    clip: rect(0, 0, 0, 0);
}

.display_none {
    display: none;
}


.block {
    display: block !important;
}

.inline {
    display: inline-block !important;
}

.bt_line {
    border-top: var(--krds-number-1)solid var(--krds-light-color-border-gray-light) !important
}

.bt_line_blue {
    border-top: var(--krds-number-2) solid var(--krds-color-light-secondary-50); !important;
}

.bt_line_none {
    border-top: none !important;
}

.underline {
    text-decoration: underline;
    text-underline-offset: .5rem;
}

.loading-indicator {
    text-align: center;
    padding: 20px;
    font-size: 1rem;
    color: #666;
}

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

/* button */
.btn,
.btn-new {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    width: auto !important;
    background-color: var(--krds-button--color-primary-fill);
    border: var(--krds-number-1) solid var(--krds-button--color-primary-border);;
    color: var(--krds-button--color-primary-text);
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: 0.4s ease-in-out !important;
    margin: var(--krds-number-0) !important;
    min-width: 10.6rem;
}

.btn:hover,
.btn-new:hover {
    background-color: var(--krds-button--color-primary-fill-hover);
    border-color: var(--krds-button--color-primary-border);
    color: var(--krds-button--color-primary-text);
}

.btn:focus,
.btn-new:focus,
.btn:active,
.btn-new:active {
    background-color: var(--krds-button--color-primary-fill-pressed);
    border-color: var(--krds-button--color-primary-border);
    color: var(--krds-button--color-primary-text);
}

.btn:disabled,
.btn-new:disabled {
    background-color: var(--krds-button--color-primary-fill-disabled);
    border-color: var(--krds-button--color-primary-border-disabled);
    color: var(--krds-button--color-primary-text-disabled);
}

.btn.disabled,
.btn-new.disabled {
    background-color: var(--krds-button--color-primary-fill-disabled);
    border-color: var(--krds-button--color-primary-border-disabled);
    color: var(--krds-button--color-primary-text-disabled);
}

.btn.xsmall,
.btn-new.xsmall {
    gap: var(--krds-button--gap-xsmall) !important;
    height: var(--krds-button--size-height-xsmall) !important;
    padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall) !important;
    border-radius: var(--krds-button--radius-xsmall) !important;
    font-size: var(--krds-button--pc-font-size-xsmall) !important;
    font-weight: var(--krds-button--font-weight-xsmall) !important;
    /*color: var(--krds-button--color-primary-text) !important;*/
}

.btn.small,
.btn-new.small {
    gap: var(--krds-button--gap-small) !important;
    height: var(--krds-button--size-height-small);
    padding: var(--krds-button--padding-y-small) var(--krds-button--padding-x-small) !important;
    border-radius: var(--krds-button--radius-small) !important;
    font-size: var(--krds-button--pc-font-size-small) !important;
    font-weight: var(--krds-button--font-weight-small) !important;
    /*color: var(--krds-button--color-primary-text) !important;*/
}

.btn.medium,
.btn-new.medium {
    gap: var(--krds-button--gap-medium) !important;
    height: var(--krds-button--size-height-medium) !important;
    padding: var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium) !important;
    border-radius: var(--krds-button--radius-medium) !important;
    font-size: var(--krds-button--pc-font-size-medium) !important;
    font-weight: var(--krds-button--font-weight-medium) !important;
    /*color: var(--krds-button--color-primary-text) !important;*/
}

.btn.large,
.btn-new.large {
    gap: var(--krds-button--gap-large) !important;
    height: var(--krds-button--size-height-large) !important;
    padding: var(--krds-button--padding-y-large) var(--krds-button--padding-x-large) !important;
    border-radius: var(--krds-button--radius-large) !important;
    font-size: var(--krds-button--pc-font-size-large) !important;
    font-weight: var(--krds-button--font-weight-large) !important;
    /*color: var(--krds-button--color-primary-text) !important;*/
}

.btn.xlarge,
.btn-new.xlarge {
    gap: var(--krds-button--gap-xlarge) !important;
    height: var(--krds-button--size-height-xlarge) !important;
    padding: var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge) !important;
    border-radius: var(--krds-button--radius-xlarge) !important;
    font-size: var(--krds-button--pc-font-size-xlarge) !important;
    font-weight: var(--krds-button--font-weight-xlarge) !important;
    /*color: var(--krds-button--color-primary-text) !important;*/
}

.btn.primary,
.btn-new.primary {
    background-color: var(--krds-button--color-primary-fill);
    border-color: var(--krds-button--color-primary-border);
    color: var(--krds-button--color-primary-text) !important;
}

.btn.primary-gn,
.btn-new.primary-gn {
    background-color: var(--krds-button--color-primary-gn-fill);
    border-color: var(--krds-button--color-primary-gn-border);
    color: var(--krds-button--color-primary-gn-text) !important;
}

.btn.secondary,
.btn-new.secondary {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-secondary-fill);
    border-color: var(--krds-button--color-secondary-border);
    color: var(--krds-button--color-secondary-text) !important;
}

.btn.secondary-gn,
.btn-new.secondary-gn {
    background-color: var(--krds-button--color-secondary-gn-fill);
    border-color: var(--krds-button--color-secondary-gn-border);
    color: var(--krds-button--color-secondary-gn-text) !important;
}

.btn.tertiary,
.btn-new.tertiary {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-tertiary-fill);
    border-color: var(--krds-button--color-tertiary-border);
    color: var(--krds-button--color-tertiary-text) !important;
}

.btn:link,
.btn:visited,
.btn:active {
    /*color: #fff;*/
}

.btn.primary:hover,
.btn-new.primary:hover {
    background-color: var(--krds-button--color-primary-fill-hover);
    border-color: var(--krds-button--color-primary-border);
    color: var(--krds-button--color-primary-text) !important;
}

.btn.primary:focus,
.btn-new.primary:focus,
.btn.primary:active,
.btn-new.primary:active {
    background-color: var(--krds-button--color-primary-fill-pressed);
    border-color: var(--krds-button--color-primary-border);
    color: var(--krds-button--color-primary-text) !important;
}

.btn.primary:disabled,
.btn-new.primary:disabled,
.btn.primary.disabled,
.btn-new.primary.disabled {
    background-color: var(--krds-button--color-primary-fill-disabled);
    border-color: var(--krds-button--color-primary-border-disabled);
    color: var(--krds-button--color-primary-text-disabled) !important;
}

.btn.primary-gn:hover,
.btn-new.primary-gn:hover {
    background-color: var(--krds-button--color-primary-gn-fill-hover);
    border-color: var(--krds-button--color-primary-gn-border);
    color: var(--krds-button--color-primary-gn-text) !important;
}

.btn.primary-gn:focus,
.btn-new.primary-gn:focus,
.btn.primary-gn:active,
.btn-new.primary:active {
    background-color: var(--krds-button--color-primary-gn-fill-pressed);
    border-color: var(--krds-button--color-primary-gn-border);
    color: var(--krds-button--color-primary-gn-text) !important;
}

.btn.primary-gn:disabled,
.btn-new.primary-gn:disabled,
.btn.primary-gn.disabled,
.btn-new.primary-gn.disabled {
    background-color: var(--krds-button--color-primary-gn-fill-disabled);
    border-color: var(--krds-button--color-primary-gn-border-disabled);
    color: var(--krds-button--color-primary-gn-text-disabled) !important;
}

.btn.secondary:hover,
.btn-new.secondary:hover {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-secondary-fill-hover);
    border-color: var(--krds-button--color-secondary-border);
    color: var(--krds-button--color-secondary-text) !important;
}

.btn.secondary:focus,
.btn-new.secondary:focus,
.btn.secondary:active,
.btn-new.secondary:active {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-secondary-fill-pressed);
    border-color: var(--krds-button--color-secondary-border);
    color: var(--krds-button--color-secondary-text) !important;
}

.btn.secondary:disabled,
.btn-new.secondary:disabled,
.btn.secondary.disabled,
.btn-new.secondary.disabled {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-secondary-fill-disabled);
    border-color: var(--krds-button--color-secondary-border-disabled);
    color: var(--krds-button--color-secondary-text-disabled) !important;
}

.btn.secondary-gn:hover,
.btn-new.secondary-gn:hover {
    background-color: var(--krds-button--color-secondary-gn-fill-hover);
    border-color: var(--krds-button--color-secondary-gn-border);
    color: var(--krds-button--color-secondary-gn-text) !important;
}

.btn.secondary-gn:focus,
.btn-new.secondary-gn:focus,
.btn.secondary-gn:active,
.btn-new.secondary-gn:active {
    background-color: var(--krds-button--color-secondary-gn-fill-pressed);
    border-color: var(--krds-button--color-secondary-gn-border);
    color: var(--krds-button--color-secondary-gn-text) !important;
}

.btn.secondary:disabled,
.btn-new.secondary:disabled,
.btn.secondary.disabled,
.btn-new.secondary.disabled {
    background-color: var(--krds-button--color-secondary-gn-fill-disabled);
    border-color: var(--krds-button--color-secondary-gn-border-disabled);
    color: var(--krds-button--color-secondary-gn-text-disabled) !important;
}

.btn.tertiary:hover,
.btn-new.tertiary:hover{
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-tertiary-fill-hover);
    border-color: var(--krds-button--color-tertiary-border);
    color: var(--krds-button--color-tertiary-text) !important;
}

.btn.tertiary:focus,
.btn-new.tertiary:focus,
.btn.tertiary:active,
.btn-new.tertiary:active {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-tertiary-fill-pressed);
    border-color: var(--krds-button--color-tertiary-border);
    color: var(--krds-button--color-tertiary-text) !important;
}

.btn.tertiary:disabled,
.btn-new.tertiary:disabled,
.btn.tertiary.disabled,
.btn-new.tertiary.disabled {
    border-width: var(--krds-number-1) !important;
    background-color: var(--krds-button--color-tertiary-fill-disabled);
    border-color: var(--krds-button--color-tertiary-border-disabled);
    color: var(--krds-button--color-tertiary-text-disabled) !important;
}

.btn i,
.btn-new i,
.con .btn i,
.con .btn-new i {
    font-family: xeicon !important;
    color: var(--krds-button--color-primary-text) !important;
    transition: 0.4s ease-in-out;
    margin: var(--krds-number-0) !important;
    /*width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
    font-size: var(--krds-button--pc-font-size-medium) !important;*/
    line-height: var(--krds-line-height-base) !important;
}

.btn.primary i,
.btn-new.primary i {
    color: var(--krds-button--color-primary-text) !important;
}

.btn.primary-gn i,
.btn-new.primary-gn i {
    color: var(--krds-button--color-primary-text) !important;
}

.btn.secondary i,
.btn-new.secondary i {
    color: var(--krds-button--color-secondary-text) !important;
}

.btn.secondary-gn i,
.btn-new.secondary-gn i {
    color: var(--krds-button--color-secondary-gn-text) !important;
}

.btn.tertiary i,
.btn-new.tertiary i {
    color: var(--krds-button--color-tertiary-text) !important;
}

.btn.xsmall i,
.btn-new.xsmall i {
    font-size: var(--krds-button--pc-font-size-xsmall) !important;
}

.btn.small i,
.btn-new.small i {
    font-size: var(--krds-button--pc-font-size-small) !important;
}

.btn.medium i,
.btn-new.medium i {
    font-size: var(--krds-button--pc-font-size-medium) !important;
}

.btn.large i,
.btn-new.large i {
    font-size: var(--krds-button--pc-font-size-large) !important;
}

.btn.xlarge i,
.btn-new.xlarge i {
    font-size: var(--krds-button--pc-font-size-xlarge) !important;
}

.btn .svg-icon,
.btn-new .svg-icon {
    background-color: var(--krds-button--color-primary-text) !important;
    transition: 0.4s ease-in-out;
    margin: var(--krds-number-0) !important;
    line-height: var(--krds-line-height-base) !important;
}

.btn.xsmall .svg-icon,
.btn-new.xsmall .svg-icon {
    width: var(--krds-icon--size-xsmall) !important;
    height: var(--krds-icon--size-xsmall) !important;
}

.btn.small .svg-icon,
.btn-new.small .svg-icon {
    width: var(--krds-icon--size-small) !important;
    height: var(--krds-icon--size-small) !important;
}

.btn.medium .svg-icon,
.btn-new.medium .svg-icon {
    width: var(--krds-icon--size-medium) !important;
    height: var(--krds-icon--size-medium) !important;
}

.btn.large .svg-icon,
.btn-new.large .svg-icon {
    width: var(--krds-icon--size-large) !important;
    height: var(--krds-icon--size-large) !important;
}

.btn.xlarge .svg-icon,
.btn-new.xlarge .svg-icon {
    width: var(--krds-icon--size-xlarge) !important;
    height: var(--krds-icon--size-xlarge) !important;
}

.svg-icon.ico-sch {
    line-height: var(--krds-line-height-base) !important;
    margin: var(--krds-number-0) !important;
    -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/common/ico_sch_white.svg);
    mask-image: url(../images/common/ico_sch_white.svg);
    background-image: url(../images/common/ico_sch_white.svg);
}

a.txt-link {
    display: inline-flex;
    align-items: center;
    gap: var(--krds-gap-2);
}

a.txt-link:link,
a.txt-link:visited {
    color: var(--krds-color-light-gray-90) !important;
}

.conts-btn-area,
.cont .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--krds-button--gap-xlarge) !important;
    margin: var(--krds-number-0);
    width: 100%;
}

.conts-btn-area.center,
.cont .btn-wrap.center,
.conts-btn-area.bottom,
.cont .btn-wrap.bottom {
    justify-content: center;
}

.conts-btn-area.left,
.cont .btn-wrap.left {
    justify-content: flex-start;
}

.conts-btn-area.right,
.cont .btn-wrap.right {
    justify-content: flex-end;
}

/* 배지 Badge  */
.badge-wrap {
    display: flex;
    gap: var(--krds-gap-3);
}

.badge {
    display: inline-block;
    /*height: var(--krds-badge--size-height);*/
    font-size: var(--krds-badge--pc-font-size) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-badge--line-height) !important;
    letter-spacing: -.1rem !important;
    padding: var(--krds-badge--padding);
    border-radius: var(--krds-badge--radius);
    min-width: 8rem;
    text-align: center !important;
}

.badge.round {
    border-radius: var(--krds-badge--radius-max)
}

.badge.outline-primary {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-primary-element);
    color: var(--krds-badge--color-primary-text);
}

.badge.outline-secondary {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-secondary-element);
    color: var(--krds-badge--color-secondary-text);
}

.badge.outline-gray {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-gray-element);
    color: var(--krds-badge--color-gray-text);
}

.badge.outline-point {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-point-element);
    color: var(--krds-badge--color-point-text);
}

.badge.outline-danger {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-danger-element);
    color: var(--krds-badge--color-danger-text);
}

.badge.outline-warning {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-warning-element);
    color: var(--krds-badge--color-warning-text);
}

.badge.outline-success {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-success-element);
    color: var(--krds-badge--color-success-text);
}

.badge.outline-information {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-information-element);
    color: var(--krds-badge--color-information-text);
}

.badge.outline-disabled {
    border-width: var(--krds-light-border-width-variable-regular);
    border-style: solid;
    border-color: var(--krds-badge--color-disabled-element);
    color: var(--krds-badge--color-disabled-text);
}

.badge.bg-primary {
    background-color: var(--krds-badge--color-primary-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-secondary {
    background-color: var(--krds-badge--color-secondary-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-gray {
    background-color: var(--krds-badge--color-gray-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-point {
    background-color: var(--krds-badge--color-point-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-danger {
    background-color: var(--krds-badge--color-danger-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-warning {
    background-color: var(--krds-badge--color-warning-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-success {
    background-color: var(--krds-badge--color-success-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-information {
    background-color: var(--krds-badge--color-information-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-disabled {
    background-color: var(--krds-badge--color-disabled-element);
    color: var(--krds-badge--color-text-basic);
}

.badge.bg-light-primary {
    background-color: var(--krds-badge--color-primary-element-lighter);
    color: var(--krds-badge--color-primary-text);
}

.badge.bg-light-secondary {
    background-color: var(--krds-badge--color-secondary-element-lighter);
    color: var(--krds-badge--color-secondary-text);
}

.badge.bg-light-gray {
    background-color: var(--krds-badge--color-gray-element-lighter);
    color: var(--krds-badge--color-gray-text);
}

.badge.bg-light-point {
    background-color: var(--krds-badge--color-point-element-lighter);
    color: var(--krds-badge--color-point-text);
}

.badge.bg-light-danger {
    background-color: var(--krds-badge--color-danger-element-lighter);
    color: var(--krds-badge--color-danger-text);
}

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

.badge.bg-light-success {
    background-color: var(--krds-badge--color-success-element-lighter);
    color: var(--krds-badge--color-success-text);
}

.badge.bg-light-information {
    background-color: var(--krds-badge--color-information-element-lighter);
    color: var(--krds-badge--color-information-text);
}

.badge.bg-light-disabled {
    background-color: var(--krds-badge--color-disabled-element-lighter);
    color: var(--krds-badge--color-disabled-text);
}

.badge.large {
    /*height: var(--krds-badge--size-height-large);*/
    font-size: var(--krds-badge--pc-font-size-large) !important;
    padding: var(--krds-badge--padding-large) !important;
}

/* 탭메뉴 */
.tab-container-wrap {
    padding-bottom: var(--krds-pc-gap-layout-h2-h3);
}

.tab-area {
    position: relative;
    width: 100%;
    /*max-width: 125rem;*/
    margin: auto;
    overflow: hidden;
}

.tab-list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}

/* 스크롤바 숨김 */
.tab-list::-webkit-scrollbar {
    display: none;
}

.tab-list li {
    flex: 1 0 auto;
    text-align: center;
    white-space: nowrap;
    /*width: 100%;
    max-width: calc(100% / 6);*/
}

.tab-list li a {
    display: block;
    padding: var(--krds-padding-6);
    background: var(--krds-color-light-gray-0);
    border: 1px solid var(--krds-color-light-gray-20);
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-semiBold);
    color: var(--krds-color-light-gray-90);
}

.tab-list li:not(:first-child) a {
    border-left: 0;
}

.tab-list li a.on,
.tab-list li a:hover,
.tab-list li a:active {
    background: var(--krds-color-light-primary-50) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-0) !important;
}

.tab-list li:not(:first-child) a.on,
.tab-list li:not(:first-child) a:hover,
.tab-list li:not(:first-child) a:active {
    border-left: 0;
}

.tab-list li a:focus {
    background: var(--krds-color-light-gray-0);
    border: 1px solid var(--krds-color-light-gray-20);
    font-weight: var(--krds-font-weight-semiBold);
    color: var(--krds-color-light-gray-90);
}

.btn-slide [class*="btn-"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid var(--krds-color-light-gray-20);
    border-radius: var(--krds-radius-max);
    background-color: var(--krds-color-light-gray-0);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
}

.btn-slide [class*="btn-"][aria-disabled="false"] {
    display: flex;
}

.btn-slide [class*="btn-"]::after {
    display: flex;
    flex-flow: row wrap;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid var(--krds-color-light-gray-20);
    border-radius: var(--krds-radius-max);
    content: '';
}

.tab-area .btn-prev {
    left: .8rem;
    background: url(../images/common/ico_arrow_left_40.svg) no-repeat center center;
}

.btn-slide .btn-next {
    right: .8rem;
    background: url(../images/common/ico_arrow_right_40.svg) no-repeat center center;
}

.tab-area + .subTab-area {
    padding-top: var(--krds-pc-gap-layout-h2-h3);
}

@media (max-width: 768px) {
    .tab-list li {
        width: 25%;
        max-width: initial;
    }
}

@media(max-width:639px) {
    .tab-list li {
        width: 33.33%;
    }
}

@media (max-width: 480px) {
    .tab-list li {
        width: 50%;
    }
}

@media (max-width: 320px) {
    .tab-list li {
        width: 100%;
    }
}

/* 서브탭메뉴 (탭안의 탭) */
.subTab-area {
    position: relative;
}

.subTab-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--krds-padding-4);
    background: var(--krds-color-light-secondary-5);
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: auto;
    /* 스크롤바 항상 보이게 */
    height: auto;
    padding-bottom: var(--krds-padding-3);
}

/* 서브탭메뉴 스크롤바 */
.subTab-list::-webkit-scrollbar {
    /* Webkit 기반 브라우저 (Chrome, Edge, Safari)용 스크롤바 스타일 */
    height: 6px;
    background: var(--krds-color-light-gray-10);
}

.subTab-list::-webkit-scrollbar-thumb {
    background: var(--krds-color-light-gray-40);
    border-radius: var(--krds-radius-small1);
}

.subTab-list::-webkit-scrollbar-thumb:hover {
    background: var(--krds-color-light-gray-60);
}

.subTab-list li {
    position: relative;
    padding: var(--krds-padding-3) var(--krds-padding-7);
    flex-shrink: 0;
}

.subTab-list li:before {
    content: "";
    display: block;
    width: 1px;
    height: 2.8rem;
    position: absolute;
    right: var(--krds-number-0);
    top: 50%;
    margin-top: -1.4rem;
    background: var(--krds-color-light-gray-20);
}

.subTab-list li:last-child::before {
    display: none;
}

.subTab-list li a {
    display: block;
    font-size: var(--krds-pc-font-size-heading-xxsmall);
    /*color: var(--krds-color-light-gray-70);*/
}

.subTab-list li a.on {
    color: var(--krds-color-light-primary-60);
    font-weight: bold;
}

.subTab-list li a span {
    position: relative;
}

.subTab-list li a.on span {
    font-weight: var(--krds-font-weight-bold);
}

.subTab-list li a.on span:before {
    content: "";
    display: block;
    position: relative;
    /* left: 0; */
    bottom: -3.5rem;
    width: 100%;
    height: 1px;
    background: var(--krds-color-light-primary-60);
}

/* 박스 컨텐츠(대) */
.intro-tit {
    position: relative;
    display: block;
    background: var(--krds-color-light-secondary-5);
    background-image: url(../images/content/intro-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    border: 1px solid var(--krds-light-color-border-secondary-light);
    border-radius: var(--krds-radius-xlarge1);
    padding: var(--krds-pc-padding-card-large);
    width: 100%;
}

.intro-tit.intro-tit03 {
    padding: var(--krds-pc-padding-card-large);
    background-image: url(../images/content/intro-bg_03.png);
}

.intro-tit.intro-tit04 {
    padding: var(--krds-pc-padding-card-large);
    background-image: url(../images/content/intro-bg_04.png);
}

.intro-tit > h3,
.intro-tit > p {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    color: var(--krds-color-light-gray-90) !important;
    width: 75% !important;
}

.intro-tit > h3 {
    position: relative;
    display: inline-block;
    margin-bottom: 1.6rem !important;
    font-size: var(--krds-pc-font-size-heading-large) !important;
    color: var(--krds-color-light-primary-60) !important;
    line-height: var(--krds-line-height-none) !important;
}

.intro-tit > p {
    font-size: var(--krds-pc-font-size-body-large) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    text-shadow: -1px -1px 0 #eef2f7, 1px -1px 0 #eef2f7, -1px 1px 0 #eef2f7, 1px 1px 0 #eef2f7, 0 -2px 0 #eef2f7, 0 2px 0 #eef2f7, -2px 0 0 #eef2f7, 2px 0 0 #eef2f7;
}

.intro-tit > .inner-tit {
    font-size: var(--krds-pc-font-size-heading-small) !important;
    font-weight: var(--krds-font-weight-bold) !important;
}

.intro-tit > p > span {
    color: var(--krds-color-light-primary-60) !important;
}

/* 박스 컨텐츠(중) */
.topBox {
    display: flex;
    align-items: center;
    vertical-align: middle;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background: var(--krds-color-light-primary-5) !important;
    border-radius: var(--krds-radius-xlarge1) !important;
    border: 1px solid var(--krds-light-color-border-secondary-light) !important;
    padding: var(--krds-pc-padding-card-medium) var(--krds-pc-padding-card-large) var(--krds-pc-padding-card-medium) 16rem !important;
    min-height: 12rem !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.topBox:before {
    content: "";
    display: block;
    position: absolute;
    left: 4rem;
    top: 2rem;
    /* background-repeat: no-repeat; */
    transform: none;
}

.topBox.t01:before {
    background-image: url(../images/common/topBox01.png);
    width: 100px;
    height: 80px;
}

.topBox.t02:before {
    background-image: url(../images/common/topBox02.png);
    width: 100px;
    height: 80px;
}

.topBox.t03:before {
    background-image: url(../images/common/topBox03.png);
    width: 100px;
    height: 70px;
}

.topBox.t04:before {
    background-image: url(../images/common/topBox04.png);
    width: 100px;
    height: 80px;
}

.topBox .topBox-tit {
    display: block;
    padding-bottom: var(--krds-padding-3);
    width: 100%;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-medium) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-primary-60) !important;
    line-height: var(--krds-line-height-none) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.topBox p {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.topBox > strong + ul {
    margin-top: var(--krds-pc-gap-layout-text-text-small) !important;
}

.topBox > ul {
    margin-top: var(--krds-number-0) !important;
}

/*.topBox_02 {
    position: relative;
    display: flex;
    justify-content: center;
    padding: var(--krds-pc-padding-card-large);
    width: 100%;
    background: var(--krds-light-color-surface-primary-subtler);
    border: var(--krds-number-1) solid var(--krds-light-color-border-secondary-light);
    border-radius: var(--krds-radius-xlarge1);
}

.topBox_02:before {
    content: "";
    position: absolute;
    display: block;
    width: 8.3rem;
    height: 10rem;
    background-image: url('../images/layout/ico-ylm.png');
    background-repeat: no-repeat;

}

.topBox_02 .topBox_02_tit {
    margin-top: 10rem;
    font-size: var(--krds-pc-font-size-heading-medium) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    text-align: center;
}

.topBox_03 {
    width: 100%;
    padding: var(--krds-pc-padding-card-small);
    background: var(--krds-color-light-primary-5);
    border-radius: var(--krds-radius-xlarge1);
}

.topBox_03 .topBox_03_tit {
    display: flex;
    align-items: center;
    gap: var(--krds-gap-4);
    position: relative;
    !* padding: 0 0 0 2.8rem !important; *!
    margin-bottom: var(--krds-pc-gap-layout-text-text-small) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large);
    font-weight: 600 !important;

}*/

.topBox_03 .topBox_03_tit ~ * {
    padding-left: 3.2rem !important;
}

.accordion_info_wrap .info_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--krds-gap-6) !important;
    border: none !important;
    border-radius: inherit !important;
    background: none !important;
    width: 100%;
}

.accordion_info_wrap .info_tit .titBox h2 {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-medium) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-90) !important;
    /*line-height: var(--krds-line-height-none) !important;*/
    letter-spacing: var(--krds-letter-spacing-none) !important;
    padding-bottom: var(--krds-padding-3) !important;
}

.accordion_info_wrap .info_tit .titBox h2 em {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-none) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    padding-left: var(--krds-padding-3);
}

.accordion_info_wrap .info_tit .titBox p {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    color: var(--krds-color-light-gray-70) !important;
}

.accordion_info_wrap .info_tit .btnBox {
    display: flex;
    align-items: center;
    gap: var(--krds-gap-3);
}

/* 컨텐츠 섹션 구분 */
.intro-tit + .cont,
.intro-tit + .intro-cont,
.topBox + .cont,
.topBox + .intro-cont,
.intro-tit + * + .cont,
.intro-tit + * + .intro-cont,
.topBox + * + .cont,
.topBox + * + .intro-cont {
    padding: var(--krds-pc-gap-layout-h3-h3) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0);
}

.cont,
.intro-cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-pc-gap-layout-h3-h3);
    padding: var(--krds-number-0);
}

.conts-sect-xs {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-5);
}

.conts-sect-s {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-6);
}

.conts-sect-m {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-7);
}

.conts-sect-l {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-8);
}

.conts-sect-xl {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-9);
}

.conts-area {
    width: 100%;
}

.conts-area + .conts-btn-area {
    margin-top: var(--krds-number-0) !important;
}

.conts-box {
    margin-top: var(--krds-pc-gap-layout-h4-h4) !important;
}

.conts-box > .conts-sbox:first-child,
.conts-box > .conts-txt-box:first-child,
.conts-box > .conts-txt-mbox:first-child,
.conts-box > .conts-txt-sbox:first-child {
    margin-top: var(--krds-number-0) !important;
}

.conts-sbox {
    margin-top: var(--krds-pc-gap-layout-h5-h5) !important;
}

.conts-txt-box {
    margin-top: var(--krds-pc-gap-layout-text-text-large) !important;
}

.conts-txt-mbox {
    margin-top: var(--krds-pc-gap-layout-text-text-medium) !important;
}

.conts-txt-sbox {
    margin-top: var(--krds-pc-gap-layout-text-text-small) !important;
}

.conts-btn-area {
    margin-top: var(--krds-pc-gap-layout-h3-h3) !important;
}

h4 + .conts-txt-sbox,
h5 + .conts-txt-sbox,
h6 + .conts-txt-sbox,
.intro_strong + .conts-txt-sbox {
    margin-top: var(--krds-number-0) !important;
}

h4 + .conts-txt-mbox,
h5 + .conts-txt-mbox,
h6 + .conts-txt-mbox,
.intro_strong + .conts-txt-mbox {
    margin-top: var(--krds-number-0) !important;
}

h4 + .conts-txt-sbox,
h5 + .conts-txt-sbox,
h6 + .conts-txt-sbox,
.intro_strong + .conts-txt-sbox {
    margin-top: var(--krds-number-0) !important;
}

/* 제목(타이틀) 계층 구조 */
.tb-tit {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--krds-number-0) var(--krds-gap-6);
}

.h3_tit_area,
.tit_area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.h3_tit_area .right_box,
.tit_area .right_box {
    position: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: baseline;
    gap: var(--krds-gap-3) var(--krds-gap-5);
}

.h3_tit_area .right_box button,
.tit_area .right_box button {
    flex: auto;
}

.h3_tit,
h3.h3_tit {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-medium);
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-color-light-gray-90)!important;
    position: relative;
    padding: var(--krds-padding-2) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    margin-bottom: var(--krds-pc-gap-layout-title-body-large);
    /*background-image: url(../images/common/h3_after.png);
    background-repeat: no-repeat;*/
    background-image: none;
    display: inline-block;
    width: auto;
}

.h3_tit::before,
h3.h3_tit::before,
h3::after,
.h3_tit::after,
h3.h3_tit::after {
    content: '';
    position: absolute;
    top: var(--krds-number-0);
    height: .4rem;
    border-radius: var(--krds-radius-max);
}

.h3_tit::before,
h3.h3_tit::before {
    left: var(--krds-number-0);
    width: 2.4rem;
    background: var(--krds-color-light-primary-50);
}

.h3_tit::after,
h3.h3_tit::after {
    left: 2rem;
    background: var(--krds-color-light-primary-30);
    width: 2rem;
}

.h3_tit + .conts-box > .h4_tit,
h3.h3_tit + .conts-box > .h4_tit {
    /*margin-top: var(--krds-pc-gap-layout-title-body-large);*/
    margin-top: -1rem;
}

.h3_tit + .conts-box,
h3.h3_tit + .conts-box,
.h3_tit + .conts-sbox,
h3.h3_tit + .conts-sbox {
    /*margin-top: var(--krds-number-8) !important;*/
    margin-top: var(--krds-number-0) !important;
}

.h3_tit + .conts-box ~ .conts-box,
h3.h3_tit + .conts-box ~ .conts-box {
    margin-top: var(--krds-pc-gap-layout-h4-h4) !important;
}

.h3_tit + .conts-sbox ~ .conts-sbox,
h3.h3_tit + .conts-sbox ~ .conts-sbox {
    margin-top: var(--krds-pc-gap-layout-h5-h5) !important;
}

.h3_tit + .conts-box > ul > .conts-txt-box:first-child,
h3.h3_tit + .conts-box > ul > .conts-txt-box:first-child,
.h3_tit + .conts-box > ul > .conts-txt-mbox:first-child,
h3.h3_tit + .conts-box > ul > .conts-txt-mbox:first-child,
.h3_tit + .conts-box > ul > .conts-txt-sbox:first-child,
h3.h3_tit + .conts-box > ul > .conts-txt-sbox:first-child {
    margin-top: var(--krds-number-0) !important;
}

.h3_tit + ul ~ * {
    margin-top: 1.6rem;
}

.h3_tit + .conts-box > .h3_tit_area:first-child,
h3.h3_tit + .conts-box > .h3_tit_area:first-child,
.h3_tit + .conts-sbox > .h3_tit_area:first-child,
h3.h3_tit + .conts-sbox > .h3_tit_area:first-child,
.h3_tit + .conts-box > .tit_area:first-child,
h3.h3_tit + .conts-box > .tit_area:first-child,
.h3_tit + .conts-sbox > .tit_area:first-child,
h3.h3_tit + .conts-sbox > .tit_area:first-child {
    margin-top: var(--krds-pc-gap-layout-title-body-large);
}

.h4_tit_area {
    display: flex;
    flex-wrap: wrap;
}

.h4_tit_area .right_box {
    position: inherit;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--krds-gap-3) var(--krds-gap-5);
    width: 100%;
    margin-bottom: var(--krds-number-5);
}

.h4_tit,
h4.h4_tit {
    position: relative;
    display: block;
    /*display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--krds-gap-2);*/
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold) !important;
    line-height: var(--krds-line-height-base) !important;
    color: var(--krds-color-light-gray-90)!important;
    background-image: none;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-6) !important;
    margin-bottom: var(--krds-pc-gap-layout-title-body-medium);
}

.h4_tit::before,
h4.h4_tit ::before,
.h4_tit::after,
h4.h4_tit ::after {
    content: '';
    position: absolute;
    left: var(--krds-number-0);
    border-radius: var(--krds-radius-max);
}

.h4_tit::before,
h4.h4_tit::before {
    width: .4rem;
    height: 1rem;
    top: .4rem;
    background: var(--krds-color-light-primary-30);
}

.h4_tit::after,
h4.h4_tit::after {
    width: .4rem !important;
    height: 1.4rem !important;
    top: 2rem !important;
    transform: translateY(-50%) !important;
    background: var(--krds-color-light-primary-40);
    z-index: -1;
    background-image: none !important;
}

.h4_tit + *,
h4.h4_tit + * {
    margin-top: var(--krds-number-0) !important;
}

.h4_tit + .conts-sbox > ul + * > h5.h5_tit,
h4.h4_tit + .conts-sbox > ul + * > h5.h5_tit  {
    margin-top: var(--krds-pc-gap-layout-title-body-medium) !important;
}

.h5_tit,
h5.h5_tit,
.con h5.h5_tit,
.intro-cont h5.h5_tit,
.fiss-form-wrap h5.h5_tit {
    position: relative;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-xsmall) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    line-height: var(--krds-line-height-base) !important;
    color: var(--krds-color-light-gray-90)!important;
    background-image: none;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) 1.8rem !important;
    margin-bottom: var(--krds-pc-gap-layout-title-body-small);
}

.h5_tit::before,
h5.h5_tit ::before {
    content: '';
    position: absolute;
    left: var(--krds-number-0);
    top: 1.2rem;
    /*transform: translateY(-50%);*/
    /*background: var(--krds-color-light-primary-50);*/
    background: var(--krds-color-light-primary-40);
    border-radius: var(--krds-radius-max);
    width: 1.2rem;
    height: .4rem;
}

h5,
.con h5,
.intro-cont h5,
.fiss-form-wrap h5,
.h5_s_tit,
h5.h5_s_tit {
    position: relative;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-xsmall) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    line-height: var(--krds-line-height-base) !important;
    color: var(--krds-color-light-gray-90)!important;
    background-image: none;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) 1.8rem !important;
    margin: var(--krds-number-0) var(--krds-number-0) var(--krds-pc-gap-layout-title-body-small) var(--krds-number-0) !important;
}

.h5_s_tit.mb_0 {
    margin-bottom: var(--krds-number-0) !important;
}

h5::before,
.h5_s_tit::before,
h5.h5_s_tit::before {
    content: '';
    position: absolute;
    top: .9rem;
    left: var(--krds-number-0);
    /* transform: translateY(-50%); */
    width: 9px;
    height: 9px;
    background: url(../images/common/h5_blit.png) no-repeat;
}

.h6_tit,
h6.h6_tit {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) 2.8rem !important;
    margin-bottom: var(--krds-pc-gap-layout-text-text-small) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-large);
    font-weight: var(--krds-font-weight-semiBold) !important;
}

.h6_tit::before,
h6.h6_tit::before {
    content: '';
    position: absolute;
    top: .4rem;
    left: var(--krds-number-0);
    /* transform: translateY(-50%); */
    width: 2rem;
    height: 2rem;
    background: url(../images/common/ico_success_fill.svg) no-repeat;
    background-size: contain;
}

.h6_tit.tit_bl::before,
h6.h6_tit.tit_bl::before {
    background: url(../images/common/ico_complete_fill.svg) no-repeat;
}

.h5_tit ~ *,
.h5_s_tit ~ *  {
    margin-top: var(--krds-pc-gap-layout-title-body-small) !important;
}

.h5_tit ~ * {
    /*margin-left: 2rem !important;*/
}

.h5_s_tit ~ *,
.h5_s_tit ~ ul {
    margin-left: 2rem !important;
}

.h3_tit + ul,
.h4_tit + ul,
.h5_tit + ul {
    margin-top: var(--krds-number-0) !important;
}

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

.cont p ~ *,
.intro-cont p ~ * {
    margin-top: var(--krds-pc-gap-layout-text-text-small) !important;
}

.cont p ~ p,
.intro-cont p ~ p {
    margin-top: .4rem !important;
}

.cont b,
.cont strong,
.intro-cont b,
.intro-cont strong {
    font-weight: var(--krds-font-weight-semiBold) !important;
}

.cont .remarks,
.intro-cont .remarks {
    display: block;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-70);
}

.intro_strong,
strong.intro_strong {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--krds-number-max);
    background: var(--krds-color-light-primary-10);
    padding: var(--krds-number-6) var(--krds-number-9);
    font-size: var(--krds-pc-font-size-body-large);
    /* font-weight: var(--krds-font-weight-bold) !important; */
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-color-light-primary-70);
    line-height: var(--krds-line-height-none) !important;
    margin-bottom: var(--krds-pc-gap-layout-title-body-small);
    width: fit-content;
}

.intro_strong.bg_01,
strong.intro_strong.bg_01 {
    background: var(--krds-color-light-primary-50);
    color: #fff !important;
}

.intro_strong.bg_02,
strong.intro_strong.bg_02 {
    background: var(--krds-color-light-success-50);
    color: #fff !important;
}

.intro_strong.bg_03,
strong.intro_strong.bg_03 {
    background: var(--krds-color-light-secondary-50);
    color: #fff !important;
}

.intro_strong.bg_04,
strong.intro_strong.bg_04 {
    background: var(--krds-color-light-success-10);
    color: var(--krds-color-light-success-70) !important;
}

.intro_strong.bg_05,
strong.intro_strong.bg_05 {
    background: var(--krds-color-light-secondary-10);
    color: var(--krds-color-light-secondary-70) !important;
}

.check-con {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-4) !important;
}

.check-con > * {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-10) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-medium) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.check-con > *::before {
    position: absolute;
    top: .2rem;
    left: var(--krds-number-0);
    content: "";
    display: inline-flex;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(../images/common/ico_outline_chk.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent !important;
    background-position: center center;
}

.reference_mark,
.con .reference_mark,
.intro-cont .reference_mark,
p.reference_mark,
.con p.reference_mark,
.intro-cont p.reference_mark {
    position: relative !important;
    padding-left: var(--krds-padding-8) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-70) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.reference_mark::before,
.con .reference_mark::before,
.intro-cont .reference_mark::before {
    content: "※";
    position: absolute;
    left: var(--krds-number-0) !important;
    top: -.1rem !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    color: var(--krds-color-light-gray-50) !important;
}

.reference_mark.red,
.con .reference_mark.red,
.intro-cont .reference_mark.red,
p.reference_mark.red,
.con p.reference_mark.red,
.intro-cont p.reference_mark.red {
    color: var(--krds-color-light-point-50) !important;
}

.reference_mark.red::before,
.con .reference_mark.red::before,
.intro-cont .reference_mark.red::before,
p.reference_mark.red::before,
.con p.reference_mark.red::before,
.intro-cont p.reference_mark.red::before {
    color: var(--krds-color-light-point-50) !important;
}

.reference_mark.bl::before,
.con .reference_mark.bl::before,
.intro-cont .reference_mark.bl::before,
p.reference_mark.bl::before,
.con p.reference_mark.bl::before,
.intro-cont p.reference_mark.bl::before {
    color: var(--krds-color-light-primary-60) !important;
}

.reference_mark.bl,
.con .reference_mark.bl,
.intro-cont .reference_mark.bl,
p.reference_mark.bl,
.con p.reference_mark.bl,
.intro-cont p.reference_mark.bl {
    color: var(--krds-color-light-primary-60) !important;
}

.info_mark,
.con .info_mark {
    position: relative;
    padding-left: var(--krds-padding-8);
}

.info_mark::before,
.con .info_mark:before {
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    font-family: "xeicon";
    content: "\e9a6";
    color: var(--krds-color-light-gray-50);
    font-size: var(--krds-pc-font-size-body-large);
}

/* 목록(리스트) 계층 구조 */
.intro-cont * {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
}

.intro-cont i {
    font-family: xeicon !important;
}

.intro-cont > ul > li {
    /* ul의 직계 자식 li만 폰트 초기화 */
    font-family: inherit;
}

.intro-cont > ul > li > strong {
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
}

/* 1depth list */
.info-list {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-3);
    padding: var(--krds-number-0) !important;
}

.info-list > li {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-8);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular);
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.info-list > li:after {
    content: "";
    position: absolute;
    left: .3rem;
    top: .8rem;
    width: 12px;
    height: 10px;
    background-image: url(../images/content/ico-intro_txt.png);
    background-repeat: no-repeat;
}

.info-list-con li ~ li {
    margin-top: var(--krds-pc-gap-layout-text-text-small);
}

.info-list > li > * {
    margin-top: .8rem;
}

.info-list > li > a {
    margin-top: var(--krds-number-0);
}

.info-list > li > p:first-child {
    margin-top: .4rem;
}

.info-list > li > em,
.info-list > li > span {
    font-weight: var(--krds-font-weight-regular);
}

/* 2depth list */
.txt_list {
    display: flex;
    gap: var(--krds-gap-3);
    flex-direction: column;
    margin: var(--krds-pc-gap-layout-text-text-medium) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    padding: var(--krds-number-0) !important;
}

.txt_list.mt_0 {
    margin-top: var(--krds-number-0) !important;
}

.txt_list > li {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-7) !important;
    margin: var(--krds-number-0);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.txt_list > li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: var(--krds-number-0);
    top: 1.2rem;
    transform: translateY(-50%);
    vertical-align: 6px;
    width: .8rem;
    height: .4rem;
    margin: var(--krds-number-0);
    background-color: var(--krds-color-light-primary-30);
}

.txt_list_gn > li:before {
    background-color: var(--krds-color-light-success-30);
}

.txt_list > li:after {
    display: none;
}

.txt_list p {
    margin-bottom: var(--krds-number-0) !important;
}

.txt_list p:first-child {
    margin-top: .4rem;
}

.txt_list ~ * {
    margin-top: var(--krds-number-7);
}

/* 3depth list */
.list-ul,
.list-ul-bl,
.list-ul-gr {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-2);
    margin: var(--krds-pc-gap-layout-text-text-small) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    padding: var(--krds-number-0) !important;
}

.list-ul.mt_0,
.list-ul-bl.mt_0,
.list-ul-gr.mt_0 {
    margin-top: var(--krds-number-0) !important;
}

.list-ul > li,
.list-ul-bl > li,
.list-ul-gr > li {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-6) !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    background: none !important;
    margin: var(--krds-number-0) !important;
}

.list-ul > li:before,
.list-ul-bl > li:before,
.list-ul-gr > li:before {
    content: "";
    position: absolute;
    top: var(--krds-number-6) !important;
    left: var(--krds-number-0) !important;
    margin-left: var(--krds-number-0) !important;
    display: inline-block;
    width: var(--krds-number-3) !important;
    height: var(--krds-number-3) !important;
    border-radius: var(--krds-radius-max)!important;
}

.list-ul > li:before {
    background: var(--krds-color-light-success-40);
}

.list-ul.list-ul-bl > li:before,
.list-ul-bl > li:before {
    background: var(--krds-color-light-primary-40);
}

.list-ul.list-ul-gr > li:before,
.list-ul-gr > li:before {
    background: var(--krds-color-light-gray-40);
}

.list-ul > li:after {
    display: none;
}

.list-ul ~ * {
    margin-top: var(--krds-number-5) !important;
}

.list-ol {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-3) !important;
}

.list-ol li {
    list-style: revert;
    margin: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-8);
    padding-left: var(--krds-padding-4);
    color: var(--krds-light-color-text-basic) !important;
}

.list-ol li::marker {
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: left;
}

ul ~ .list-ol {
    padding-left: var(--krds-padding-8);
    margin-top: var(--krds-number-5) !important;
}

/* 4depth list */
.list-s-ul {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-2);
    margin: var(--krds-number-5) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
}

.list-s-ul.mt_0 {
    margin-top: var(--krds-number-0) !important;
}

.list-s-ul > li {
    position: relative;
    padding-left: var(--krds-padding-6) !important;
    margin: var(--krds-number-0) !important;
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    color: var(--krds-color-light-gray-70) !important;
}

.list-s-ul > li:before {
    content: "" !important;
    position: absolute !important;
    top: 1rem !important;
    left: var(--krds-number-0) !important;
    margin: var(--krds-number-0) !important;
    display: inline-block !important;
    width: .5rem !important;
    height: var(--krds-number-1) !important;
    background: var(--krds-color-light-gray-40) !important;
}

.list-s-ul ~ * {
    margin-top: var(--krds-number-4) !important;
}

.list-stl-none li {
    padding-left: var(--krds-number-0) !important;
    margin: var(--krds-number-0) !important;
}

.list-stl-none li:before {
    display: none !important;
}

.list-stl-none li:after {
    display: none !important;
}

/* 번호, 알파벳, 가나다, 체크 목록 */
.number-list,
.alphabet-list,
.hangul-list {
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-3) !important;
}

.number-list > li,
.alphabet-list > li,
.hangul-list > li,
.check-list > li {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-9) !important;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.number-list > li > .hangul-list,
.alphabet-list > li > .hangul-list {
    gap: var(--krds-gap-2);
    margin: var(--krds-pc-gap-layout-text-text-small) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
}

.number-list > li > .hangul-list > li,
.alphabet-list > li > .hangul-list > li {
    font-size: var(--krds-pc-font-size-body-small) !important;
}

.number-list > li > ul,
.number-list > li > div,
.number-list > li > p {
    margin-top: var(--krds-pc-gap-layout-text-text-medium) !important;
    margin-bottom: var(--krds-pc-gap-layout-text-text-small) !important;
}

.number-list > li > ul > li > div,
.number-list > li > ul > li > p {
    margin-top: var(--krds-pc-gap-layout-text-text-small) !important;
    margin-bottom: var(--krds-number-0) !important;
}

.number-list > li {
    counter-increment: number;
}

.number-list > li::before {
    display: block;
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    width: 2rem;
    height: auto;
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: left;
    content: counter(number, decimal) ".";
    background: none;
    border-radius: var(--krds-number-0);
}

.number-list.round > li::before {
    display: block;
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--krds-color-light-information-50);
    border-radius: var(--krds-radius-max);
    font-size: var(--krds-pc-font-size-body-xsmall);
    font-weight: var(--krds-font-weight-regular);
    color: #fff;
    line-height: 1.7 !important;
    text-align: center;
    content: counter(number, decimal);
    overflow: hidden;
}

.number-list.depth-1 {
    counter-reset: depth1;
}

.number-list.depth-1 > li {
    counter-increment: depth1;
}

.number-list.depth-1 > li::before {
    content: counter(depth1) "";
}

.number-list.depth-2 {
    counter-reset: depth2;
}

.number-list.depth-2 > li {
    counter-increment: depth2;
}

.number-list.depth-2 > li::before {
    content: counter(depth2) ". ";
}

.alphabet-list > li {
    counter-increment: alpha;
}

.alphabet-list > li::before {
    display: block;
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    width: 2rem;
    height: auto;
    font-size: var(--krds-pc-font-size-body-medium);
    text-align: left;
    content: counter(alpha, upper-alpha) ".";
    background: none;
    border-radius: var(--krds-number-0);
}

.alphabet-list.round > li::before {
    display: block;
    position: absolute;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--krds-color-light-information-50);
    border-radius: var(--krds-radius-max);
    font-size: var(--krds-pc-font-size-body-xsmall);
    font-weight: var(--krds-font-weight-regular);
    color: #fff;
    line-height: 1.7 !important;
    text-align: center;
    content: counter(alpha, upper-alpha);
    overflow: hidden;
}

.hangul-list {
    counter-reset: hangul;
}

.hangul-list li {
    counter-increment: hangul;
    position: relative;
    padding-left: 2.8rem;
}

.hangul-list li::before {
    position: absolute;
    left: var(--krds-number-0);
}

.hangul-list li:nth-child(1)::before { content: "가. "; }
.hangul-list li:nth-child(2)::before { content: "나. "; }
.hangul-list li:nth-child(3)::before { content: "다. "; }
.hangul-list li:nth-child(4)::before { content: "라. "; }
.hangul-list li:nth-child(5)::before { content: "마. "; }
.hangul-list li:nth-child(6)::before { content: "바. "; }
.hangul-list li:nth-child(7)::before { content: "바. "; }
.hangul-list li:nth-child(8)::before { content: "사. "; }
.hangul-list li:nth-child(9)::before { content: "아. "; }
.hangul-list li:nth-child(10)::before { content: "자. "; }
.hangul-list li:nth-child(11)::before { content: "카. "; }
.hangul-list li:nth-child(12)::before { content: "타. "; }
.hangul-list li:nth-child(13)::before { content: "파. "; }
.hangul-list li:nth-child(14)::before { content: "하. "; }

.check-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-4) !important;
}

.check-list > li {
    font-weight: var(--krds-font-weight-medium) !important;
}

.check-list > li::before {
    position: absolute;
    top: .2rem;
    left: var(--krds-number-0);
    content: "";
    display: inline-flex;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/ico_outline_chk.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent !important;
    background-position: center center;
}

.check-list > li li {
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
}

.number-list > li::after,
.alphabet-list > li::after,
.hangul-list > li::after,
.check-list > li::after {
    display: none;
}

/* disclosure */
.disclosure {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: var(--krds-number-0) var(--krds-number-1);
}

.disclosure .btn-conts-expand {
    position: relative;
    z-index: 2;
    font-size: var(--krds-pc-font-size-body-small);
    color: var(--krds-color-light-gray-90);
    padding-left: var(--krds-padding-8);
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: var(--krds-number-0);
    box-sizing: border-box;
}

.disclosure .btn-conts-expand::before {
    position: absolute;
    /*top: var(--krds-number-1);*/
    left: var(--krds-number-0);
    content: "";
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-image: url(../images/common/ico_expand.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent !important;
    background-position: center center;
    margin-right: .4rem;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
}

.disclosure.active .btn-conts-expand {
    background-color: var(--krds-color-light-secondary-5);
    outline: var(--krds-number-1) solid var(--krds-color-light-primary-60);
    outline-offset: 0;
    border-radius: var(--krds-radius-max);
    transition: outline 0s, box-shadow 0s !important;
}

.disclosure.active .btn-conts-expand::before {
    transform: rotate(-90deg);
}

.disclosure .expand-wrap {
    position: relative;
    width: 100%;
    max-height: var(--krds-number-0);
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.disclosure.active .expand-wrap {
    max-height: 1000vh !important;
    transition: max-height 1.5s ease-in-out;
}

.disclosure .expand-wrap .expand-in {
    margin-top: .4rem;
    background-color: var(--krds-color-light-gray-10);
    padding: var(--krds-padding-7) var(--krds-padding-8);
    border-radius: var(--krds-radius-xlarge1);
}

.disclosure .expand-wrap p,
.disclosure .expand-wrap div {
    font-size: var(--krds-pc-font-size-body-small);
}

/* tooltip(맥락적 도움말) */
.cont-help-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--krds-gap-2);
}

.cont-help-wrap .tooltip-txt {
    font-size: var(--krds-pc-font-size-body-xsmall);
}

.cont-help-wrap .tooltip-action {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    margin-top: var(--krds-number-0) !important;
}

.cont-help-wrap .tooltip-action .tooltip-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.cont-help-wrap .tooltip-action .tooltip-btn .ico-tooltip {
    display: inline-flex;
    -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/common/ico_tooltip.svg);
    mask-image: url(../images/common/ico_tooltip.svg);
    /*background: url(../images/common/ico_tooltip.svg) no-repeat;
    background-color: var(--krds-color-light-primary-60);*/
    background: var(--krds-color-light-primary-60) url(../images/common/ico_tooltip.svg) no-repeat center center;
    transition: 0.4s ease-in-out;
    width: 2rem;
    height: 2rem;
}

.cont-help-wrap .tooltip-popover {
    display: none;
    position: absolute;
    z-index: 10;
    width: 36rem;
    padding: var(--krds-padding-8);
    border-radius: var(--krds-radius-xlarge1);
    background-color: var(--krds-color-light-gray-0);
    border: var(--krds-number-1) solid var(--krds-color-light-gray-30);
    box-shadow: 0 0 0.2rem 0 #00000014, 0 0.8rem 1.6rem 0 #0000001f;
}

.cont-help-wrap.help-right .tooltip-popover {
    right: var(--krds-number-0);
    margin-right: -2rem;
}

.cont-help-wrap.help-bottom .tooltip-popover {
    top: 100%;
    margin-top: var(--krds-gap-5);
}

.cont-help-wrap.help-top .tooltip-popover {
    bottom: 100%;
    margin-bottom: var(--krds-gap-5);
}

.cont-help-wrap.help-left .tooltip-popover {
    left: -2rem;
}

.cont-help-wrap .tooltip-popover::before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    margin-left: .4rem;
    margin-top: calc((1.2rem / 2) * -1);
    transform: rotate(45deg);
    border: var(--krds-number-1) solid var(--krds-color-light-gray-30);
    border-top-color: transparent;
    border-left-color: transparent;
    background-color: var(--krds-color-light-gray-0);
}

.cont-help-wrap.help-top .tooltip-popover::before {
    top: 100%;
}

.cont-help-wrap.help-left .tooltip-popover::before {
    left: 2.4rem;
}

.cont-help-wrap.help-right .tooltip-popover::before {
    right: 2.4rem;
}

.cont-help-wrap.help-bottom .tooltip-popover::before {
    bottom: 100%;
    transform: rotate(225deg);
    margin-bottom: calc((1.6rem / 2) * -1);
}

.cont-help-wrap .tooltip-popover .tooltip-title {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--krds-color-light-gray-90);
    font-size: var(--krds-pc-font-size-body-small);
    padding: var(--krds-number-0) !important;
}

.cont-help-wrap .tooltip-popover .tooltip-contents {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    color: var(--krds-color-light-gray-90);
    font-size: var(--krds-pc-font-size-body-xsmall);
    margin-top: var(--krds-gap-5);
    gap: var(--krds-gap-3);
}

.cont-help-wrap .tooltip-popover .tooltip-contents p {
    font-size: var(--krds-pc-font-size-body-xsmall);
    color: var(--krds-color-light-gray-90);

}

.cont-help-wrap .btn-wrap {
    width: 100%;
}

.cont-help-wrap .btn-wrap a {
    font-size: var(--krds-pc-font-size-body-xsmall);
    line-height: var(--krds-line-height-none) !important;
    display: flex;
    align-items: center;
    gap: var(--krds-number-3);
}

.cont-help-wrap .btn-wrap a .svg-icon {
    display: inline-block;
    transform: rotate(-90deg);
    transition: 0.4s ease-in-out;
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/common/icon_arrow_bot_black.svg) no-repeat;
    line-height: var(--krds-line-height-none) !important;
    margin-bottom: 0.2rem;
}

.cont-help-wrap .tooltip-popover .tooltip-close {
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    width: 1.6rem;
    height: 1.6rem;
    background: url(../images/common/ico_close.svg) no-repeat;
    background-size: 1.6rem;
}

/* 박스 컨텐츠(컨텐츠 내부) */
.intro-inner {
    border-radius: var(--krds-radius-xlarge1);
    padding: var(--krds-pc-padding-card-small);
}

.intro-inner > h6 + *,
.intro-inner > .h6_tit + *,
.intro-inner > h6.h6_tit + *,
.intro-inner > div + *,
.intro-inner > .intro_strong + * {
    margin-top: var(--krds-number-0) !important;
}

.intro-inner > h6 ~ *,
.intro-inner > .h6_tit ~ *,
.intro-inner > h6.h6_tit ~ * {
    padding-left: var(--krds-padding-9);
    margin-top: var(--krds-gap-4);
}

.intro-inner > h6 + .intro-inner-con,
.intro-inner > .h6_tit + .intro-inner-con,
.intro-inner > h6.h6_tit + .intro-inner-con {
    margin-top: calc(var(--krds-number-7) * -1) !important;
}

.intro-inner > .intro_strong ~ * {
    padding-left: var(--krds-padding-7) !important;
}

.intro-inner > ul:first-child {
    padding: var(--krds-number-0) !important;
    margin-top: var(--krds-number-0) !important;
}

.intro-inner .intro-inner-con {
    display: flex;
    flex-direction: column;
    /* gap: var(--krds-gap-4); */
}

.intro-inner ul li em {
    display: block;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular) !important;
}

.intro-inner-bor {
    border-radius: var(--krds-radius-xlarge1);
    padding: var(--krds-pc-padding-card-small);
    border: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
}

.info-box {
    width: 100%;
    padding: var(--krds-pc-padding-card-small);
    border-radius: var(--krds-radius-xlarge1);
    background: var(--krds-light-color-surface-gray-subtler);
    margin: var(--krds-number-5) var(--krds-number-0);
}

.info-box-02,
.info-box-dotted {
    padding: var(--krds-pc-padding-card-xsmall);
    border-radius: var(--krds-radius-large1);
    background: var(--krds-light-color-surface-gray-subtler);
    margin: var(--krds-number-5) var(--krds-number-0);
    border: var(--krds-number-2) dotted var(--krds-light-color-divider-gray-light);
}

/* 인라인 스타일 코멘트 박스 */
.comment_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--krds-gap-6)
}

.comment_box .comment_tit {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    font-weight: var(--krds-font-weight-semiBold);
}

.comment_box .comment_tit i {
    margin-right: var(--krds-number-4);
    color: var(--krds-light-color-text-danger);
}

.comment_box ul {
    position: relative;
    padding-left: var(--krds-padding-4) !important;
    margin-top: var(--krds-number-0) !important;
}

.comment_box ul:after {
    position: absolute;
    left: -0.8rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: var(--krds-number-1);
    height: calc(100% - var(--krds-number-6));
    background: var(--krds-light-color-divider-gray);
}

/* 링크/다운로드/프로세스 */
.link-action-area {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex: 1 !important;
    position: relative;
}

.link-action {
    display: flex;
    gap: 1rem;
    flex: 1 !important;
    /*min-width: 100% !important;*/
    width: auto !important;
    position: relative;
    flex-direction: column;
}

.link-action a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--krds-gap-6);
    position: relative;
    padding: var(--krds-number-6) var(--krds-number-8);
    background: var(--krds-color-light-gray-5);
    border-radius: var(--krds-number-max);
    min-height: 5.3rem;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
}

.link-action a p {
    position: relative;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.link-action a p::after {
    content: '';
    position: absolute;
    top: 50%;
    left: var(--krds-number-0);
    transform: translateY(-50%);
}

.link-action a > img {
    margin-top: var(--krds-number-0) !important;
}

.link-action a.file-link p {
    padding-left: var(--krds-padding-10);
}

.link-action a.file-link p::after {
    width: 33px;
    height: 33px;
    background: url(../images/common/pg-img.png) no-repeat;
}

.link-action a p ~ * {
    margin-top: var(--krds-number-0) !important;
}

.link-action a.file-link > img {
    width: 16px;
    margin: var(--krds-number-0) .4rem;
}

.link-action a.file-down p {
    padding-left: 1.8rem;
}

.link-action a.file-down p::after {
    width: 9px;
    height: 9px;
    background: url(../images/common/h5_blit.png) no-repeat;
}

.link-action a.file-down > img {
    width: 30px;
}

.link-action a.pc {
    display: flex;
}

.link-action a.mobile {
    display: none;
}

.cont-dw-area {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex: 1 !important;
    position: relative;
}

.cont-go,
.cont-dw-area .cont-go,
.cont-dw,
.cont-dw-area .cont-dw {
    display: flex;
    gap: 1rem;
    flex: 1 !important;
    /*min-width: 100% !important;*/
    width: auto !important;
    position: relative;
    flex-direction: column;
}

.cont-go a,
.cont-dw a  {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--krds-gap-6);
    position: relative;
    padding: var(--krds-number-6) var(--krds-number-8);
    background: var(--krds-color-light-gray-5);
    border-radius: var(--krds-number-max);
    min-height: 5.3rem;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
}

.cont-go a p,
.cont-dw-area .cont-go a > a p {
    position: relative;
    padding-left: var(--krds-padding-10);
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;

}

.cont-dw a p,
.cont-dw-area .cont-dw > a p {
    position: relative;
    padding-left: 1.8rem;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cont-go a p::after {
    content: '';
    position: absolute;
    top: 50%;
    left: var(--krds-number-0);
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    background: url(../images/common/pg-img.png) no-repeat;
}

.cont-dw a p::after {
    content: '';
    position: absolute;
    top: 50%;
    left: var(--krds-number-0);
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    background: url(../images/common/h5_blit.png) no-repeat;
}

.cont .cont-go a p ~ *,
.intro-cont .cont-go a p ~ *,
.cont .cont-dw a p ~ *,
.intro-cont .cont-dw a p ~ * {
    margin-top: var(--krds-number-0) !important;
}

.cont-go a > img {
    width: 16px;
    margin: var(--krds-number-0) .4rem;
}

.cont-dw a > img {
    width: 30px;
}

.cont-go a.pc,
.cont-dw-area .cont-go > a.pc,
.cont-dw a.pc,
.cont-dw-area .cont-dw > a.pc {
    display: flex;
}

.cont-go a.mobile,
.cont-dw-area .cont-go > a.mobile,
.cont-dw a.mobile,
.cont-dw-area .cont-dw > a.mobile {
    display: none;
}

.cont-proce-box .inner-proce {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--krds-gap-3);
}

.cont-proce-box .inner-proce .inner-proce-tit {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    gap: var(--krds-gap-2);
    border: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
    border-radius: var(--krds-radius-xlarge1);
    padding: var(--krds-pc-padding-card-xsmall);
    text-align: center;
    /*word-break: auto-phrase;*/
    word-break: break-all;
    min-width: max-content;
}

.cont-proce-box .inner-proce .inner-proce-tit strong {
    gap: var(--krds-gap-2);
    min-width: 100%;
}

.cont-proce-box .inner-proce .inner-proce-tit strong span {
    display: inline-block;
}

.cont-proce-box .inner-proce .inner-proce-tit em.label {
    background: var(--krds-color-light-primary-50);
    border-radius: var(--krds-radius-max);
    padding: var(--krds-padding-2) var(--krds-padding-5);
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-xsmall);
    font-weight: var(--krds-font-weight-regular);
    color: #fff;
}

.cont-proce-box .inner-proce .inner-proce-tit em.label_2 {
    background: var(--krds-color-light-success-40);
}

.cont-proce-box .inner-proce .int-arr {
    background-image: url(../images/layout/icon_location_arrow.png);
    transform: rotate(270deg);
    margin: auto;
}

.cont-proce-box .inner-proce-02 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--krds-gap-3);
}

.cont-proce-box .inner-proce-02 .inner-proce-tit {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    border: 1px solid var(--krds-color-light-gray-20);
    border-radius: var(--krds-radius-xlarge1);
    padding: var(--krds-padding-6);
    font-weight: var(--krds-font-weight-semiBold);
    text-align: center;
    /*word-break: auto-phrase;*/
    word-break: break-all;
    justify-content: center;
    align-items: center;
}

.cont-proce-box .inner-proce-02 .int-arr {
    background-image: url(../images/layout/icon_location_arrow.png);
    transform: rotate(270deg);
    margin: auto;
}

.cont-proce-box .inner-proce-02.f-auto .inner-proce-tit {
    flex: auto;
}

/* 정보 테이블 */
.cont .tbl,
.cont .info-table,
.intro-cont .tbl,
.intro-cont .info-table,
.cont-tbl-wrap .tbl,
.cont-tbl-wrap .info-table {
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-top: .2rem solid var(--krds-color-light-secondary-50);
}

.cont .tbl thead,
.intro-cont .tbl thead,
.cont .info-table thead,
.intro-cont .info-table thead {
    border-bottom: none;
}

.cont .tbl thead th,
.intro-cont .tbl thead th,
.cont .info-table thead th,
.intro-cont .info-table thead th {
    /*padding: var(--krds-padding-5) !important;*/
}

.cont .tbl tr th,
.cont .info-table tr th,
.intro-cont .tbl tr th,
.intro-cont .info-table tr th,
.cont-tbl-wrap .tbl tr th,
.cont-tbl-wrap .info-table tr th,
.cont .tbl tr td,
.cont .info-table tr td,
.intro-cont .tbl tr td,
.intro-cont .info-table tr td,
.cont-tbl-wrap .tbl tr td,
.cont-tbl-wrap .info-table tr td {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    word-break: break-all;
    text-align: center;
    border-right: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    border-bottom: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    border-left: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    padding: var(--krds-padding-4) var(--krds-padding-5);
}

.cont .tbl tr th,
.cont .info-table tr th,
.intro-cont .tbl tr th,
.intro-cont .info-table tr th,
.cont-tbl-wrap .tbl tr th,
.cont-tbl-wrap .info-table tr th {
    /*font-weight: var(--krds-font-weight-bold) !important;*/
    font-weight: var(--krds-font-weight-semiBold) !important;
    background: var(--krds-color-light-secondary-5) !important;
    word-break: keep-all;
}

.cont .tbl tbody tr th,
.cont .info-table tbody tr th,
.intro-cont .tbl tbody tr th,
.intro-cont .info-table tbody tr th,
.cont-tbl-wrap .tbl tbody tr th,
.cont-tbl-wrap .info-table tbody tr th {
    height: 5.6rem;
}

.cont .tbl thead + tbody tr th,
.cont .info-table thead + tbody tr th,
.intro-cont .tbl thead + tbody tr th,
.intro-cont .info-table thead + tbody tr th,
.cont-tbl-wrap .tbl thead + tbody tr th,
.cont-tbl-wrap .info-table thead + tbody tr th {
    font-weight: var(--krds-font-weight-medium) !important;
    background: var(--krds-color-light-gray-5) !important;
}

.cont .tbl tr td,
.cont .info-table tr td,
.intro-cont .tbl tr td,
.intro-cont .info-table tr td,
.cont-tbl-wrap .tbl tr td,
.cont-tbl-wrap .info-table tr td {
    font-weight: var(--krds-font-weight-regular) !important;
}

.cont .tbl tr td > .reference_mark,
.cont .info-table tr td > .reference_mark,
.intro-cont .tbl tr td > .reference_mark,
.intro-cont .info-table tr td > .reference_mark,
.cont-tbl-wrap .tbl tr td > .reference_mark,
.cont-tbl-wrap .info-table tr td > .reference_mark {
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-70) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
}

.cont .tbl tr td > p,
.cont .info-table tr td > p,
.intro-cont .tbl tr td > p,
.intro-cont .info-table tr td > p,
.cont-tbl-wrap .tbl tr td > p,
.cont-tbl-wrap .info-table tr td > p {
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    padding: var(--krds-number-0) var(--krds-padding-3);
    text-align: center;
}

.cont .tbl.left tr td,
.cont .info-table.left tr td,
.intro-cont .tbl.left tr td,
.intro-cont .info-table.left tr td,
.cont-tbl-wrap .tbl.left tr td,
.cont-tbl-wrap .info-table.left tr td {
    text-align: left;
}

.cont .tbl tr td.bCL-blue,
.cont .info-table tr td.bCL-blue,
.intro-cont .tbl tr td.bCL-blue,
.intro-cont .info-table tr td.bCL-blue {
    border-left: 1px solid var(--krds-color-light-primary-50) !important;
}

.cont .tbl tr td.bCR-blue,
.cont .info-table tr td.bCR-blue,
.intro-cont .tbl tr td.bCR-blue,
.intro-cont .info-table tr td.bCR-blue {
    border-right: 1px solid var(--krds-color-light-primary-50) !important;
}

.cont .tbl tr td.bCT-blue,
.cont .info-table tr td.bCT-blue,
.intro-cont .tbl tr td.bCT-blue,
.intro-cont .info-table tr td.bCT-blue {
    border-top: 2px solid var(--krds-color-light-primary-50) !important;
}

.cont .tbl tr td.bCB-blue,
.cont .info-table tr td.bCB-blue,
.intro-cont .tbl tr td.bCB-blue,
.intro-cont .info-table tr td.bCB-blue {
    border-bottom: 1px solid var(--krds-color-light-primary-50) !important;
}

.cont .tbl.left tr td > p,
.cont .info-table.left tr td > p,
.intro-cont .tbl.left tr td > p,
.intro-cont .info-table.left tr td > p,
.cont-tbl-wrap .tbl.left tr td > p,
.cont-tbl-wrap .info-table.left tr td > p {
    text-align: left;
}

.intro-tbl-cont {
    padding: var(--krds-padding-3) !important;
}

.intro-tbl-cont.section {
    display: flex;
    gap: var(--krds-gap-6);
    flex-direction: column;
}

.intro-tbl-cont .intro-inner ul.list-ul li {
    position: relative;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) var(--krds-padding-6);
    /* color: var(--krds-color-light-gray-70); */
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular);
    color: var(--krds-color-light-gray-90);
}

/* input, select, textarea */
.cont input,
.cont select,
.cont textarea {
    width: 100%;
    height: var(--krds-size-height-6);
    max-width: 100%;
    padding: var(--krds-number-5) !important;
    background-color: var(--krds-light-color-input-surface);
    /*border: var(--krds-number-1) solid var(--krds-light-color-border-gray-light) !important;*/
    border: var(--krds-number-1) solid var(--krds-light-color-input-border) !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-light-color-text-basic) !important;
    line-height: var(--krds-line-height-none) !important;
    text-indent: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cont textarea {
    line-height: var(--krds-line-height-base) !important;
    white-space: pre-wrap !important;
}

.cont select {
    background: #fff url(../images/common/select-img.png) no-repeat right 0.9rem center;
    appearance: none;
    color: var(--krds-light-color-text-disabled);
}

.cont select option {
    color: var(--krds-light-color-text-subtle) !important;
}

.cont input:invalid,
.cont select:invalid,
.cont textarea:invalid,
.cont input::placeholder,
.cont select::placeholder,
.cont textarea::placeholder {
    font-size: var(--krds-pc-font-size-body-small) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-light-color-text-disabled) !important;
}

.cont input:not(:placeholder-shown),
.cont textarea:not(:placeholder-shown),
.cont select:valid {
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-light-color-text-basic) !important;
    background-color: var(--krds-light-color-input-surface) !important;
}

.cont input:focus,
.cont select:focus,
.cont textarea:focus {
    background-color: var(--krds-light-color-input-surface) !important;
    border-color: var(--krds-light-color-input-border-active) !important;
    outline: none !important;
}

.cont input:hover,
.cont textarea:hover {
    outline: none !important;
}

.cont input:not(textarea):placeholder-shown {
    /*display: -webkit-box;*/
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    background-color: var(--krds-light-color-input-surface) !important;
}

.cont input[readonly],
.cont select[readonly],
.cont textarea[readonly],
.cont input.readonly,
.cont select.readonly,
.cont textarea.readonly {
    background-color: var(--krds-light-color-input-surface-disabled) !important;
    border-color: var(--krds-light-color-input-border-disabled) !important;
    color: var(--krds-light-color-text-subtle) !important;
    cursor: default;
    opacity: .8;
}

.cont input[disabled],
.cont select[disabled],
.cont textarea[disabled],
.cont input.disabled,
.cont select.disabled,
.cont textarea.disabled {
    background-color: var(--krds-light-color-input-surface-disabled) !important;
    border-color: var(--krds-light-color-input-border-disabled) !important;
    color: var(--krds-light-color-text-disabled-on) !important;
    cursor: default;
    opacity: .8;
}

.cont input[type="checkbox"],
.cont input[type="radio"] {
    width: 1.8rem !important;
    height: 1.8rem !important;
    min-width: 1.8rem !important;
    padding: var(--krds-number-0);
    vertical-align: middle;
    box-sizing: border-box;
}

.cont [type="radio"]:checked,
.cont [type="radio"]:not(:checked),
.cont [type="checkbox"]:checked,
.cont [type="checkbox"]:not(:checked) {
    position: inherit;
}

.cont input[type="checkbox"]:disabled,
.cont input[type="radio"]:disabled {
    background-color: var(--krds-light-color-element-disabled-light) !important;
    border: var(--krds-number-1) solid var(--krds-light-color-element-disabled-dark) !important;
    opacity: 1.2 !important;
}

/* radio, checkbox */
label,
.cont label {
    position: relative;
    display: inline-flex !important;
    gap: var(--krds-gap-3);
    margin-left: var(--krds-number-0) !important;
    padding: var(--krds-number-0) !important;
    font-weight: var(--krds-font-weight-regular) !important;
}

label > input[type="checkbox"],
label > input[type="radio"],
.cont label > input[type="checkbox"],
.cont label > input[type="radio"] {
    position: inherit !important;
    top: var(--krds-number-2) !important;
    left: var(--krds-number-0) !important;
    transform: translateY(0) !important;
    clip: inherit;
    width: 1.8rem !important;
    height: 1.8rem !important;
    min-width: 1.8rem !important;
}

label:has(input[type="radio"]:checked),
label:has(input[type="checkbox"]:checked) {
    color: var(--krds-light-color-text-primary) !important;
}

.check-area label span,
.cont .rc-inner-box label span,
.cont .input-group label span,
.check-area .rc-inner label span,
.cont .rc-inner-box .rc-inner label span,
.cont .input-group .rc-inner label span {
    padding: var(--krds-number-0) !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
}

.form-check label input[type="radio"]:checked + span,
.cont .rc-inner label input[type="radio"]:checked + span,
.form-check label input[type="checkbox"]:checked + span,
.cont .rc-inner label input[type="checkbox"]:checked + span {
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-light-color-text-primary) !important;
}

.form-check label input[type="radio"]:disabled + span,
.form-check label input[type="checkbox"]:disabled + span,
.cont .rc-inner label input[type="radio"]:disabled + span,
.cont .rc-inner label input[type="checkbox"]:disabled + span,
.form-check label input[type="radio"].disabled + span,
.form-check label input[type="checkbox"].disabled + span,
.cont .rc-inner label input[type="radio"].disabled + span,
.cont .rc-inner label input[type="checkbox"].disabled + span,
.form-check label input[type="radio"].readonly + span,
.form-check label input[type="checkbox"].readonly + span,
.cont .rc-inner label input[type="radio"].readonly + span,
.cont .rc-inner label input[type="checkbox"].readonly + span {
    color: var(--krds-light-color-text-disabled) !important;
    cursor: default;
}

.form-check label input[type="radio"]:disabled:checked  + span,
.form-check label input[type="checkbox"]:disabled:checked  + span,
.form-check label input[type="radio"].disabled:checked  + span,
.form-check label input[type="checkbox"].disabled:checked  + span,
.form-check label input[type="radio"].readonly:checked  + span,
.form-check label input[type="checkbox"].readonly:checked  + span,
.cont .rc-inner label input[type="radio"]:disabled:checked  + span,
.cont .rc-inner label input[type="checkbox"]:disabled:checked  + span,
.cont .rc-inner label input[type="radio"].disabled:checked  + span,
.cont .rc-inner label input[type="checkbox"].disabled:checked  + span,
.cont .rc-inner label input[type="radio"].readonly:checked  + span,
.cont .rc-inner label input[type="checkbox"].readonly:checked  + span {
    color: var(--krds-light-color-text-disabled-on) !important
}

input[type=radio],
input[type=checkbox],
.cont input[type=radio],
.cont input[type=checkbox] {
    position: absolute !important;
    left: var(--krds-number-0) !important;
    /*top: .6rem;*/
    top: 50% !important;
    transform: translateY(-50%) !important;
    /*width: 1px !important;
    height: 1px !important;*/
    padding: var(--krds-number-0) !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    width: 1.8rem !important;
    height: 1.8rem !important;
    min-width: 1.8rem !important;
}

.check-area,
.cont .rc-inner-box,
.cont .input-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--krds-gap-2) var(--krds-gap-6) !important;
}

.form-check,
.cont .rc-inner {
    position: relative;
    display: flex;
    /*flex-shrink: 0;*/
}

.form-check input[type=radio] ~ label,
.form-check input[type=checkbox] ~ label,
.cont .rc-inner input[type=radio] ~ label,
.cont .rc-inner input[type=checkbox] ~ label,
.cont input[type=radio] ~ label,
.cont input[type=checkbox] ~ label {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-items: baseline;
    gap: var(--krds-gap-3);
    font-size: var(--krds-pc-font-size-body-medium);
    color: var(--krds-color-light-gray-90) !important;
    text-align: left;
}

.form-check input[type=radio] ~ label:before,
.form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:before,
.form-check input[type=checkbox] ~ label:after,
.cont .rc-inner input[type=radio] ~ label:before,
.cont .rc-inner input[type=radio] ~ label:after,
.cont .rc-inner input[type=checkbox] ~ label:before,
.cont .rc-inner input[type=checkbox] ~ label:after,
.cont input[type=checkbox] ~ label:before,
.cont input[type=checkbox] ~ label:after {
    display: flex;
    content: "";
    transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.form-check input[type=radio] ~ label:before,
.form-check input[type=checkbox] ~ label:before,
.cont .rc-inner input[type=radio] ~ label:before,
.cont .rc-inner input[type=checkbox] ~ label:before,
.cont input[type=radio] ~ label:before,
.cont input[type=checkbox] ~ label:before {
    flex-shrink: 0;
    position: relative;
    top: var(--krds-number-2);
    width: 1.6rem;
    /*width: calc(16 / 18 * 1rem);*/ /* 루트가 18px일 때 16px 만들기 */
    height: 1.6rem;
    margin-top: -.1rem;
    z-index: 3;
    background-color: var(--krds-light-color-element-inverse);
    border: var(--krds-number-1) solid var(--krds-light-color-element-gray-dark);
}

.form-check input[type=radio] ~ label:before,
.cont .rc-inner input[type=radio] ~ label:before,
.cont input[type=radio] ~ label:before {
    border-radius: var(--krds-radius-max);
}

.form-check input[type=checkbox] ~ label:before,
.cont .rc-inner input[type=checkbox] ~ label:before,
.cont input[type=checkbox] ~ label:before {
    border-radius: var(--krds-radius-small1);
}

.form-check input[type=checkbox]:checked ~ label,
.cont .rc-inner input[type=checkbox]:checked ~ label,
.cont input[type=checkbox]:checked ~ label {
    color: var(--krds-light-color-text-primary) !important;
    font-weight: var(--krds-font-weight-medium) !important;
}

.form-check input[type=checkbox]:checked ~ label:before,
.cont .rc-inner input[type=checkbox]:checked ~ label:before,
.cont input[type=checkbox]:checked ~ label:before {
    background-color: var(--krds-light-color-element-primary);
    border-color: var(--krds-light-color-element-primary);
}

.form-check input[type=radio] ~ label:after,
.form-check input[type=checkbox] ~ label:after,
.cont .rc-inner input[type=radio] ~ label:after,
.cont .rc-inner input[type=checkbox] ~ label:after,
.cont input[type=radio] ~ label:after,
.cont input[type=checkbox] ~ label:after {
    position: absolute;
    /*top: 0.9rem !important;*/
    /*top: 0.3rem !important;
    left: 0.2rem !important;*/
    z-index: 4;
}

.form-check input[type=radio] ~ label:after,
.cont .rc-inner input[type=radio] ~ label:after,
.cont input[type=radio] ~ label:after {
    top: calc((1.8rem - 1.2rem) / 2 + .5rem);
    left: calc((1.8rem - 1.2rem) / 2);
    width: 1.2rem;
    height: 1.2rem;
    border-radius: var(--krds-radius-max);
}

.form-check input[type=checkbox] ~ label:after,
.cont .rc-inner input[type=checkbox] ~ label:after,
.cont input[type=checkbox] ~ label:after  {
    top: calc((1.8rem - 1.4rem) / 2 + .4rem);
    left: calc((1.8rem - 1.4rem) / 2);
    display: inline-flex;
    width: 1.4rem;
    height: 1.4rem;
    /*background-color: var(--krds-light-color-text-basic);*/
    forced-color-adjust: none;

    /*background-color: var(--krds-form-check--checkbox-check-color-element);*/
}

.form-check input[type=checkbox]:checked ~ label:after,
.cont .rc-inner input[type=checkbox]:checked ~ label:after,
.cont input[type=checkbox]:checked ~ label:after {
    background-color: var(--krds-light-color-element-inverse-static);
    transition-delay: 0.1s;
    -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/common/ico_checkbox_checked_white.svg);
    /*mask-image: url(../images/common/ico_checkbox_checked_white.svg);*/
    background-image: url(../images/common/ico_checkbox_checked_white.svg);
}

.form-check input[type=radio]:checked ~ label:before,
.form-check input[type=checkbox]:checked ~ label:before,
.cont .rc-inner input[type=radio]:checked ~ label:before,
.cont .rc-inner input[type=checkbox]:checked ~ label:before,
.cont input[type=radio]:checked ~ label:before,
.cont input[type=checkbox]:checked ~ label:before {
    border-color: var(--krds-light-color-element-primary);
}

.form-check input[type=radio]:checked ~ label,
.cont .rc-inner input[type=radio]:checked ~ label,
.cont input[type=radio]:checked ~ label {
    color: var(--krds-light-color-text-primary) !important;
    font-weight: var(--krds-font-weight-medium) !important;
}

.form-check input[type=radio]:checked ~ label:after,
.cont .rc-inner input[type=radio]:checked ~ label:after,
.cont input[type=radio]:checked ~ label:after  {
    background-color: var(--krds-light-color-element-primary);
}

.form-check input[type=radio]:disabled ~ label:before,
.form-check input[type=checkbox]:disabled ~ label:before,
.cont .rc-inner input[type=radio]:disabled ~ label:before,
.cont .rc-inner input[type=checkbox]:disabled ~ label:before,
.cont input[type=radio]:disabled ~ label:before,
.cont input[type=checkbox]:disabled ~ label:before {
    background-color: var(--krds-light-color-element-disabled-light) !important;
    border-color: var(--krds-light-color-element-disabled-dark) !important;
}

.form-check input[type=radio]:checked:disabled ~ label:after,
.cont .rc-inner input[type=radio]:checked:disabled ~ label:after,
.cont input[type=radio]:checked:disabled ~ label:after {
    background-color: var(--krds-light-color-element-disabled-dark) !important;
}

.form-check input[type=radio].disabled ~ label:before,
.form-check input[type=checkbox].disabled ~ label:before,
.cont .rc-inner input[type=radio].disabled ~ label:before,
.cont .rc-inner input[type=checkbox].disabled ~ label:before,
.cont input[type=radio].disabled ~ label:before,
.cont input[type=checkbox].disabled ~ label:before,
.form-check input[type=radio].readonly ~ label:before,
.form-check input[type=checkbox].readonly ~ label:before,
.cont .rc-inner input[type=radio].readonly ~ label:before,
.cont .rc-inner input[type=checkbox].readonly ~ label:before,
.cont input[type=radio].readonly ~ label:before,
.cont input[type=checkbox].readonly ~ label:before {
    background-color: var(--krds-light-color-element-disabled-light) !important;
    border-color: var(--krds-light-color-element-disabled-dark) !important;
}

.form-check input[type=radio].disabled:checked ~ label:after,
.cont .rc-inner input[type=radio].disabled:checked ~ label:after,
.cont input[type=radio].disabled:checked ~ label:after,
.form-check input[type=radio].readonly:checked ~ label:after,
.cont .rc-inner input[type=radio].readonly:checked ~ label:after,
.cont input[type=radio].readonly:checked ~ label:after {
    background-color: var(--krds-light-color-element-disabled-dark) !important;
}


.form-check input[type=checkbox]:checked:disabled ~ label:after,
.cont .rc-inner input[type=checkbox]:checked:disabled ~ label:after,
.cont input[type=checkbox]:checked:disabled ~ label:after,
.form-check input[type=checkbox].disabled:checked ~ label:after,
.cont .rc-inner input[type=checkbox].disabled:checked ~ label:after,
.cont input[type=checkbox].disabled:checked ~ label:after,
.form-check input[type=checkbox]:disabled:checked ~ label:after,
.cont .rc-inner input[type=checkbox]:disabled:checked ~ label:after,
.cont input[type=checkbox]:disabled:checked ~ label:after,
.form-check input[type=checkbox].readonly:checked ~ label:after,
.cont .rc-inner input[type=checkbox].readonly:checked ~ label:after,
.cont input[type=checkbox].readonly:checked ~ label:after {
    background-color: var(--krds-light-color-element-disabled-dark);
    -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/common/ico_checkbox_disabled.svg);
    background-image: url(../images/common/ico_checkbox_disabled.svg);
}

.form-check input[type=radio]:disabled ~ label,
.form-check input[type=checkbox]:disabled ~ label,
.cont .rc-inner input[type=radio]:disabled ~ label,
.cont .rc-inner input[type=checkbox]:disabled ~ label,
.cont input[type=radio]:disabled ~ label,
.cont input[type=checkbox]:disabled ~ label {
    color: var(--krds-light-color-text-disabled) !important;
    cursor: default;
}

.form-check input[type=radio]:focus + label,
.form-check input[type=checkbox]:focus + label,
.form-check input[type=radio]:focus-visible + label,
.form-check input[type=checkbox]:focus-visible + label,
.cont .rc-inner input[type=radio]:focus + label,
.cont .rc-inner input[type=checkbox]:focus + label,
.cont .rc-inner input[type=radio]:focus-visible + label,
.cont .rc-inner input[type=checkbox]:focus-visible + label,
.cont input[type=radio]:focus + label,
.cont input[type=checkbox]:focus + label,
.cont input[type=radio]:focus-visible + label,
.cont input[type=checkbox]:focus-visible + label {
    outline: var(--krds-number-1) solid var(--krds-light-color-element-primary);
    outline-offset: .4rem;
    border-radius: var(--krds-radius-small1);
}

.form-check input[type=radio]:focus:not(:focus) + label,
.form-check input[type=checkbox]:focus:not(:focus) + label,
.form-check input[type=radio]:focus:not(:focus-visible) + label,
.form-check input[type=checkbox]:focus:not(:focus-visible) + label,
.cont .rc-inner input[type=radio]:focus:not(:focus) + label,
.cont .rc-inner input[type=checkbox]:focus:not(:focus) + label,
.cont .rc-inner input[type=radio]:focus:not(:focus-visible) + label,
.cont .rc-inner input[type=checkbox]:focus:not(:focus-visible) + label,
.cont input[type=radio]:focus:not(:focus) + label,
.cont input[type=checkbox]:focus:not(:focus) + label,
.cont input[type=radio]:focus:not(:focus-visible) + label,
.cont input[type=checkbox]:focus:not(:focus-visible) + label  {
    outline: none;
}

.form-check > label input,
.cont .rc-inner > label input,
.cont > label input {
    margin-right: var(--krds-number-0) !important;
    font-size: var(--krds-pc-font-size-body-medium);
    color: var(--krds-color-light-gray-90);
}

/* chip (버튼형 체크박스) */
.form-chip,
.checkbox-btn-area {
    position: relative;
}

.form-chip input[type=radio],
.form-chip input[type=checkbox],
.form-chip input[type=radio],
.form-chip input[type=checkbox],
.checkbox-btn-area input[type=radio],
.checkbox-btn-area input[type=checkbox],
.checkbox-btn-area input[type=radio],
.checkbox-btn-area input[type=checkbox] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: var(--krds-number-0) !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.form-chip input[type=radio] ~ label,
.form-chip input[type=checkbox] ~ label,
.checkbox-btn-area input[type=radio] ~ label,
.checkbox-btn-area input[type=checkbox] ~ label {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    gap: var(--krds-gap-2);
    min-height: var(--krds-size-height-7);
    padding: var(--krds-number-0) var(--krds-padding-5) !important;
    background-color: var(--krds-light-color-action-white);
    border: var(--krds-number-1) solid var(--krds-light-color-border-gray);
    border-radius: var(--krds-radius-medium2);
    transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
    font-size: var(--krds-pc-font-size-label-medium);
    color: var(--krds-light-color-text-basic);
    line-height: var(--krds-line-height-base) !important;
    word-break: break-word;
}

.form-chip input[type=radio] ~ label:before,
.form-chip input[type=checkbox] ~ label:before,
.checkbox-btn-area input[type=radio] ~ label:before,
.checkbox-btn-area input[type=checkbox] ~ label:before {
    position: relative;
    top: 0;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-small);
    height: var(--krds-icon--size-small);
    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/common/ico_checkbox_disabled.svg);
    mask-image: url(../images/common/ico_checkbox_disabled.svg);
    /*background-color: var(--krds-color-light-gray-90);*/
    background-image: url(../images/common/ico_checkbox_disabled.svg);
    transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.form-chip input[type=radio]:checked ~ label,
.form-chip input[type=checkbox]:checked ~ label,
.checkbox-btn-area input[type=radio]:checked ~ label,
.checkbox-btn-area input[type=checkbox]:checked ~ label {
    background-color: var(--krds-light-color-action-primary-selected) !important;
    border-color: var(--krds-light-color-border-primary) !important;
    color: var(--krds-light-color-text-primary) !important;
    font-weight: var(--krds-font-weight-medium) !important;
}

.form-chip input[type=radio]:checked ~ label:before,
.form-chip input[type=checkbox]:checked ~ label:before,
.checkbox-btn-area input[type=radio]:checked ~ label:before,
.checkbox-btn-area input[type=checkbox]:checked ~ label:before {
    position: relative;
    top: 0;
    -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/common/ico_checkbox_checked.svg);
    mask-image: url(../images/common/ico_checkbox_checked.svg);
    background-image: url(../images/common/ico_checkbox_checked.svg);
    background-color: var(--krds-light-color-icon-primary);
}

.form-chip input[type=radio]:disabled ~ label,
.form-chip input[type=checkbox]:disabled ~ label,
.checkbox-btn-area input[type=radio]:disabled ~ label,
.checkbox-btn-area input[type=checkbox]:disabled ~ label,
.form-chip input[type=radio].disabled ~ label,
.form-chip input[type=checkbox].disabled ~ label,
.checkbox-btn-area input[type=radio].disabled ~ label,
.checkbox-btn-area input[type=checkbox].disabled ~ label,
.form-chip input[type=radio].readonly ~ label,
.form-chip input[type=checkbox].readonly ~ label,
.checkbox-btn-area input[type=radio].readonly ~ label,
.checkbox-btn-area input[type=checkbox].readonly ~ label {
    background-color: var(--krds-light-color-action-disabled) !important;
    border-color: var(--krds-light-color-border-gray) !important;
    color: var(--krds-light-color-text-disabled-on) !important;
    cursor: default;
}

.form-chip input[type=radio]:checked:disabled ~ label,
.form-chip input[type=checkbox]:checked:disabled ~ label,
.checkbox-btn-area input[type=radio]:checked:disabled ~ label,
.checkbox-btn-area input[type=checkbox]:checked:disabled ~ label,
.form-chip input[type=radio]:checked.disabled ~ label,
.form-chip input[type=checkbox]:checked.disabled ~ label,
.checkbox-btn-area input[type=radio]:checked.disabled ~ label,
.checkbox-btn-area input[type=checkbox]:checked.disabled ~ label,
.form-chip input[type=radio]:checked.readonly ~ label,
.form-chip input[type=checkbox]:checked.readonly ~ label,
.checkbox-btn-area input[type=radio]:checked.readonly ~ label,
.checkbox-btn-area input[type=checkbox]:checked.readonly ~ label {
    background-color: var(--krds-light-color-action-disabled) !important;
    border-color: var(--krds-light-color-border-gray) !important;
    color: var(--krds-light-color-text-disabled-on) !important;
    cursor: default;
}

/*.form-chip.focus input[type=checkbox] ~ label,
.form-chip.focus input[type=radio] ~ label {
    box-shadow: inset 0 0 0 0.2rem #256ef4;
    outline-offset: -0.4rem;
}*/

.form-chip input[type="checkbox"]:focus-visible + label,
.form-chip input[type="radio"]:focus-visible + label,
.checkbox-btn-area input[type="checkbox"]:focus-visible + label,
.checkbox-btn-area input[type="radio"]:focus-visible + label {
    box-shadow: 0 0 0 0.2rem var(--krds-light-color-element-primary);
    outline: none;
    border-radius: var(--krds-radius-medium2);
    z-index: 2;
}

/* 임업경영체 제도소개 */
.process-frms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: var(--krds-pc-padding-card-medium);
    border: 1px solid var(--krds-color-light-gray-20);
    border-radius: var(--krds-radius-xlarge1);
}

.process-frms li > .frms-div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
    padding: var(--krds-padding-5) var(--krds-padding-4);
    border-radius: var(--krds-radius-max);
    font-weight: var(--krds-font-weight-semiBold);
    font-size: var(--krds-pc-font-size-body-medium);
}

.process-frms li > .frms-div  i {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: .8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3.6rem;
    height: 3.6rem;
    background: #fff;
    border-radius: var(--krds-radius-max);
    font-size: var(--krds-pc-font-size-heading-medium);
    color: var(--krds-color-light-success-50);
}

.process-frms li:first-child > .frms-div {
    background: var(--krds-color-light-success-40);
    color: #fff;
}

.process-frms li:nth-child(2) > .frms-div {
    background: var(--krds-color-light-secondary-40);
    color: #fff;
}

.process-frms li:nth-child(2) > .frms-div  i {
    color: var(--krds-color-light-secondary-50);
}

.process-frms .frms-user {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 16rem;
    height: 16rem;
    background: var(--krds-color-light-primary-70);
    border-radius: var(--krds-radius-max);
    font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold);
    color: #fff;
}

.process-frms .frms-user img {
    width: 50%;
    height: auto;
}

.process-frms ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex: 1;
    gap: .6rem;
}

.process-frms li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: var(--krds-gap-7);
}

.process-frms li:after {
    content: "";
    display: block;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent;
    border-left-color: var(--krds-color-light-success-30);
    position: absolute;
    left: 50%;
    margin-left: -2px;
}

.process-frms li:last-child:after {
    border-left-color: var(--krds-color-light-secondary-30);
}

.process-frms .lineDiv {
    position: relative;
    left: var(--krds-number-0);
    top: var(--krds-number-0);
    width: 60px;
}

.line-wrapper {
    position: relative;
    width: clamp(4rem, 8vw, 8.8rem);
    height: clamp(6rem, 10vw, 9rem);
    flex-shrink: 0;
}

.line {
    position: absolute;
    height: 2px;
    background-color: var(--krds-color-light-success-30);
}

.line.center {
    top: 50%;
    bottom: var(--krds-number-0);
    transform: translateY(-50%);
    width: 50%;
    background-color: var(--krds-color-light-secondary-30);
}

.line.top {
    top: var(--krds-number-0);
    left: 78%;
    transform: translateX(-50%);
    width: 60%;
}

.line.middle {
    top: var(--krds-number-0);
    left: 50%;
    transform: translateX(-50%);
    width: .2rem;
    height: 100%;
    background: linear-gradient(to bottom, var(--krds-color-light-success-30) 0 50%, var(--krds-color-light-secondary-30) 50% 100%);
}

.line.bottom {
    left: 78%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60%;
    background-color: var(--krds-color-light-secondary-30);
}

/* 임업직불금 의무교육 */
.edu-wrap .edu-info > ul {
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--krds-gap-5);
}

.edu-wrap .edu-info > ul > li {
    position: relative;
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin-right: var(--krds-number-0);
}

.edu-wrap .edu-info > ul > li > p {
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    line-height: var(--krds-line-height-base) !important;
    flex-shrink: 0;
}

.edu-wrap .edu-info .myInfo-btnArea {
    flex-wrap: wrap;
}

.edu-wrap .edu-info .myInfo-btnArea > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--krds-gap-3);
}

.edu-wrap .edu-info .myInfo-btnArea > div ~ .btn {
    flex-shrink: 0;
}

.edu-wrap .intro-inner > .check-con {
    align-items: center;
}

.edu-wrap .edu-list {
    position: relative;
    width: 100%;
    padding: var(--krds-number-0);
    margin-top: var(--krds-number-14);
}

.edu-wrap .edu-list > ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--krds-gap-6);
    width: 100%;
    padding-bottom: var(--krds-number-0);
}

.edu-wrap .edu-list > ul > li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--krds-gap-6);
    width: 100%;
    margin: var(--krds-number-0);
    padding: var(--krds-pc-padding-card-small);
    border-radius: var(--krds-radius-xlarge1);
    box-shadow: none;
}

.edu-wrap .edu-list .edu-class {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-shrink: 0;
    gap: var(--krds-gap-2);
    padding: var(--krds-number-4) var(--krds-number-3);
    width: var(--krds-number-20);
    height: var(--krds-number-20);
    border-radius: var(--krds-number-max);
    background: var(--krds-color-light-primary-10);
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-none) !important;
    text-align: center;
}

.edu-wrap .edu-class > strong {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-heading-medium) !important;
    font-weight: var(--krds-font-weight-bold);
    color: var(--krds-color-light-primary-70) !important;
    line-height: var(--krds-line-height-none) !important;
}

.edu-wrap .edu-loading-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--krds-gap-3);
    width: 100%;
    padding-left: var(--krds-number-0);
}

.edu-wrap .edu-loading-wrap h6 {
    font-size: var(--krds-pc-font-size-heading-xsmall);
}

.edu-wrap .edu-loading-wrap > .loading {
    position: relative;
    display: block;
    margin-top: var(--krds-number-0);
    width: 100%;
}

.edu-wrap .edu-loading-wrap > .loading > * {
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
}

.edu-wrap .edu-loading-wrap > .loading > li {
    position: relative;
    display: block;
    width: 100%;
    padding: var(--krds-number-0);
}

.edu-wrap .edu-loading-wrap .ui-progressbar.custom .ui-widget-header.completed {
    background: var(--krds-color-light-primary-50);
}

.edu-wrap .edu-loading-wrap .progress.percentage {
    display: inline-block;
    margin-left: var(--krds-number-3);
    font-weight: var(--krds-font-weight-semiBold);
    color: var(--krds-color-light-primary-50);
}

.edu-wrap .edu-list .edu-btn {
    display: flex;
    justify-content: flex-end;
}

.edu-wrap .edu-list .edu-btn a {
    display: flex;
    gap: var(--krds-button--gap-medium) !important;
    align-items: center;
    position: initial;
    transform: none;
    min-width: 14rem;
    height: var(--krds-button--size-height-medium) !important;
    padding: var(--krds-button--padding-y-medium) var(--krds-button--padding-x-medium) !important;
    outline: none;
    border-radius: var(--krds-button--radius-medium) !important;
}

.edu-wrap .edu-list .edu-btn a > label {
    display: flex !important;
    align-items: center;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-button--pc-font-size-medium) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    line-height: var(--krds-line-height-none) !important;
    color: var(--krds-color-light-gray-90) !important;
}

.edu-wrap .edu-list .edu-btn a > input:checked ~ label {
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-color-light-gray-90) !important;
}

.edu-wrap .edu-list .edu-btn a:hover label {
    color: var(--krds-light-color-text-inverse-static) !important;
}

.edu-wrap .edu-list .edu-btn a:hover > input:checked ~ label {
    color: var(--krds-light-color-text-inverse-static) !important;
}

.edu-wrap .edu-list .edu-btn .edu-course img,
.edu-wrap .edu-list .edu-btn .edu-complete img {
    position: initial;
    width: 3rem;
    margin-right: var(--krds-number-0);
}

.edu-wrap .edu-list .edu-btn .edu-course:hover img.ico-edu,
.edu-wrap .edu-list .edu-btn .edu-course:hover img.ico-complete {
    display: none;
}

.edu-wrap .edu-list .edu-btn .edu-course:hover img.ico-edu_ov,
.edu-wrap .edu-list .edu-btn .edu-course:hover img.ico-complete_ov {
    display: inline-block;
}

.edu-wrap .edu-list .edu-btn .ico-edu_ov,
.edu-wrap .edu-list .edu-btn .ico-complete_ov {
    display: none;
}

.edu-wrap .edu-list .edu-btn .edu-course img,
.edu-wrap .edu-list .edu-btn .edu-complete img {
    position: initial;
    width: 3rem;
    margin-right: var(--krds-number-0);
}

.edu-wrap .edu-list .edu-btn .edu-course {
    border: var(--krds-number-2) solid var(--krds-color-light-primary-60) !important;

}

.edu-wrap .edu-list .edu-btn .edu-course:hover {
    background: var(--krds-color-light-primary-60);
}

.edu-wrap .edu-list .edu-btn .edu-complete {
    /*background: var(--krds-color-light-success-20) !important;*/
    background: var(--krds-light-color-surface-white) !important;
    border: var(--krds-number-2) solid var(--krds-color-light-warning-60) !important;
}

.edu-wrap .edu-list .edu-btn .edu-complete label {
    color: var(--krds-color-light-warning-70) !important;
}

.edu-wrap .edu-list .edu-btn .edu-complete:hover {
    background: var(--krds-color-light-warning-20) !important;
}

.edu-wrap .edu-list .edu-btn .edu-complete:hover label {
    color: var(--krds-color-light-warning-90) !important;
}

.edu-wrap .edu-list .edu-btn .edu-complete:hover input:checked ~ label {
    color: var(--krds-color-light-warning-90) !important;
}


/************************* 간편인증 팝업 *************************/
.al-login-wrap .al-modal {
    display: none;
    position: fixed;
    top: var(--krds-number-0);
    left: var(--krds-number-0);
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

.al-login-wrap .al-modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: stretch;
    gap: inherit;
    /*width: 100%;*/
    min-height: inherit;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
    outline: var(--krds-number-0) !important;
    /*padding: var(--krds-number-0);*/
    padding: var(--krds-number-11) var(--krds-number-12) !important;
    border-top: var(--krds-number-3) solid var(--krds-light-color-border-success) !important;
    border-radius: var(--krds-radius-small1) !important;
}

.al-login-wrap .al-modal-content .al-tit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--krds-number-0) var(--krds-number-0) var(--krds-padding-5) var(--krds-number-0);
    border-bottom: var(--krds-number-2) solid var(--krds-light-color-divider-gray);
}

.al-login-wrap .al-modal-content .al-cont {
    margin-top: var(--krds-number-11);
}

.al-login-wrap .al-tit h4 {
    font-size: var(--krds-pc-font-size-heading-large) !important;
    font-weight: var(--krds-font-weight-bold) !important;
    color: var(--krds-light-color-text-basic) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    word-break: keep-all;
}

.al-login-wrap .al-close {
    width: var(--krds-number-10);
    height: var(--krds-number-10);
}

.al-login-wrap .modal-body {
    padding-top: var(--krds-number-11);
    max-height: 78rem;
    overflow-y: auto;
}

.al-login-wrap .al-login {
    display: flex;
    flex-wrap: wrap;
    gap: var(--krds-gap-5);
    position: relative;
    width: 100%;
}

.al-login-wrap .al-login > li {
    width: auto;
    margin: var(--krds-number-0) !important;
    border-radius: var(--krds-radius-xlarge1) !important;
}

.al-login-wrap .al-login > li:nth-last-child(1) {
    width: 100%;
}

.al-login-wrap .al-login > li:nth-child(2) {
    flex: auto;
}

.al-login-wrap .al-login > li a {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--krds-gap-7);
    width: 100%;
    padding: var(--krds-padding-9) var(--krds-padding-10) !important;
    border-radius: var(--krds-radius-xlarge1) !important;
}

.al-login-wrap .al-login > li a i {
    width: var(--krds-number-19) !important;
    height: var(--krds-number-19) !important;
    margin: var(--krds-number-0) !important;
    border-radius: var(--krds-radius-max) !important;
!important;
    flex-shrink: 0;
}

.al-login-wrap .al-login > li a p {
    font-size: var(--krds-pc-font-size-heading-large) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    color: var(--krds-light-color-text-basic-inverse) !important;
    text-align: center;
}

.al-login-wrap .al-login > li.identity-veri {
    margin: var(--krds-number-0) !important;
    background: var(--krds-color-light-success-40) !important;
}

.al-login-wrap .al-login > li.identity-veri a i {
    background: var(--krds-color-light-success-70) !important;
    background-image: url(../images/layout/ico-al-login01.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.al-login-wrap .al-login > li.mobl-veri {
    margin: var(--krds-number-0) !important;
    background: var(--krds-color-light-primary-40) !important;
}

.al-login-wrap .al-login > li.mobl-veri a i {
    background: var(--krds-color-light-primary-70) !important;
    background-image: url(../images/layout/ico-al-login02.png) !important;
    background-repeat: no-repeat !important;
    background-position: 25px center !important;
}

.al-login-wrap .al-login > li.afmNo-veri {
    margin: var(--krds-number-0) !important;
    background: var(--krds-color-light-information-40) !important;
}

.al-login-wrap .al-login > li.afmNo-veri a i {
    background: var(--krds-color-light-information-70) !important;
    background-image: url(../images/layout/ico-al-login02.png) !important;
    background-repeat: no-repeat !important;
    background-position: 25px center !important;
}

.al-login-wrap .al-login > li a:hover,
.al-login-wrap .al-login > li a:focus,
.al-login-wrap .al-login > li a:active {
    outline: none !important;
}

.al-login-wrap .al-login > li.identity-veri a:hover,
.al-login-wrap .al-login > li.identity-veri a:focus,
.al-login-wrap .al-login > li.identity-veri a:active {
    background: var(--krds-color-light-success-50) !important;
}

.al-login-wrap .al-login > li.mobl-veri a:hover,
.al-login-wrap .al-login > li.mobl-veri a:focus,
.al-login-wrap .al-login > li.mobl-veri a:active {
    background: var(--krds-color-light-primary-50) !important;
}

.al-login-wrap .al-login > li.afmNo-veri a:hover,
.al-login-wrap .al-login > li.afmNo-veri a:focus,
.al-login-wrap .al-login > li.afmNo-veri a:active {
    background: var(--krds-color-light-information-50) !important;
}

.al-login-wrap .al-check-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: var(--krds-gap-5);
}

.al-login-wrap .al-check-box > div {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--krds-gap-5);
    width: 100%;
    padding: var(--krds-number-0) ;
    border-bottom: none;
}

.al-login-wrap .al-check-box > div:not(:last-child) {
    border-bottom: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    padding-bottom: var(--krds-number-7);
}

.al-login-wrap .al-check-box h6 {
    flex-shrink: 0;
    width: 9.6rem;
    font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-semiBold) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    word-break: break-all;
    text-align: center;
}

.al-login-wrap .al-check-box .form-chip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--krds-gap-5);
}


/************************* 개인정보처리방침 *************************/
.per_label_wrap ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: var(--krds-number-0) auto;
    width: 100%;
}

/* 최신 브라우저용: gap이 지원되는 경우 margin 제거 */
@supports (gap: var(--krds-gap-5)) {
    .per_label_wrap ul {
        gap: var(--krds-gap-5);
    }

    .per_label_wrap ul li {
        margin-right: var(--krds-number-0) !important; /* 중복 제거 */
    }
}

.per_label_wrap ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% / 6) - var(--krds-gap-3));
    height: auto;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 5px 5px #eee;
    background: var(--krds-color-light-gray-0);
    border-radius: var(--krds-radius-xlarge1);
    border: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
    padding: var(--krds-pc-padding-card-small);
}

.per_label_wrap ul li:not(:last-child) {
    margin-right: var(--krds-gap-5);
}

.per_label_wrap ul li p.label_txt {
    font-size: var(--krds-pc-font-size-body-medium) !important;
    color: var(--krds-color-light-gray-90) !important;
    font-weight: var(--krds-font-weight-medium) !important;
    line-height: var(--krds-line-height-base) !important;
    letter-spacing: var(--krds-letter-spacing-none) !important;
    margin-top: var(--krds-pc-gap-layout-title-body-small);
}

.per_list {
    width: 100%;
    background: var(--krds-color-light-gray-0);
    border-radius: var(--krds-radius-xlarge1);
    border: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
    padding: var(--krds-pc-padding-card-medium);
    margin: var(--krds-number-0) auto;
}

.per_list ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    margin: var(--krds-number-0) auto;

}

/* 최신 브라우저용: gap이 지원되는 경우 margin 제거 */
@supports (gap: var(--krds-gap-5)) {
    .per_list ul {
        gap: var(--krds-gap-5);
    }

    .per_list ul li {
        margin-right: var(--krds-number-0) !important; /* 중복 제거 */
    }
}

.per_list ul li {
    width: calc((100% / 2) - var(--krds-gap-3));
    position: relative;
    box-sizing: border-box;
}

.per_list ul li:not(:last-child) {
    margin-right: var(--krds-gap-5);
}

.per_list ul li a {
    display: block;
    font-size: var(--krds-pc-font-size-body-medium) !important;
    font-weight: var(--krds-font-weight-regular) !important;
    color: var(--krds-color-light-gray-90) !important;
    line-height: var(--krds-line-height-base) !important;
    background-size: 3.6rem 3.2rem !important;
    padding: var(--krds-padding-2) var(--krds-number-0) var(--krds-padding-2) var(--krds-padding-11);
}

.per_list ul li a.i01 {
    background: url(../images/content/guide/per_h4_01.jpg) left top no-repeat;
}

.per_list ul li a.i02 {
    background: url(../images/content/guide/per_h4_02.jpg) left top no-repeat;
}

.per_list ul li a.i03 {
    background: url(../images/content/guide/per_h4_03.jpg) left top no-repeat;
}

.per_list ul li a.i04 {
    background: url(../images/content/guide/per_h4_04.jpg) left top no-repeat;
}

.per_list ul li a.i05 {
    background: url(../images/content/guide/per_h4_05.jpg) left top no-repeat;
}

.per_list ul li a.i06 {
    background: url(../images/content/guide/per_h4_06.jpg) left top no-repeat;
}

.per_list ul li a.i07 {
    background: url(../images/content/guide/per_h4_07.jpg) left top no-repeat;
}

.per_list ul li a.i08 {
    background: url(../images/content/guide/per_h4_08.jpg) left top no-repeat;
}

.per_list ul li a.i09 {
    background: url(../images/content/guide/per_h4_09.jpg) left top no-repeat;
}

.per_list ul li a.i10 {
    background: url(../images/content/guide/per_h4_10.jpg) left top no-repeat;
}

.per_list ul li a.i11 {
    background: url(../images/content/guide/per_h4_11.jpg) left top no-repeat;
}

.per_list ul li a.i12 {
    background: url(../images/content/guide/per_h4_12.jpg) left top no-repeat;
}

.per_list ul li a.i13 {
    background: url(../images/content/guide/per_h4_13.jpg) left top no-repeat;
}

.per_list ul li a.i14 {
    background: url(../images/content/guide/per_h4_14.jpg) left top no-repeat;
}

.per_list ul li a.i15 {
    background: url(../images/content/guide/per_h4_15.jpg) left top no-repeat;
}

.per_list ul li a.i16 {
    background: url(../images/content/guide/per_h4_16.jpg) left top no-repeat;
}

.per_list ul li a.i17 {
    background: url(../images/content/guide/per_h4_17.jpg) left top no-repeat;
}

.per_list ul li a.i18 {
    background: url(../images/content/guide/per_h4_18.jpg) left top no-repeat;
}

.widget-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light);
    padding-bottom: var(--krds-padding-4);
}

.widget-tit > h4 {
    font-size: var(--krds-pc-font-size-heading-small);
    font-weight: var(--krds-font-weight-bold) !important;
    line-height: var(--krds-line-height-base) !important;
    color: var(--krds-color-light-gray-90) !important;
    background-size: 4rem 3.6rem !important;
    padding: var(--krds-padding-2) 0 var(--krds-padding-2) var(--krds-padding-11);
}

.widget-tit > .priva_btn {
    display: inline-block;
}

.widget-tit > .priva_btn .btn {
    color: var(--krds-button--color-primary-text) !important;
}

#per01 {
    display: block;
    background: url(../images/content/guide/per_h4_01.jpg) left top no-repeat;

}

#per02 {
    display: block;
    background: url(../images/content/guide/per_h4_02.jpg) left top no-repeat;

}

#per03 {
    display: block;
    background: url(../images/content/guide/per_h4_03.jpg) left top no-repeat;

}

#per04 {
    display: block;
    background: url(../images/content/guide/per_h4_04.jpg) left top no-repeat;

}

#per05 {
    display: block;
    background: url(../images/content/guide/per_h4_05.jpg) left top no-repeat;

}

#per06 {
    display: block;
    background: url(../images/content/guide/per_h4_06.jpg) left top no-repeat;

}

#per07 {
    display: block;
    background: url(../images/content/guide/per_h4_07.jpg) left top no-repeat;

}

#per08 {
    display: block;
    background: url(../images/content/guide/per_h4_08.jpg) left top no-repeat;

}

#per09 {
    display: block;
    background: url(../images/content/guide/per_h4_09.jpg) left top no-repeat;

}

#per10 {
    display: block;
    background: url(../images/content/guide/per_h4_10.jpg) left top no-repeat;

}

#per11 {
    display: block;
    background: url(../images/content/guide/per_h4_11.jpg) left top no-repeat;

}

#per12 {
    display: block;
    background: url(../images/content/guide/per_h4_12.jpg) left top no-repeat;

}

#per13 {
    display: block;
    background: url(../images/content/guide/per_h4_13.jpg) left top no-repeat;

}

#per14 {
    display: block;
    background: url(../images/content/guide/per_h4_14.jpg) left top no-repeat;

}

#per15 {
    display: block;
    background: url(../images/content/guide/per_h4_15.jpg) left top no-repeat;

}

#per16 {
    display: block;
    background: url(../images/content/guide/per_h4_16.jpg) left top no-repeat;

}


/****************************** 반응형 스타일 ******************************/
@media(max-width:1440px) {

    .accordion_info_wrap .info_tit .titBox {
        flex: 1 1 100%;
    }

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-list .edu-class {
        flex-wrap: nowrap;
        width: auto !important;
        height: auto !important;
        padding: var(--krds-number-7) var(--krds-number-9);
        border-radius: var(--krds-radius-medium3) !important;
        margin: var(--krds-number-0);
    }

    .edu-wrap .edu-list > ul > li {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .edu-wrap .edu-list .edu-btn {
        position: absolute;
        top: var(--krds-number-10);
        right: var(--krds-number-10);
    }

}

@media(max-width:1350px) {

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-list .edu-class {
        flex-wrap: nowrap;
        width: auto !important;
        height: auto !important;
        padding: var(--krds-number-7) var(--krds-number-9);
        border-radius: var(--krds-radius-medium3) !important;
        margin: var(--krds-number-0);
    }

    .edu-wrap .edu-list > ul > li {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .edu-wrap .edu-list .edu-btn {
        position: absolute;
        top: var(--krds-number-10);
        right: var(--krds-number-10);
    }

}

@media(max-width:1040px) {

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-info {
        justify-content: center;
    }



}

@media(max-width:1024px) {

    .intro-tit > p {
        font-size: var(--krds-pc-font-size-body-large) !important;
        font-weight: var(--krds-font-weight-medium) !important;
        color: var(--krds-color-light-gray-90) !important;
        line-height: var(--krds-line-height-base) !important;
    }

    .intro-tit.intro-tit03 > p,
    .intro-tit.intro-tit04 > p {
        font-size: var(--krds-pc-font-size-heading-small) !important;
    }

    .intro-cont .tbl tr th,
    .intro-cont .tbl tr td {
    }

}

@media (max-width: 1000px) {

    body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
        font-family: 'Pretendard GOV', 'Noto Sans Kr', sans-serif !important;
        font-size: var(--krds-pc-font-size-body-medium) !important;
        font-weight: var(--krds-font-weight-regular) !important;
        color: var(--krds-color-light-gray-90) !important;
        line-height: var(--krds-line-height-base) !important;
        letter-spacing: var(--krds-letter-spacing-none) !important;
    }

    .cont .txt_list > li {
        /*font-size: var(--krds-pc-font-size-heading-xsmall) !important;*/
        font-weight: var(--krds-font-weight-regular) !important;
        line-height: var(--krds-line-height-base) !important;
        letter-spacing: var(--krds-letter-spacing-none) !important;
    }

    .intro-cont .tbl tr th, .intro-cont .tbl tr td {
        font-size: var(--krds-pc-font-size-body-medium) !important;
    }

}

@media (max-width: 940px) {

    .topBox:before {
        /*width: 100px;
        height: 80px;*/
        background-size: auto;
        /*top: 40%;*/
    }

    .cont .accordion_info_area .topBox:before {
        left: 4rem;
        top: 4rem;
        background-size: auto;
    }

}

@media(max-width:900px) {

    .intro-cont .tbl {
        display: table !important;
    }

    .intro-tbl-cont.intro-cont {
        padding: var(--krds-number-0);
    }

    /* 산림경영계획 */
    .process-box {
        padding: 15px;
    }

    .process-box .process dl {
        width: 33.33%;
        margin: 10px -2px;
    }

}

@media (min-width: 280px) and (max-width: 899px) {



}

@media(max-width:899px) {

    .conts-btn-area.right,
    .cont .btn-wrap.right {
        justify-content: center;
    }

    /* 간편인증 팝업 */
    .edu-modal-wrap .info-tboby tbody {
        display: inline-table !important;
        width: 100%;
    }

    .edu-modal-wrap .info-tboby tbody tr {
        display: revert !important;
    }

    .edu-modal-wrap .info-tboby tbody tr ~ tr {
        border-top: none !important;
    }

}

@media(max-width:800px) {

    .intro-tit,
    .intro-tit.intro-tit03,
    .intro-tit.intro-tit04 {
        background-image: none;
    }

    .intro-tit.intro-tit04 > p,
    .intro-tit.intro-tit03 > p {
        font-size: var(--krds-pc-font-size-heading-xsmall) !important;
    }

    .intro-cont h5 {
        margin-top: var(--krds-number-0);
        margin-bottom: var(--krds-number-0);
    }

    .intro-tit > h3,
    .intro-tit > p {
        width: 100% !important;
    }

    .intro-tit > p > span br {
        display: none;
    }

    /* 개인정보처리방침 */
    .per_label_wrap ul {
        flex-wrap: wrap;
    }

    .per_label_wrap ul li {
        width: calc((100% / 3) - var(--krds-gap-5));
    }

}

@media(max-width:780px) {

    .intro-tit,
    .intro-tit.intro-tit03,
    .intro-tit.intro-tit04 {
        padding: var(--krds-padding-7);
    }

    .cont, .intro-cont {
        padding: var(--krds-number-0);
    }

    .intro-cont > ul > li > strong {
        /*font-size: 18px;*/
        display: inline-block;
    }

    /* 간편인증 팝업 */
    .al-login-wrap .al-modal-content .al-cont {
        margin-top: var(--krds-number-11);
    }

    .al-login-wrap .al-login > li {
        flex: 1;
        width: 100%;
    }

    .al-login-wrap .al-login > li a {
        padding: var(--krds-padding-9) var(--krds-padding-10) !important;
    }

    .al-login-wrap .al-login > li a i {
        width: var(--krds-number-19) !important;
        height: var(--krds-number-19) !important;
    }

    .al-login-wrap .al-login > li a p {
        font-size: var(--krds-pc-font-size-heading-large) !important;
        line-height: var(--krds-line-height-base) !important;
    }

}

@media(max-width:767px) {

    /* 모바일 적용 공통 스타일 */
    body {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    #navigation > h3 {
    }

    /* width */
    .w-8rem {
        width: auto !important;
    }

    .w-12rem {
        min-width: auto !important;
    }

    .w-16rem {
        min-width: auto !important;
    }

    .w-20rem {
        min-width: auto !important;
    }

    .w-24rem {
        min-width: auto !important;
    }

    .w-32rem {
        min-width: auto !important;
    }

    .w-40rem {
        min-width: auto !important;
    }

    .btn.xsmall i,
    .btn-new.xsmall i {
        font-size: var(--krds-button--mobile-font-size-xsmall) !important;
    }

    /* button */
    .btn.small i,
    .btn-new.small  {
        font-size: var(--krds-button--mobile-font-size-small) !important;
    }

    .btn.medium i,
    .btn-new.medium i {
        font-size: var(--krds-button--mobile-font-size-medium) !important;
    }

    .btn.large i,
    .btn-new.large i {
        font-size: var(--krds-button--mobile-font-size-large) !important;
    }

    .btn.xlarge i,
    .btn-new.xlarge i {
        font-size: var(--krds-button--mobile-font-size-xlarge) !important;
    }

    /* badge */
    .badge {
        font-size: var(--krds-badge--mobile-font-size) !important;
    }

    .badge.large {
        font-size: var(--krds-badge--mobile-font-size-large) !important;
    }

    /* radio, checkbox */
    .cont .rc-inner input[type=radio] ~ label,
    .cont .rc-inner input[type=checkbox] ~ label {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    .cont .rc-inner > label input {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    /* tab */
    .tab-container-wrap {
        padding-bottom: var(--krds-mobile-gap-layout-h2-h3) !important;
    }

    .tab-list li a {
        font-size: var(--krds-mobile-font-size-heading-xsmall) !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* intro-tit */
    .intro-tit {
        padding: var(--krds-mobile-padding-card-large);
    }

    .intro-tit > h3 {
        font-size: var(--krds-mobile-font-size-heading-large) !important;
    }

    .intro-tit > p {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .topBox {
        padding: var(--krds-mobile-padding-card-medium) var(--krds-mobile-padding-card-large) var(--krds-mobile-padding-card-medium) 16rem !important;
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .topBox .topBox-tit {
        font-size: var(--krds-mobile-font-size-heading-medium) !important;
    }

    .topBox p {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    .topBox > strong + ul {
        margin-top: var(--krds-mobile-gap-layout-text-text-small) !important;
    }

    .h3_tit,
    h3.h3_tit {
        font-size: var(--krds-mobile-font-size-heading-medium) !important;
        margin-bottom: var(--krds-mobile-gap-layout-title-body-large) !important;
    }

    .h3_tit + .conts-box ~ .conts-box,
    h3.h3_tit + .conts-box ~ .conts-box {
        margin-top: var(--krds-mobile-gap-layout-h4-h4) !important;
    }

    .h3_tit + .conts-sbox ~ .conts-sbox,
    h3.h3_tit + .conts-sbox ~ .conts-sbox {
        margin-top: var(--krds-mobile-gap-layout-h5-h5) !important;
    }

    .h4_tit,
    h4.h4_tit {
        font-size: var(--krds-mobile-font-size-heading-small) !important;
        margin-bottom: var(--krds-mobile-gap-layout-title-body-medium) !important;
    }

    .h4_tit + .conts-sbox > ul + * > h5.h5_tit,
    h4.h4_tit + .conts-sbox > ul + * > h5.h5_tit  {
        margin-top: var(--krds-mobile-gap-layout-title-body-medium) !important;
    }

    h5,
    .h5_s_tit,
    h5.h5_s_tit {
        font-size: var(--krds-mobile-font-size-heading-xsmall) !important;
        margin: var(--krds-number-0) var(--krds-number-0) var(--krds-mobile-gap-layout-title-body-small) var(--krds-number-0) !important;
    }

    .h5_tit ~ *,
    .h5_s_tit ~ *  {
        margin-top: var(--krds-mobile-gap-layout-title-body-small) !important;
    }

    .h6_tit,
    h6.h6_tit {
        margin-bottom: var(--krds-mobile-gap-layout-text-text-small) !important;
        font-size: var(--krds-mobile-font-size-body-large);
    }

    .intro_strong,
    strong.intro_strong {
        font-size: var(--krds-mobile-font-size-body-large) !important;
    }

    .intro-tit + .cont,
    .intro-tit + .intro-cont,
    .intro-tit + .topBox,
    .intro-tit + .topBox {
        padding: var(--krds-mobile-gap-layout-h3-h3) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    }

    /* cont, intro-cont */
    .cont,
    .intro-cont {
        gap: var(--krds-mobile-gap-layout-h3-h3) !important;
    }

    .conts-sbox {
        margin-top: var(--krds-mobile-gap-layout-h5-h5) !important;
    }

    .cont p,
    .intro-cont p {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .cont p ~ *,
    .intro-cont p ~ * {
        margin-top: var(--krds-mobile-gap-layout-text-text-small) !important;
    }

    .cont .remarks,
    .intro-cont .remarks {
        font-size: var(--krds-mobile-font-size-body-small);
    }

    .conts-box {
        margin-top: var(--krds-mobile-gap-layout-h4-h4) !important;
    }

    .intro-cont > ul > li > strong {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .info-list > li {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .info-list-con + li ~ li {
        margin-top: var(--krds-mobile-gap-layout-text-text-small);
    }

    .txt_list {
        margin: var(--krds-mobile-gap-layout-text-text-medium) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    }

    .txt_list > li {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .list-ul {
        margin: var(--krds-mobile-gap-layout-text-text-small) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    }

    .list-ul > li {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .list-s-ul > li {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .number-list > li,
    .alphabet-list > li,
    .check-list > li {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .number-list > li > .hangul-list,
    .alphabet-list > li > .hangul-list {
        gap: var(--krds-gap-2);
        margin: var(--krds-mobile-gap-layout-text-text-small) var(--krds-number-0) var(--krds-number-0) var(--krds-number-0) !important;
    }

    .number-list > li > .hangul-list > li,
    .alphabet-list > li > .hangul-list > li {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .number-list > li > ul,
    .number-list > li > div,
    .number-list > li > p {
        margin-top: var(--krds-mobile-gap-layout-text-text-medium) !important;
        margin-bottom: var(--krds-mobile-gap-layout-text-text-small) !important;
    }

    .number-list > li > ul > li > div,
    .number-list > li > ul > li > p {
        margin-top: var(--krds-mobile-gap-layout-text-text-small) !important;
    }

    .disclosure .btn-conts-expand {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    .cont-help-wrap .tooltip-txt {
        font-size: var(--krds-mobile-font-size-body-xsmall) !important;
    }

    .intro-inner {
        padding: var(--krds-mobile-padding-card-small) !important;
    }

    .intro-inner-bor {
        padding: var(--krds-mobile-padding-card-small);
    }

    .link-action a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        border-radius: var(--krds-number-5);
    }

    .link-action a p {
        display: block;
        width: calc(100% - 8rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        line-height: 4rem !important;
    }

    .link-action a.pc  {
        display: none;
    }

    .link-action a.mobile {
        display: flex;
    }

    .cont-dw a,
    .cont-dw_inline_area .cont-dw > a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        border-radius: var(--krds-number-5);
    }

    .cont-go a,
    .cont-dw_inline_area .cont-go > a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        border-radius: var(--krds-number-5);
    }

    .cont-go a p,
    .cont-dw_inline_area .cont-go > a p {
        display: block;
        width: calc(100% - 8rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        line-height: 4rem !important;
    }

    .cont-dw a,
    .cont-dw_inline_area .cont-dw > a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        border-radius: var(--krds-number-5);
    }

    .cont-dw a p,
    .cont-dw_inline_area .cont-dw > a p {
        display: block;
        width: calc(100% - 8rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        line-height: 4rem !important;
    }

    .cont-go a.go-link,
    .cont-dw_inline_area .cont-go > a.go-link,
    .cont-dw a.go-link,
    .cont-dw_inline_area .cont-dw > a.go-link {
        display: none;
    }

    .cont-go a.go-link-m,
    .cont-dw_inline_area .cont-go > a.go-link-m,
    .cont-dw a.go-link-m,
    .cont-dw_inline_area .cont-dw > a.go-link-m {
        display: flex;
    }

    .cont-proce-box .inner-proce .inner-proce-tit {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        padding: var(--krds-mobile-padding-card-xsmall) !important;
    }

    .cont-proce-box .inner-proce .inner-proce-tit em {
        font-size: var(--krds-mobile-font-size-body-xsmall) !important;
    }

    .cont .tbl tr th,
    .cont .info-table tr th,
    .intro-cont .tbl tr th,
    .intro-cont .info-table tr th,
    .cont-tbl-wrap .tbl tr th,
    .cont-tbl-wrap .info-table tr th,
    .cont .tbl tr td, .cont .info-table tr td,
    .intro-cont .tbl tr td,
    .intro-cont .info-table tr td,
    .cont-tbl-wrap .tbl tr td,
    .cont-tbl-wrap .info-table tr td {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .intro-cont .tbl tr th, .intro-cont .tbl tr td {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .cont .tbl tr td > p,
    .cont .info-table tr td > p,
    .intro-cont .tbl tr td > p,
    .intro-cont .info-table tr td > p,
    .cont-tbl-wrap .tbl tr td > p,
    .cont-tbl-wrap .info-table tr td > p {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .cont .tbl tr td > .reference_mark,
    .cont .info-table tr td > .reference_mark,
    .intro-cont .tbl tr td > .reference_mark,
    .intro-cont .info-table tr td > .reference_mark,
    .cont-tbl-wrap .tbl tr td > .reference_mark,
    .cont-tbl-wrap .info-table tr td > .reference_mark {
        font-size: var(--krds-mobile-font-size-body-small) !important;
    }

    /* radio, checkbox */
    .form-check input[type=radio] ~ label,
    .form-check input[type=checkbox] ~ label,
    .cont .rc-inner input[type=radio] ~ label,
    .cont .rc-inner input[type=checkbox] ~ label {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    .form-check > label input,
    .cont .rc-inner > label input {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    /* chip (버튼형 체크박스) */
    .form-chip input[type=radio] ~ label,
    .form-chip input[type=checkbox] ~ label,
    .checkbox-btn-area input[type=radio] ~ label,
    .checkbox-btn-area input[type=checkbox] ~ label {
        font-size: var(--krds-mobile-font-size-label-medium);
    }

    .conts-btn-area.bottom button,
    .cont .btn-wrap.bottom button,
    .conts-btn-area button,
    .cont .btn-wrap button,
    .conts-btn-area.bottom a,
    .cont .btn-wrap.bottom a,
    .conts-btn-area .btn,
    .cont .btn-wrap .btn {
        padding: var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge) !important;
        flex: 1;
    }

    .cont .h3_tit_area,
    .cont .tit_area {
        margin-bottom: var(--krds-number-7);
    }

    .cont .h3_tit_area .h3_tit,
    .cont .tit_area .h4_tit {
        /*flex: 1 1 100%;
        width: 100%;
        text-align: left;*/
    }

    .cont .h3_tit_area .rc-inner-box,
    .cont .tit_area .rc-inner-box {
        display: flex;
        justify-content: flex-end;
        flex: 1 1 100%;
        width: 100%;
    }

    /* 임업경영체 제도소개 */
    .process-frms .frms-user {
        font-size: var(--krds-mobile-font-size-heading-small);
        width: 14rem;
        height: 14rem;
    }

    .process-frms .frms-user img {
        width: 5rem;
    }

    .process-frms li > .frms-div {
        font-size: var(--krds-mobile-font-size-body-medium);
    }

    .process-frms {
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        margin: var(--krds-mobile-gap-layout-title-body-small) var(--krds-number-0) var(--krds-mobile-gap-layout-h3-h3) 0;
        padding: var(--krds-mobile-padding-card-medium);
    }

    .line-wrapper {
        transform: rotate(90deg);
        transform-origin: center;
        width: clamp(6rem, 10vw, 6rem);
        height: clamp(17rem, 4vw, 9rem);
        position: relative;
        margin-top: -5.4rem;
    }

    .line.middle {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 0.2rem;
        height: 100%;
    }

    .line.top {
        top: var(--krds-number-0);
        left: 50%;
        transform: translateX(0%);
        width: 60%;
    }

    .line.bottom {
        bottom: var(--krds-number-0);
        left: 50%;
        transform: translateX(0%);
        width: 60%;
    }

    .process-frms ul {
        gap: var(--krds-gap-4);
        flex-direction: row;
        align-content: flex-start;
        justify-content: space-between;
        width: 100%;
        margin-top: -5.5rem;
    }

    .process-frms li {
        justify-content: flex-start;
        align-items: stretch;
        flex-direction: column;
        flex: 1;
    }

    .process-frms li:after {
        top: 45%;
        transform: rotate(90deg);
    }

    /* 임업직불금 의무교육 */
    .check-con .check-tit {
        text-align: center;
        padding: var(--krds-number-0) !important;
    }

    .check-con .check-tit:before {
        display: none;
    }

    .edu-wrap .edu-list .edu-btn {
        position: absolute;
        top: var(--krds-number-9);
        right: var(--krds-number-9);
    }

    .edu-wrap .edu-list > ul > li {
        padding: var(--krds-mobile-padding-card-small);
    }

    .edu-wrap .edu-list .edu-class {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .edu-wrap .edu-class > strong {
        font-size: var(--krds-mobile-font-size-heading-medium) !important;
    }

    .edu-wrap .edu-loading-wrap h6 {
        font-size: var(--krds-mobile-font-size-heading-xsmall);
    }

    .edu-wrap .edu-list .edu-btn .edu-course > label {
        font-size: var(--krds-button--mobile-font-size-medium) !important;
    }

    /* 간편인증 팝업 */
    .al-login-wrap .al-tit h4 {
        font-size: var(--krds-mobile-font-size-heading-large) !important;
    }

    .al-login-wrap .al-login > li a p {
        font-size: var(--krds-mobile-font-size-heading-large) !important;
    }

    .al-login-wrap .al-check-box h6 {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    /* 개인정보처리방침 */
    .per_label_wrap ul li {
        padding: var(--krds-mobile-padding-card-small);
    }

    .per_label_wrap ul li p.label_txt {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
        margin-top: var(--krds-mobile-gap-layout-title-body-small);
    }

    .per_list {
        padding: var(--krds-mobile-padding-card-medium);
    }

    .per_list ul li a {
        font-size: var(--krds-mobile-font-size-body-medium) !important;
    }

    .widget-tit > h4 {
        font-size: var(--krds-mobile-font-size-heading-small);
    }

}

@media (max-width:670px) {

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-info > ul {
        flex-wrap: nowrap;
    }

    .edu-wrap .edu-info > ul > li:nth-child(1) {
        width: auto;
        justify-content: center;
        margin-bottom: var(--krds-number-0);
    }

}

@media(max-width:639px) {

    .link-action {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }

    .cont-go,
    .cont-dw {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }

    .conts-btn-area.bottom button,
    .cont .btn-wrap.bottom button,
    .conts-btn-area button,
    .cont .btn-wrap button,
    .conts-btn-area.bottom a,
    .cont .btn-wrap.bottom a,
    .conts-btn-area .btn,
    .cont .btn-wrap .btn {
        flex: auto;
        padding: var(--krds-button--padding-y-xlarge) var(--krds-button--padding-x-xlarge) !important;
        margin: var(--krds-number-0) !important;
    }

    .conts-btn-area.bottom button i,
    .cont .btn-wrap.bottom button i,
    .conts-btn-area button i,
    .cont .btn-wrap button i,
    .conts-btn-area.bottom a i,
    .cont .btn-wrap.bottom a i,
    .conts-btn-area .btn i,
    .cont .btn-wrap .btn i {
        display: none;
    }

    .intro-tit > p > br {
        display: none;
    }

    .topBox {
        padding-left: 14rem !important;
    }

    .topBox:before {
        background-size: 65% !important;
    }

    .intro-cont .intro-tbl {
        overflow-x: scroll;
    }

    .intro-cont .intro-tbl .info-table {
        min-width: 70rem;
    }

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-list > ul {
        grid-template-columns: initial;
    }

    .edu-wrap .edu-loading-wrap .ui-progressbar.custom {
        min-width: 89%;
    }

    /* 개인정보처리방침 */
    .per_list ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .per_list ul li {
        width: 100%;
    }

    /* 맞춤알림서비스 */
    .cont .flex-between {
        flex-wrap: wrap;
    }

    .cont .flex-between ul {
        flex: 1 1 100%;
    }

    .cont .flex-between .right-btn-box {
        display: flex;
        flex: 1 1 100%;
        margin-top: var(--krds-number-5);
    }

    .cont .flex-between .right-btn-box .btn.btn-new {
        flex: 1 1 100%;
    }

    /* 임업경영체 제도소개 */
    .process-frms li > .frms-div i {
        display: none;
    }

    .process-frms li > .frms-div {
        padding: var(--krds-padding-5) var(--krds-padding-4);
        border-radius: var(--krds-radius-medium3);
        text-align: center;
        min-height: 6rem;
    }

    /* 간편인증 팝업 */
    .al-login-wrap .al-login > li a p {
        width: calc(100% - 6rem);
    }

}

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

    .cont .join_form .agreement_wrap .h3_tit_area + .textarea {
        margin-top: var(--krds-number-0) !important;
    }

}

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

    .topBox {
        padding: var(--krds-mobile-padding-card-medium) var(--krds-mobile-padding-card-large) !important;
    }

    .topBox:before {
        display: none
    }

}

@media (min-width: 450px) and (max-width: 780px) {

    /* 산림경영계획 */
    .process-box .process dl {
        width: 33.33%;
        margin: 10px -2px;
    }

}

@media(max-width:479px) {

    .h4_tit_area .right_box {
        flex-direction: column;
    }

    .h4_tit_area .right_box button {
        width: 100% !important;
    }

}

@media(max-width:450px) {

    .bl-list > li .intro-inner > p,
    .intro-inner > ul > li,
    .intro-cont h5 {
        /*font-size: 16px;*/
    }

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-info > ul > li:nth-child(2), .edu-info > ul > li:nth-child(3) {
        width: auto;
        margin-right: var(--krds-number-0);
        justify-content: center;
    }

    .edu-wrap .edu-list .edu-btn a {
        margin-top: var(--krds-number-0);
    }

    /* 간편인증 팝업 */
    .al-login-wrap .al-login {
        flex-direction: column;
    }

    .al-login-wrap .al-login > li a {
        padding: var(--krds-padding-6) var(--krds-padding-7) !important;
    }

    .al-login-wrap .al-login > li a i {
        /*width: var(--krds-number-16) !important;
        height: var(--krds-number-16) !important;*/
        display: none;
    }

    /*.al-login-wrap .al-login > li.mobl-veri a i {
        background-position: 12px center !important;
    }

    .al-login-wrap .al-login > li.afmNo-veri a i {
        background-position: 12px center !important;
    }*/

    .al-login-wrap .al-login > li a p {
        width: 100%;
        font-size: var(--krds-mobile-font-size-heading-medium) !important;
    }

    .al-login-wrap .al-check-box > div {
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;
    }

    .al-login-wrap .al-check-box h6 {
        width: 100%;
        text-align: left;
    }

    .al-login-wrap .al-check-box > div:first-child .form-chip {
        width: 100%;
    }

    .al-login-wrap .al-check-box > div:first-child .form-chip li {
        flex: 1;
    }

    .al-login-wrap .al-check-box > div:last-child .form-chip li {
        width: 100%;
    }

    .al-login-wrap .al-check-box > div .form-chip li label {
        width: 100%;
    }

    /* 개인정보처리방침 */
    .per_label_wrap ul li {
        width: calc((100% / 2) - var(--krds-gap-5));
    }

    .widget-tit {
        flex-direction: column;
        align-items: stretch;
    }

    .widget-tit > .priva_btn {
        display: flex;
        justify-content: flex-end;
    }

}

@media(max-width:425px) {

    .cont-proce-box .inner-proce {
        flex-direction: column;
    }

    .cont-proce-box .inner-proce .int-arr {
        transform: rotate(360deg);
    }

    .cont-proce-box .inner-proce-02 {
        flex-direction: column;
    }

    .cont-proce-box .inner-proce-02 .int-arr {
        transform: rotate(360deg);
    }

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-loading-wrap .ui-progressbar.custom {
        min-width: 75%;
    }

}

@media(max-width:375px) {

}

@media(max-width:360px) {

    /* 산림경영계획 */
    .process-box {
        padding: 15px;
    }

    .process-box .process dl {
        width: 50%;
        margin: 10px -2px;
    }

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-info > ul > li:nth-child(2), .edu-info > ul > li:nth-child(3) {
        margin-bottom: var(--krds-number-0);
    }

    /* 간편인증 팝업 */
    .edu-modal-wrap .info-tboby tbody {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .edu-modal-wrap .info-tboby tbody tr {
        display: flex !important;
    }

    .edu-modal-wrap .info-tboby tbody tr ~ tr {
        border-top: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    }

    .edu-modal-wrap .info-tboby tbody tr td.form-group {
        border-left: var(--krds-number-1) solid var(--krds-light-color-divider-gray-light) !important;
    }

}

@media(max-width:320px) {

    /* 임업직불금 의무교육 */
    .edu-wrap .edu-info > ul {
        flex-wrap: wrap;
    }

    .edu-wrap .edu-list > ul > li {
        justify-content: center !important;
    }

    .edu-wrap .edu-loading-wrap {
        align-items: center;
    }

    .edu-wrap .edu-list .edu-btn {
        position: initial;
        width: 100%;
    }

    .edu-wrap .edu-list .edu-btn a {
        justify-content: center;
    }

    /* 간편인증 팝업 */
    .al-login-wrap .al-check-box > div .form-chip {
        flex-direction: column;
        width: 100%;
    }

    .al-login-wrap .al-check-box .form-chip li {
        width: 100%;
    }

    .al-login-wrap .al-check-box .form-chip li label {
        width: 100%;
    }

}