@charset "utf-8";
html,
body {
    font-size: 16px;
    font-family:'Pretendard';
    font-weight: 300;
}
:root {
    --main-color: #b11116;
    --main-color-2: #930d14;
    --main-color-3: #2c3a6a;
    --sub-color-1: #e65925;
    --sub-color-2: #e07f48;
    --sub-color-3: #658b57;
    --sub-color-4: #005d83;
    --sub-color-5: #00548b;
    --sub-color-6: #5c3276;
    --sub-color-7: #dee4bf;
    --sub-color-8: #c4d0dc;
    --c-black-1: #222;
    --c-black-2: #333;
    --c-black-3: #555;
    --c-black-4: #999;
    --c-black-5: #ddd;
    --c-black-6: #efefef;
    --c-black-7: #f0f0f0;
    --c-black-8: #f6f6f6;

    --accent-color: #930d14;

    --txt-xs: 0.75rem;/* 12px */
    --txt-sm: 0.875rem;/* 14px */
    --txt-md: 1rem;/* 16px */
    --txt-md-1: 1.063rem;/* 17px */
    --txt-lg: 1.125rem;/* 18px */
    --txt-lg-2: 1.25rem;/* 20px */
    --txt-xl: 1.375rem;/* 22px */
    --txt-2xl: 1.5rem;/* 24px */
    --txt-3xl: 1.75rem;/* 28px */
    --txt-3xl-1: 1.875rem;/* 30px */
    --txt-3xl-2: 2rem;/* 32px */
    --txt-4xl: 2.25rem;/* 36px */
    --txt-4xl-1: 2.625rem;/* 42px */
    --txt-5xl: 3rem;/* 48px */
    --txt-6xl: 3.75rem;/* 60px */
    --txt-7xl: 4.25rem;/* 68px */
    --txt-8xl: 5rem;/* 80px */

    --web-width: 1280px;

    --main-font: 'Pretendard', sans-serif;
    --sub-font: 'Noto Serif KR', serif;
}

div, dl, dt, dd, ul, ol, li, form, fieldset, p, button, th, td, i, em {
    font-size: inherit;
}
/**************************************************************/
/**************************************************************/
/****************************basic css*************************/
/**************************************************************/
/**************************************************************/

/* ----------------- pc mobile hidden & show -----------------*/
.pc_hidden {
    display: none !important;
}
.m_hidden {
    display: block !important;
}
.pc_hidden_f {
    display: none !important;
}
.m_hidden_f {
    display: flex !important;
}
.br_hidden {
    display: none !important;
}

