@charset "utf-8";
/* CSS Reset */
/* 공통 ************************************************************************************/
@font-face {
    font-family: 'Pretendard';
    src: url("/resources/fonts/Pretendard-Regular.otf") format('opentype');
    font-weight:400;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url("/resources/fonts/Pretendard-Medium.otf") format('opentype');
    font-weight:500;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url("/resources/fonts/Pretendard-Bold.otf") format('opentype');
    font-weight:700;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url("/resources/fonts/Pretendard-ExtraBold.otf") format('opentype');
    font-weight:800;
  }
  @font-face {
    font-family: 'Pretendard';
    src: url("/resources/fonts/Pretendard-Black.otf") format('opentype');
    font-weight:900;
  }

/* copyright(c) fdcompany.kr */

p, span, div, a, table {
    /* font-family: 'Malgun Gothic', 'Nanum Square', 'Noto Sans Korean' */
    font-family: 'Pretendard';
}
html {overflow-y:scroll; margin:0 auto !important; font-family: 'Pretendard';}
body {margin:0;padding:0;font-size:0.75em; font-family: 'Pretendard'; }
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: 'Pretendard';}
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: 'Pretendard' !important; font-size:1em}
input::placeholder {font-family: 'Pretendard' !important;}
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

textarea, select {font-family: 'Pretendard'; 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}
pre::-webkit-scrollbar {display:none;}
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;}

*:not(u, i) {margin: 0; padding: 0; font-family: inherit; font-size: 14px; font-style: normal; font-weight: normal; vertical-align: middle; border: 0 solid transparent; outline: 0; box-sizing: border-box; background-repeat: no-repeat;}
.note-editable ul li {list-style-type: disc; margin-left: 20px; padding: 0; }
.note-editable ol li {list-style: auto; margin-left: 20px;}
[data-detail_key="content"] ul li {list-style-type: disc; margin-left: 20px; padding: 0; }
[data-detail_key="content"] ol li {list-style: auto; margin-left: 20px;}
/* [data-detail_key="content"] p {display: inline-flex;} */

html {font-family: 'Noto Sans KR', sans-serif;}
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 */

/* 공통 ************************************************************************************/

.container {margin:80px auto 0; padding:60px 0 100px;/*  min-height:84vh; */ width:1000px ;}

.pc {display:block;}
.mobile {display:none;}

/* 공통 끝 ************************************************************************************/








/* .xi-angle-left-min {display:none!important;}  */


.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;}
/* .fit-hide {position:absolute;right:-10000px;top:-10000px;} */

/* 텍스트 처리 (다중처리 - 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 {visibility: hidden; text-indent:-9999px;display: inline-block !important;position: absolute;top: 0;left: 0;margin: 0 !important;padding: 0 !important;font-size: 0 !important;line-height: 0;border: 0 !important;overflow: hidden !important; background: transparent !important;}
.fit-block {display:block !important;}

/* 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; 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;}
.comm-input input::placeholder {color:#c0c0c0;}
.comm-input select {width:100%; padding:15px 10px;}
.login-btn {display:block; width:100%; background-color:#0d2ea3; color:#fff; font-weight:600; padding:15px 0; margin-top:20px; border-radius:5px;transition:all 0.25s; border:1px solid #0d2ea3;}
.login-btn:hover {background-color:#fff; color:#343434; border:1px solid #e5e5e5;}

/* ir 공통 작은 파란 버튼 */
.ir-comm-btn {color:#fff; background-color:#0d2ea3; border-radius:5px; padding:5px 10px; margin-top:10px; }


.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;}
}

