#main_top {
    background: #F2F4F8;
}
.noti-title-div{
    border-bottom: 2px solid #222;
    padding-bottom: 0.5rem;
}
.noti-title-div h2{
    font-weight: 700;
    font-size: 1.7rem;
}
.noti-text-div{
    display: block;
    margin-top: 2rem;

    margin-bottom: 1rem;
}
.noti-text-h2-div h2{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 28px;
    word-break: keep-all;
}
.noti-text-h2-div span{
    font-weight: 700;
    color: var(--color-new-orange);
}
.noti-text-p-div{
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.noti-text-p-div p{
    line-height: 22px;
    color: #8a8a8a;
    margin-bottom: 0;
    font-size: 0.9rem;
    word-break: keep-all;
}

/* notice */
#notice{
    display: flex;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 90px 10%;
    flex: 1;
    font-weight: 400;
    color: #222;
    font-size: 1rem;
}

.noti-container{
    display: inline-block;
    max-width: none;
    position: relative;
    padding-right: 0;
    padding-bottom: 135px;
}
.noti-container .row .col-12{
    padding-left: 0;
    padding-right: 0;
}
.noti-title-div{
    border-bottom: 2px solid #222;
    padding-bottom: 0.5rem;
}
.noti-title-div h2{
    font-weight: 700;
    font-size: 1.7rem;
}
.noti-top-div{
    height: auto;
    margin-top : 2rem;
    margin-bottom: 4rem;
}
.noti-long-select {
    width: 430px;
}

