@charset "utf-8";
:root {
  color-scheme: light only;
}
/* CSS Reset */

/* copyright(c) fdcompany.kr */

p, span, div, a, table {
    /* font-family: 'Malgun Gothic', 'Nanum Square', 'Noto Sans Korean' */
    font-family: 'Noto Sans KR', sans-serif;
}
html {overflow-y:scroll; margin:0 auto !important;}
body {margin:0;padding:0;font-size: 14px;;font-family:'Noto Sans KR', sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:14px;font-weight: 400;}
img {image-rendering:-webkit-optimize-contrast;}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

textarea, select {font-family:'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:block}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
img{max-width:100%;}
.draggable{height:auto !important;}
.clb{clear:both;}
.center{text-align:center;}

*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #558ab7 !important;}
.placeholdersjs { color: #aaa !important; }

pre {white-space:pre-wrap;}

* {margin: 0; padding: 0; font-family: inherit; font-style: normal; font-weight: normal; text-decoration: none; vertical-align: middle; border: 0 solid transparent; outline: 0; box-sizing: border-box; background-repeat: no-repeat;}
html {font-family: 'Noto Sans KR', sans-serif; font-size: 14px;}
b, strong {font-weight: bold;}
ul, ol {list-style: none;}
table {table-layout: fixed; border-collapse: collapse;}
input[type="button"], input[type="submit"], button, a, label {cursor:pointer;}
a {text-decoration:none; color:inherit;}
button {background-color:transparent; border:none;}
*::selection {background:#d8d8d8;}

/* CSS Reset */









.pc {display:block;}
.mobile {display:none;}
.xi-angle-left-min {display:none!important;} 


.container {margin:0 auto; padding:100px 0 113px; min-height:84vh; width:75%;}
.my-container {display: flex; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; margin-top:10px;}
.mg-auto{margin:0 auto;}
.wrap {max-width:1400px;/*max-width:1080px*/;}
.bg {background-position:center; background-repeat:no-repeat; background-size:cover;}
.df {display:flex;}
.dfacjb {display:flex; align-items:center; justify-content:space-between!important;}
.dfacjc {display:flex; align-items:center; justify-content:center;}
.dfacjs {display:flex; align-items:center; justify-content:flex-start;}
.sy-status {color:#5e5e5e;}/* 노출 숨김 */
.sy-status.active {color:#239609;}/* 노출 */
.hoverunderline:hover {text-decoration:underline;}
/* .fit-hide {position:absolute;right:-10000px;top:-10000px;} */



/* 상세페이지 - editor */
.table-item[data-detail_key='memo'] ul,ol {list-style:revert;}
.table-item[data-detail_key='memo'] u {text-decoration:revert;}
.table-item[data-detail_key='memo'] table {width:100%;}
/* .table-item[data-detail_key='memo'] table td {border:1px solid #ececec; padding:5px 3px;} */
.table-item[data-detail_key='memo'] p a {color:#337ab7; text-decoration: inherit;}
.table-item[data-detail_key='memo'] p a:hover {color:#23527c; text-decoration: underline; outline: 0;}
.upload-input[data-detail_key='content'] ul,ol {list-style:revert;}
.upload-input[data-detail_key='content'] u {text-decoration:revert;}
.upload-input[data-detail_key='content'] table {width:100%;}
/* .upload-input[data-detail_key='content'] table td {border:1px solid #ececec; padding:5px 3px;} */
.upload-input[data-detail_key='content'] p a {color:#337ab7; text-decoration: inherit;}
.upload-input[data-detail_key='content'] p a:hover {color:#23527c; text-decoration: underline; outline: 0;}
.upload-input[data-detail_key='content'] i {font-style: italic; font-size:inherit;}
.upload-input[data-detail_key='content'] strike {text-decoration: line-through;}


/* 등록페이지 - editor */
.note-editor p {font:revert;}
.note-editor b {font:revert;}
.note-editor i {font:revert; }
.note-editor strike {text-decoration:line-through;}
.note-editor.note-frame .note-editing-area .note-editable {padding:10px 25px !important;}
.note-editor .note-editing-area .note-editable ul,ol {list-style: revert;}
.note-editor .note-editing-area .note-editable u {text-decoration: revert; font:revert;}
.note-editor .note-editing-area .note-editable hr {border: 1px solid #ececec;}
.note-editor.note-frame.fullscreen {background:#fff;}
.table-bordered td {border: 1px solid #ececec; padding: 5px 3px;}
.upload-input hr {border: 1px solid #ececec;}



@media screen and (max-width:768px){
    .container {min-height:51vh;}
}

/* 텍스트 처리 (다중처리 - white-space: initial; max-height: 10px; display: inline-block;)*/
.keepText {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;}
.multi-line2{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-moz-line-clamp: 2;-moz-box-orient: vertical;-ms-line-clamp: 2;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}
.multi-line3{display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-moz-line-clamp: 3;-moz-box-orient: vertical;-ms-line-clamp: 3;-ms-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;white-space: unset;}


.self-center{right:50%;top:50%;transform: translate(-50%, -50%);}
.fit-hide {text-indent:-9999px;display: inline-block !important;position: absolute !important;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0;line-height: 0;border: 0 !important;overflow: hidden !important;}
/* .fit-hide {position:absolute;right:-10000px;top:-10000px;} */

/* datepicker custom design */
#ui-datepicker-div {z-index:9999 !important; width:14% !important; min-width: 236px;}
#ui-datepicker-div .ui-widget-header {border:none; background:transparent; font-size:1rem;}
#ui-datepicker-div tr th:first-child {color:red;}
#ui-datepicker-div tr td:first-child a {color:red;}
#ui-datepicker-div .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block;}
#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:transparent;}
#ui-datepicker-div .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {padding-bottom:0;}
.ui-state-active, .ui-widget-content .ui-state-active {color:#000; font-weight:700;}


/* IR 게시판 목록 공통 타이틀 */
.board-title-area {margin:30px 0 18px; }
.board-title-area .ta-main-tit {font-weight:700; font-size:1.2rem;}

.menu-sub-tit {padding:40px 0 80px; text-align:center;}
.menu-sub-tit b {position:relative; font-size:2.1rem;}
.menu-sub-tit b:after {content:''; position:absolute; bottom:-20px; left:50%; display:block; width:60px; height:2px; background-color:#225aa8; transform:translate(-50%, 0);}

/* 로그인 관련 공통 input */
.comm-input {display:flex; flex-direction:column; flex:.8;}
.comm-input .comm-input-wrap { margin-bottom:15px;}
.comm-input .comm-input-wrap:last-child {margin-bottom:0;}
.comm-input-text {margin-bottom:5px; margin-top:15px; font-weight:600; color:#5e5e5e;}
.comm-input input {display:inline-block; width:100%; border:1px solid #c0c0c0; border-radius:5px; padding:15px 10px; font-size:1rem; box-sizing:border-box;}
.comm-input input::placeholder {color:#c0c0c0;}
.comm-input select {width:100%; padding:15px 10px;}
/* .login-btn {display:block; width:100%; background-color:#239609; color:#fff; font-weight:600; padding:15px 0; margin-top:20px; border-radius:5px;transition:all 0.25s; border:1px solid #239609;}
.login-btn:hover {background-color:#fff; color:#343434; border:1px solid #e5e5e5;} */

/* ir 공통 큰 버튼 */
.ir-comm-btn {color:#fff; background-color:#239609; border-radius:5px; padding:5px 10px; margin-top:20px; }
/* ir 공통 작은 버튼 */
.ir-comm-btn2 {color:#fff; background-color:#239609; border-radius:5px; padding:5px 15px; display:inline-block;}

.spinner{position:fixed;display:none;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;background-color: rgba(0,0,0,0.85);z-index: 10000;}
.spinner.ajax{position:static;background-color:rgba(0, 0, 0, 0);margin:10px auto;display: none;justify-content: center;}
.spinner.active{display:flex;}
.spinner::after {content:''; display:block; border-radius:50%; border-top:2px solid #778fb0; border-right:2px solid #778fb0; width:60px; height:60px; animation:spinner 800ms ease-out infinite;}
@keyframes spinner {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

/* Chungwon */
.change-form{}
.change-form .change1{display:block;}
.change-form .change2{display:none;}
.change-form.active .change1{display:none;}
.change-form.active .change2{display:block;}
.flex-change-form{display:flex;flex-direction: inherit;}
.flex-change-form .change1{display:flex;flex-direction: inherit;}
.flex-change-form .change2{display:none;}
.flex-change-form.active .change1{display:none;}
.flex-change-form.active .change2{display:flex;flex-direction: inherit;}


.position-fixed{position:fixed;}
.cursor-pointer{cursor:pointer;}


/* 박스 공통 배경 */
.list-box {margin:20px; padding:30px; border-radius:15px; box-shadow:4px 11px 12px #eee; background-color:#fff;}


/* 레이아웃 */
.list-layout {font-size:0;}
/* 아이템 3개 나열 */
.list-layout3 .list-layout-item {display:inline-block; width:calc(100% / 3 - 10px); margin-right:15px;}
.list-layout3 .list-layout-item:nth-child(3n) {margin-right:0;}
.list-layout3 .list-layout-item:nth-child(3n)~.list-layout-item {margin-top:15px;}
/* 아이템 4개 나열 */
.list-layout4 .list-layout-item {display:inline-block; width:calc(100% / 4 - 10px); margin-right:13px;}
.list-layout4 .list-layout-item:nth-child(4n) {margin-right:0;}
.list-layout4 .list-layout-item:nth-child(4n)~.list-layout-item {margin-top:15px;}
/* 아이템 5개 나열 */
.list-layout5 .list-layout-item {display:inline-block; width:calc(100% / 5 - 10px); margin-right:10px;}
.list-layout5 .list-layout-item:nth-child(5n) {margin-right:0;}
.list-layout5 .list-layout-item:nth-child(5n)~.list-layout-item {margin-top:15px;}
@media screen and (max-width:768px) {
/* 아이템 2개 나열 */
    .list-layout2 .list-layout-item {display:inline-block; width:calc(100% / 2 - 5px); margin-right:10px !important;}
    .list-layout2 .list-layout-item:nth-child(2n) {margin-right:0px !important;}
    .list-layout2 .list-layout-item:nth-child(2n)~.list-layout-item {margin-top:15px;}

    /* 아이템 3개 나열 */
    .m-list-layout3 .list-layout-item {display:inline-block; width:calc(100% / 3 - 10px); margin-right:11px;}
    .m-list-layout3 .list-layout-item:nth-child(3n) {margin-right:0;}
    .m-list-layout3 .list-layout-item:nth-child(3n)~.list-layout-item {margin-top:15px;}
    /* 아이템 4개 나열 */
    .m-list-layout4 .list-layout-item {display:inline-block; width:calc(100% / 4 - 10px); margin-right:13px;}
    .m-list-layout4 .list-layout-item:nth-child(4n) {margin-right:0;}
    .m-list-layout4 .list-layout-item:nth-child(4n)~.list-layout-item {margin-top:15px;}
    /* 아이템 5개 나열 */
    .m-list-layout5 .list-layout-item {display:inline-block; width:calc(100% / 5 - 10px); margin-right:10px;}
    .m-list-layout5 .list-layout-item:nth-child(5n) {margin-right:0;}
    .m-list-layout5 .list-layout-item:nth-child(5n)~.list-layout-item {margin-top:15px;}
}

.div-for-wrap {position: relative;}

/* 게시글 상세 첨부파일 */
.attach-item {padding:24px 0 30px; border-bottom:1px solid #c0c0c0;}
.attach-item .upload-tit {font-weight:600; font-size:1.1rem; padding-bottom:16px; display:inline-block;}
.attach-item .attachfile {padding:0 24px; line-height:2;}
.attach-item .attachfile i {font-size:1.3rem; color:#239609;}

/* 게시판 목록 하단 검색창 */
.table-bot {display:flex; justify-content:space-between; margin-top:10px;}
.table-bot .tit-search {display:flex; align-items: center;}
.table-bot .tit-search select {border:1px solid #c0c0c0; border-radius:5px; padding:8px 11px; height:38px; font-size:0.9rem; width:100px; background-color:#fff;}
/* .table-bot .form-search {position:relative; display:inline-block;} */
.table-bot .form-search .filter-purpose {position:relative}
.table-bot .form-search input.event-search_keyword {border:1px solid #c0c0c0; padding:8px 35px 8px 11px; margin-left:5px; height:38px; border-radius:5px; width:200px; background-color:#fff; position: relative;}
.table-bot .form-search .search-btn {position:absolute; top:50%; right:6px; transform:translateY(-50%); display:inline-block; border-radius:50px; padding:6px; display:flex; align-items:center; justify-content:center;}
.table-bot .form-search .search-btn i {color:#000; font-size:1.2rem;}
.table-bot .form-search input.event-search_keyword::placeholder {font-size:.9rem; color:#c0c0c0;}

/* 게시판 목록 오른쪽 하단 등록 버튼 */
.table-bot .write-btn a {color:#fff; background:#239609; padding:7px 12px; border-radius:5px; font-weight:500;}

/* 오른쪽 하단 목록 버튼 */
.list-btn-area {text-align: center; display:flex; justify-content:flex-end; margin:23px 0 0;}
.list-btn-area span {display:flex; justify-content:center; align-items:center; background-color:#e5e5e5; padding:8px 20px; border-radius:5px; transition: all 0.25s; font-size: 1.1rem;}

/* 게시글 작성 시 등록/취소/수정 버튼 */
.upload-btn-area {text-align:center; display:flex; justify-content:center; align-items:center; margin-top:80px;}
.upload-btn-area button {font-weight:500; font-weight:600; background:#fff; border:1px solid #239609; /* padding:12px 84px; */ width:197px; height:50px; color:#239609; transition: all 0.2s; border-radius:5px;}   
.upload-btn-area button.upload-btn {background:#239609; color:#fff; margin-left:4px; font-weight:600;}
.upload-btn-area button.upload-btn a {font-weight:600; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

/* 게시글 작성 시 공지글 등록 */
label.notice-check { padding:7px 12px; display:inline-flex; align-items:center; color:#eb0000; border-radius:5px; font-weight:500;}
label.notice-check input[type='checkbox'] {display:none; margin-right:8px;}
label.notice-check input[type='checkbox']:checked+.input-box {}
label.notice-check input[type='checkbox']:checked+.input-box i {transform:scale(1);}
label.notice-check input[type='radio'] {display:none; margin-right:8px;}
label.notice-check input[type='radio']:checked+.input-box {}
label.notice-check input[type='radio']:checked+.input-box i {transform:scale(1);}
label.notice-check .input-box {display:flex; align-items:center; justify-content:center; background:#fff; width:16px; height:16px; border:1px solid #5e5e5e; border-radius:3px; margin-right:4px; transition:.2s;}    
label.notice-check .input-box i {font-weight:600; transform:scale(0); transition:.2s; color:#5e5e5e;}

/* 목록으로 돌아가기 버튼 */
.cont-bot-btn {display:flex; align-items:center; justify-content:space-between; padding-top:15px; /*border-top:1px solid #c0c0c0;*/}
.cont-bot-btn .cb-submit {font-weight:400; padding:8px 20px; background:#e5e5e5; border-radius:5px; color:#000;}

/* 부서관리 편집/완료/취소 버튼 */
.btn-cont .comm-btn {background:transparent; color:#239609; border:1px solid #239609; padding:4px 15px; font-weight:600;border-radius:5px;transition:all .2s; margin-left:4px;}
.btn-cont .comm-btn:hover { background:#239609; color:#fff;}
.btn-cont .comm-btn.cancel-btn {border:1px solid #8f8f8f; color:#8f8f8f;}
.btn-cont .comm-btn.cancel-btn:hover {background:#8f8f8f; color:#fff;}

.dt-cont {margin:10px 0; padding:34px 12px; border-top:1px solid #c0c0c0;}
@media screen and (max-width:768px) {
  .pc {display:none !important;}
  .mobile {display:block;}

  .container {padding:0 20px; margin:72px 0 100px; width:auto;}
  .my-container {border-bottom:0;}

  .go-back {font-size:2.5rem; position: absolute; left:0; cursor:pointer;}
  .xi-angle-left-min {display:inline-block!important;}

  .table-bot .form-search input.event-search_keyword {width: calc(100% - 5px)!important;}
}


/* Chrome, Safari용 스크롤 바 */
.table-frame::-webkit-scrollbar {display:none;}


/****** admin css ******/
/* admin 타이틀 + 등록버튼 */
.intro {padding:50px 0 8px; display:flex; align-items:center; justify-content:space-between;}
.intro .intro-tit {font-size:1.3rem; font-weight:600; display:inline-block; position:relative;}
.intro .write-btn a {display: inline-flex; align-items:center; justify-content:center; padding:8px 12px; font-weight:600; background-color:#239609; border-radius:5px; color:#fff;}
.intro .write-btn a span {font-weight:600;}
.intro .write-btn .excel-btn {background-color:#207346;}
.intro .write-btn .excel-btn span {font-weight:600;}
.intro .intro-btn button {display:inline-flex; align-items:center; padding:8px 18px; border-radius:5px; color:#239609; border:1px solid #239609; line-height:1; font-weight:600;}
.intro .intro-btn .ib-delete {border:1px solid #eb0000; color:#eb0000;}
.intro .intro-tit-text {display:flex;}
.intro .intro-tit-text div:last-child {margin-left:40px;}

@media screen and (max-width:768px) {
    .intro {padding: 40px 0 14px; }    
    .intro .intro-tit {font-size:1.429rem;}
}

/* admin 오른쪽 하단 수정/삭제 버튼 */
.detail-bot {display:flex; justify-content:flex-end; /*padding-bottom:20px;*/}
.detail-bot button {display:inline-flex; align-items:center; padding:8px 18px; border-radius:5px; color:#239609; border:1px solid #239609; line-height:1; font-weight:600;}
.detail-bot .db-delete {border:1px solid #eb0000; color:#eb0000; margin-right:4px;}

/* 테이블 상단 검색결과 카운트 + 정렬 */
.table-top {display:flex; align-items:center; justify-content:space-between;}
.table-top .list-count {display:flex; align-items:center; font-weight:400; justify-content : center; line-height:1; }
.table-top .list-count span {font-weight:600; margin:0 4px; color:#239609; line-height:1;} /* 숫자 강조 */
.align-data .sort-item {display:inline-flex; color:#239609; border:1px solid #239609; padding:8px 16px; margin-left:4px; border-radius:5px; font-size:.9rem; font-weight:600; align-items:center; line-height:1;}
.align-data .sort-item.select-delete {color:#eb0000; border:1px solid #eb0000;}
.align-data .sort-item.select-confirm {border:1px solid #239609; background:#fff; color:#239609; font-weight:500; transition:all .3s ease-in;}
.align-data .sort-item.select-confirm:hover {background:#239609; color:#fff;}

@media screen and (max-width:768px) {
    .table-top {padding:0 0 10px; }
}

/* 검색 영역 */
.cont .cont-top {margin:10px 0 90px;}
.cont .top-search {display:flex; align-items:flex-start; padding : 26px 30px 28px 30px; background-color : #f7f7f7; border:1px solid #c0c0c0; border-radius:5px;}
.cont .top-search .search-group { flex-direction:column; align-items:center;}
.cont .top-search .search-group .search-item {display:flex; align-items:center; margin:10px 0; position:relative;}
.cont .top-search .search-group .search-item .search-item-tit {width:100px; font-weight:600; padding-right:8px;}
.cont .top-search .search-group .search-item .search-item-row {display:flex; align-items:center; justify-content:center;}
.cont .top-search .search-group .search-item .search-item-row.fl-cb {width:346px;}
.cont .top-search .search-group .search-item select {width:346px; margin-right:5px; background:#fff!important;}
.cont .top-search .search-group .search-item label {margin-right:15px; padding:5px 0; display:flex; align-items:center;}
.cont .top-search .search-group .search-item label input[type='checkbox'] {margin-right:3px;}
.cont .top-search .search-group .search-item input[type='text'], select {padding:5px; border:1px solid #c0c0c0; border-radius:3px; height:36px;}
.cont .top-search .search-group .search-item input[type='text'] {width:346px; padding:5px; border:1px solid #c0c0c0; border-radius:3px;}
.cont .top-search .search-group .search-item input[type='text']::placeholder {color:#c0c0c0; font-size:.9rem;}
.cont .top-search .search-group .search-item input[type='text'].datepicker {width:160px; font-size : 1rem; cursor:pointer;}
.cont .top-search .search-group .search-item button {position:absolute; right:10px; top:50%; transform: translateY(-50%);}
.cont .top-search .search-group .search-item button i {font-size:1.3rem; color:#000;}
.cont .top-search .search-group .search-item .wave {padding:0 6px;}

.cont .top-search .search-group .search-item .input-wrap {position: relative;}
.cont .top-search .search-group .search-item .input-wrap .xi-calendar {position:absolute; top:50%; transform:translateY(-50%); right:10px; color:#8f8f8f; font-size:1.4rem;pointer-events: none;}

@media screen and (max-width:768px) {
    .cont .cont-top {margin: 10px 0 40px;}
    .cont .top-search {padding:18px 10px;}
    .cont .top-search .search-group {width:100%;}
    /* .cont .top-search .search-group .search-item {display:revert;} */
    .cont .top-search .search-group .search-item {flex-direction:column; align-items:flex-start;}
    .cont .top-search .search-group .search-item:first-child {margin-top:0;}
    .cont .top-search .search-group .search-item:last-child {margin-bottom:0;}
    .cont .top-search .search-group .search-item .search-item-tit {margin-bottom:10px;}
    .cont .top-search .search-group .search-item input[type='text'], .cont .top-search .search-group .search-item select {width:100%;}
    .cont .top-search .search-group .search-item input[type='text'].datepicker {width:100%;}
    .cont .top-search .search-group .search-item .datepicker-form {display:flex; align-items:center;}
    .cont .top-search .search-group .search-item .datepicker-form input[type='text'] {flex:1;}
    .cont .top-search .search-group .search-item .search-input-box {position: relative;}
    .cont .top-search .search-group .search-item button {top:70%;}
    .cont .top-search .search-group .search-item .search-item-row {display:flex; align-items:center; justify-content:center;}
}

/* 테이블 영역 */
.table-frame.td.upload-member {
background:transparent !important;
}
.cont-table .table .table-frame.td .tr.mob-item-data {display: none;}

.cont-table .table {background-color : transparent !important;width:100%; border-bottom:0; margin-top:8px;}

.cont-table .table .table-frame .tr {display:flex; align-items:center; justify-content:space-between;}
.cont-table .table .table-frame .tr .tr-item {text-align : center; word-break:break-all;}
.cont-table .table .table-frame .tr .tr-item a {line-height:1.3; display:inline-block; word-break:keep-all;}
.cont-table .table .table-frame .tr .tr-item a.table-btn {line-height:1;}
.cont-table .table .table-frame .tr .tr-item span {/* display:flex;  */align-items:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.cont-table .table .table-frame .tr .tr-item .table-add-img {margin-left:3px; vertical-align:initial;}
.cont-table .table .table-frame .tr .tr-item .table-add-img i {color: #239609;}
.cont-table .table .table-frame .tr .tr-item .item-delete {cursor:pointer; background-color:#aaa; color:#fff; padding:2px; font-size:.4rem;}

.cont-table .table .table-frame.th {}
.cont-table .table .table-frame.th .tr .tr-item {font-weight:600; padding:13px 4px; color:#000;}
.cont-table .table .table-frame.th .tr .tr-item .align-btn {height:12px; vertical-align: sub;}
.cont-table .table .table-frame.th .tr {border: 1px solid #bbb1b1; background:#f7f7f7; border-radius:5px;}
/* .cont-table .table .table-frame.td {height:620px; overflow-y:scroll;} */
.cont-table .table .table-frame.td .tr {border-bottom:0;}
/* .cont-table .table .table-frame.td .tr:last-child {border-bottom:none;} */
/* .cont-table .table .table-frame.td .tr:last-child {margin-bottom:20px;} */
.cont-table .table .table-frame.td .tr .tr-item {font-size:1rem; padding:16px 15px; border-bottom:1px solid #c0c0c0; line-height:1.3; min-height:52px;}
.cont-table .table .table-frame.td .tr .tr-item.p10 {padding:10px 0;}
.cont-table .table .table-frame.td .tr .tr-item.pt13 {padding-top:13px;}
.cont-table .table .table-frame.td .tr .tr-item.pt14 {padding-top:14px;}
.cont-table .table .table-frame.td .tr .tr-item.pt15 {padding-top: 15px;}
.cont-table .table .table-frame.td .tr .tr-item.pb14 {padding-bottom: 14px;}
.cont-table .table .table-frame.td .tr .tr-item.pb15 {padding-bottom: 15px;}
.cont-table .table .table-frame.td .tr .tr-item.pt14 img {width: 20px; margin-right: 3px;}
/* .cont-table .table .table-frame.td.table-board-basic .tr .tr-item {align-items:flex-start;} */
.cont-table .table .table-frame.td .tr .tr-item:first-child label {width:16px; height:16px; display:inline-block; vertical-align:baseline;}
.cont-table .table .table-frame.td .tr .tr-item.bind:hover {text-decoration: underline;}

.cont-table .table .table-frame .tr {font-size:0;}
/* .cont-table .table .table-frame .tr.table-layout3 .tr-item {width:calc(100% / 3);}
.cont-table .table .table-frame .tr.table-layout4 .tr-item {width:calc(100% / 4);}
.cont-table .table .table-frame .tr.table-layout5 .tr-item {width:calc(100% / 5);}
.cont-table .table .table-frame .tr.table-layout6 .tr-item {width:calc(100% / 6);}
.cont-table .table .table-frame .tr.table-layout7 .tr-item {width:calc(100% / 7);}
.cont-table .table .table-frame .tr.table-layout8 .tr-item {width:calc(100% / 8);} */

.cont-table .table .table-frame .tr input[type='checkbox'] {display:none; margin-right:5px;}
.cont-table .table .table-frame .tr .input-box {display:inline-flex; align-items:center; justify-content:center; background:#fff; width:16px; height:16px; border:1px solid #c0c0c0; border-radius:3px; margin-right:4px; transition:.2s;}
.cont-table .table .table-frame .tr .input-box i {font-weight:600; color:#239609; transform:scale(0); transition:.2s;}
.cont-table .table .table-frame .tr input[type='checkbox']:checked+.input-box {border-color:#239609;}
.cont-table .table .table-frame .tr input[type='checkbox']:checked+.input-box i {transform:scale(1);}


@media screen and (max-width:768px) {
    .cont-table .table .table-frame.td .tr.pc-item-data {display: none;}
    .cont-table .table .table-frame.td .tr.mob-item-data {display: block;}

    .cont-table .table {margin-top:0;}
    /* .cont-table .table .table-frame.th {display: none;} */
    .cont-table .table .table-frame.td .tr {border-bottom:1px solid #C0C0C0 !important; padding:20px 0 15px; /*margin:0 20px;*/ flex-wrap: wrap;}
    .cont-table .table .table-frame.td .tr.m-fl-nowp {flex-wrap: nowrap;}
    .cont-table .table .table-frame.td .tr .tr-item {border:0 !important; justify-content: flex-start; padding:0 0 5px 0; min-height: auto;}
    .cont-table .table .table-frame.td .tr:last-child {margin-bottom:0;}
    .cont-table .table .table-frame .tr .tr-item:nth-child(1) {color: #5E5E5E;}
    .cont-table .table .table-frame .tr .tr-item:nth-child(2) span {font-size:1.143rem;}
    .cont-table .table .table-frame .tr .tr-item:nth-child(2) span:first-child {font-weight:bold; padding-right: 16px;}
    .cont-table .table .table-frame .tr .tr-item a.m-lihe2_5 {line-height: 2.5;}
    .cont-table .table .table-frame .tr .tr-item a.btn-s04 {padding: 4px 10px; line-height:2.3;}
    .cont-table .table .table-frame .tr .tr-item span {width:auto;}
    .cont-table .table .table-frame .tr .tr-item span.active_start_place {width:100px;}
    .cont-table .table .table-frame .tr .tr-item .tri-data:before {top:12px !important; right: 7px !important;}
    .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) {justify-content: space-between;}
    .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) .active_date {color: #239609;}
    .cont-table .table .table-frame.td .tr .tr-item:nth-child(3) .active_date span {font-weight: 500;}
    .cont-table .table .table-frame .tr .tr-item:nth-child(2) p {font-size:14px;}
    .cont-table .table .table-frame .tr .tr-item:nth-child(3) p.sy-status {font-size:16px; font-weight:500;}
}

/* 더보기 버튼 */
.more-btn-area .more-btn {width:100%; padding:16px; color:#5e5e5e; font-size:1rem; display:flex; align-items:center; justify-content: center; background-color: #fff; border:1px solid #c0c0c0; border-radius:5px; transition:all .25s; }
.more-btn-area .more-btn:hover {background-color:#c0c0c0; color:#fff;}





/* 
    프론트엔드 데이터 관련 CSS
    2021.11.13 / By.Chungwon  
*/
.state-upload{display:none;} /* */
[data-method='move']:hover{cursor:pointer;} /* move 버튼 pointer */
.upload-item.disabled{display:none !important;} /*  */
[id^='no-'].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
[data-canvas].disabled{display:none !important;} 
[data-no_canvas].disabled{display:none !important;} 
.detail-status.disabled {display:none !important} /*  */
.mine-off .mine-off-el{display:none !important;} /* 내가 쓴 글이 아닌 경우 mine-off */
.mine-off2 .mine-off-el2{display:none !important;} /* 내가 쓴 글이 아닌 경우 mine-off */

/* 리스트 페이지 카운트 */
.count-status.disabled {display:none;}
/* 3차원 데이터 delete 처리 (2021.12.03 / By.Chungwon) */
[data-multi_item_status='delete'] {display:none !important;}
[id^='container-detail'] .only-upload {display:none !important;} /* 목록페이지 결과 없는 경우 */
[id^='container-detail'] input:not(.all) {pointer-events: none !important;background-color: transparent;color: #555;opacity: 1;} /* 목록페이지 결과 없는 경우 */


/* 부모 노드의 status_key와 자식의 view_status 값에 따라 display 분기처리 (기본값은 0) */
[data-status_key] [data-view_status]:not(.on){display:none !important;}
/* status_element 클래스에 on 클래스가 없으면 무조건 diplsay none */
.status_element:not(.on){display:none !important;}


/* 상세페이지 첨부파일 */
.attach-item {padding-top:0; display:flex;}
/* .upload-item {padding-top:0; display:flex; padding-bottom:30px;} */
.upload-item:last-child {border-bottom:1px solid #ddd; width:100%;}
.upload-item.upload-detail {border-bottom:0;}
.attach-item .upload-item-box {}
.attach-item .attachfile {padding:0;}
#container-upload .cont .upload-cont .upload-item .upload-tit {padding-bottom:0; width:auto; margin-right:23px; font-size:1.1rem; word-break:keep-all;}
#container-upload .cont .upload-cont .upload-item .upload-file {border:1px solid #239609; color:#239609; width:74px; height:30px; border-radius:3px; display:flex; align-items:center; justify-content:center; font-weight:700; margin:0 0 12px 0;}
#container-upload .cont .upload-cont .upload-item .upload-input {width:100%; min-width:84px;}

@media screen and (max-width:768px) {
    .container {margin-top:70px;}
    .intro {padding:45px 0 8px;}
    .intro.m-pt40 {padding-top: 40px !important;}
    .attach-item {padding-bottom:20px;}
    .upload-btn-area {margin-top:40px; justify-content:space-between;}
    .upload-btn-area button {width:50%; height:50px; padding:0;}
    #container-upload .cont .upload-cont .upload-item .upload-tit {width:30%; margin-right:15px; display:inline-block;}
    #container-upload .cont .upload-cont .upload-item .file-noti {font-size:.9rem; color:#5e5e5e;}
}



/* 211118 게시판 */
.board-detail-top {}
.board-detail-top.intro .intro-tit {flex:.8;}
.board-detail-top.intro .intro-tit-text {flex:.2;}
.board-detail-top.intro .upload-item:last-child {margin-left:0; border:none;}

.board-detail-file {border-top:1px solid #c0c0c0;}
.board-detail-file .item-file-list {margin-left:30px; margin-top:10px;}
.board-detail-file .item-file-list .file-del {display:inline-block; width:12px; height:14px; /* background-image:url('/resources/image/IR/file-download.png'); */ vertical-align:baseline;}
.board-detail-file .item-file-list .file-del i {color:#239609; font-size:18px;}

@media screen and (max-width:768px) {
    .board-detail-file .item-file-list {margin-left:0;}
}

/* 220216 투자자상세 */
.intro .item-date {}
.intro .item-date .item-title-s {padding:3px 5px; background-color:#ddd; font-weight:600; border-radius:4px; font-size:.9rem; margin:0 5px;}


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

/* 220614 게시판 댓글 */
.bd-bot {margin-top: 73px;}
.bd-bot .comment-count,
.bd-bot .comment-count span {display: flex; align-items: center; font-weight: 700;}
.bd-bot .main-comment-wrap {border-top:1px solid #000; margin-top: 5px;}
/* 공통 */
.bd-bot .main-comment-wrap .comment-write textarea.cw-txt {width: 100%; height: 100px; resize: none; padding: 12px; border: 1px solid #C6C6C6; background: #FFFFFF; margin-bottom: 10px;}
.bd-bot .main-comment-wrap button {border-radius: 5px;} 

/* 댓글 */
.bd-bot .main-comment-wrap .comment-cont .off {display: none;}
.bd-bot .main-comment-wrap .comment-cont button {padding: 3px 9px; border: 1px solid #C6C6C6; font-size: 12px; color: #8F8F8F;}
.bd-bot .main-comment-wrap .comment-cont button.cw-submit {border-color: #239609; color: #239609;}
.bd-bot .main-comment-wrap .comment-cont .comment-insert {padding: 20px 12px; border-bottom: 1px solid #E5E5E5;}
.bd-bot .main-comment-wrap .comment-cont .comment-insert .comment-top .comment-writer {display: inline-flex; align-items: center; font-size: 14px; font-weight: 700; margin-right: 16px;}
.bd-bot .main-comment-wrap .comment-cont .comment-insert .comment-top .comment-date{font-size: 12px; font-weight: 400; color: #8F8F8F;}
.bd-bot .main-comment-wrap .comment-cont .comment-insert .comment-mid {font-size: 14px; margin: 10px auto 16px;}
/* .bd-bot .main-comment-wrap .comment-cont .comment-insert .comment-bot button.comment-re {padding: 3px 9px; border: 1px solid #C6C6C6; font-size: 12px; color: #8F8F8F;} */

/* 대댓글 */
.bd-bot .main-comment-wrap .comment-cont .comment-write {padding: 20px 12px; border-bottom:1px solid #E5E5E5;}
.bd-bot .main-comment-wrap .comment-cont .comment-upload2 .comment-write {padding: 20px 24px;}
.bd-bot .main-comment-wrap .comment-cont .comment-upload2 .comment-insert {padding: 20px 24px;}

/* 기본-댓글쓰기 */
.bd-bot .main-comment-wrap .main-reply {padding: 47px 27px 33px; border-top:1px solid #E5E5E5; background: #F8F8F8;}
.bd-bot .main-comment-wrap .main-reply .cw-submit {padding: 5px 15px; background: #239609; font-size: 14px; color:#fff;}

@media screen and (max-width:768px) {
    .bd-bot {margin-top: 50px;}
    .bd-bot .main-comment-wrap .main-reply {padding: 20px 10px;}
}

.fc-event-title, .fc-more-link, .tr-item, .xi-align-justify, .upload-input, .intro-tit p, .pageElement, .list-mid, .btn-s01 {font-size: 14px;}