/* 게시글 상세 첨부파일 */
.attach-item {padding:24px 0 30px; border-top: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:#0d2ea3;}

/* 게시판 목록 하단 검색창 */
.table-bot {display:flex; justify-content:space-between; }
.table-bot .tit-search select {border:1px solid #c0c0c0; border-radius:5px; padding:8px 11px; font-size:0.9rem; width:100px;}
.table-bot .form-search {position:relative; display:inline-block;}
.table-bot .form-search input.event-search_keyword {border:1px solid #c0c0c0; padding:8px 35px 8px 11px; border-radius:5px; width:200px; background-color:#fff;}
.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 .upload-btn {color:#fff; background:#0d2ea3; 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-size:1.1rem; background:#fff; border:1px solid #0d2ea3; padding:10px 84px; font-size:1.1rem; color:#0d2ea3; transition: all 0.2s; border-radius:5px;}   
.upload-btn-area button.upload-btn {background:#0d2ea3; color:#fff; margin-left:4px;}

/* 게시글 작성 시 공지글 등록 */
label.notice-check { padding:7px 12px; display:inline-flex; align-items:center; background-color:#eb0000; border-radius:5px; color:#fff; 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-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:flex-end; padding-top:15px; border-top:1px solid #c0c0c0;}
.cont-bot-btn button {font-weight:400; padding:8px 20px; background:#e5e5e5; border-radius:5px;}

/* 부서관리 편집/완료/취소 버튼 */
.btn-cont .comm-btn {background:transparent; color:#0d2ea3; border:1px solid #0d2ea3; padding:4px 15px; font-weight:600;border-radius:5px;transition:all .2s; margin-left:4px;}
.btn-cont .comm-btn:hover { background:#0d2ea3; 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:40px 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;} */
}


/* 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 .upload-btn {display: inline-block; padding:8px 10px; background-color:#0d2ea3; border-radius:5px; color:#fff;}
.intro .write-btn .upload-btn.t-excel {background-color:#207346;}
.intro .intro-btn button {display:inline-flex; align-items:center; padding:8px 18px; border-radius:5px; color:#0d2ea3; border:1px solid #0d2ea3; 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) {
    
}

/* 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:#0d2ea3; border:1px solid #0d2ea3; 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 .table-top-left {display:flex; align-items:center;}
.table-top .list-count {display:flex; align-items:center; font-weight:400; justify-content : center; font-size :1.1rem; }
.table-top .list-count span {font-weight:600; margin:0 4px; color:#0d2ea3; } /* 숫자 강조 */
.table-top .list-total-price {display:flex; align-items:center; font-weight:400; justify-content : center; font-size :1.1rem; }
.table-top .list-total-price span {font-weight:600; margin:0 4px; color:#0d2ea3; } /* 숫자 강조 */
.align-data .sort-item {display:inline-flex; color:#0d2ea3; border:1px solid #0d2ea3; 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 {background:#0d2ea3; color:#fff; font-weight:500;}

@media screen and (max-width:768px) {
    .table-top {border-bottom: 1px solid #C0C0C0; padding:0 20px 10px;}
}

/* 검색 영역 */
.cont .cont-top {margin:10px 0 40px;}
.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 select {width:346px; margin-right:5px; background:#fff!important;}
.cont .top-search .search-group .search-item label {margin-right:15px; padding:5px 0;}
.cont .top-search .search-group .search-item label input[type='checkbox'] {margin-right:3px;}
.cont .top-search .search-group .search-item input[type='text'],.cont .top-search .search-group .search-item select {padding:7px; border:1px solid #c0c0c0; border-radius:3px;}
.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; margin-right:6px; font-size : 1rem;}
.cont .top-search .search-group .search-item input[type='text'].datepicker:last-child {margin-right:0;} */
.cont .top-search .search-group .search-item button {display:flex; align-items:center; margin-left:4px; padding:7px; color:#fff; background-color:#0d2ea3; font-size:.9rem; border-radius:3px;}
.cont .top-search .search-group .search-item button i {font-size:1.2rem;}

@media screen and (max-width:768px) {
.cont .cont-top {margin: 10px 0 33px;}
.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: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:46%;}
.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 {right:10px;}
}

/* 테이블 영역 */
.cont-table .table .table-frame.td .tr.mob-item-data {display: none;}

.cont-table .table {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 {flex:1; display:flex; align-items:center; justify-content:center;  text-align : center; word-break:break-all; flex-direction:column;}
.cont-table .table .table-frame .tr .tr-item button{margin:2px 0;}
.cont-table .table .table-frame .tr .tr-item span {/* display:flex;  */align-items:center; width:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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.td#list-getListFaq .tr .tr-item:nth-child(2) {align-items:flex-start;}

.cont-table .table .table-frame.th {}
.cont-table .table .table-frame.th .tr .tr-item {font-weight:500; font-weight:600; padding:15px 16px;}
.cont-table .table .table-frame.th .tr {border: 1px solid #d6d6d6; background:#f8f8f8; border-radius:5px;}
/* .cont-table .table .table-frame.td {height:620px; overflow-y:scroll;} */
.cont-table .table .table-frame.td .tr {border-bottom:1px solid #d6d6d6;}
/* .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.row-item {font-size:1rem;padding:16px 15px; flex-direction:row;}
.cont-table .table .table-frame.td .tr .tr-item.row-item img {width:15px; height:15px;}
.cont-table .table .table-frame.td .tr .tr-item {font-size:1rem;padding:16px 15px;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn {padding:2px 4px; font-size:.9rem; border:1px solid #333; color:#333; border-radius:3px;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:hover {background-color:#333; color:#fff;}
.cont-table .table .table-frame.td .tr .tr-item .cbi-func-btn:last-child {margin-bottom:0;}

@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;}
    .cont-table .table .table-frame.td .tr .tr-item {border:0 !important; width:100% !important; justify-content: flex-start; padding:0 0 5px 0;}
    .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 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.08.07 / 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-search_form] [data-canvas].disabled{display:none !important;} /*호환성 문제 때문에 관리자 내에서로 제한*/
[data-no_canvas].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
[data-yes_canvas].disabled {display:none !important;} /* 목록페이지 결과 없는 경우 */
.detail-status.disabled {display:none !important} /*  */
.mine-off .mine-off-el{display:none !important;} /* 내가 쓴 글이 아닌 경우 mine-off */
.display-inherit{display:inherit !important;}


/* 리스트 페이지 카운트 */
.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;} /* 목록페이지 결과 없는 경우 */
/* 목록페이지 결과 없는 경우 (2022.02.16 주석처리 = 청)*/
/* [id^='container-detail'] .item-data 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;}

/* detail 페이지 > 데이터 값에 따라 class 변경 처리 (active기준) */
[data-detail_status_key]:not(.active) > .only-off{display:none;}
[data-detail_status_key].active > .only-on{display:none;}

/* 프론트엔드 데이터 관련 CSS 끝 */


/************************ 공통 ************************/
textarea {resize:none;}
.redirect-btn {display:flex; align-items:center;}
.redirect-btn a {display:inline-block; padding:3px 6px; margin-left:5px; border-radius:4px; background-color:#333; color:#fff; font-size:.8rem;}

/* 메인 컬러 속성 */
.mainc-bg {background-color:#1AD0FC;}
.mainc-txt {color:#1AD0FC;}
.admin-mainc-bg {background-color:#0d2ea3;}

/* 레이아웃 */
.flex-1 {flex:.1 !important;}
.flex-2 {flex:.2 !important;}
.flex-3 {flex:.3 !important;}
.flex-4 {flex:.4 !important;}
.flex-5 {flex:.5 !important;}
.flex-6 {flex:.6 !important;}
.flex-7 {flex:.7 !important;}
.flex-8 {flex:.8 !important;}
.flex-auto {flex:1 !important;}
.flex-x2 {flex:2 !important;}
.flex-x3 {flex:3 !important;}
.flex-x4 {flex:4 !important;}
.flex-x5 {flex:5 !important;}
.flex-x6 {flex:6 !important;}

/* 넓이 */
.w100 {width: 100px !important;}
.w10 {width:10% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w50 {width:50% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.d-inblock {display:inline-block !important;}
.d-block {display:block !important;}

/* 검색 된 데이터가 없을 때 */
.count-status {text-align:center;}
.count-status td {padding:30px 0; font-weight:600;}

/* 스크롤바 */
div::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
div::-webkit-scrollbar-track {background: #ddd; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px #eee}
div::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: #c8c8c8; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px #eee}

/* 버튼 */
/* 삭제 버튼 */
.btn-delete {display:flex; align-items:center; justify-content:flex-end;}
.btn-delete i {font-size:.9rem; color:#fff; font-weight:600; background-color:red; display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; border-radius:50%; cursor:pointer;}