.noti-select-content-div{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    right: 0;
}
.noti-select-content-div .com-select-cov-div{
    margin-left: 1rem;
}
.noti-search-cov-div{
    position: relative;
    display: inline-block;
    margin-left: 1rem;
}
.noti-select{
    border: 1px solid #aaa;
    height: 3rem;
    width: 150px;
    cursor: pointer;
    position: relative;
    padding: 10px 15px;
    border-radius: 5px;
}
.noti-select::before{
    content: url("../../img/cust/select_icon.png");
    position: absolute;
    right: 20px;
    top:14px;
    width: 10px;
    height: 20px;
}
.noti-select.open::before{
    right: 22px;
    top:16px;
    transform: rotate(180deg);
}
.noti-select-p{
    padding-top:3px;
}
.noti-select-p.selected{
    color: black;
}
.noti-select-cont-div{
    border: 1px solid #e8e8e8;
    width: 150px;
    height: fit-content;
    max-height: 180px; overflow-y: scroll;
    position: absolute;
    top: 3rem;
    left: 0px;
    z-index: 3;
    display: none;
    background-color: white;
    border-bottom: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
    overflow-y: auto;
}
.noti-select-cont-div.open{
    display: block;
}
.com-select-cont {
    justify-content: start;
}
.noti-select-cont{
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    padding: 10px 15px;
    font-size: 1rem;
    color: #aaa;
    cursor: pointer;
}
.noti-select-cont:hover{
    background-color: #f6f6f6;
}
.noti-select-cont:last-child{
    border-bottom: none;
}
.noti-pagesize-div {
    display: inline-block;
    margin-left: 0.5rem;
}
.noti-pagesize-div .com-select {
    width: 100px;
    height: 2rem;
    padding: 0 15px;
}
.noti-pagesize-div .com-select::before{
    top:3px;
    right: 14px;
}
.noti-pagesize-div .com-select.open::before{
    top:10px;
    right: 16px;
}
.noti-pagesize-div .com-select-cont-div{
    top: 2rem;
    width: 100px;
    scrollbar-width: thin;
}
.noti-pagesize-div .com-select-cont{
    display: flex;
    align-items: center;
    padding: 5px 15px;
    height: 2.3rem;
}
.search-group-div{
    position: relative;
    display: inline-block;
    color: #222;
    width: 200px;
    /*max-width: 200px;*/
    height: 3rem;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.search-group{
    width: 100%;
}
#searchWord, #searchWord2{
    width:100%;
    max-width: 200px;
    height:2.8rem;
    line-height:29px;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    position: relative;
    top: 1px;
    padding-right: 40px;
    padding-left: 45px;
    padding-top: 13px;
}
#searchWord:focus, #searchWord2:focus{
    outline: 3px solid var(--color-new-orange);
}
#searchWord:-webkit-autofill,
#searchWord:-webkit-autofill:hover,
#searchWord:-webkit-autofill:focus,
#searchWord:-webkit-autofill:active,
#searchWord2:-webkit-autofill,
#searchWord2:-webkit-autofill:hover,
#searchWord2:-webkit-autofill:focus,
#searchWord2:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
#searchWord::placeholder, #searchWord2::placeholder{
    color: #aaa;
}
.btn-search-init{
    display: none;
    position: absolute;
    vertical-align:middle;
    cursor:pointer;
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    top: 8px;
    right: 8px;
}
.btn-search-init:focus{
    outline: none;
}
.init-i{
    display: block;
    background-color: #ddd;
    border-radius: 50%;
    margin:0 auto;
    width: 20px;
    height: 20px;
}
.btn-search-init:hover svg{
    filter: invert(50%);
}
.noti-search-btn-cov-div{
    position: relative;
    display: inline-block;
    margin-right: 0.2rem;
    margin-left: 2rem;
}
.noti-search-btn{
    display: flex;
    width: 100px;
    height: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
}
.noti-search-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-search-btn:active, .noti-search-btn:focus{
    outline: none;
}
.noti-content-div{
    margin-top: 5rem;
}
.noti-content-text-div {
    display: flex;
    justify-content: end;
}
.noti-count-div{
    display: inline-block;
    margin-right: 0.5rem;
}
.noti-count-div span{
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--color-new-orange);
}
.noti-page-div{
    display: inline-block;
}
#notiTable{
    width: 100%;
    text-align: center;
    color: #222;
    font-size: 1rem;
    font-weight: 600;
    table-layout: fixed;
}
#notiTable>:not(caption)>*>*{
    padding: 10px 10px;
    border-bottom: 1px solid #dee2e6;
}
#notiTable thead{
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
}
#notiTable tbody{
    font-size: 1rem;
    border-top: none;
}
#notiTable tbody td{

    font-weight: 400;
}
#notiTable:not(.hidden-row) tbody tr:hover * {
    cursor: pointer;
    text-decoration: underline;
}
#notiTable:not(.hidden-row) tbody tr.noti-post-tr:hover td:nth-child(1) {
    text-decoration: none;
}
#notiTable:not(.hidden-row) tbody tr.noti-post-tr:hover td:nth-child(1) div {
    text-decoration: none;
}
#notiTable.hidden-row tbody tr:nth-child(2n-1):hover * {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700;
}
#notiTable.hidden-row tbody tr:nth-child(2n) {
    cursor: initial;
    text-align: initial;
}
#notiTable.hidden-row tbody tr:nth-child(2n) > * {
    padding: 32px;
}
#notiTable tbody tr td:nth-child(1){
    overflow: hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    white-space: nowrap;
}
#notiTable tbody tr td:nth-child(2) > div {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    white-space: nowrap;
}
#notiTable .mob-show-div { display: none; }
#notiTable .table-noti-foot { text-align: right ; padding-top: 0}
#notiTable tbody tr.noti-post-tr td:nth-child(1) div {width:70%; height:70%; margin: 0 auto; font-size: 0.9rem; text-align: center; border-radius:3px; border: 1px solid #ffdccc; background-color: #ffede7; color: #FF5D1A; font-weight: 600}
#notiTable tbody tr.noti-post-tr td:nth-child(1) div:nth-child(2) {display: none}
#notiTable tbody tr.noti-post-tr td:nth-child(2) div {color: #FF5D1A; font-weight: 600}

.big-category-filter { width: 300px; }
.big-category-filter p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 90%; }

/* notice View */
#noticeView{
    display: flex;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 90px 10%;

    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
#noticeView .noti-btn-div { margin-top: 2rem; }
#noticeView .noti-view-div { border-top: 1px solid grey; margin-top: 2rem; }

