@charset "utf-8";
/* CSS Document */
/* 
	css 수정 사항 있을시 여기에 추가
*/

#loading-page{display: none;}
#loading-page.active{width: 100%; z-index: 9999; height: 100%; position: absolute; background-color: rgba(255, 255, 255, 0.5686274509803921); display: block;}
.common-modal{display: none}
.example{display: none}
.fade-box{display: none; z-index: 9999;}


/* common.css */
.search-popup,.popup-window{background: #fff;;position: absolute;width: 100%;border: 1px solid var(--border-color-type02);padding:24px; display:none; z-index: 2;}
.search-cont-body>li{display: block;position: relative;width: 100%;}
.middle-content .list .flex-box>.img-box>img{width: 100%;height: 100%;}
.highlight-tag{font-style:inherit;font-weight: bold;color:#026600;text-shadow:0px 0px 20px #32ef13;}

.list-condition-box{text-align: right;width: 100%;margin-bottom: 30px;}
.list-condition-box>button{border: 1px solid #fff;padding: 8px 10px;background-color: #fff;font-size: 14px;color: #777;border-radius: 5px;box-shadow: 0px 3px 5px rgba(0,0,0,0.15);margin-right: 10px;box-sizing: border-box;display: inline-block;}
.list-condition-box>button:last-child{margin-right: 0;}
.list-condition-box>button:hover{border: 1px solid #7A9629;color: #7A9629;cursor: pointer;}
.list-condition-box>button.on{background-color: #7A9629;color: #fff;border: 0;}

#nodata{margin-top: 30px;text-align: center;display: none;}
#nodata h4 {font-size: 25px; margin-bottom: 15px;}

.ck-editor__editable {width: 1114px; height: 300px;}

.flex-box>.img-box > img{width:205px; height:205px}
.text:not(p) {color: var(--font-normal-color); width: calc(100% - 110px); font-size: 14px; word-break: break-all;}

/* .function_box .title:first-child 삭제*/
.function_box div .title{color: var(--font-normal-color);font-weight: 600;margin-right:16px;margin-left: 0;vertical-align: middle;}
.function_box >div.map-select-box:first-child{margin-left: 0; display:inline-block; }
.function_box >div.map-select-box{margin-left: 80px; display:none;}
.function_box >div.map-select-box label{margin-right:0;}

/* 생물 발견정보 map css */
#legend-overay-div-wrap{position: relative;}
#legend-overay-div{position: absolute; right: 9px; top: 42vh; z-index: 9; background: white; opacity: 0.9;}
#legend-overay-div ul{margin: 0; list-style: none; padding-left: 10px; display: flex; align-content: flex-start; flex-direction: column; flex-wrap: wrap;}
#legend-overay-div ul li{border-bottom: 1px solid #d7d7d7;}
#legend-overay-div .div-1{background-color: #FFFF00FF; width: 15px; height: 15px; display: inline-block;}
#legend-overay-div .div-2{background-color: #FFCC00BB; width: 15px; height: 15px; display: inline-block;}
#legend-overay-div .div-3{background-color: #FF9900AA; width: 15px; height: 15px; display: inline-block;}
#legend-overay-div .div-4{background-color: #FF660099; width: 15px; height: 15px; display: inline-block;}
#legend-overay-div .div-5{background-color: #FF330099; width: 15px; height: 15px; display: inline-block;}
#legend-overay-div .div-6{background-color: #FF000099; width: 15px; height: 15px; display: inline-block;}

.noUi-handle:after, .noUi-handle:before{content: none !important;}
.noUi-horizontal .noUi-handle{width: 28px !important;border-radius: 50% !important;}
.noUi-connect{background: #5f9769 !important;}

.multiple-items a img{display: inline-block; width: 100%; height: 300px;}
.multiple-items a video{display: inline-block; width: 100%; height: 300px;}
.multiple-items a audio{display: inline-block; width: 100%; height: 105px;}

.multiple-items .title{padding:16px;border: 1px solid var(--border-color-type02);font-weight: 600;color: var(--font-normal-color);text-align: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tag:before{content: ''; width: 16px; height: 24px; background: url("../css/images/ui-icons_444444_256x240.png") no-repeat 0 0; background-position:-241px -91px; margin-right: 8px; display: inline-block; vertical-align: sub;}
.popup-window-modal{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: #00000085; z-index: 1; display: none;}
.media-popup{padding: 24px;position: absolute;top: 3%; left: 25%;width: 872px;background: #fff;border: 1px solid var(--border-color-type02);z-index: 2;}
.media-popup>div>img{width: 100%;height: 100%;}
.media-popup>div>video{width: 100%;height: 100%;}
.media-popup>div.img-box{height:500px;}
.media-popup>div.input-box{display:none;}
.media-popup>div.tag-box>div>button{margin-left: 16px; display:none;}
.media-popup .btn-area>.btn.save{display:none;}
.media-popup .btn-area>.btn.cancel{color: #fff;font-weight: 600;font-size: 14px;height: 36px;background: #777777;width: 90px; display:none;}

div.ranking{width: 700px;top: 35%;right: 30%;}
.btn.init{color: #fff;font-weight: 600;font-size: 16px;height: 38px;padding:0px 24px 0 24px;margin-left: 16px;background:#B2B2B2;}
table.ranking tr th.col-7, table.ranking tr td.col-7{display:none;}
table.ranking tr td.col-8 button.btn.gray, table.ranking tr td.col-8 button.btn.blue{display:none;}
.main-category-detail{top: 30%;width: 600px;right: 35%;}
.main-category{width: 700px;top: 45%;left: 50%;transform: translate(-50%,-50%);}
.main-category-edit{width: 700px;top: 20%;left: 35%;}

table.custom-treetable td{border-bottom: 1px solid var(--border-color-type02);border-right: 0;}
table.custom-treetable tr:hover{background: #f4f5f6;}
table.custom-treetable tr.collapsed span.indenter a{background:#ccc url(../images/common/ico-table-function_open.png)no-repeat center /auto 12px;}
table.custom-treetable tr.expanded span.indenter a{background:#999 url(../images/common/ico-table-function.png)no-repeat center /12px auto;}
table.custom-treetable span.indenter a {display: inline-block; text-decoration: none; width: 19px; font-size:0px; padding:10px;cursor: pointer;}

.manager-header + .middle-content .function_box.search-function>div>.title>label {margin-right:0px;}

.verification.popup-window{padding: 24px;z-index: 2;width: 700px;top: 15%;right:10%;}
.diagram{width: 100%;height: 600px;background: #fff; border: #ddd solid;}

.subject-cont>.more{position: absolute;bottom: 24px;right: 0;color: var(--font-anchor-color);background-color: #fff;}
.subject-cont.hide{height: 31px;overflow: hidden;padding-right: 50px;text-overflow: ellipsis;white-space: nowrap;}
.subject-cont.cntnts-cn{display: flex; margin-bottom: 8px; flex-direction: column; align-items: flex-start;}
.subject-cont >article.text-layout{height: auto; padding-bottom: 20px;}


.clsf_systm_list{margin-top: 16px;font-size: 14px;}
.clsf_systm_list>.top{font-weight: 600;}
.clsf_systm_list>ul{border-left: 2px solid #ccc;display: flex;flex-direction: column;}
.clsf_systm_list>ul li{margin-left: 16px;position: relative;display: block;}
.clsf_systm_list>ul span{background-color: #fff;display: block;padding-left: 8px;}
.clsf_systm_list>ul span::before{content: '';left: -16px;display: block;right: 0;border: 1px solid #ccc;top: 9px;position: absolute;z-index: -1;}

.middle-content .list.list-border>li a.title{text-align:left;}

.board-file{display: flex;flex: 1;}
.board-file>div.file>a.del{background: #F5F7FB url(../images/common/ico-tag_del.png)no-repeat center right 16px;}

.networkPopupLayer {position: absolute;	display: none; background-color: #ffffff; border-radius: 3px; padding: 2px 0; border:2px solid #a8abbc; -webkit-box-shadow: 0 0 50px 0 rgba(50,50,50,0.15); -moz-box-shadow: 0 0 50px 0 rgba(50,50,50,0.15); box-shadow: 0 0 50px 0 rgba(50,50,50,0.15); text-align: left; width: 120px;}
.networkPopupLayer ul {list-style: none; padding: 0; margin: 0; letter-spacing: -0.015rem;}
.networkPopupLayer li {color: #74757f; border-bottom: 1px solid #e5e7f2;height:30px;width:100%;}
.networkPopupLayer li button {background: none; outline: 0 none; border: none; transition: all .2s ease-in-out; font-size: 13px; padding : 0 5px; height : 25px; cursor: pointer;}
.networkPopupLayer li:last-child {border-bottom: none;}
.networkPopupLayer li i {color: #3f4488; padding-bottom: 3px;}
.networkPopupLayer li button:hover {color: #bf955a;}

.middle-content>h1.ctgry-sub-title{margin-top: 80px; text-align: center; font-size:20px; font-weight: 600;}

.popup-cont .title>label{position: initial; margin-right:0px;}
.middle-content .list.list-border>li a.title span{float: right; font-weight: 300; color: #3d3d3d;}


.news-table .colgroup-3 {max-width: 350px;}
.news-table .colgroup-4 {max-width: 540px;}
.news-table .colgroup-8 {min-width: 100px;}
.news-table .colgroup-4 a{width: 100%;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;}

table.ranking td:nth-child(3){width: 120px;}
table.ranking.list td.col-1{height: 52px;}

header.main .wrap>.header-menu>.menu-detail>ul:not(.management-menu)>li.my-info>a{background-image: url(../images/common/ico-my_info-white.png);}

.error-list-table>table>thead .colgroup-3{text-align: center;}

div.sub-title > span{font-size: 15px; font-weight: 200; margin-left: 10px; color: #545454;}
.multiple-items a span.state{position: absolute; top: 10px; left: 160px; width: 130px; height: 32px; line-height: 32px; color: #fff; font-size: 14px; text-align: center;background:#0F74E6; z-index:1;}
.multiple-items a span.media{left: 270px;}
.media-popup>div.cpyrht-box{text-align: right; order: 1px solid var(--border-color-type02); font-weight: 600; font-size: 14px; color: var(--font-normal-color); background-color: #fff; padding: 8px 12px;}

section.board-area ul>li>a:hover{text-decoration: underline;}
.error-list-table>table .colgroup-3>a:hover{text-decoration: underline;}
.news-table .colgroup-4 a:hover{text-decoration:underline;}

.popup-window.sttus-help{max-width: 470px; top:50%; left:50%; transform: translate(-50%);}
.btn.err-help{width: 15px; height: 15px;border-radius: 50%; background: #343734 url(../images/common/ico-popup-help.png)no-repeat center; vertical-align: middle;}
.sttus-help>p{font-size: 14px; margin-bottom: 24px; margin-left: 10px;}
.sttus-help>.btn.popup-close{bottom: -32px; right: -1px; left: -1px; background: var(--btn-color-blue); border: 0; width: unset; color: #fff;}
@media (max-width: 600px){ .sttus-help>p{font-size: 12px;} }

/* 2022-04-07 추가 */
.no-search-list{min-height: 228px;display: flex;justify-content: center;align-items: center;font-size: 22px;width: 100%;}
.error-page{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.error-page{background: url(../images/common/error-page.png)no-repeat center;}
.error-page .img-box{background: url(../images/common/error-icon.png)no-repeat center;width:95px;height:85px;margin-right:105px}
.error-page>div>p{font-size: 30px;margin-bottom: 30px;font-weight: bold;}
.error-page>div>div>p{font-size: 30px;margin-bottom: 30px;}
.error-page>div>div>span{font-size: 20px;font-family: 'Noto Sans Light';line-height: 30px;color: #747474;}
.error-page>div>a{margin-top: 100px;font-size: 20px;font-weight: bold;display: inline-block;color: #7A9629;}

/********** col **********/
col.w1{width:1%}
col.w2{width:2%}
col.w3{width:3%}
col.w4{width:4%}
col.w5{width:5%}
col.w6{width:6%}
col.w7{width:7%}
col.w8{width:8%}
col.w9{width:9%}
col.w10{width:10%}
col.w11{width:11%}
col.w12{width:12%}
col.w13{width:13%}
col.w14{width:14%}
col.w15{width:15%}
col.w16{width:16%}
col.w17{width:17%}
col.w18{width:18%}
col.w19{width:19%}
col.w20{width:20%}
col.w21{width:21%}
col.w22{width:22%}
col.w23{width:23%}
col.w24{width:24%}
col.w25{width:25%}
col.w26{width:26%}
col.w27{width:27%}
col.w28{width:28%}
col.w29{width:29%}
col.w30{width:30%}
col.w31{width:31%}
col.w32{width:32%}
col.w33{width:33%}
col.w34{width:34%}
col.w35{width:35%}
col.w36{width:36%}
col.w37{width:37%}
col.w38{width:38%}
col.w39{width:39%}
col.w40{width:40%}
col.w41{width:41%}
col.w42{width:42%}
col.w43{width:43%}
col.w44{width:44%}
col.w45{width:45%}
col.w46{width:46%}
col.w47{width:47%}
col.w48{width:48%}
col.w49{width:49%}
col.w50{width:50%}
col.w51{width:51%}
col.w52{width:52%}
col.w53{width:53%}
col.w54{width:54%}
col.w55{width:55%}
col.w56{width:56%}
col.w57{width:57%}
col.w58{width:58%}
col.w59{width:59%}
col.w60{width:60%}
col.w61{width:61%}
col.w62{width:62%}
col.w63{width:63%}
col.w64{width:64%}
col.w65{width:65%}
col.w66{width:66%}
col.w67{width:67%}
col.w68{width:68%}
col.w69{width:69%}
col.w70{width:70%}
col.w71{width:71%}
col.w72{width:72%}
col.w73{width:73%}
col.w74{width:74%}
col.w75{width:75%}
col.w76{width:76%}
col.w77{width:77%}
col.w78{width:78%}
col.w79{width:79%}
col.w80{width:80%}
col.w81{width:81%}
col.w82{width:82%}
col.w83{width:83%}
col.w84{width:84%}
col.w85{width:85%}
col.w86{width:86%}
col.w87{width:87%}
col.w88{width:88%}
col.w89{width:89%}
col.w90{width:90%}
col.w91{width:91%}
col.w92{width:92%}
col.w93{width:93%}
col.w94{width:94%}
col.w95{width:95%}
col.w96{width:96%}
col.w97{width:97%}
col.w98{width:98%}
col.w99{width:99%}
col.w100{width:100%}

/* 설문 css */
.srvy-search-box label, .srvy-search-box select, .calendar-box input, .calendar-box label, .can-edit label {cursor: pointer;}
.bottom-function .srvyDtl {background-color: var(--btn-color-blue); color: white; padding: 7px 10px; left: 106px!important;}
.bottom-function .srvyRslt {background-color: var(--btn-color-blue); color: white; padding: 7px 10px; width: 130px!important;}
.bottom-function .srvyRslt::before {content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/common/ico-btn-excel.svg) no-repeat center/24px;vertical-align: middle;position: relative;top: -1px;margin-right: 4px;}
.srvy-box {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;border: 1px solid black;padding: 20px 10px;display: flex;flex-direction: column;}
.srvy-expln-box {background-color: #F9F9F9; padding: 10px; width: 100%; margin: 16px 0px;}
.srvy-preview-box {border: 1px solid #d3d4d5; padding: 20px 10px; display: flex; flex-direction: column; gap: 40px;}
.srvy-preview-box label {cursor: pointer;}
.srvy-preview-box input[type="text"]{border: 1px solid #d3d4d5; padding: 2.5px 10px; width: 100%;}
.srvy-preview-box textarea{border: 1px solid #d3d4d5; padding: 10px; width: 100%;}
.srvy-preview-box .srvy-ctgry-box{display: flex; flex-direction: column; gap: 15px;}
.srvy-preview-box .srvy-ctgry-box .srvy-qes-box{display: flex; flex-direction: column; gap: 5px; padding-left: 20px;}
.srvy-preview-box .srvy-ctgry-box .srvy-qes-box .srvy-ans-box {display: flex; gap: 10px;}
.srvy-preview-box .srvy-ctgry-box .srvy-qes-box .srvy-ans-box .srvy-ans-sub-box {display: flex; flex-direction: column; gap: 5px; width: 100%;}
.srvy-input-box {display: flex; flex-direction: column; gap: 20px; margin-top: 8px;}
.srvy-input-box .srvy-ctgry-box{display: flex; flex-direction: column; gap: 10px; padding: 10px; background-color: #f4f6f9; position: relative; width: calc(100% - 100px);}
.srvy-input-box .srvy-ctgry-box input{border: 1px solid var(--border-color-type01); font-weight: 600; color: black; height: 38px; padding-left: 8px; padding-right: 4%;}
.srvy-input-box .srvy-ctgry-box input::placeholder{color: #707070; font-weight: normal;}
.srvy-input-box .srvy-ctgry-box button{background-color: var(--btn-color-blue); padding: 4px 8px; color: white; cursor: pointer; border: 1px solid var(--btn-color-blue); font-weight: 600; position: relative; top: 5px;}
.srvy-input-box .srvy-ctgry-box button.btn-del{background-color: #fff; color: var(--btn-color-red); padding: 4px 8px; cursor: pointer; border: 1px solid var(--btn-color-red); font-weight: 600; position: absolute; top: 2.5px; border-radius: 0; right: 35px;}
.srvy-input-box .srvy-ctgry-box .srvy-ctgry-sub-box{display: flex; gap: 10px; align-items: center;}
.srvy-input-box .srvy-ctgry-box .srvy-ctgry-sub-box>p{width: 110px; font-weight: 600;}
.srvy-input-box .srvy-ctgry-box .srvy-ctgry-sub-box>input{width: 100%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box{display: flex; gap: 5px; width: 100%; position: relative; }
.srvy-input-box .srvy-ctgry-box .srvy-qes-box>button{height: 30px; background: var(--btn-color-blue) url(../images/common/ico-plus.svg) no-repeat center/16px; width: 24px; height: 24px; border-radius: 50%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box>button.btn-del {height: 30px; background-image: url(../images/common/ico-delete.svg); background-color: transparent; background-size: 24px; border-radius: 0; border: 0;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box{display: flex; flex-direction: column; gap: 10px; padding-left: 10px; width: 100%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-qes-box {display: flex; gap: 10px; align-items:center;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-qes-box>p {width: 118px; font-weight: 500;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-qes-box select { height: 30px; width: unset; min-width: 110px; font-weight: 600; font-size: 15px; color: #333;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-qes-box>input[type=text] {width: 100%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box {display: flex; gap: 10px;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box>p {padding: 5px 0px;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box {display: flex; flex-direction: column; gap: 5px; width: 100%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box>div{width: 100%; display: flex; gap:10px; align-items: center; position: relative;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box>div>input[type=text]{width: 100%;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box>div>textarea{padding: 10px; font-size: 16px;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box>div>button{height: 30px; background: var(--btn-color-blue) url(../images/common/ico-plus.svg) no-repeat center/16px; width: 24px; height: 24px; border-radius: 50%; top: 0; right: 5px;}
.srvy-input-box .srvy-ctgry-box .srvy-qes-box .srvy-qes-sub-box .srvy-ans-box .srvy-ans-sub-box>div>button.btn-del{border-radius: 0; border: 1px solid var(--btn-color-red); background: #fff url(../images/common/ico-minus.svg) no-repeat center/16px; position: absolute; top: 50%; transform: translateY(-50%); right: 40px;}
.srvy-trgt-box {display: flex; gap: 30px; flex-wrap: wrap}
.srvy-trgt-box .srvy-trgt-sub-box{display: flex; gap: 30px; flex-wrap: wrap}
.label-list label, .questionnaire-box-list label{cursor: pointer;}
header .management-menu>li:nth-child(7)>a::before{background-image: url(../images/common/ico-management-menu.png);}

.chatbot-wrap .chatbot-search .chatbot-search-bar{background-color: transparent; width: 100%; font-size: 24px; padding: 12px; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; height: 49px; outline: none; resize: none; overflow-y: scroll;}
.chatbot-wrap .chatbot-search .chatbot-search-bar::-webkit-scrollbar{display: none;}
.chatbot-wrap .chatbot-search.loading {background-color: rgba(0,0,0,0.1);}
.chatbot-wrap .chatbot-search.loading .chatbot-search-btn.loading {background: var(--btn-color-red); border-radius: 25px;}
.chatbot-wrap .chatbot-search.loading .chatbot-search-btn.loading::after{content: '■'; position: relative; display: block; top: 50%; transform: translate(0, -50%); color: white; font-size: 20px;}
.chatbot-wrap .chat-spinner{width: 32px; height: 32px; background-color: transparent; border: 2px solid rgba(0, 0, 0, 0.3); border-top-color: black; border-radius: 50px; animation: chatbot-spin 1s ease-in-out infinite;}
@keyframes chatbot-spin {100% {transform: rotate(360deg);}}
.search-wrapper .search-area select {width: unset; border-right: 1px solid var(--border-color-type01); margin-right: 15px;}
.text-container.intro .text-box .chatbot-card .intro-help-message {border: 1px solid var(--btn-color-green); border-radius: 5px; padding: 12px; background-color: #e9faee; width: fit-content;}
.text-container .text-box {padding-left: 0px; padding-right: 0px; padding-top: 0px; line-height: 28px; letter-spacing: 0.7px;}
.text-container.intro {margin-top: 0px;}
.text-container.intro::before {bottom: -17px;}
.text-container .text-box .answer-box > h1:first-child,
.text-container .text-box .answer-box > h2:first-child,
.text-container .text-box .answer-box > h3:first-child,
.text-container .text-box .answer-box > h4:first-child {
    margin-top: 0;
}
.text-container .text-box .answer-box h1, h2, h3, h4 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.text-container .text-box .answer-box hr {
    margin: 1rem 0;
}
.text-container div, .text-container p, .text-container span, .text-container a {
    font-size: 1.125rem;
}
.text-container p > strong {
    padding-top: 0.5rem;
}
.text-container .text-box .answer-box > ul {
    list-style: initial;
    padding-left: 1rem;
}
.text-container .text-box .answer-box > ol {
    list-style: decimal;
    padding-left: 1rem;
}



.search-wrapper .search-condition > div .open-modal.filter {
  background: var(--btn-color-blue);
  border: 1px solid var(--btn-color-blue);
  color: #fff;
}
.search-wrapper .search-condition > div .open-modal.filter::after {background: url(../images/common/ico-arrow-down_white.svg) no-repeat center;}
.correlation-map-area .correlation-map {height: 500px;}
.select2-results__option{width: 100%;}
.correlation-map-popup, .vis-tooltip{
    position: absolute;
    display: none;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 5px;
    border: 2px solid #a8abbc;
    -webkit-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
    box-shadow: 0 0 50px 0 rgba(50, 50, 50, 0.15);
    text-align: left;
}
.vis-tooltip{display: block;}
.biomimicry-example .classification-list li .sub-title {
    font-size: 14px;
    display: inline-block;
    min-width: 110px;
    color: #666;
}

.classification-system > li > div > ul li {
    text-align: left;
}

.custom-legend {
    padding: 10px;
    font-size: small;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}
.custom-legend li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 48%; /* 항목이 두 개씩 나누어지도록 */
}
.custom-legend li span {
    display: inline-block;
}
.custom-legend li span:first-child {
    margin-right: 10px;
}

.ck-content ul, .ck-content ol {
    display: flex;
    flex-direction: column;
}

.ck-content li {
    margin-left: 15px !important;
    padding: 5px !important;
}

.board-cont-text ul {
    display: flex;
    flex-direction: column;
    list-style: disc;
}

.board-cont-text ol {
    display: flex;
    flex-direction: column;
    list-style: decimal;
}

.board-cont-text li{
    margin-left: 15px !important;
    padding: 5px !important;
}

.common-modal.imitation-classification {
    height: 70%;
    width: 50%;
    display: block;
}

.common-modal .modal-body {
    height: 100%;
}

.common-modal .modal-cont.flex-box {
    flex: 1;
}

.common-modal .category {
    flex-direction: column;
    display: flex;
}

.common-modal .category-list {
    flex: 1;
    max-width: 418px;
    max-height: none !important;
}

.category-selected {
    width: 400px;
}

.modal-dimmed .common-modal.imitation-classification .category-selected-list .classification {
    white-space: nowrap;
    cursor: pointer;
    z-index: 10;
}

.category-selected-list {
    min-height: 445px;
    max-height: 400px;
    overflow: auto;
}

.classification-system > li > div > ul {
    font-size: 15px;
    max-height: 450px;
    overflow-y: auto;
}

.board-info .title {
    text-align: left;
}

.board-cont .title {
    text-align: left;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 33px;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.tree-table.custom-treetable .txt-left,
.tree-table.custom-treetable .txt-left-p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}