body { margin: 0; overflow-x: hidden; }
table, th, thead, tfoot { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { margin: 0; padding: 0; border: none; background: none; font: inherit; }
html.is-open-layer{height:100%;overflow-x:hidden;overflow-y:hidden}
@font-face{ font-family:"Pretendard"; font-weight:700; font-display:swap; src:local("Pretendard Bold"),url("../fonts/pretendard/Pretendard-Bold.woff2") format("woff2"),url("../fonts/pretendard/Pretendard-Bold.woff") format("woff")}  @font-face{ font-family:"Pretendard"; font-weight:600; font-display:swap; src:local("Pretendard SemiBold"),url("../fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"),url("../fonts/pretendard/Pretendard-SemiBold.woff") format("woff")}  @font-face{ font-family:"Pretendard"; font-weight:500; font-display:swap; src:local("Pretendard Medium"),url("../fonts/pretendard/Pretendard-Medium.woff2") format("woff2"),url("../fonts/pretendard/Pretendard-Medium.woff") format("woff")}  @font-face{ font-family:"Pretendard"; font-weight:400; font-display:swap; src:local("Pretendard Regular"),url("../fonts/pretendard/Pretendard-Regular.woff2") format("woff2"),url("../fonts/pretendard/Pretendard-Regular.woff") format("woff")}
@font-face {
    font-family: "AppleSDGothicNeo";
    font-weight: 500;
    src: url("../fonts/sdgothic/AppleSDGothicNeoM.woff2") format("woff2");
}
@font-face {
    font-family: "SFProDisplay";
    font-weight: 500;
    src: url("../fonts/sfprodisplay/SF-Pro-Display-Medium.woff2") format("woff2");
}

/*layout*/
.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.content-wrapper {
    display: flex;
    flex: 1;
}
.content-inner {
    overflow-x: auto;
    box-sizing: border-box;
    flex-grow: 1;
    background-color: #F5F7FA;
    padding: 20px 20px 20px 0;
    height: auto;
    border-top: 1px solid #EEEEEE;
    position: relative;
    width: 100%;
}
#content-body {
    width: 100%;
    min-width: 1200px;
    box-sizing: border-box;
}
#content-body .contwrap.noti {
    padding: 13px 25px !important;
    border-radius: 9px;
}
.contwrap {
    padding: 25px;
    border-radius: 18px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}
.section-card {
    display: flex;
    gap: 20px;
}

/* LNB */
.site-lnb {
    position: relative;
    width: 220px;
    min-width: 220px;
    background: #F5F7FA 0% 0% no-repeat padding-box;
    padding: 0 25px 25px 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.site-lnb ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.site-lnb .lnb-nm {
    padding: 13px 16px;
    cursor: pointer;
    border-radius: 10px;
}
.site-lnb .lnb-nm a {
    text-decoration: none;
    font: normal normal 500 14px/21px Pretendard;
    letter-spacing: 0px;
    color: #363636;
}
.site-lnb .lnb-nm .lnb-icon {
    display: flex;
    align-items: center;
    position: relative;
}
.site-lnb .lnb-nm .lnb-icon .icon {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu1 {
    background: url(../images/icon/ic_menu1.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu1 {
    background: url(../images/icon/ic_menu1_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu2 {
    background: url(../images/icon/ic_menu2.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu2 {
    background: url(../images/icon/ic_menu2_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu3 {
    background: url(../images/icon/ic_menu3.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu3 {
    background: url(../images/icon/ic_menu3_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu4 {
    background: url(../images/icon/ic_menu4.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu4 {
    background: url(../images/icon/ic_menu4_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu5 {
    background: url(../images/icon/ic_menu5.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu5 {
    background: url(../images/icon/ic_menu5_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu6 {
    background: url(../images/icon/ic_menu6.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu6 {
    background: url(../images/icon/ic_menu6_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu7 {
    background: url(../images/icon/ic_menu7.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu7 {
    background: url(../images/icon/ic_menu7_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu8 {
    background: url(../images/icon/ic_menu8.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu8 {
    background: url(../images/icon/ic_menu8_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu9 {
    background: url(../images/icon/ic_menu9.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu9 {
    background: url(../images/icon/ic_menu9_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu10 {
    background: url(../images/icon/ic_menu10.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu10 {
    background: url(../images/icon/ic_menu10_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu11 {
    background: url(../images/icon/ic_menu11.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu11 {
    background: url(../images/icon/ic_menu11_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu12 {
    background: url(../images/icon/ic_menu12.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm.active .lnb-icon .icon.menu12 {
    background: url(../images/icon/ic_menu12_w.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .icon.menu13 {
    background: url(../images/icon/ic_menu13.svg) no-repeat center / contain;
}
.site-lnb .lnb-nm .lnb-icon .notification {
    position: absolute;
    right: 0;
    background: #0056ff;
    font: normal normal 500 12px/14.32px Pretendard;
    color: #FFFFFF;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.site-lnb .lnb-nm.active .lnb-icon .notification {
    background: #FFFFFF !important;
    font: normal normal 500 12px/14.32px Pretendard !important;
    color: #0041FF !important;
}
.site-lnb .lnb-nm.active {
    background: #0041FF 0% 0% no-repeat padding-box;
}
.site-lnb .lnb-nm.active a {
    color: #FFFFFF;
}
.site-lnb img {
    cursor: pointer;
    width: 225px;
}

/* 테이블 */
.content-list {
    width: 100%;
    /*overflow: auto;*/
}
.content-list table { table-layout: auto; width: 100%; border-collapse: collapse; border-spacing: 0; }
.content-list th {
    border-top: 1px solid #191919;
    border-bottom: 1px solid #191919;
    text-align:center;
    font: normal normal 600 13px/16px Pretendard;
    letter-spacing: 0;
    color: #363636;
    padding: 20px 15px;
    line-height: 1em;
}
.content-list td { font: normal normal 400 13px/16px Pretendard; letter-spacing: 0px; color: #363636; text-align: center; padding: 20px 15px; border-bottom: 1px solid #EEEEEE; word-break: break-all;}
.content-list th,.content-list td {
    white-space: nowrap;
    vertical-align: middle;
}
.content-list td span {
    display: block;
    overflow: hidden; /* 텍스트가 넘칠 때 숨김 */
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%; /* 부모 크기 기준으로 줄어들도록 */
}