/* ---------------------- margin setting -----------------------*/
.mb_0 {
    margin-bottom: 0 !important;
}
.mb_10 {
    margin-bottom: 0.625rem !important;
}
.mb_20 {
    margin-bottom: 1.25rem !important;
}
.mb_30 {
    margin-bottom: 1.875rem !important;
}
.mb_40 {
    margin-bottom: 2.5rem !important;
}
.mb_60 {
    margin-bottom: 3.75rem !important;
}
.mb_90 {
    margin-bottom: 5.625rem !important;
}
.mt_0 {
    margin-top: 0 !important;
}
.mt_4 {
    margin-top: 0.25rem !important;
}
.mt_10 {
    margin-top: 0.625rem !important;
}
.mt_20 {
    margin-top: 20px !important;
}
.mt_30 {
    margin-top: 1.875rem !important;
}
.mt_40 {
    margin-top: 2.5rem !important;
}
.mt_50 {
    margin-top: 3rem !important;
}
.mt_60 {
    margin-top: 3.75rem !important;
}
.mt_90 {
    margin-top: 5.625rem !important;
}
.mt_100 {
    margin-top: 6.25rem !important;
}
.ml_10 {
    margin-left: 10px !important;
}
/* -------------------- basic flex setting -------------------*/
.flex {
    display: flex;
    /* flex-wrap: wrap; */
}
.flex.flex_end {
    justify-content: flex-end;
}
.flex.flex_bet {
    justify-content: space-between;
}
.blue { color: #0000ff !important; }
.blue a { color: #0000ff;}
.red { color: #ff0000 !important; }
.point {color: var(--main-color);}
.join_point { color: #ff0000;}
.align_c {text-align: center;}
.align_r {text-align: right;}
.align_l {text-align: left;}
.align_j {text-align: justify;}
.flex {display: flex;}
.flex > .btn_met {margin-right: 5px;}
.flex.align_c {justify-content: center;}
.flex.align_r {justify-content: flex-end;}
.flex.valign_m {align-items: center;}
.flex.valign_b {align-items: flex-end;}
.fl { float: left;}
.fr { float: right;}
.cursor {cursor: pointer;}
.bold {font-weight: 600;}

i {font-style: italic;}


/* -------------------- text basic setting -------------------*/
.txt_center {text-align: center !important;}
.txt_justify {text-align: justify !important; word-break: break-all;}
.txt_left {text-align: left !important;}
.txt_right {text-align: right !important;}
.txt_5xl {
    font-size: var(--txt-5xl);
    line-height: 1.5em;
}
.txt_3xl {
    font-size: var(--txt-3xl);
    line-height: 1.5em;
}
.txt_2xl {
    font-size: var(--txt-2xl);
    line-height: 1.5em;
}
.txt_xl {
    font-size: var(--txt-xl);
    line-height: 1.5em;
}
.txt_lg {
    font-size: var(--txt-lg);
    line-height: 1.5em;
}
.txt_lg-2 {
    font-size: var(--txt-lg-2);
    line-height: 1.5em;
}
.txt_lg-2 span{
    font-size: 1rem;
    font-weight: 500;
}
/* .txt_lg span {
    font-weight: 500;
    color: var(--main-color-2);
} */
.txt_md-1 {
    font-size: var(--txt-md-1);
    line-height: 1.5;
}
.txt_lg_thin {
    font-size: var(--txt-lg);
    font-weight: lighter;
    display: block;
    color: var(--c-black-3);
    line-height: 1.6em;
}
.txt_lg_thin span {
    font-weight: normal;
    color: var(--main-color-2);
}
.txt_md {
    font-size: var(--txt-md);
}

.txt_ex {
    font-size: var(--txt-sm);
    color: var(--c-black-3);
}
.txt_sm {
    font-size: var(--txt-sm);
}
.txt_strong {
    font-weight: 500;
}
.txt_light {
    font-weight: 300;
}
.txt_normal {
    font-weight: 400;
}
.sub_font {
    font-family: var(--sub-font);

}
/* -------------------- text color setting -------------------*/
.main_clr {
    color: var(--main-color) !important;
}
.main_clr02 {
    color: var(--main-color-2) !important;
}
.main_clr03 {
    color: var(--main-color-3) !important;
}
.sub_clr01 {
    color: var(--sub-color-1) !important;
}
.sub_clr02 {
    color: var(--sub-color-2) !important;
}
.sub_clr03 {
    color: var(--sub-color-3) !important;
}
.sub_clr04 {
    color: var(--sub-color-4) !important;
}
.sub_clr05 {
    color: var(--sub-color-5) !important;
}
.sub_clr06 {
    color: var(--sub-color-6) !important;
}
.sub_clr07 {
    color: var(--sub-color-7) !important;
}
.sub_clr08 {
    color: var(--sub-color-8) !important;
}
.txt_grey {
    color: var(--c-black-3) !important;
}
.txt_red {
    color: #d22b28 !important;
}
.txt_blue {
    color: #2868d2 !important;
}
.txt_blk {
    color: var(--c-black-1) !important;
}
.txt_point {
    color: var(--main-color) !important;
}
.txt_accent {
    color: var(--accent-color) !important;
}

/* -------------------- text link setting -------------------*/
.txt_link {
    cursor: pointer;
    display: inline-block;
    color: var(--sub-color-2) !important;
    font-weight: 400;
}
.txt_link span.material-icons {
    vertical-align: sub;
    font-size: 18px;
    margin-right: 0.25rem;
    color: var(--main-color-2);
}


/* ------서브페이지 두번째 제목 (bullet 없는 센터버전)-------*/

.cont_tit_m h2, .cont_tit_nm h2 {
    font-size: var(--txt-4xl);
    display: block;
    font-weight: 700;
    word-break: keep-all;
}
.cont_tit_nm h2 {
    margin: 0 0 1.5rem;
}
.cont_tit_m h2 {
    margin: 3.125rem 0 1.5rem;
}

/* ------------------서브페이지 두번째 제목 (bullet 버전)------------------*/

.cont_tit_m h2.bullet, .cont_tit_nm h2.bullet {
    /* padding-top: 3rem; */
    position: relative;
    /* text-align: center; */
}
.cont_tit_m h2.bullet::before, .cont_tit_nm h2.bullet::before {
    position: absolute;
    content: '';
    background: var(--c-black-4);
    bottom: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 1px;
    width: 100%;
    z-index: -1;
}
.cont_tit_m h2.bullet, .cont_tit_nm h2.bullet img {
    width: 100%;
}
.cont_tit_m h2.bullet span, .cont_tit_nm h2.bullet span {
    background: #fff;
    display: inline-block;
    width: fit-content;
    padding-right: 10px;
}

/* ------------------서브페이지 세번째 제목------------------*/
.cont_tit_m h3, .cont_tit_nm h3 {
    font-size: var(--txt-2xl);          /* 24px */
    font-weight: 600;
    color: var(--c-black-1);
}
.cont_tit_m h3 {
    margin: 2.5rem 0 1rem;
}
.cont_tit_nm h3 {
    margin: 0rem 0 1rem;
}
.cont_tit_m h3.bullet, .cont_tit_nm h3.bullet {
    position: relative;
    padding-left: 16px;
}
.cont_tit_m h3.bullet::before, .cont_tit_nm h3.bullet::before {
    content: '';
    width: 6px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    background: var(--main-color-2);    /* #930d14 */
    border-radius: 5px;
}


/* ------------------서브페이지 네번째 제목------------------*/
.cont_tit_m h4, .cont_tit_nm h4 {
    font-size: var(--txt-lg-2);          /* 24px */
    font-weight: 600;
    color: var(--sub-color-2);
}
.cont_tit_m h4 {
    margin: 1.5rem 0 0.5rem;
}
.cont_tit_nm h4 {
    margin: 0rem 0 0.5rem;
}
.cont_tit_m h4.bullet, .cont_tit_nm h4.bullet {
    position: relative;
    padding-left: 16px;
}
.cont_tit_m h4.bullet::before, .cont_tit_nm h4.bullet::before {
    content: '';
    width: 6px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    background: var(--main-color-2);    /* #930d14 */
    border-radius: 5px;
}

.cont_tit_nm h5, .cont_tit_m h5 {
    font-size: var(--txt-lg);
    font-weight: 500;
    color: var(--c-black-1);
    letter-spacing: -0.5px;
}

.cont_tit_nm h5 {
    margin: 0 0 0.6rem;
}
.cont_tit_m h5 {
    margin: 1.5rem 0 0.6rem;
}
/**************************************************************/
/**************************************************************/
/*************************table setting ***********************/
/**************************************************************/
/**************************************************************/
.tb_scroll {
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
}
.tb_scroll table.normal {
    min-width: 640px;
}
table.normal {
    width: 100%;
    border-top: 2px var(--main-color) solid;
    /* border-right: 1px var(--c-black-5) solid;
    border-left: 1px var(--c-black-5) solid; */
    /* table-layout: fixed; */
    /* min-width: 640px; */
    border-collapse: collapse;
    line-height: 1.5em;
    text-align: center;
}
.table_min {
    min-width: 280px;
}
table.normal th:first-child {
    border-left: 1px var(--c-black-5) solid;
}
table.normal th {
    background-color: var(--c-black-8);
    /* border-top: 4px solid var(--main-color); */
    border-right: 1px var(--c-black-5) solid;
    padding: 20px;
    font-size: var(--txt-md-1);
    font-weight: 600;
}
table.normal th.line_l {
    border-left: 1px var(--c-black-5) solid;
}
table.normal tr {
    border-bottom: 1px var(--c-black-5) solid;
}
/* table tr:last-child {
    border-bottom: 0;
} */
table.normal tr th {
    padding: 14px;
}
table.normal td {
    font-size: var(--txt-md-1);
    padding: 14px;
    border-right: 1px var(--c-black-5) solid;
    vertical-align: middle;
}
table.normal td.valign_t {
    vertical-align: top;
}
table.normal td:first-child {
    border-left: 1px var(--c-black-5) solid;
}
table.normal .cont {
    /*    padding: 14px;*/
    text-align: left;
    word-break: keep-all;
}
table.normal .main_tit {
    background: var(--c-black-4);
    color: #fff;
    font-size: var(--txt-lg);
    font-weight: 500;
}
table.normal .sub_tit {
    background: #aaa;
    border-right: 1px #fff solid;
}
table.normal .sub_tit:last-child {
    border-right: 0;
}
.tb_txt_eng {color: var(--main-color-2); font-size: 0.925rem;}
table.normal tr .align_l {
    text-align: left;
}
table.normal .gray_bg {
    background: var(--c-black-4);
}
table.normal tfoot td {
    background: var(--c-black-8);
    font-weight: 600;
}
table tr .valign_top {
    vertical-align: top;
}
table.normal.tr_line.lint_t {
    border-top: 2px var(--main-color-3) solid;
}
table.normal.tr_line {
    border-top: none;
    border-bottom: 2px var(--main-color-3) solid;
}
table.normal.tr_line thead th {
    background: var(--main-color-3);
    border-right: none;
    color: #fff;
}
table.normal.tr_line thead th.lind_l {
    border-left: 1px var(--c-black-5) solid;
    color: #fff;
}
table.normal.tr_line tbody td {
    border-right: none;
    border-bottom: 1px var(--main-color-3) solid;
}
table.normal.tr_line td:first-child {
    border-left: none;
}
table.normal.td_line td {
    border-left: 1px solid var(--c-black-5);
    border-right: 1px solid var(--c-black-5);
}
table.normal.tr_line.td_line td:first-child {
    border-left: 1px solid var(--c-black-5);
}
table.normal.tr_line.td_line td.line_no {
    border-left: none;
}
table.normal.tr_line tbody td.valign_t {
    vertical-align: top;
}

/*격행으로 배경 컬러*/
table.normal.tr_color thead th {
    background: #f2eee7;
    border-right: 1px #dbd3c5 solid;
}
table.normal.tr_color tbody tr:nth-child(2n) {
    background: var(--c-black-8);
}

/*열리는 tr*/
table.normal.tr_open thead {
    position: sticky;
    top: 90px;
    z-index: 2;
    height: 100px;
}
table.normal.tr_open thead th {
    background: #f2eee7;
    border-right: 1px #dbd3c5 solid;
}
table.normal.tr_open .title {
    position: relative;
    cursor: pointer;
}
table.normal.tr_open .title:hover {
    background: var(--c-black-8);
}
table.normal.tr_open .title:nth-child(2n) {
    background: var(--c-black-8);
}
table.normal.tr_open .open {
    position: relative;
}
table.normal.tr_open .open:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -5px 12px auto auto;
    vertical-align: middle;
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
    transform: translateY(-50%) rotate(135deg);
    position: absolute;
    top: 55%;
    right: 0px;
}
table.normal.tr_open .title:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -5px 12px auto auto;
    vertical-align: middle;
    border-right: 1px solid var(--main-color);
    border-top: 1px solid var(--main-color);
    transform: translateY(-50%) rotate(135deg);
    position: absolute;
    top: 55%;
    right: 0px;
}
table.normal .description {
    display: none;
}
table.normal .description td {
    background: #fff;
}
table.normal .description .sub_bg {
    background: var(--c-black-8);
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: left;
}

/* 셀 자체를 가운데 정렬 */
.center_cell {
    text-align: center;
    vertical-align: middle;
}

/* 리스트는 내용 폭만큼만 차지 */
.major_list {
    display: inline-block;   /* ← 이게 핵심 */
    text-align: left;        /* 내부 텍스트는 왼쪽 정렬 유지 */
}

/* 앞줄 기준 맞춤 */
.major_list div {
    display: flex;
    line-height: 1.8;
}

.major_list .code {
    width: 90px;             /* 과목명 시작 기준선 */
    display: inline-block;
    font-weight: 500;
}

.major_list .name {
    display: inline-block;
}

/* -------------------- state tag setting --------------------*/
.state {
	min-width: 40px;
	padding: 0.25rem 0.375rem;
	border-radius: var(--radius-all-xxs);
	text-align: center;
	font-size: 1rem;
	position: relative;
	/* height: 30px; */
	display: inline-block;
    /* background: var(--sub-color-3); */
    font-weight: 500;
}
.state.state01 { 
    color: var(--main-color);
}
.state.state02 {
	color: var(--sub-color);
}
.state.state03 {
	background: var(--c-black-3);
}


/**************************************************************/
/**************************************************************/
/****************************Contents**************************/
/**************************************************************/
/**************************************************************/
.layout_sub {
    position: relative;
}

.layout_pop {
    background: var(--c-black-7);
    height: 100vh;
    overflow: hidden;
}
.sub_container {
    min-height: 550px;
    /* border-bottom: 30px solid #c9d0d4; */
    /* margin-top: 7rem; */
}
.sub_container>.wrapper {
    /* width: var(--web-width); */
    margin: 0 auto;
    position: relative;
}
.sub_container>.wrapper>.contents {
    margin: 3.5rem 0;
}

.max {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}


/**************************************************************/
/**************************************************************/
/************************ member & form ***********************/
/**************************************************************/
/**************************************************************/
/*-------------------- form basic setting --------------------*/
input::-webkit-input-placeholder {
    font-size: var(--txt-sm);
    color: var(--c-black-4);
}
input::-moz-input-placeholder {
    font-size: var(--txt-sm);
    color: var(--c-black-4);
}
input:-ms-input-placeholder {
    font-size: var(--txt-sm);
    color: var(--c-black-4);
}
input:-moz-input-placeholder {
    font-size: var(--txt-sm);
    color: var(--c-black-4);
}


/**************************************************************/
/**************************************************************/
/******************** waiting 준비중페이지 ********************/
/**************************************************************/
/**************************************************************/
/*----------------------- 인덱스 준비중 ----------------------*/
.waiting_index {display: flex;align-content: center;justify-content: center;width: 100vw;height: 100vh;flex-wrap: wrap;position: relative;}
.waiting_index::before {box-shadow: 0px 7px 23px -6px rgb(0 0 0 / 40%); content:'';position: absolute;width: 400px;aspect-ratio:1/1;top: 28vh;left: 50%;transform: translate(-50%);background: url(../images/common/multi_bg.png);z-index: -1;background-size: cover;border-radius: 400px;}
.waiting_index img {margin-bottom: 1.5rem;border-bottom: 1px dashed #fff;padding-bottom: 1.5rem;}
.waiting_index p {font-size: 2rem;text-align: center;width: 100%;color: #fff;font-weight: 500;}

/*-------------------- 서브페이지 준비중 ---------------------*/
.waiting_sub {display: flex;align-content: center;justify-content: center;width: 100%;flex-wrap: wrap;position: relative;margin: 0 auto;height: 400px;}
.waiting_sub::before {
    box-shadow: 0px 7px 23px -6px rgb(77 82 79 / 17%);
    content: '';
    width: 400px;
    height: 400px;
    /* aspect-ratio: 1 / 1; */
    transform: translate(-50%);
    background: url(../images/main/mainvisual_02.png) no-repeat center;
    z-index: -1;
    background-size: cover;
    /* border-radius: 400px; */
    position: absolute;
    left: 50%;
    border-radius: 50%;
}
.waiting_sub img {max-width: fit-content;}
.waiting_sub p {font-size: 1.5rem;text-align: center;width: 100%;color: #fff;font-weight: 500;margin-top: 1.5rem;border-top: 1px dashed #fff;padding-top: 1.5rem;}


/*-------------------- 게시판 준비중 ---------------------*/
.no_data{
    width: 100%;
    height: auto;
    background: var(--c-black-4);
    border-radius: var(--radius-all-sm);
    margin-top: 2rem;
    padding: 2rem;
}
.no_data::before{
    display: none;
}
.waiting_sub.no_data img {max-width: 300px;}


/* 모바일 테이블 스크롤 안내 */
.table-container {
    position: relative;
}
.scroll-indicator {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    display: none;
    z-index: 10;
    width: 80%;
    text-align: center;
}
.scroll-indicator_small{
    top: 45%;
}

.table-container.scrollable .scroll-indicator {
    display: block;
}
.scroll_icon {
    position: relative;
}
.scroll_icon::before, .scroll_icon::after  {
    font-family: 'Material Icons outlined';
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
}
.scroll_icon::after {
    content: '\eac9';
}
.scroll_icon::before {
    content: '\eac3';
}
@media (max-width: 1279px) {
    .table-container {
        border: none;
        overflow-x: auto;
    }

    .scroll-indicator {
        display: block;
    }
    .cont_tit_m h3.bullet::before, .cont_tit_nm h3.bullet::before {
        top: 3px;
    }
}
@media (max-width: 768px) {
    .table-container {
        border: none;
        overflow-x: auto;
    }

    .scroll-indicator {
        display: block;
    }
}

.num-a > li{position:relative; padding-left:25px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-a > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.num-a > li.a1:before, .num-a > li:nth-of-type(1):before{content:'1. ';}
.num-a > li.a2:before, .num-a > li:nth-of-type(2):before{content:'2. ';}
.num-a > li.a3:before, .num-a > li:nth-of-type(3):before{content:'3. ';}
.num-a > li.a4:before, .num-a > li:nth-of-type(4):before{content:'4. ';}
.num-a > li.a5:before, .num-a > li:nth-of-type(5):before{content:'5. ';}
.num-a > li.a6:before, .num-a > li:nth-of-type(6):before{content:'6. ';}
.num-a > li.a7:before, .num-a > li:nth-of-type(7):before{content:'7. ';}
.num-a > li.a8:before, .num-a > li:nth-of-type(8):before{content:'8. ';}
.num-a > li.a9:before, .num-a > li:nth-of-type(9):before{content:'9. ';}
.num-a > li.a10:before, .num-a > li:nth-of-type(10):before{content:'10. ';}
.num-a > li.a11:before, .num-a > li:nth-of-type(11):before{content:'11. ';}
.num-a > li.a12:before, .num-a > li:nth-of-type(12):before{content:'12. ';}
.num-a > li.a13:before, .num-a > li:nth-of-type(13):before{content:'13. ';}
.num-a > li.a14:before, .num-a > li:nth-of-type(14):before{content:'14. ';}
.num-a > li.a15:before, .num-a > li:nth-of-type(15):before{content:'15. ';}

.num-b > li{position:relative; padding-left:22px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.num-b > li.b1:before, .num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li.b2:before, .num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li.b3:before, .num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li.b4:before, .num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li.b5:before, .num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li.b6:before, .num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li.b7:before, .num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li.b8:before, .num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li.b9:before, .num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li.b10:before, .num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li.b11:before, .num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li.b12:before, .num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li.b13:before, .num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li.b14:before, .num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li.b15:before, .num-b > li:nth-of-type(15):before{content:'⒂ ';}

.num-c > li{position:relative; padding-left:18px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-lg);}
.num-c > li.c1:before, .num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li.c2:before, .num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li.c3:before, .num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li.c4:before, .num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li.c5:before, .num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li.c6:before, .num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li.c7:before, .num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li.c8:before, .num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li.c9:before, .num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li.c10:before, .num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li.c11:before, .num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li.c12:before, .num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li.c13:before, .num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li.c14:before, .num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li.c15:before, .num-c > li:nth-of-type(15):before{content:'⑮ ';}

.num-d > li{position:relative; padding-left:18px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-d > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md);}
.num-d > li.d1:before, .num-d > li:nth-of-type(1):before{content:'1) ';}
.num-d > li.d2:before, .num-d > li:nth-of-type(2):before{content:'2) ';}
.num-d > li.d3:before, .num-d > li:nth-of-type(3):before{content:'3) ';}
.num-d > li.d4:before, .num-d > li:nth-of-type(4):before{content:'4) ';}
.num-d > li.d5:before, .num-d > li:nth-of-type(5):before{content:'5) ';}
.num-d > li.d6:before, .num-d > li:nth-of-type(6):before{content:'6) ';}
.num-d > li.d7:before, .num-d > li:nth-of-type(7):before{content:'7) ';}
.num-d > li.d8:before, .num-d > li:nth-of-type(8):before{content:'8) ';}
.num-d > li.d9:before, .num-d > li:nth-of-type(9):before{content:'9) ';}
.num-d > li.d10:before, .num-d > li:nth-of-type(10):before{content:'10) ';}

.num-e > li{position:relative; padding-left:18px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.num-e > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md);}
.num-e > li.d1:before, .num-e > li:nth-of-type(1):before{content:'ⅰ. ';}
.num-e > li.d2:before, .num-e > li:nth-of-type(2):before{content:'ⅱ. ';}
.num-e > li.d3:before, .num-e > li:nth-of-type(3):before{content:'ⅲ. ';}
.num-e > li.d4:before, .num-e > li:nth-of-type(4):before{content:'ⅳ. ';}
.num-e > li.d5:before, .num-e > li:nth-of-type(5):before{content:'ⅴ. ';}
.num-e > li.d6:before, .num-e > li:nth-of-type(6):before{content:'ⅵ. ';}
.num-e > li.d7:before, .num-e > li:nth-of-type(7):before{content:'ⅶ. ';}
.num-e > li.d8:before, .num-e > li:nth-of-type(8):before{content:'ⅷ. ';}
.num-e > li.d9:before, .num-e > li:nth-of-type(9):before{content:'ⅸ. ';}
.num-e > li.d10:before, .num-e > li:nth-of-type(10):before{content:'ⅹ. ';}

.txt-k > li{position:relative; padding-left:24px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.txt-k > li.k1:before, .txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li.k2:before, .txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li.k3:before, .txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li.k4:before, .txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li.k5:before, .txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li.k6:before, .txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li.k7:before, .txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li.k8:before, .txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li.k9:before, .txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li.k10:before, .txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li.k11:before, .txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li.k12:before, .txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li.k13:before, .txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li.k14:before, .txt-k > li:nth-of-type(14):before{content:'하. ';}

.txt-e > li{position:relative; padding-left:24px;margin: 4px 10px 4px 0;font-size: var(--txt-md-1);line-height: 1.375rem;}
.txt-e > li:before{position:absolute; left:0; top:0; display:block;font-size: var(--txt-md-1);}
.txt-e > li.k1:before, .txt-e > li:nth-of-type(1):before{content:'a) ';}
.txt-e > li.k2:before, .txt-e > li:nth-of-type(2):before{content:'b) ';}
.txt-e > li.k3:before, .txt-e > li:nth-of-type(3):before{content:'c) ';}
.txt-e > li.k4:before, .txt-e > li:nth-of-type(4):before{content:'d) ';}
.txt-e > li.k5:before, .txt-e > li:nth-of-type(5):before{content:'e) ';}
.txt-e > li.k6:before, .txt-e > li:nth-of-type(6):before{content:'f) ';}
.txt-e > li.k7:before, .txt-e > li:nth-of-type(7):before{content:'g) ';}
.txt-e > li.k8:before, .txt-e > li:nth-of-type(8):before{content:'h) ';}
.txt-e > li.k9:before, .txt-e > li:nth-of-type(9):before{content:'i) ';}
.txt-e > li.k10:before, .txt-e > li:nth-of-type(10):before{content:'j) ';}
.txt-e > li.k11:before, .txt-e > li:nth-of-type(11):before{content:'k) ';}
.txt-e > li.k12:before, .txt-e > li:nth-of-type(12):before{content:'l) ';}
.txt-e > li.k13:before, .txt-e > li:nth-of-type(13):before{content:'m) ';}
.txt-e > li.k14:before, .txt-e > li:nth-of-type(14):before{content:'n) ';}