.noti-view-container{
    display: inline-block;
    max-width: none;
    position: relative;
    width: 100%;
    padding-left: 2rem;
}
.noti-view{
}
.noti-view-category{
    background-color: var(--color-new-orange);
    width: fit-content;
    min-width: 120px;
    height: 35px;
    border-radius: 5px;
    padding: 7px 20px;
    text-align: center;
}
.noti-view-category p{
    color: white;
    font-size: 1rem;
}
.noti-view-title{
    margin-top: 2rem;
}
.noti-view-title h2{
    font-weight: 700;
    font-size: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.noti-view-info{
    position: relative;
    display: flex;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 2rem;
    justify-content: space-between;
}
.noti-info-div-2{
}
.noti-info{
    display: inline-block;
}
.noti-info-div-1 .noti-info{
    margin-left: 0.5rem;
}
.noti-info-div-2 .noti-info{
    margin-right: 1rem;
}
.noti-info-left{
    display: inline-block;
    padding: 15px 15px;
    padding-top: 17px;
}
.noti-info-right{
    display: inline-block;
    padding: 15px 15px;
    padding-top: 17px;
}
.noti-info-left p{
    margin-bottom: 0;
    font-weight: 700;
}
.noti-info-right p{
    margin-bottom: 0;
}
.noti-view-content-div{
    margin-top: 2rem;
}
.noti-view-sub-content-div {
    display: flex;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
    padding-bottom: 20px;
    padding-left: 1rem;
    justify-content: space-between;
}
.like-div {
    color: rgb(100, 100, 100);
    cursor: pointer;
    padding: 0 15px 0 20px;
}
.like-div span {
    margin-left: 3px;
}
.noti-reply-btn-div {
    color: rgb(100, 100, 100);
    cursor: pointer;
    padding: 0 20px 0 15px;
}
.noti-reply-btn-div span {
    margin-left: 3px;
}
.noti-view-sub-btn-div-1{
    display: flex;
    border : 1px solid #eaecee;
    justify-content: center;
    border-radius: 999px;
    align-items: center;
}
.noti-view-sub-btn-div-2{
    display: flex;
    gap: 5px;
    align-items: end;
}
.boundary-y {
    border-right: 1px solid #eaecee;
    align-self: center;
    height: 22px;
    --tw-border-opacity : 1;
    margin : 0.8rem 0;
}
.noti-view-content{
    width: 100%;
    min-height: 10rem;
    margin: 0 auto;
    padding: 1rem 1rem 3rem 1rem;
    word-break: break-all;
}
.noti-view-content.null{
    text-align: center;
    margin-top: 8rem;
}
.noti-view-content img {
    max-width: 100%;
}
.reply-list .noti-view-content {
    min-height: unset;
}
.reply-list .note-editable { height: 150px !important; }
.noti-view-foot-div{
    border: 1px solid #dee2e6;
    border-top: none;
    margin-top: 0;
}
.noti-view-foot-left{
    height: auto;
    min-height: 4rem;
    background-color: #f6f6f6;
    border-right: 1px solid #dee2e6;
    padding: 1.5rem 1.5rem;
    text-align: center;
}
.noti-view-foot-right{
    display: flex;
    align-items: center;
    cursor: pointer;
    height: auto;
    padding: 1.5rem 1.5rem;
}
.noti-view-foot-right:hover {  font-weight: 700; }
.noti-view-foot-left p{
    margin-bottom: 0;
    font-weight: 700;
}
.noti-view-foot-right a{
    margin-bottom: 0;
    color: grey;
}
.noti-view-foot-right p{
    margin-bottom: 0;
}
.noti-view-foot-right a:hover{
    cursor: pointer;
    color: black;
}
.noti-view-btn-div{
    margin-top: 2rem;
    margin-bottom: 3rem;
    text-align: center;
}
.noti-list-btn{
    display: flex;
    width: 150px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    padding-top: 5px;
    transition: background-color 0.2s;
    margin: 0 1rem;
}
.noti-list-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-list-btn:active, .noti-list-btn:focus{
    outline: none;
}
.noti-reply-btn{
    width: 150px;
    height: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    padding-top: 5px;
    transition: background-color 0.2s;
    margin: 0 1rem;
}
.noti-reply-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-reply-btn:active, .noti-reply-btn:focus{
    outline: none;
}
#codeList{
    width: 430px;
    height: 200px;
    overflow-y: auto;
}
.noti-write-btn{
    display: flex;
    width: 130px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
    font-size : 1rem;
}
.noti-write-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-write-btn:active, .noti-write-btn:focus{
    outline: none;
}
.noti-btn-div{
    text-align: right;
    padding-right: 1rem;
    position: relative;
    right: 0;
    bottom: 0;
}
.noti-bottom-div { position: absolute; width: 98%; bottom: 0; }
.noti-bottom-div .noti-select-content-div { position: relative}
.noti-bottom-div .com-select { background-color: #fff }
.noti-bottom-search-div { display: flex; align-items: center; justify-content: end; background-color: #F2F4F8; height: 100px; padding: 0 12px !important }

.page-nation .noti-btn-div { bottom: 50%; transform: translate(0%, 50%); position: absolute; }
.page-nation .page-info { left: 0; right: auto; text-align: left; }

/* notice Register */
#noticeRegister{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 15% 50px 15%;
    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
.noti-reg-container{
    max-width: none;
    position: relative;
    padding: 0;
}
.noti-reg-head-div{
    padding: 0 .75rem;
    margin-bottom: 2rem;
}
.noti-reg-head-div h3{
    font-weight: 700;
    font-size: 1.5rem;
}
.noti-reg-btn{
    display: inline-block;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
    margin: 0 auto;
}
.noti-reg-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-reg-btn:active, .noti-reg-btn:focus{
    outline: none;
}
.noti-reg-btn-div{
    text-align: center;
    position: relative;
    margin-top:2rem;
}
.noti-reg-select-cov-div{
    position: relative;
    width: 100%;
}
.noti-reg-select{
    border: 1px solid #E5E5E5;
    height: calc(1.3em + 1rem);
    cursor: pointer;
    position: relative;
    padding: 5px 15px;
    border-radius: 5px;
    transition: border-color 0.15s;
    width: 100%;
}
.noti-reg-select:hover, .noti-reg-select:active, .noti-reg-select:focus{
}
.noti-reg-select::before{
    content: url("../../img/cust/select_icon.png");
    position: absolute;
    right: 20px;
    top:7px;
    width: 10px;
    height: 20px;
}
.noti-reg-select:focus{
    border: 1px solid var(--color-new-orange);
    outline: none;
}
.form-control:focus{
    border: 1px solid var(--color-new-orange);
}
.noti-reg-select.open::before{
    right: 22px;
    top:9px;
    transform: rotate(180deg);
}
.noti-reg-select-p{
    padding-top:3px;
    font-size: 0.8125rem;
}
.noti-reg-select-p.selected{
    color: black;
}
.noti-reg-select-cont-div{
    border: 1px solid #e8e8e8;
    width: 100% !important;
    height: fit-content;
    position: absolute;
    top: 2.3rem;
    left: 0px;
    z-index: 2;
    display: none;
    background-color: white;
    border-bottom: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.noti-reg-select-cont-div.open{
    display: block;
}
.noti-reg-select-cont{
    display: inline-block;
    width: 100%;
    height: 2.0rem;
    padding: 8px 15px;
    font-size: 0.8125rem;
    color: #aaa;
    cursor: pointer;
}
.noti-reg-select-cont.hover{
    background-color: #f6f6f6;
}
.noti-reg-select-cont:hover{
    background-color: #f6f6f6;
}
.noti-reg-select-cont:last-child{
    border-bottom: none;
}
.noti-edit-btn{
    display: flex;
    width: 70px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
}
.noti-edit-btn:hover{
    background-color: var(--color-new-orange-active);
}
.noti-edit-btn:active, .noti-edit-btn:focus{
    outline: none;
}
#mainFrm label {  font-weight: 700; }

/* noti Edit*/
#notiEdit{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 50px 10%;

    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
#regdate{
    margin: 0 auto;
    width: 100%;
    position: relative;
}
::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translateX(-10px);
    padding-left: 550px;
    padding-top:10px;
    height: 70%;
}
.search-svg{
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 2;
}

.radio-group { display: flex; align-items: center; }
.radio-label { margin-right: 20px; margin-bottom: 0; font-size: 16px; line-height: 1; cursor: pointer; }
.radio-input { margin-right: 10px; margin-bottom: 2px; appearance: none; width: 20px; height: 20px;
    border: 2px solid #ccc; border-radius: 50%; outline: none; cursor: pointer; }
.radio-input:checked { background-color: var(--color-new-orange); border-color: var(--color-new-orange); }
.radio-input:checked::after { content: ""; display: block; width: 10px;
    height: 10px; border-radius: 50%; background-color: white; position: relative;
    top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* switch button */
.form-switch { padding-left: 60px; }
.form-switch .form-check-input { width: 50px; height: 25px; margin-left: -60px; cursor: pointer; }
.form-switch .form-check-label { font-size: 20px;  font-weight: 700; line-height: 1.6; }

body { margin: 0; flex-direction: column; min-height: 100vh; display: flex; }
.noti-reply { margin-top: 3rem; }
.noti-reply > label { font-weight: 700; font-size: 1.5rem; border-bottom: 2px solid #222;
    margin-bottom: 2rem; width: 100%; }
.noti-reply .note-editor { border-radius: 16px; padding : 30px }
.noti-reply .note-toolbar { display: none }
.noti-reply .note-resizebar { display: none }
.noti-reply .note-editable { scrollbar-width: thin; }
.noti-reply .note-statusbar { border-top: none !important; }
.noti-view .note-editor { border-radius: 16px; padding : 30px; margin-bottom: 30px}
.noti-view .note-toolbar { display: none }
.noti-view .note-resizebar { display: none }
.noti-view .note-editable { scrollbar-width: thin }
.noti-view .note-statusbar { border-top: none !important; }
.position-middle { bottom: 50%; transform: translate(0%, 50%); }
.padding-in-text { padding: 0 .75rem; }

/*#commCateTree { position: absolute; z-index: 0; top: 115px; left: 0; width: 15%; height: calc(100% - (115px + 8rem)); overflow-y: auto; font-size: 12px; }*/
#commCateTree { display: inline-block; position: relative; width: 250px; font-size: 16px; padding: 0 1rem}
#commCateTree * {  font-weight: 700; }
#commCateTree h5 { padding-top: 21px; padding-bottom: 7px; font-size: 1.2rem; font-weight: 800; border-bottom: 1px solid #000; padding-left: 10px; }
#commCateCdTree { width: 100%; padding-left: 5%; word-break: keep-all }
#commCateTree .selectCode button { height: 30px; color: #000; background: #fff; border: 1px solid #dadce0; outline: none;
    box-sizing: border-box; border-radius: 20px; min-width: 70px; line-height: 1; cursor: pointer; font: 13px 'Pretendard Variable'; font-weight: 400; }
#commCateTree .selectCode button.selected { background: var(--color-new-orange); color: rgb(232, 240, 254); border: none; }
#commCateTree::-webkit-scrollbar { width: 8px; }
#commCateTree::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 5px; }
#commCateTree::-webkit-scrollbar-track { background-color: transparent; }
#commCateTree::-webkit-scrollbar-thumb:vertical { height: 50px; }
#commCateTree::-webkit-scrollbar-button:vertical:start:decrement { height: 15px; background-color: transparent;}
#commCateTree::-webkit-scrollbar-button:vertical:end:increment { height: 15px; background-color: transparent;}

.jstree .jstree-container-ul .jstree-node:before { display: none }
.jstree .jstree-container-ul .jstree-node > .jstree-icon.jstree-ocl { display: none }
.jstree-proton .jstree-icon:empty { display: none }
.jstree .jstree-container-ul .jstree-node .jstree-anchor { font-family: "Freesentation-6SemiBold"; color: #3d3d3d; line-height: 18px;  }
.jstree .jstree-container-ul .jstree-node .jstree-anchor[aria-level="1"] { max-width: 146px; margin-top: 12px }
.jstree .jstree-container-ul .jstree-node:nth-of-type(5) .jstree-anchor[aria-level="1"] { max-width: 132px; }
.jstree .jstree-container-ul .jstree-node:nth-of-type(19) .jstree-anchor[aria-level="1"] { max-width: 132px; }
.jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked[aria-level="1"]::before {content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; bottom: 0px; background-color: var(--color-new-orange); transform: scaleY(0.7); transform-origin: bottom}
.jstree .jstree-container-ul .jstree-node:nth-of-type(1) .jstree-anchor.jstree-clicked[aria-level="1"]::before {content: ""; display: inline-block; width: 0;}
.jstree .jstree-container-ul .jstree-node .jstree-clicked, .jstree .jstree-container-ul .jstree-node .jstree-wholerow-clicked { background: none; color: var(--color-new-orange) !important; font-family: Freesentation-8ExtraBold}
.jstree .jstree-container-ul .jstree-node .post-count {color: #c7c7c7; position: absolute; right: 0; top: 7px; font-family: 'Freesentation-1Thin'}

.reply-list { margin-top: 1rem }

.reply-lv-2 { border : 1px solid #e5e8ea; border-radius: 16px; padding:30px; margin-top: 2rem }
.reply-lv-2:nth-of-type(1) { margin-top: 0 }
.reply-lv-3 { width: 95%; position: relative; margin-left: 5% }
.reply-lv-3::before{ content: ""; position: absolute; left: -50px; top: 40px; width: 20px; height: 20px; border-left: 1px solid #adb5bd; border-bottom: 1px solid #adb5bd; }

.reply-header { margin-top: 3rem; font-weight: 600; padding-left: 10px}
.reply-header span { color: var(--color-new-orange); font-weight: 600; }

.post-delete {background-color: #9a9a9a; transition: background-color 0.2s}
.post-delete:hover, .post-delete:active, .post-delete:focus {background-color: #8E8D8C}
.reply-delete {background-color: #9a9a9a; transition: background-color 0.2s}
.reply-delete:hover, .reply-delete:active, .reply-delete:focus {background-color: #8E8D8C}

.noti-post-tr p{ margin-bottom: 0}

#noticeRegister .form-check {display: inline-block}
#noticeRegister input.form-check-input {margin-top: 0.2rem}


@media (max-width: 1920px) and (min-width: 1681px) {
}

@media (max-width: 1680px) and (min-width: 768px) {
    .noti-select-content-div {text-align: right}
    .noti-select-content-div .com-select-cov-div {text-align: left; margin-bottom: 10px; }
}

@media (max-width: 1399px) {
    #notiTable tbody tr.noti-post-tr td:nth-child(1) div {width: 100%}
    #notiTable tbody tr.noti-post-tr td:nth-child(1) div:nth-child(1) {display: none}
    #notiTable tbody tr.noti-post-tr td:nth-child(1) div:nth-child(2) {display: block}
}

@media (max-width: 1279px) {
    table .row-btn-down:after {display: none}
    table .row-btn-up:after { display: none;}
}

/* 미디엄 디바이스용 스타일 */
@media (min-width: 768px) and (max-width: 991px) {
    .noti-select-content-div { position: static; text-align: left; justify-content: flex-start !important;}
    #notice { padding: 135px 15% 90px 15% }
    #noticeView {padding: 135px 10% 50px 10%;}
    #noticeRegister {padding: 135px 15% 50px 15%; }
    .noti-container { width: 100%; padding-left: 0; padding-bottom: 0}
    .noti-view-container { width: 100%; padding-left: 0.75rem; }
    .noti-long-select { width: 90vw; }
    .noti-top-div { margin: 0; margin-top : 2rem}
    .noti-select-content-div .com-select-cov-div { margin-bottom: 10px; margin-left: 0; margin-right: 1rem}
    #notiTable { font-size: 1rem; }
    #notiTable>:not(caption)>*>* { padding: 32px 0px; }
    #notiTable tbody tr td:nth-child(1) { padding: 32px 10px ; text-align: left}
    #notiTable tbody tr td:nth-child(2) { padding: 32px 15px ; }
    .noti-pagination li { width: 20px; font-size: 1rem; }
    .noti-content-div {margin-top : 1rem}
    .noti-info-div-2 { position: relative; }
    .noti-search-btn-cov-div {margin-right : 0; margin-left: auto}
    .noti-bottom-div { display: none }

    .noti-search-cov-div{ margin-left: 0; margin-right: 1rem; width: calc(100% - 130px)}
    .search-group-div {width: 100%; max-width: 482px}
    #searchWord, #searchWord2 {max-width: none;}

    #commCateTree {display: none}

    .reply-lv-3 { width: 90%; position: relative; margin-left: 10% }
}

@media (min-width: 768px) {
    #notiTable .mob-show-td { display: none; }
}

/* 스몰 디바이스용 스타일 */
@media (max-width: 767px) {

    .noti-select-content-div { position: static; justify-content: normal}
    #notice { padding: 115px 5% 120px 5% }
    #noticeView { padding: 115px 5% 50px 5%; }
    .noti-container { width: 100%; padding-left: 0; padding-bottom: 0}
    .noti-view-container { width: 100%; padding-left: 0.75rem; }
    #commCateTree {display: none}
    #codeList { width: 90vw; }
    .noti-long-select { width: 90vw !important; }
    .noti-top-div { margin: 0; margin-top: 2rem}
    #notiTable { font-size: 1rem; }
    #notiTable>:not(caption)>*>* { padding: 32px 0px; }
    #notiTable colgroup col:nth-child(1) { width: 20% }
    #notiTable tbody tr td:nth-child(2) { padding: 32px 15px ; }
    .noti-pagination li { width: 20px; font-size: 1rem; }
    .noti-content-div {margin-top : 1rem}
    .noti-bottom-div { display: none }

    .noti-select-content-div .com-select-cov-div { margin-bottom: 10px; margin-left: 0; margin-right: 1rem }
    .noti-search-cov-div{ margin-left: 0; margin-right: 1rem; width: calc(100% - 130px)}
    .noti-search-btn-cov-div {margin-right : 0; margin-left: auto}
    .search-group-div {width: 100%}
    #searchWord, #searchWord2 {max-width: none;}
    .noti-view-foot-left{
        padding: 1.5rem 0;
    }
    .noti-view-foot-right{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .noti-text-h2-div h2{
        font-size: 1.4rem;
    }

    .noti-info-div-1 { position: relative; width: 50% }
    .noti-info-div-1 .noti-info { margin-left: 0; }
    .noti-info-div-2 { position: relative; width: 50% }

    #notiTable .mob-show-div { display: block; color: rgb(150,150,150); }
    #notiTable .mob-hide-td { display: none; }
    #notiTable .table-noti-content * { font-size: 1rem !important; }
    #notiTable.hidden-row tbody tr:nth-child(2n) > * { padding: 15px; }

    #notiTable tbody { font-size: 0.9rem; }
    .page-nation .noti-btn-div { position: relative; float: right; }
    #notiTable th:first-child { white-space: nowrap; }
    #noticeRegister { padding: 115px 3% 200px 3%; }
    #mainFrm .radio-group {display: block}
    .reply-lv-2 { padding:20px; }
    .reply-lv-2 .noti-info-left { padding: 15px 10px; }
    .reply-lv-2 .noti-info-right { padding: 15px 10px; }
    .reply-lv-3 { width: 90%; position: relative; margin-left: 7% }
    .reply-lv-3 .noti-info-left { padding: 15px 5px; }
    .reply-lv-3 .noti-info-right { padding: 15px 5px; }
    .reply-lv-3::before { left: -30px; top: 10px }
    .reply-lv-3 .like-div { padding: 0 10px 0 20px; }
}

@media (max-width: 575px) {
    .noti-long-select p
    {
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .noti-pagesize-div { display: none; }

    .reply-list .noti-view-sub-content-div { padding-left: 0 }
}