@charset "utf-8";
/**  로그인 **/
.login_wrap {display: flex;justify-content: center;height: 100%;align-items: center;}
.login_inner {display:flex;flex-direction: column;width: 100%;max-width: 920px;}
header.login {text-align:center;}
header.login h1 {margin-bottom: 41px;font-size: 0;}
header.login h1 a {display:inline-block;max-width: 318px;width:100%;height: 160px;background:url('../images/logo_dream.jpg') no-repeat 0 0 / 100%;text-indent:-9999px;}
.login_contents_wrap {background:#fff;border-radius:10px;box-shadow:0px 1px 54px rgba(0,0,0,.1);display: flex;overflow:hidden;width: 100%;}
.login_contents_wrap .left_cont_wrap {background: url(../images/bg_login.png) no-repeat 0 0 / cover;color: #fff;width: 475px;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 0 5% 4%;}
.login_contents_wrap .left_cont_wrap span {font-size: 22px;}
.login_contents_wrap .left_cont_wrap strong {font-size: 26px;}
.login_contents_wrap .left_cont_wrap p {font-size: 18px;opacity:0.8;line-height: 24px;margin-top: 15px;font-weight: 200;}
.login_contents_wrap .right_cont_wrap {text-align: center;max-width: 445px;width: 100%;padding: 10% 0;}
.login_contents_wrap .right_cont_wrap h2 {font-size: 30px;color:#000;font-weight:800}
.login_contents_wrap .right_cont_wrap h2 strong {font-weight:800;display:none;}
.login_contents_wrap .right_cont_wrap p {margin-top: 10px;color:#898989;font-weight:400;}
.login_contents_wrap .right_cont_wrap p em {color:#1783B5}
.login_form_inner {max-width: 320px;width: 100%;margin: 40px auto 0;}
.login_form_inner fieldset ul {display: flex;flex-direction: column;gap: 5px;}
.login_form_inner fieldset ul li {}
.login_form_inner fieldset ul li span {display: block;position:relative;}
.login_form_inner fieldset ul li .id_icon:before {content:'';width:17px;height:17px;background:url('../images/icon_id.svg') no-repeat 0 0 / 100%;position:absolute;top: 50%;left: 15px;z-index: 1;margin-top: -8px;}
.login_form_inner fieldset ul li .pw_icon:before {content:'';width:17px;height:17px;background:url('../images/icon_pw.svg') no-repeat 0 0 / 100%;position:absolute;top: 50%;left: 15px;z-index: 1;margin-top: -8px;}
.login_form_inner fieldset ul li .name_icon:before {content:'';width:17px;height:17px;background:url('../images/icon_name.svg') no-repeat 0 0 / 100%;position:absolute;top: 50%;left: 15px;z-index: 1;margin-top: -8px;}
.login_form_inner fieldset ul li input[type="text"], .login_form_inner fieldset input[type="password"] {border:1px solid #D4D4D4;height:48px;width: 100%;border-radius: 3px;padding: 0 0 0 40px;}
.login_form_inner fieldset .btn_login {background:#2ca6e0;border:0;color:#fff;width:100%;border-radius:3px;font-size: 16px;padding: 12px 0;margin-top:10px;font-weight: 600;}
.join_link {margin-top:25px;}
.join_link a {text-decoration:underline;}

.dashboard_cont_wrap {display:flex;gap:20px;padding:20px;flex-direction: column;}
.dashboard_cont_wrap .dashboard_cont_list {background:#fff;padding:30px;box-shadow: 1px 1px 19px rgba(0, 0, 0, .1);width: 100%;border-radius: 10px;}
.dashboard_cont_wrap .dashboard_cont_list.search_inner {display: flex}
.new_project_wrap {display: flex;flex-wrap: wrap;margin: 20px 0 0}
.new_project_wrap .project_inner {width: 20%;padding: 15px;height: 100%}
.new_project_wrap .project_inner .p_list_wrap {box-shadow: 1px 1px 19px 1px rgb(0 0 0 / 7%);background-color: #fff;border-radius: 10px;overflow: hidden;width: 100%;height: 212px;display: block;border: 1px solid #e7e2e2}
.new_project_wrap .project_inner .p_list_wrap .add_btn {position: absolute;left: 50%;top: 50%;border: 1px solid;width: 60px;height: 60px;margin-left: -30px;margin-top: -20px;border-radius: 50%;background: #000080 url(../images/add_btn.png) no-repeat center;text-indent: -999em}
.new_project_wrap .project_inner.add_project .p_list_wrap {box-shadow: none;border: 2px dotted #93a4ad;border-style: dotted;background-color: transparent;position: relative;width: 100%;position: relative;}

.basic_input {}
.basic_input li+li {margin-top: 13px}
.basic_input li label {display: block;margin-bottom: 3px}
.basic_input li input[type="text"] {}

.new_project_wrap .project_inner h3 {padding: 16px;background-color: #f7f7f7}
.new_project_wrap .project_inner .new_title {background-color: transparent}
.new_project_wrap .project_inner .project_list {padding: 16px}
.new_project_wrap .project_inner .project_list li {display: flex;gap: 10px;margin: 8px 0}
.new_project_wrap .project_inner .project_list li strong {min-width: 91px;flex-grow: 0;text-align: center;border-radius: 15px;padding: 4px;background-color: #eff2f7}

.main_tit_head {display:flex;align-items: center;justify-content: space-between;}
.main_tit_head h3 {color:#212121;font-size: 25px;}
.main_tit_head h3 em {color: #a6a6a6;font-weight: 600;}
.main_tit_head h3 em.f_type {color: #144EE4;font-weight: 600;font-size:14px;}
.main_tit_head span {display:inline-block;padding:2px 17px;border: 1px solid #88b6e1;border-radius:30px;color:#666;font-size:13px;}
.main_tit_head span strong {color: #397ebd;}
.main_list_wrap {margin-top: 20px}
.main_list_wrap .dashboard_list {}
.main_list_wrap .dashboard_list li {display:flex;justify-content: space-between;align-items: center;gap:10px;padding: 5px 15px;position:relative;}
.main_list_wrap .dashboard_list li span {background: #3c3ca3;color: #fff;padding: 3px 15px;border-radius: 50px;font-size: 13px;z-index: 1;}
.main_list_wrap .dashboard_list li a {padding-left: 4px;flex-grow:1;position:relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.main_list_wrap .dashboard_list li a:hover {color: #5098d9}

.main_list_wrap .dashboard_list li em {flex-shrink: 0;color:#999999;padding-left:20px;z-index:1}
.main_list_wrap .dashboard_list li.new_notice {margin-top: -1px;background-color: #f1f8ff;color: #363636;padding-left: 15px;padding-right: 15px;font-weight: 600;}
.main_list_wrap .dashboard_list li.new_notice em {color: #626262;}
/*
.main_list_wrap .dashboard_list li.new_notice:nth-of-type(1) {padding-top: 15px;border-radius: 10px 10px 0 0}
.main_list_wrap .dashboard_list li.new_notice:nth-of-type(2) {padding-bottom: 15px;border-radius: 0 0 10px 10px;margin-bottom: 10px}
*/
.main_list_wrap .dashboard_list li.new_notice a {padding-left:0;}
.main_list_wrap .dashboard_list li.new_notice a:before {content:none;}
.new {display:inline-block;color: #ff4c4c;font-style: normal;font-size: 12px;padding-right: 2px;font-weight: 600;}
.dashboard_cont_wrap .btn_more {display:block;margin-top:35px;padding: 10px 0;border-radius:50px;color: #6e757a;text-align:center;transition: all 0.7s;border: 1px solid #e3e9ed;}
.dashboard_cont_wrap .btn_more:hover {background: #397ebd;color:#fff;}
.dashboard_cont_list .table_layout table {min-width: auto;}

/* 내가 할일 */
.main_schedule_list {display: flex;gap: 20px;}
.main_schedule_list li {position:relative;width: 25%;}
.main_schedule_list li .schedule_wrap {display: flex;background: #625ef2 url(../images/ico_dashboard01.png) no-repeat right bottom;width: 100%;padding: 36px;position: relative;flex-direction: column;justify-content: space-between;border-radius: 13px;}
.main_schedule_list li .schedule_wrap span {color: #fff;border-radius: 50% 50% 10px 50%;font-size: 19px;]: 80px;margin-bottom: 33px;text-align: left;font-weight: 800;}
.main_schedule_list li .schedule_wrap span em {font-weight: 200}
.main_schedule_list li .schedule_wrap strong {font-weight: bold;color: #fff;font-family: 'Montserrat';font-size: 23px;}
.main_schedule_list li .schedule_wrap.bg_color01 {background: #61b9dd url(../images/ico_dashboard02.png) no-repeat right bottom;}
.main_schedule_list li .schedule_wrap.bg_color01:before {content:'';background: #ea7517;}
.main_schedule_list li .schedule_wrap.bg_color01 span {}
.main_schedule_list li .schedule_wrap.bg_color02 {background: #16b7a4 url(../images/ico_dashboard03.png) no-repeat right bottom;}
.main_schedule_list li .schedule_wrap.bg_color02:before {background: #6d6d6d;}
.main_schedule_list li .schedule_wrap.bg_color02 span {}
.main_schedule_list li .schedule_wrap.bg_color03 {background: #36c536 url(../images/ico_dashboard04.png) no-repeat right bottom;}
.main_schedule_list li .schedule_wrap.bg_color03:before {background: #6d6d6d;}
.main_schedule_list li .schedule_wrap.bg_color03 span {}

/* 프로젝트 */
.project_title {background: #000080;color: #fff;border-radius: 15px;padding: 25px 10px;font-size: 20px;letter-spacing: 0;margin-bottom: 30px;text-align:center;}
.project_detail_wrap {height:calc(100% - 224px);}
.project_detail_wrap ul {display: flex;flex-direction: column;gap: 15px;}
.project_detail_wrap ul li {display: flex;flex-direction: column;}
.project_detail_wrap ul li em {color: #7e7edd;font-size: 14px;font-weight: 400;}
.project_detail_wrap ul li strong {font-weight: 800;font-size: 16px;color: #000;}
.project_detail_wrap ul li.buyer-info-item .buyer-names {display: flex;gap: 10px;flex-wrap: wrap;}
.project_detail_list {border: 1px solid #dbdbdb;border-radius: 20px;padding: 30px;}
.project_tit_wrap {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;}
.project_detail_list .project_list {height: 590px;overflow-x: hidden;overflow-y: auto;}
.project_detail_list .project_list span {border-radius: 5px;overflow: hidden;}
.project_detail_list .project_list > ul {display: flex;flex-direction: column;gap: 10px;}
.project_detail_list .project_list > ul > li {/*box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, .1);*/background: #f5f5f5;border-radius: 15px;padding: 20px;position:relative;cursor:pointer;}
.project_detail_list .project_list > ul > li:hover {background: darkgrey;}
.project_detail_list .project_list ul li .list-wrap {display: flex;gap: 30px;align-items: center;}
.project_detail_list .project_list ul li .list-wrap ul {display: flex;/* flex-wrap: wrap; */width: 100%;flex-direction: column;}
.project_detail_list .project_list ul li .list-wrap ul li {display: flex;gap: 10px;line-height: 25px;}
.project_detail_list .project_list ul li .list-wrap ul li em {font-size:15px;color: #7b7b7b;}
.project_detail_list .project_list ul li .list-wrap ul li p {font-size:15px;color:#000;font-weight: 800;}
.project_detail_list .project_list ul li .list_close {display:inline-block;width:25px;height:25px;background:#000 url(../images/btn_list_close.png) no-repeat center;border-radius:100%;position:absolute;top:20px;right:20px;text-indent:-9999px;}
.project_detail_list .project_list > ul > li.new {border: 2px solid #ff0000;background: #fff9f9;}
.project_detail_list .project_list > ul > li.new:hover {background:#ff0016c2}
.project_detail_list .project_list > ul > li.new i {background: #e70000;color: #fff;font-style: normal;padding: 0 10px;border-radius: 20px;letter-spacing: 0;font-size: 11px;}
.project_detail_wrap ul li .project_info {padding: 20px;background: #e3e7fd;border-radius: 15px;margin-top: 10px;}
.project_detail_wrap ul li .project_info ul {gap: 5px;margin-top:10px}
.project_detail_wrap ul li .project_info ul li {font-weight:bold}
.project_detail_wrap ul li label {color: #7e7edd;font-size: 14px;font-weight: 400;margin-bottom: 5px;}
.project_detail_wrap ul li span {display:flex;gap:3px;}
.project_detail_wrap ul li input[type="text"] {border-radius:5px;background: #fbfbff;border: 1px solid #d2d6eb;flex-grow:1}

.recommendation_wrap {border: 1px solid #dbdbdb;border-radius: 20px;margin-top: 20px;padding: 30px;}
.recommendation_wrap ul {display: flex;gap: 15px;margin-top: 15px;overflow-x: auto;width: 100%;}
.recommendation_wrap ul li {border-radius: 5px;overflow: hidden;flex-shrink: 0; width: 111px;height: 111px; list-style: none;padding: 0; margin: 0; box-sizing: border-box; border: 1px solid #eee; margin-right: 10px; margin-bottom: 10px;position:relative;}
.recommendation_wrap ul li a {display: flex;justify-content: center; align-items: center;width: 100%;height: 100%;text-decoration: none; color: inherit;}
.recommendation_wrap ul li span.close-button {
  position: absolute; /* 부모인 .box-link를 기준으로 위치를 잡습니다. */
  top: 5px;
  right: 5px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer; /* 마우스 커서를 손가락 모양으로 바꿔 클릭 가능함을 표시 */
}
.recommendation_wrap ul li a .file-item-content {
    display: flex;
    flex-direction: column; /* 세로 방향으로 아이콘과 텍스트를 정렬 */
    align-items: center; /* 가로 축에서 아이콘과 텍스트를 중앙 정렬 */
    justify-content: center; /* 세로 축에서 전체 컨텐츠를 중앙 정렬 (li 내에서) */
    width: 100%; /* 부모 a 태그의 너비 차지 */
    padding: 5px; /* 내부 여백으로 아이콘/텍스트가 가장자리에 붙지 않도록 */
    box-sizing: border-box; /* 패딩이 너비에 포함되도록 */
}
/* 아이콘 스타일 */
.recommendation_wrap ul li a .file-item-content i {
    color: #B197FC;
    font-size: 2.5em; /* 아이콘 크기를 약간 더 크게 (fa-2xl 보다 조금 더 크게) */
    margin-bottom: 8px; /* 아이콘과 파일 이름 사이 간격 증가 */
    flex-shrink: 0; /* 아이콘이 줄어들지 않도록 */
}

/* 이미지 스타일 */
.recommendation_wrap ul li a .file-item-content img {
    max-width: 100%;
    max-height: 70px; /* 이미지 높이 제한, 파일 이름 공간 확보 */
    object-fit: contain;
    margin-bottom: 8px; /* 이미지와 파일 이름 사이 간격 증가 */
    flex-shrink: 0; /* 이미지가 줄어들지 않도록 */
}

/* 파일 이름 텍스트 스타일 */
.recommendation_wrap ul li a .file-item-content .file-name {
    display: block; /* 블록 요소로 만들어 새로운 줄에 표시 */
    font-size: 0.8em; /* 파일 이름 폰트 크기 조정 */
    color: #555;
    width: 100%; /* 부모 file-item-content의 너비 전체 사용 */
    white-space: nowrap; /* 텍스트를 한 줄에 강제로 표시 */
    overflow: hidden; /* 영역을 벗어나는 텍스트 숨김 */
    text-overflow: ellipsis; /* 숨겨진 텍스트를 "..."으로 표시 */
    text-align: center; /* 텍스트 중앙 정렬 */
    box-sizing: border-box;
    padding: 0 5px; /* 좌우 여백으로 너무 가장자리에 붙지 않도록 */
}

.item_registration_wrap {display:flex;justify-content: space-between;}
.item_registration_wrap .p_stit {font-size:16px;font-weight:800;}
.item_registration_wrap .p_stit em {font-size:14px;font-weight:400;}
.item_search_wrap {width: 45%;border: 1px solid #dbdbdb;border-radius: 10px;padding: 20px;position:relative;}
/*
.item_search_wrap:after {content:'';width: 34px;height: 34px;background: #3c3ca3 url(../images/btn_next.png) no-repeat center;position:absolute;top: 50%;right: -63px;border-radius: 100%;background-size: 8px;margin-top: -17px;}
*/
.item_search_next_icon {
width: 34px;
    height: 34px;
    background: #3c3ca3 url(../images/btn_next.png) no-repeat center;
    position: absolute;
    top: 50%;
    right: -63px;
    border-radius: 100%;
    background-size: 8px;
    margin-top: -17px;
    cursor: pointer; /* 클릭 가능한 요소임을 나타냄 */
    border: none; /* 버튼 기본 스타일 제거 */
    padding: 0;
}
.item_search .search_box {display:flex;gap: 5px;margin:15px 0;}
.item_search .search_box .btn_search02 {flex-shrink: 0;}
.item_search .search_list {overflow-x: hidden;overflow-y: auto;height: 210px;}
.item_search .search_list li {display:flex;align-items: center;gap: 10px;}
.item_search .search_list li+li {margin-top:5px;}
.item_list span {position:relative;font-size: 14px;}
.item_list span+span {padding-left:7px;margin-left:6px;}
.item_list span+span:before {content:'';width:1px;height: 14px;background: #c5c5c5;position:absolute;top: 50%;left:0;margin-top: -7px;}
.item_registration_wrap .item_apply_wrap {width: 45%;border: 1px solid #dbdbdb;border-radius: 10px;padding: 20px;}
.item_registration_wrap .item_apply_wrap .item_apply_list {margin-top: 15px;overflow-x: hidden;overflow-y: auto;height: 210px;}
.item_registration_wrap .item_apply_wrap .item_apply_list li {background: #f4f4ff;border-radius: 5px;padding: 10px 35px 10px 10px;position:relative;}
.item_registration_wrap .item_apply_wrap .item_apply_list li+li {margin-top:10px;}
.item_registration_wrap .item_apply_wrap .item_apply_list li .list_close02 {display:inline-block;width:17px;height:17px;background:url(../images/icon_btn_del02.png) no-repeat 0 0;position:absolute;top:50%;right:10px;text-indent:-9999px;margin-top:-8px;}
.upload_file_wrap {width:53%}
.upload_file_wrap .file_img {border: 1px solid #dbdbdb;border-radius: 10px;padding: 20px;}
.upload_file_wrap .img_wrap {margin-top:15px;max-width: 400px;width: 100%;}
.upload_file_wrap .img_wrap img {width:100%;height:auto;max-height:420px;object-fit:contain;}
.item_registration_wrap .item_apply_wrap .item_apply_list li .item_list {display:block;overflow:hidden;}
.item_registration_wrap .item_apply_wrap .item_apply_list li .item_list span {display:block;word-break:break-all;overflow-wrap:anywhere;line-height:1.4;}
.upload_file_wrap .file_inro {margin-top:15px;border: 1px solid #dbdbdb;border-radius: 10px;padding: 20px;}
.upload_file_wrap .file_info_list {margin-top:15px;}
.upload_file_wrap .file_inro .file_info_list ul li {line-height:25px;position:relative;padding-left:10px;}
.upload_file_wrap .file_inro .file_info_list ul li:before {content:'';width:4px;height:4px;background:#333;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-2px;}
.item_apply_list.upload_list {height: 417px !important;}

/* 아이템 */
.project_detail_list02 {width:100%}
.project_list02 {margin-top:15px;}
.project_list02 > ul {display: flex;flex-direction: column;gap: 10px;}
.project_list02 > ul > li {background: #f5f5f5;border-radius: 15px;padding: 20px;display: flex;justify-content: space-between;align-items: center;}
.project_list02 > ul > li:hover {background: darkgray;}
.project_list02 > ul > li .text_wrap {display: flex;flex-wrap: wrap;}
.project_list02 > ul > li .text_wrap li {display: flex;gap: 10px;line-height: 25px;position:relative;padding-left:10px;margin-right: 50px;}
.project_list02 > ul > li .text_wrap li:before {content:'';width:4px;height:4px;background:#000;border-radius:100%;position:absolute;top: 10px;left:0;}
.project_list02 > ul > li .text_wrap li em {font-size: 15px;color: #7b7b7b;}
.project_list02 > ul > li .text_wrap li p {font-size: 15px;color: #000;font-weight: 800;}
.project_list02 > ul > li .img_wrap {display:flex;gap:10px;flex-shrink: 0;}
.project_list02 > ul > li .img_wrap span {border-radius: 5px;overflow: hidden;}
.item_tit {font-size:18px;font-weight:800;color:#000}
.image_attach_wrap {margin-top:30px;border: 1px solid #dbdbdb;border-radius: 20px;padding: 30px;}
.image_attach_wrap .image_attach {background: #f5f5f5;border-radius: 10px;padding: 35px 35px 30px;}
.image_attach_wrap .image_attach ul {display: flex;gap: 35px;justify-content: center;}
.image_attach_wrap .image_attach ul li {text-align: center;max-width: 200px;width: 100%;position:relative;}
.image_attach_wrap .image_attach ul li span {border-radius:5px;overflow:hidden;display: inline-block;width: 100%;}
.image_attach_wrap .image_attach ul li span img {width:100%;max-width:none}
.image_attach_wrap .image_attach ul li p {margin-top:5px;font-weight:600}
.image_attach_wrap .image_attach ul li a {display:inline-block;width: 100%;height: calc(100% - 31px);position: relative;}
.image_attach_wrap .image_attach ul li .image_remove_btn {position:absolute;top:8px;right:8px;z-index:2;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:transparent;cursor:pointer;text-indent:-9999px;overflow:hidden;}
.image_attach_wrap .image_attach ul li .image_remove_btn:before {content:'×';position:absolute;top:50%;left:50%;transform:translate(-50%, -54%);color:#fff;font-size:16px;font-weight:700;text-indent:0;}
.image_attach_wrap .image_attach ul li a em.add_btn {position: absolute;left: 50%;top: 50%;border: 1px solid ##c8c8d5;width: 30px;height: 30px;margin-left: -15px;margin-top: -15px;border-radius: 50%;text-indent: -999em;}
.image_attach_wrap02 {display: flex;flex-wrap: wrap;gap:30px;margin-top: 30px;}
.image_attach_wrap02 .image_attach_wrap {margin-top:0;flex:1 1 40%}
.file_attach {position:relative;}
.file_attach.has-file-pages {padding-bottom:52px;}
.file_attach .file_attach_pager {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
	margin-top:16px;
}
.file_attach .file_attach_page_btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border:1px solid #d3dae3;
	border-radius:50%;
	background:#fff;
	color:#1d2b3a;
	font-size:18px;
	font-weight:700;
	cursor:pointer;
	transition:all .2s ease;
}
.file_attach .file_attach_page_btn:hover:not(:disabled) {
	border-color:#000080;
	color:#000080;
	box-shadow:0 6px 16px rgba(0,0,128,.12);
}
.file_attach .file_attach_page_btn:disabled {
	opacity:.35;
	cursor:default;
	box-shadow:none;
}
.file_attach .file_attach_page_status {
	min-width:52px;
	text-align:center;
	font-size:13px;
	font-weight:700;
	color:#5d6977;
}
/* .file_attach > a {display:block;height: 150px;border-radius:15px;background:#f5f5f5 url(../images/img-fileupload.png) no-repeat center;} */
.file_attach button.dz-button {display:block;height: 150px;border-radius:15px;background:#f5f5f5 url(../images/img-fileupload.png) no-repeat center !important; width : 100% !important;}
.file_attach .dz-preview.dz-pdf-printable {cursor:pointer;}
.file_attach .dz-preview.dz-pdf-printable .dz-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f6fa;
}
.file_attach .dz-preview.dz-pdf-printable .dz-pdf-thumb {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	gap: 8px;
	color: #d93025;
	background: linear-gradient(180deg, #ffffff 0%, #eef2f7 100%);
}
.file_attach .dz-preview.dz-pdf-printable .dz-pdf-thumb i {
	font-size: 42px;
}
.file_attach .dz-preview.dz-pdf-printable .dz-pdf-thumb span {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.file_attach .dz-preview.dz-pdf-printable .dz-image:before,
.file_attach .dz-preview.dz-pdf-printable .dz-image:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
}
.file_attach .dz-preview.dz-pdf-printable .dz-image:before {
	content: '';
	inset: 0;
	background: rgba(17, 24, 39, 0.55);
}
.file_attach .dz-preview.dz-pdf-printable .dz-image:after {
	content: '\f02f';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 28px;
	color: #ffffff;
}
.file_attach .dz-preview.dz-pdf-printable:hover .dz-image:before,
.file_attach .dz-preview.dz-pdf-printable:hover .dz-image:after {
	opacity: 1;
}


/* 탭메뉴 */
.tab_menu {position: relative;padding: 30px 40px 0;}
.tab_menu ul {display:flex;gap: 10px;}
.tab_menu ul li {}
.tab_menu ul li a {display:inline-block;padding: 10px 35px;font-size:16px;background: #f3f3f3;border-radius: 50px;}
.tab_menu ul li.on a {color: #ffffff;font-weight: 800;position:relative;background: #000000;}

/* 라벨링 */
.tab_content_wrap.h100 {height:calc(100% - 44px);display: flex;flex-direction: column;}
.labeling_wrap {display: flex;gap: 30px;margin-top: 30px; /* height: 100%; */}
.labels_wrap {width: 60%;border: 1px solid #dbdbdb;border-radius: 20px;padding: 30px;}
.attribute_wrap {width: 40%;border: 1px solid #dbdbdb;border-radius: 20px;padding: 30px;display: flex;flex-direction: column;justify-content: space-between;}
.labeling_wrap .table_layout {max-height:700px;}
.attribute_input_form {max-height: 647px;overflow-x: hidden;overflow-y: auto;}
.attribute_input_form ul {}
.attribute_input_form ul li {display: flex;gap: 5px;align-items: center;}
.attribute_input_form ul li+li {margin-top:5px;}
.attribute_input_form ul li span {flex:1 1 20%}
.attribute_input_form ul li span input[type="text"], .attribute_input_form ul li span select {width:100%}

.create_label_wrap {display:flex;gap:30px}
.label_input_wrap {width:40%;}
.label_input_form {border: 1px solid #dbdbdb;border-radius: 15px;padding: 20px;}
.label_create {width:60%;max-height:536px;}
.p_tab_menu {display: flex;}
.p_tab_menu {display: flex;}
.p_tab_menu li {flex: 1 1 40%;}
.p_tab_menu li a {padding: 13px 0;display: block;position: relative;background: #f1f1f1;border-radius: 15px 15px 0 0;color: #a7a7a7;text-align: center;}
.p_tab_menu li.on a {border: 1px solid #dbdbdb;background: #fff;border-radius: 15px 15px 0 0;border-bottom: 0;font-weight: 800;color: #3c3ca3;}
.p_tab_menu li.on a:after {content:'';width:100%;height:1px;background:#fff;position:absolute;bottom:0;left:0;}
.p_tab_cont {display:none;border: 1px solid #dbdbdb;border-radius: 0 0 15px 15px;height: calc(100% - 104px);margin-top: -1px;}
.p_tab_cont.active {display:block;}
.p_tab_cont .no-date {display: flex;height: 100%;justify-content: center;align-items: center;}
.label_edit {padding:20px;display: flex;flex-wrap: wrap;gap: 5px;max-height: 430px;align-content: flex-start;overflow-y: auto;}
.p_tab_cont.htype {height: 300px;}
.p_tab_cont .attribute_input_form {max-height:none;height: 190px;}
.basic_label {background: #f1f1f1;font-size:15px;padding:10px 20px;display: flex;gap: 7px;align-items: center;border-radius: 40px;font-family: 'NotoSansKR';}
.basic_label .icon_add {width:16px;height:16px;display:inline-block;text-indent:-9999px;background:url(../images/icon_btn_add02.svg) no-repeat 0 0;}
.basic_label .icon_edit {width:16px;height:16px;display:inline-block;text-indent:-9999px;background:url(../images/icon_btn_edit.svg) no-repeat 0 0;}
.basic_label .icon_delete {width:16px;height:16px;display:inline-block;text-indent:-9999px;background:url(../images/icon_delete02.svg) no-repeat 0 0;}
.creation_status_wrap {border-radius: 15px;background:#ededed;margin-top: 10px;padding: 20px;}
.creation_status_inner {height:100px;overflow-y:auto;padding-right: 15px;}
.creation_status_wrap strong {font-weight:800;display:block;}
.creation_status_wrap .upload_list {margin:5px 0 0 10px;}
.creation_status_wrap .upload_list li {font-size:14px;display:flex;align-items: center;justify-content: space-between;}
.creation_status_wrap .upload_list li:after {content:'';width: 10px;height: 10px;border: 1px solid #919191;border-radius:100%;background: #e3e3e3;}
.creation_status_wrap .upload_list li.finish:after {background:#17eb00}
.creation_status_wrap .upload_list li.ing:after {background:#eb0000}

.extraction_wrap {display: flex;gap: 30px;border: 2px dotted #93a4ad;border-radius: 15px;padding: 10px;margin-top: 15px;}
.extraction_wrap .file_attach {width:60%;}
.extraction_wrap .btn_wrap02 {width:40%;}

.dashboard_cont_list.bg_none {background:none;box-shadow:none;padding:0;}
.graph_status_wrap {display:flex;flex-direction: column;gap: 20px;}
.opt_status_wrap {background:#fff;box-shadow: 1px 1px 19px rgba(0, 0, 0, .1);padding: 28px;}
.opt_status_inner {margin-top: 15px;}
.opt_status_inner ul {display: flex;justify-content: center;}
.opt_status_inner ul li {display: flex;flex-direction: column;align-items: center;gap:12px;position:relative;}
.opt_status_inner ul li+li {padding-left:30px;margin-left:30px;}
.opt_status_inner ul li+li:before {content:'';width:1px;height:100%;background:#E6E6E6;position:absolute;top:0;left:0;}
.opt_status_inner ul li strong.tit {background: #1C6BB4;color: #fff;border-radius: 30px;padding: 5px 18%;max-width: 155px;}
.opt_status_inner ul li strong.tit.bg {background: #2CA6E0;}
.opt_status_inner ul li strong.month {color:#005ACC;font-size:13px;}
.status_data span {font-size:13px;color:#999;padding:0 2px;}
.status_data span strong {font-size:16px;color:#333}
.opt_graph_inner {display:flex;justify-content: center;align-items: center;margin-top: 15px;gap: 10%;}
.graph_ex {max-width: 300px;width: 100%;}
.graph_ex ul {display:flex;flex-direction: column;gap: 5px;}
.graph_ex ul li {display:flex;gap:10px;font-size:14px;align-items: center;}
.graph_ex ul li > strong {padding-left:15px;position:relative;}
.graph_ex ul li > strong:before {content:'';width:8px;height:8px;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-4px;}
.graph_ex ul li > strong.bg_orange:before {background:#F18427}
.graph_ex ul li > strong.bg_blue:before {background:#2CA6E0}
.graph_ex ul li > strong.bg_blue02:before {background:#1C6BB4}
.graph_ex ul li p {padding:2px 0;background:#F7F8FA;text-align:center;flex-grow:1;border-radius: 3px;color:#999999;}
.graph_ex ul li p strong {color:#333333;}

.member_modify_wrap {max-width:700px;width:100%;border:1px solid #e5e5e5;border-radius:10px;background:#fff;margin:20px auto 0;}

.bt_line {border-top: 1px solid #e5e5e5;}
.search_wrap {display: flex;align-items: center;padding: 20px 40px;justify-content: space-between;}
.search_wrap ul {display: flex;gap: 20px;flex-wrap: wrap;width: calc(100% - 80px);justify-content: flex-start;}
.search_wrap ul > li {display:flex;align-items: center;gap: 4px;position:relative;padding-left: 8px;}
.search_wrap ul > li:before {content:'';position: absolute;width: 4px;height: 4px;border-radius: 50%;top: 50%;left: 0;background-color: #2f6da7;margin-top: -2px;}
.search_wrap ul > li label {font-weight: 600;flex-shrink: 0;margin-right: 5px;}
.search_wrap ul > li input[type="text"] {width:100%;border:0;border: 1px solid #e5e5e5;border-radius: 3px;}
.search_wrap ul > li select {min-width: 100px;border:0;width: 100%;border: 1px solid #e5e5e5;border-radius: 3px;}
.search_wrap.majority ul li.keyword_form {flex-grow: 1;}
.search_wrap ul > li p {flex-shrink:0;}
.datepicker {position:relative;display: inline-block;max-width: 250px;width: 100%;}
.ui-datepicker-trigger {width:auto;}
.datepicker input[type="text"] {padding:0 30px 0 15px;}
.tree_wrap {border: 1px solid #e5e5e5;height: 600px;width: 361px;overflow: auto;padding: 30px;}
.search_wrap ul > li input.w_type {max-width: 300px;width: 100%;flex-shrink: 0;}
.search_wrap.bg_type {background: #f3f3f3;border-radius: 5px;margin-bottom: 10px;}

.Integrated_search_wrap {display: flex;background-color: #fff;padding: 30px 40px;border-bottom: 1px solid #e5e5e5;position: sticky;top: 0;z-index: 2}
.Integrated_search {display: flex;gap: 27px;flex: 1 1 0}
.Integrated_search li {display: flex;flex-direction: column;flex: 1 1 0;gap: 7px}
.Integrated_search li .datepicker {max-width: 100%}
.Integrated_search li label {font-weight: 600;font-size: 18px;}
.Integrated_search li input[ type="text"] {border-width: 0 0 1px 0;border-color: #7d7d7d;padding: 0;max-width: 100%;}
.Integrated_search li input[type="month"] {border-width: 0 0 1px 0;border-color: #7d7d7d;padding: 0;max-width: 100%;}
.Integrated_search li input[type="date"],
.Integrated_search li input[type="text"],
.Integrated_search li input[type="month"],
.Integrated_search li select {background-color: #fff;}
.Integrated_search li .date_range_wrap {display: flex;align-items: center;gap: 6px;}
.Integrated_search li .date_range_wrap span {color: #7d7d7d;font-size: 14px;}
.ui-datepicker {
	z-index: 1000 !important;
}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker .ui-datepicker-title,
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	position: relative;
	z-index: 1001;
}
.Integrated_search_wrap .search_btn {border: 1px solid;margin-left: 16px;width: 63px;height: 63px;text-align: center;border-radius: 10px;background: #000080 url(../images/icon_btn_search.png) no-repeat center 13px;color: #fff;padding-top: 30px}
.Integrated_search_wrap .option_btn {display: inline-block;width: 63px;height: 63px;border-radius: 10px;text-indent: -9999px;background: #efefef url(../images/icon_option.svg) no-repeat center;background-size: 30px;margin-left: 5px;}


.institution_info {margin-bottom:30px;}
.institution_info .col_left_wrap {width:30%;border: 2px solid #2f6da7;padding:15px;}
.institution_info .col_right_wrap {width:70%;}
.table_layout02.cursor_type {}
.table_layout02.cursor_type tr {cursor:pointer;}
.table_layout02.cursor_type tr.on td {background: #f3f9ff;}

.table_desc {margin-bottom:10px;display:flex;align-items: center;justify-content: space-between;}
.table_desc p strong {color:#397ebd}
.table_desc select {width:100px;}
.table_layout {position:relative;overflow: hidden;overflow-y: auto;}
.table_layout table {border-top: 1px solid #000000;width: 100%;table-layout: fixed;font-size:15px;}
.table_layout table th {text-align: center;border-bottom: 1px solid #000000;padding: 12px 5px;position:relative;background: #f3f3f3;}
.table_layout table th+th:before {content:'';width:1px;height:15px;background: #cdcdcd;position:absolute;left:0;top:50%;margin-top:-7px;}
.table_layout table th[colspan] {border-bottom:1px solid #e1e7eb}
.table_layout table th[colspan]:before {content:none;}
.table_layout table th[colspan]+th[colspan] {border-left:1px solid #e1e7eb}
.table_layout table th[rowspan] {border-right:1px solid #e1e7eb}
.table_layout table th[rowspan]+th:before {content:none}
.table_layout table th.line_type {border-right:1px solid #e1e7eb}
.table_layout table th.line_type+th:before {content:none;}
.table_layout table th span {padding-right:18px;background: url(../images/bl_category.png) no-repeat right center;cursor: pointer;}
.table_layout table td {height:47px;border-bottom: 1px solid #d8d8d8;padding: 0 5px;text-align: center;color: #666666;position:relative;z-index:1;}
.table_layout table td a {display:block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.table_layout.td_bd table td {border-left:1px solid #d8d8d8}
.table_layout.td_bd table td:first-child {border-left:0}
.table_layout.td_bd table td[rowspan] {border-right:1px solid #d8d8d8}
.table_layout table tbody tr:hover td:before {content:'';width:100%;height:48px;border-top: 1px solid #cfcfff;border-bottom: 1px solid #cfcfff;position:absolute;top:-1px;left:0;z-index:-1;background: #f4f4ff;}
.table_layout table tbody tr:hover td:first-child:before {border-left: 1px solid #cfcfff;}
.table_layout table tbody tr:hover td:last-child:before {border-right: 1px solid #cfcfff;}
.table_layout table tbody tr:hover td a {color: #0035ff;font-weight:600;text-decoration:underline;}
.table_layout table tbody tr:hover td a.s_btn_basic {color:#ffd600}

/* on 추가 20250714 by ckh */
.table_layout table tbody tr.selected td {height:47px;border-bottom: 1px solid #d8d8d8;padding: 0 5px;text-align: center;color: #ffffff;position:relative;z-index:1;}
.table_layout table tbody tr.selected td:before {content:'';width:100%;height:48px;border-top: 1px solid #3c3ca3;border-bottom: 1px solid #3c3ca3;position:absolute;top:-1px;left:0;z-index:-1;background: #3c3ca3;}
.table_layout table tbody tr.selected td:first-child:before {border-left: 1px solid #3c3ca3;}
.table_layout table tbody tr.selected td:last-child:before {border-right: 1px solid #3c3ca3;}
/* on 추가 20250714 by ckh */

.scroll_img {display:none;position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(43, 123, 208, 0.82) url(../images/scroll_img.png) no-repeat center / 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;z-index:3}
.table_layout .tbody_wrap {max-height:500px;overflow-y:auto;}
.table_layout .tbody_wrap table {border-top:0;}
.table_layout.td_bdtype {overflow-x:auto;}
.table_layout.td_bdtype tbody td {border-right:1px solid #d8d8d8}
.table_layout.td_bdtype tbody td[rowspan] {word-break: break-all;}
.table_layout.td_bdtype table td a {display: inline-block;-webkit-line-clamp: none;height: auto;line-height: normal;overflow: inherit;}
.table_layout.td_bdtype tbody td:last-child {border-right:0;}

.table_layout02 {position:relative;overflow: hidden;overflow-y: auto;margin-bottom:30px;overflow-x:auto;}
.table_layout02 > table {border-top: 1px solid #e5e5e5;width:100%;table-layout: fixed;}
.table_layout02 > table > thead > tr > th {padding:12px 0;background: #f5f6f7;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;text-align: center;}
.table_layout02 > table > thead > tr > th:first-child {border-left:0;}
.table_layout02 > table > tbody > tr > th {width:150px;padding:12px 10px;background:#f5f6f7;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;text-align: center;}
.table_layout02 > table > tbody > tr > th.bl {border-left: 1px solid #e5e5e5;}
.table_layout02 > table > tbody > tr > th select {background-color:#fff}
.table_layout02 > table > tbody > tr > td {padding:10px;border-bottom: 1px solid #e5e5e5;}

.table_layout02 table .textarea-view {min-height:150px;}
.table_layout02 table td input[type="text"] {}
.table_layout02 table td select {max-width: 250px;width: 100%;}
.table_layout02 table td .td_form {width:30%;}
.table_layout02 table td .td_form.min_w {min-width: 300px;}

.table_layout02 table tr.sum_row th {background: #ffe2e2;}
.table_layout02 table tr.sum_row td {background: #ffe2e2;}

.table_layout02.list_type table th[rowspan] {border-right:1px solid #e5e5e5;}
.table_layout02.list_type table th[rowspan]:last-child {border-right:0;}
.table_layout02.list_type table td {min-height: 39px;padding:8px 10px;border-left:1px solid #e5e5e5;text-align:center;overflow-wrap: break-word;}
.table_layout02.list_type table td[rowspan] {border-right:1px solid #e5e5e5;}
.table_layout02.list_type table td[rowspan]:last-child {border-right:0;}
.table_layout02.list_type table td .w100 {max-width:none}
.table_layout02.list_type table td:first-child {border-left:0;}
.table_layout02.list_type table td input[type="text"] {width:100%;}
.table_layout02 table td .td_form select {max-width:none;width: 30%;}
.table_layout02 table td .table_layout {margin-bottom:10px;}
.td_form {display:flex;align-items: center;gap:5px;width: 100%;}
.td_form select {width:30%;}
.td_form input[type="text"] {width:35%;}
.in_table_wrap table th {text-align:center;}
.in_table_wrap .table_layout02 {margin:-1px 0 0}
.table_in_table {border: 1px solid #e5e5e5;border-bottom:0}
.table_in_table table {width:100%;}
.table_in_table table th {padding: 12px 0;background: #f5f6f7;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.table_in_table table th:first-child {border-left:0;}
.table_in_table table td {min-height: 39px;padding: 8px 10px;border-left: 1px solid #e5e5e5;text-align: center;border-bottom: 1px solid #e5e5e5;}

.table_layout_wrap {}
.table_layout_wrap .table_thead {}
.table_layout_wrap .table_thead.row_form {}
.table_layout_wrap .table_thead.row_form > ul {}
.table_layout_wrap .table_thead.row_form > ul > li {}
.table_layout_wrap .table_thead ul {display: flex;background: #f0f8ff;border-top: 1px solid #397ebd;border-bottom: 1px solid #c0def7;}
.table_layout_wrap .table_thead ul li {padding: 12px 0;font-weight:600;text-align:center;position:relative;}
.table_layout_wrap .table_thead ul li+li:before {content: '';width: 1px;height: 15px;background: #cdd8e1;position: absolute;left: 0;top: 50%;margin-top: -7px;}
.table_layout_wrap .table_tbody {}
.table_layout_wrap .table_tbody.row_form {}
.table_layout_wrap .table_tbody.row_form > ul {display: table;width: 100%;border-bottom: 1px solid #d8d8d8}
.table_layout_wrap .table_tbody.row_form > ul > li {padding: 0;border-bottom: 0;display: table-cell;vertical-align: middle;border-right: 1px solid #d8d8d8;}
.table_layout_wrap .table_tbody.row_form > ul > li:last-child {border-right: 0}
.table_layout_wrap .table_tbody.row_form > ul > li > ul {}
.table_layout_wrap .table_tbody.row_form > ul > li > ul > li {border-bottom: 1px solid #d8d8d8;text-align: center;display: block}
.table_layout_wrap .table_tbody.row_form > ul > li > ul > li >  em {display:none}
.table_layout_wrap .table_tbody.row_form > ul > li > ul > li:last-child {border-bottom: 0}
.table_layout_wrap .table_tbody ul {}
.table_layout_wrap .table_tbody ul li {display:flex;padding:12px 0;text-align:center;border-bottom: 1px solid #d8d8d8;align-items: center;position:relative;}
.table_layout_wrap .table_tbody ul li:hover:before, .table_layout_wrap .table_tbody ul li.on:before {content:'';width:100%;height:100%;background: #f9fdff;border: 1px solid #d4ecff;position:absolute;top:0;left:0;}
.table_layout_wrap .table_tbody ul li.answer_wrap:hover:before, .table_layout_wrap .table_tbody ul li.answer_wrap.on:before {content:none;}
.table_layout_wrap .table_tbody ul li:hover a, .table_layout_wrap .table_tbody ul li.on a {color:#0035ff;font-weight:bold;}
.table_layout_wrap .table_tbody ul li .title {padding-left:10px;}
.table_layout_wrap .table_tbody ul li .title a {text-align:left;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden;}
.table_layout_wrap .table_tbody ul li div {z-index:0}
.table_layout_wrap .table_tbody ul li div em {display:none;}
.table_layout_wrap .table_tbody ul .new {color: #ffffff;background-color: #ff7171;padding: 1px 9px;border-radius: 10px;font-weight: 200;letter-spacing: -0.1px}
.table_layout_wrap .number {width:10%;flex-shrink:0;}
.table_layout_wrap .years {width:15%;flex-shrink:0;}
.table_layout_wrap .title {flex-grow:1;}
.table_layout_wrap .state {width:10%;flex-shrink:0;}
.table_layout_wrap .writer {width:12%;flex-shrink:0;}
.table_layout_wrap .date {width: 15%;flex-shrink:0;}
.table_layout_wrap .view {width:10%;flex-shrink:0;}
.table_layout_wrap .w22_5 {width: 22.5%}

.schedule_table {margin-bottom: 30px;}
.schedule_table table {table-layout: fixed;width:100%;border-top: 1px solid #397ebd;}
.schedule_table table th {padding: 12px 0;background: #f0f8ff;border: 1px solid #c0def7;text-align:center;border-top: 0;}
.schedule_table table td {padding: 8px 10px;border: 1px solid #e5e5e5;border-top:0;text-align:center;}
.schedule_table table td .schedule_table_inner {height:100px;position:relative;}
.schedule_table table td .schedule_table_inner em {position:absolute;top:0;left:0;}
.schedule_table table td .schedule_table_inner .schedule_select {display:block;padding:5px 0;border-radius:50px;}
.schedule_table table td .schedule_table_inner .schedule_select.on {background:#397ebd;color:#fff;}
.selected_schedule {margin-bottom:30px;}
.selected_schedule strong {display:block;margin-bottom:5px}

.w640 > table {min-width: 640px;}
.w800 > table {min-width: 800px;}
.w1000 > table {min-width: 1000px;}
.w1024 > table {min-width: 1024px;}
.w1200 > table {min-width: 1200px;}
.w1400 > table {min-width: 1400px;}
.w1600 > table {min-width: 1600px;}
.table_layout02.schedule {overflow-x:auto;}
.table_layout02.schedule table {border-top: 2px solid #2f6da7;}
.table_layout02.field_score {border-top: 2px solid #2f6da7;overflow-y:hidden;overflow-x:auto;position: relative;}
.table_layout02.field_score table {width: 100%;table-layout: fixed;}
.table_layout02.field_score table th {padding: 5px 2px;background: #f5f6f7;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;text-align: center;}
.table_layout02.field_score table th[rowspan] {border-right: 1px solid #e5e5e5;}
.table_layout02.field_score table td {min-height: 39px;padding: 5px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-align: center;overflow-wrap: break-word;}

.file_upload {margin-top:15px;display: flex;align-items: center;gap: 10px;}
.file_upload label {display: inline-block;width:34px;height:34px;border-radius:3px;color: #fff;vertical-align: middle;background-color: #444444;cursor: pointer;background-image:url(../images/icon_file_upload.png); background-repeat: no-repeat; background-position:50% 50%;transition: all 0.3s;}
.file_upload label span {display:inline-block;text-indent:-9999px;}
.file_upload label:hover{background-color:#042b65;}
.file_upload input[type="file"] {position: absolute;width: 0 !important;height: 0 !important;padding: 0;overflow: hidden;border: 0;}
.file_upload .file-name{margin-left:5px;color:#999;}
.upload_file_list {}
.upload_file_list li {display: flex;align-items: center;gap: 15px;}
.upload_file_list li+li {margin-top:5px}
.case {display:inline-block;width: 66px;padding: 3px 10px;border-radius: 3px;font-size: 13px;height: auto;}
.case.c01 {color: #2c6eb8;background: #e6f2fc;text-align: center;}
.case.c02 {color: #707070;background: #f3f3f3;text-align: center;}
.case.c03 {color: #8b4fae;background: #f6ecff;text-align: center;}
.case.c04 {color: #01766b;background: #ddf5f3;text-align: center;}
.case.c05 {color: #51740b;background: #edf5dd;text-align: center;}
.auditor_wrap {display:flex;align-items: center;gap: 10px;margin-bottom: 10px;}
.search_input {width:35%;position:relative;}
.search_input .btn_search_ico {display:inline-block;text-indent:-9999px;width:34px;height:34px;background:url('../images/icon_btn_search02.png') no-repeat center;position:absolute;top:0;right:0;}


.paging_wrap {margin-top: 30px;display:flex;align-items: center;justify-content: center;gap:5px;}
.paging_wrap > a {display:inline-block;width: 30px;height: 30px;line-height: 36px;text-indent: -10000em;border: 1px solid #efefef;border-radius: 3px;}
.paging_wrap .first {background: #fff url('../images/first_page.png') no-repeat center;}
.paging_wrap .previous {background: #fff url('../images/previous_page.png') no-repeat center;}
.paging_wrap .next {background: #fff url('../images/next_page.png') no-repeat center;}
.paging_wrap .last {background: #fff url('../images/last_page.png') no-repeat center;}
.paging_wrap .namber {font-size:14px}
.paging_wrap .namber a {display:inline-block;width: 30px;height: 30px;line-height: 28px;border-radius: 3px;text-align:center;border: 1px solid #efefef;background-color: #fff;}
.paging_wrap .namber a:hover {color: #ff0000;}
.paging_wrap .namber strong {display:inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 3px;text-align:center;color: #ff0000;border: 1px solid #efefef;background-color: #fff;}
.paging_wrap .paging_show {margin:15px;}
.paging_wrap .paging_show label {font-weight:600}
.paging_wrap .paging_show input[type="number"] {width:100px;margin-left:5px;font-size: 15px;color: #333;height: 34px;padding-left:15px;border: 1px solid #d8d8d8;}
[type="number"] {opacity: 1;}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {opacity: 1;}

/**  popup **/
.bg_overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;opacity:.7;z-index:11;}
.layer_popup {display:none;position: fixed;top:0;left:0;z-index:20;width: 100%;height: 100vh;}
.layer_popup_wrap {width: 100%;height: 100vh;padding:10px;display:flex;justify-content: center;align-items: center;}
.popup_wrap {max-width:540px;width:100%;min-width: 340px;border-radius: 10px;position:relative;}
.popup_wrap.w700 {max-width:700px;}
.popup_wrap.w900 {max-width:900px;}
.popup_wrap.w1000 {max-width:1000px;}
.popup_wrap .p_tit {padding: 12px 20px;background: #3c3ca3;color:#fff;font-size:20px;border-radius: 10px 10px 0 0;font-weight: 600;}
.popup_inner {background: #fff;border-radius: 0 0 10px 10px;border: 2px solid #3c3ca3;}
.popup_inner .popup_cont_wrap {padding:30px;}
.popup_inner .search_wrap {padding:30px;}
.popup_inner .p_tit_s {margin-bottom:15px;font-size:16px;color: #212121;}
.notify_list {max-height: 500px;overflow-x: hidden;overflow-y: auto;height: 100%;}
.notify_list ul {display: flex;flex-direction: column;gap: 10px;}
.notify_list ul li {padding: 15px;background:#fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);border-radius: 5px;}
.notify_list ul li > a {font-weight:600;color:#212121;}
.notify_list ul li p {color:#666;font-size:14px;display: flex;align-items: center;gap: 10px;margin-top: 10px;line-height: 15px;}
.notify_list ul li p button {display:inline-block;text-indent:-9999px;background:url('../images/icon_delete.svg') no-repeat 0 0 / 100%;padding: 0;width: 13px;height: 13px;}
.popup_inner .btn_more {display:block;margin-top: 20px;padding: 10px 0;border-radius: 50px;background: #dce0ea;color: #7a83a0;text-align: center;transition: all 0.7s;}
.popup_inner .btn_more:hover {background:#1d68c7;color:#fff;}
.popup_wrap .pop_close {display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url('../images/btn_pop_close.png') no-repeat 0 0;position:absolute;top: 17px;right: 15px;}
.popup_wrap .no_data {padding:0 0 20px;color:#666;}
.popup_cont_inner .table_layout {max-height:300px;overflow-x:hidden;overflow-y:auto;}
.text_area_wrap {padding:15px;height: 100%;}
.text_area_wrap textarea {height:100%;}
.text_area_wrap.hype textarea {height: 268px;border-radius: 10px;}

.table_popup_wrap02 {border-top: 1px solid #397ebd;}
.table_popup_wrap02 ul {}
.table_popup_wrap02 > ul > li {border-bottom: 1px solid #d8d8d8;padding: 15px 85px 15px 0;position: relative;}
.table_popup_wrap02 ul li strong {color:#000}
.table_popup_wrap02 ul li ul {display: flex;flex-wrap: wrap;}
.table_popup_wrap02 > ul > li {position:relative;}
.table_popup_wrap02 > ul > li > a {position: absolute;top: 50%;right: 0;margin-top: -17px;}
.table_popup_wrap02 > ul > li > ul {margin: 5px 0 0 -20px;}
.table_popup_wrap02 > ul > li > ul > li {position:relative;display:flex;align-items: center;margin-left: 20px;gap: 7px;}
.table_popup_wrap02 > ul > li > ul >li:before {content: '';width: 3px;height: 3px;background: #6b6b6b;border-radius: 100%;}
.popup_wrap.evaluation_pop {height: 100%;}
.popup_wrap.evaluation_pop .popup_inner {height: calc(100% - 48px);overflow-y: scroll;overflow-x: hidden;}
.popup_wrap.full_screen {max-width:none;width:100%;height:100%;}
.popup_wrap.full_screen .popup_inner {height:calc(100% - 53px);background:#212121;}
.popup_wrap .attribute_wrap {border:0;padding:0;display:block;}
.popup_wrap .attribute_wrap .attribute_box {border: 1px solid #dbdbdb;border-radius: 20px;padding: 30px;display: flex;flex-direction: column;justify-content: space-between;}
.popup_wrap .attribute_input_form {height:230px;}

.layer_popup.confirm .popup_wrap {max-width:350px;}
.layer_popup.confirm .popup_inner {border-radius:10px;box-shadow: 0 0 50px 0px rgba(0, 0, 0, .4);border:2px solid #000}
.contirm_wrap {margin-bottom:30px;}
.contirm_wrap strong {font-size:30px;font-weight:800;color:#000}
.contirm_wrap p {font-size:17px;color:#000}

/* 스와이퍼 슬라이드 */
.popup_cont_wrap.h100 {height:100%;}
.mySwiper2 {width: 100% !important;height: calc(100% - 119px) !important;}
.mySwiper2  .swiper-wrapper {height:100%;}
.mySwiper2 .swiper-slide {max-width:100% !important;height:100% !important;text-align: center;}
.mySwiper2 .swiper-slide p {font-size:20px;font-weight:800;color:#fff;text-align:center;margin-bottom:10px;}
.mySwiper2 .swiper-slide img {border-radius: 15px;max-width: none;height: calc(100% - 39px);}
.mySwiper {max-width:none;margin-top:20px}
.mySwiper .swiper-wrapper {justify-content: center;transform: none !important;}
.mySwiper .swiper-slide {max-width:80px !important;}
.mySwiper .swiper-slide img {opacity:.2;border-radius: 5px;}
.mySwiper .swiper-slide p {color:#fff;text-align:center;font-weight: 100;font-size: 13px;letter-spacing: 0;font-weight:100}
.mySwiper .swiper-slide-thumb-active img {opacity:1}
.swiper-button-next, .swiper-button-prev {color:#fff !important}

.member_modify_wrap {max-width:700px;width:100%;border:1px solid #e5e5e5;border-radius:10px;background:#fff;margin:20px auto 0;padding: 50px;box-shadow: 1px 1px 19px rgba(0, 0, 0, .1);}
.modify_inner {margin-bottom:30px;}
.modify_inner ul {border-top: 1px solid #333;}
.modify_inner ul li {display: flex;align-items: center;gap:10px;border-bottom: 1px solid #e5e5e5;}
.modify_inner ul li label {max-width:120px;width:100%;text-align:center;padding: 15px 0;font-weight: 700;}
.modify_inner ul li select {max-width:170px;width:100%;}

.flex_col {display: flex;gap:30px;}

.btn_logout {display:inline-block;padding: 5px 17px 6px;background: #18188f;color:#fff;border-radius:50px;margin-left: 5px;font-size: 14px;}
.btn_wrap {text-align:center;}
.btn_wrap.r_type {display: flex;justify-content: flex-end;gap: 5px;margin-top: -35px;}
.btn_wrap02 {display: flex;flex-direction: column;gap: 5px;margin-top: 30px;}
.btn_basic {display: inline-block;padding: 8px 3%;min-width: 80px;color: #2929bf;border-radius:3px;text-align:center}
.s_btn_basic {display: inline-block;padding: 6px 15px;min-width: 70px;color:#1e4c92;border-radius:3px;text-align:center;font-size: 14px;font-family: 'NotoSansKR';}
.s_btn_basic.off {background: #dfdfdf;border: 1px solid #cfcfcf;color: #333333;}
.bg_type01 {background: #000080;border: 1px solid #000080;color:#fff;transition:all 0.7s;}
.bg_type02 {background:#181818;border:1px solid #181818;color:#fff;transition:all 0.7s;}
.bg_type02.h_none {background: none;border: 0;color: #fff;transition: all 0.7s;padding: 0;position: relative;}
.bg_type02.h_none:after {content: '';height: 35px;display: inline-block;position: absolute;width: 100%;left: 0;top: -7px;background: #4d4d4d;border: 1px solid #4d4d4d;z-index: -1;border-radius: 3px}
.bg_type03 {background: #ff8f00;border: 1px solid #ffa700;color:#fff}
.bg_type04 {background: #dbdbdb;border: 1px solid #dbdbdb;color: #333;}
.bg_type05 {background:#fff7e5 !important;}
.bg_type06 {background:#edf9ff !important;}
.bg_type07 {background:#fff2f2 !important;}
.bg_type08 {background: #f5ffed !important;}
.bg_type09 {background: #f8f3ff !important;}
.bg_type10 {background: #dafffc !important;}
.bg_type11 {background: #c8dbef !important;}
.bg_type12 {background: #f6fcff !important;}
.bg_type13 {background: #e2ffd3 !important;}
.bg_type14 {background: #fdffc1 !important;}
.bg_type15 {background: #fff1d0 !important;}
.bg_type16 {background: #fdffef !important;}
.bg_type17 {background: #cdcdcd !important;}
.bg_type18 {background: #1d5487 !important;color:#fff;}
.bg_type19 {background: #ffeaf4 !important;}
.line_type01 {border: 1px solid #000080;font-weight:600;transition:all 0.7s;}
.line_type01:hover {background:#000080;transition:all 0.7s;color:#fff}
.line_type02 {border:1px solid #212121;color:#212121;font-weight:600;transition:all 0.7s;}
.line_type02:hover {background:#212121;transition:all 0.7s;color:#fff}
.line_type03 {}
.line_type04 {}
.btn_basic.exsel {border: 1px solid #1f7044;color: #1a9150;}
.btn_basic.exsel span {position:relative;padding-left: 22px;}
.btn_basic.exsel span:before {content:'';width:16px;height:16px;background:url('../images/px_excel.png') no-repeat 0 center / 100%;position:absolute;top:50%;left:0;margin-top:-8px;}
.s_btn_basic.exsel {border: 1px solid #1f7044;color: #1a9150;}
.s_btn_basic.exsel span {position:relative;padding-left: 22px;}
.s_btn_basic.exsel span:before {content:'';width:16px;height:16px;background:url('../images/px_excel.png') no-repeat 0 center / 100%;position:absolute;top:50%;left:0;margin-top:-8px;}
.s_btn_basic.exsel02 {border: 1px solid #1f7044;color: #1a9150;}
.s_btn_basic.exsel02 span {position:relative;padding-left: 22px;}
.s_btn_basic.exsel02 span:before {content:'';width:16px;height:16px;background:url('../images/icon_exel_upload.svg') no-repeat 0 center / 100%;;position:absolute;top:50%;left:0;margin-top:-8px;}
.s_btn_basic.download {border: 1px solid #000080;color: #2929bf;font-weight: 600;}
.s_btn_basic.download span {position:relative;padding-left: 22px;background: url(../images/icon_download.svg) no-repeat 0 center;}
.s_btn_basic.upload {border: 1px solid #20598d;color: #20598d;}
.s_btn_basic.upload span {position:relative;padding-left: 22px;}
.s_btn_basic.upload span:before {content:'';width:16px;height:16px;background:url('../images/icon_upload.svg') no-repeat 0 center / 100%;position:absolute;top:50%;left:0;margin-top:-8px;}
.btn_basic.next {background: #20598d;border: 1px solid #20598d;color: #fff;}
.btn_basic.next span {position:relative;padding-right: 20px;}
.btn_basic.next span:before {content:'';width:14px;height:14px;background:url('../images/icon_next.svg') no-repeat 0 center;position:absolute;top:50%;right:0;margin-top:-7px;}
.btn_basic.prev {border: 1px solid #212121;color: #212121;}
.btn_basic.prev span {position:relative;padding-left: 20px;}
.btn_basic.prev span:before {content:'';width:14px;height:14px;background:url('../images/icon_prev.svg') no-repeat 0 center;position:absolute;top:50%;left:0;margin-top:-7px;}
.btn_search {display:inline-block;width:64px;height:64px;background: #00665d;color:#fff;border-radius:3px;flex-shrink: 0;text-align: center;padding: 15px 0;}
.btn_search span {display:inline-block;padding-top:15px;background:url('../images/icon_btn_search.png') no-repeat center 0;}
.btn_search02 {display:inline-block;width: 34px;height: 34px;background: #000080 url('../images/icon_btn_search03.png') no-repeat center;border-radius: 3px;text-indent: -9999px;}
.s_btn_basic.add {border:1px solid #000080;color:#2929bf;font-weight:600;}
.s_btn_basic.add:hover {background:#1f6bcd;color:#fff;border:1px solid #1f6bcd;}
.s_btn_basic.add span {padding-left: 22px;background:url('../images/icon_btn_add.png') no-repeat 0 center;}
.s_btn_basic.add:hover span {background:url('../images/icon_btn_add_hover.png') no-repeat 0 center;}
.s_btn_basic.del {border:1px solid #c40000;color:#c40000;font-weight:600;background: none;}
.s_btn_basic.del:hover {background:#c40000;color:#fff}
.s_btn_basic.del span {padding-left: 22px;background:url('../images/icon_btn_del.png') no-repeat 0 center;}
.s_btn_basic.del:hover span {background:url('../images/icon_btn_del_hover.png') no-repeat 0 center;}
.s_btn_basic.save {border:1px solid #212121;color:#212121;font-weight:600;}
.s_btn_basic.save:hover {background:#212121;color:#fff}
.s_btn_basic.save span {position:relative;padding-left:22px;}
.s_btn_basic.save span:before {content:'';width:15px;height:15px;background:url('../images/icon_btn_save.png') no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-7px;}
.s_btn_basic.save:hover span:before {background:url('../images/icon_btn_save_hover.png') no-repeat 0 0 / 100%;}
.btn_file_del {background:none;display:inline-block;text-indent:-9999px;width:17px;height:17px;background:url('../images/icon_btn_del02.png') no-repeat 0 0 / 100%;}
.btn_file_del02 {background:none;display:inline-block;text-indent:-9999px;width:17px;height:17px;background:url('../images/icon_delete.svg') no-repeat 0 0 / 100%;}
.btn_modify {background:none;display:inline-block;text-indent:-9999px;width:17px;height:17px;background:url('../images/icon_btn_edit02.svg') no-repeat 0 0 / 100%;}
.btn_search_basic {display: inline-block;width: 64px;height: 34px;background: #2f6da7;color: #fff;border-radius: 3px;flex-shrink: 0;text-align: center;line-height: 34px;}
.btn_plus {width: 34px;height: 34px;display: inline-block;border: 1px solid #d8d8d8;text-indent: -9999px;background: url('../images/ico_plus.png') no-repeat center;}
.btn_minus {width: 34px;height: 34px;display: inline-block;border: 1px solid #d8d8d8;text-indent: -9999px;background: url(../images/ico_minus.png) no-repeat center;}

.s_btn_basic.modify {border:1px solid #212121;color:#212121;font-weight:600;}
.s_btn_basic.modify:hover {background:#212121;color:#fff}
.s_btn_basic.modify span {position:relative;padding-left:22px;}
.s_btn_basic.modify span:before {content:'';width:16px;height:16px;background:url('../images/icon_name.svg') no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-8px;}
.s_btn_basic.modify:hover span:before {background:url('../images/icon_name_hover.svg') no-repeat 0 0 / 100%;}

/**  ETC **/
.tal {text-align:left;}
.c_red {color:#d80000 !important;font-size:14px;}
.c_yellow {color:#FFD600 !important}
.c_blue {color: #0078b8 !important}
.c_blue02 {color: #0F379F !important}
.bl_state {display: inline-block;background: #00897c;color: #fff;max-width: 80px;width: 100%;border-radius: 30px;font-size: 14px;padding: 3px 0;}
.bl_state_line {display: inline-block;border:1px solid #ADADAD;color: #ADADAD;max-width: 80px;width: 100%;border-radius: 30px;font-size: 14px;padding: 3px 0;}
.h_bg_type {height:10px;background:#f8f8f8;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;opacity: 1;}
.print_wrap{/* border: 1px dashed #d1d1d1; *//* background: #f9f9f9; *//* padding: 10px; */display: flex;justify-content: flex-end;align-items: center;gap: 5px;}
.bl_dot {position:relative;padding-left:10px;}
.bl_dot:before {content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;top: 50%;left: 0;background-color: #20598d;margin-top: -2px;}
.etc_text_wrap {background:#f5f6f7;border:1px solid #e5e5e5;padding:30px;margin-bottom: 30px;}
.text_list li {line-height:26px;text-indent: -15px;padding-left: 15px;}
.point {position:relative;}
.point:after {content:'';display:block;position:absolute;top:-5px;right:-5px;width:0;height:0;border:5px solid;border-color:#ff0051 transparent transparent transparent;transform:rotate(225deg)}
.br_none {display:none}
.img_line_wrap {margin-bottom:30px;border: 1px solid #dfdfdf;padding: 30px;text-align: center;}
.font_s {font-size: 13px;margin-top: 3px}

.table_layout_wrap .table_tbody .title {display: flex;align-items: center;gap: 5px;}
.table_layout_wrap .table_tbody ul li .notice {background: #397ebd;color: #fff;padding: 3px 15px;border-radius: 50px;font-size: 14px;z-index: 1;}
.table_layout_wrap.faq .table_tbody ul li {margin-top:-1px;}
.table_layout_wrap.faq .table_tbody ul li.answer_wrap {background: #f5f5f5;display:none;}
.table_layout_wrap.faq .table_tbody .faq_laout {flex-direction: column;align-items: flex-start;}
.table_layout_wrap.faq .table_tbody .faq_laout .a_wrap {display: flex;align-items: center;gap: 5px;padding-left:20px;background:url('../images/bl_faq.png') no-repeat 0 4px;}
.table_layout_wrap.faq .table_tbody .faq_laout .a_wrap .answer {background: #313131;color: #fff;width: 30px;height: 30px;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.table_layout02 .table_layout table tbody tr:hover td:before {content:none}
.etc_text_wrap02 {background: #fff8f8;border: 1px dotted #ad5f5f;padding:30px;text-align:center;}
.etc_text_wrap02 span {display:flex;justify-content: center;align-items: center;gap:10px}
.etc_text_wrap02 span:before {content:'';width:19px;height:19px;background:url('../images/ico_nofile.png') no-repeat 0 0;}
.etc_text_wrap03 {background: #f0f8ff;padding: 20px;text-align: center;border: 1px dotted #397ebd;}
.file_upload .file_txt {text-align: left;line-height: 16px;}
.file_upload .file_txt em {font-size:12px;}

@media screen and (max-width: 1400px) {
	.project_list ul li .list-wrap ul li {width:50%;}
	.image_attach_wrap .image_attach ul {gap:20px;}
}

/* dropzone border 제거 */
.dropzone {	border : 0px !important; padding : 0px !important; }
.dropzone .dz-message{ margin : 0 !important }

/* annotataion 부분 추가 */
.slider_wrap {
	display: flex;
	align-items: center;
	margin: 0 -10px;
	padding: 0 10px;
}

.slider_wrap .no-slider-div {
	margin: 0 10px;
}

.slick-slide {
	text-align: center;
	margin-right: 7px;
	margin-left: 7px;
}

.slider_wrap img {
	width: 100%;
	height: 150px;
	border-radius: 4px;
}

.slick-prev:before,
.slick-next:before {
	display: block;
	content: "";
	width: 40px;
	height: 40px;
	font-size: 0;
	color: transparent;
	text-shadow: none;
	opacity: 1;
	background-repeat: no-repeat;
	background-size: 40px 40px;
}

.slick-arrow {
	position: relative;
	width: 40px;
	height: 40px;
	left: initial;
	right: initial;
	top: initial;
	transform: translate(0, 0);
}

.slick-prev:before {
	background-image: url(../images/ico_slide_left.png);
}

.slick-next:before {
	background-image: url(../images/ico_slide_right.png);
}

.item_result {
	border: 1px solid #e2e6ee;
	border-radius: 6px;
	margin-right: 20px;
}

.item_result:not(:first-child) {
	margin-top: 20px;
}

.item_header {
	padding: 20px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e2e6ee;
	gap: 20px;
}

.item_header .img {
	width: 90px;
}

.item_header .item_info {
	width: calc(100% - 110px);
}

.item_info .title {
	display: block;
	font-size: 18px;
	padding-bottom: 15px;
}

.item_info .title span {
	color: #3345bb;
	font-weight: 700;
}

.item_info .info {
	display: flex;
	align-items: center;
	gap: 30px;
}

.item_info .info li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.item_info .info strong {
	display: block;
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #545454;
	font-weight: 400;
}

.item_info .info strong:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0px;
	width: 4px;
	height: 4px;
	background-color: #292929;
	border-radius: 100%;
}

.item_info .info span {
	font-weight: 700;
	font-size: 15px;
}

.item_body {
	padding: 20px;
}

.item_result:hover {
	border: 1px solid #3345bb;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.item_result:hover .title {
	text-decoration: underline;
}

.item_result:hover .item_body {
	background-color: #fbfbfc;
	border-radius: 0 0 6px 6px;
}

.item_spec #cont {
	width: 100%;
}


.img_spec_wrap {
	position: relative;
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 50px;
}

.img_spec_wrap .slider_wrap {
	background-color: #f5f5f5;
	padding: 16px;
	margin: 0;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.img_spec_wrap .img_view {
	width: calc(100% - 420px);
	border-right: 1px solid #ddd;
}

.img_spec_wrap .img_view {
	width: calc(100% - 420px);
	padding: 24px;
}

.img_spec_wrap .img_view .annotation_btn_wrap {
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.img_spec_wrap .img_view .annotation_btn_wrap .fixed-box-controls {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.img_spec_wrap .img_view .annotation_btn_wrap .fixed-box-input {
	width: 90px;
	height: 35px;
	padding: 0 8px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	font-size: 14px;
}

.img_spec_wrap .img_view .annotation_btn_wrap #btnFixedBoxMode.is-active {
	background-color: #111111;
	border-color: #111111;
	color: #ffffff;
}

.img_spec_wrap .img_view .view_cont {
	border: 1px solid #eaeaea;
	margin-bottom: 24px;
}

.img_spec_wrap .img_view .view_cont img {
	width: 100%;
}

.img_spec_wrap .spec_view {
	margin-top: 305px;
	width: 370px;
	background-color: #f9f9f9;
}

.object_item {
	width: 100%;
	padding: 10px;
	margin-bottom: 1px;
}

.object_item.is-hover {
    border: 2px solid #000;
}

.object_item .object_tit {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.object_item .object_tit_head span {
	display: block;
}

.object_item .object_tit_head span.tit {
	font-size: 11px;
}

.object_item .object_tit_body {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.object_item .object_tit_body select {
	width: 150px;
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 4px;
	background-color:#fff;
}

.object_item .object_tit_body .btn_more {
	width: 30px;
	height: 24px;
	background: url(../images/ico_more.png) no-repeat;
	background-size: contain;
	background-position: center center;
}

.object_item .object_cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.object_item .object_cont > a {
	flex: 1;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

.object_item .object_cont > a.btn_ico_lock {
	background-image: url(../images/ico_lock.png);
}

.object_item .object_cont > a.btn_ico_eye {
	background-image: url(../images/ico_eye.png);
}

.img_spec_wrap .slick-prev {
	left: -8px;
	top: 45%;
}

.img_spec_wrap .slick-next {
    right: 8px;
    top: 45%;
}

.sr-only,
.blind,
.IR {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.spec_tabs ul {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.spec_tabs ul li {
   display: flex;
   align-items: center;
}

.tab-panel {
   display: none;
   padding: 20px;
   background-color: #bebebe;
}

.tab-panel.active {
   display: block;
}

.spec_tabs ul {
   background-color: #d8d8d8;
   padding: 10px 0 0;
}

.spec_tabs ul li a {
   padding: 10px 20px;
   display: block;
   text-decoration: none;
   border-bottom: none;
   font-weight: 400;
}

.spec_tabs ul li.active a {
   background: #bebebe;
   border-radius: 8px 8px 0 0;
   font-weight: 700;
}

.btn_ico_lock,
.btn_ico_eye {
   display: block;
   width: 24px;
   height: 24px;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
}

a.btn_ico_lock {
   background-image: url(../images/ico_lock.png);
}

a.btn_ico_eye {
   background-image: url(../images/ico_eye.png);
}

.d-flex {
   display: flex;
   align-items: center;
}

.d-flex.between {
   justify-content: space-between;
}

.d-flex.gap30 {
   gap: 30px;
}

.label_item_wrap ul.labels {
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 12px;
}

.label_item_wrap ul li {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   padding: 0;
   border: 0;
   background: transparent;
}

.label_item_wrap ul li .side-label-chip {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   min-width: 0;
   flex: 1;
   padding: 6px 12px;
   border-radius: 999px;
   background: var(--label-chip-bg, #3c3ca3);
   color: #fff;
   font-size: 13px;
   font-weight: 700;
   line-height: 1.3;
}

.label_item_wrap ul li.is-active .side-label-chip {
   box-shadow: 0 0 0 2px #111;
}

.label_item_wrap ul li .side-label-chip strong {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.label_item_wrap ul li .label-count {
   min-width: 18px;
   height: 18px;
   border-radius: 999px;
   background: rgba(255,255,255,0.25);
   color: #fff;
   font-size: 11px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 5px;
}

.label_item_wrap ul li p {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.label_item_wrap ul li p:last-of-type {
   gap: 30px;
}

.label_item_wrap ul li p i {
   display: none;
}

.object_item .object_tit_head span.num {
   display: none !important;
}

#viewer {
    position: relative;
    overflow: auto;
    width: 100%;
    height: calc(100vh - 80px);
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    background: #fafafa;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#viewer #zoomLayer {
    position: absolute;
    left: 0;
    top: 0;
    transform: none !important;
    min-width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#viewer #zoomLayer .image-wrap {
    position: relative;
    display: inline-block;
}

#viewer #zoomLayer .image-wrap img#target-image {
	display: block;
    height: auto;
    max-width: none !important;
    max-height: none !important;
}

ul#labels li {
	cursor: pointer;
}

ul#labels li.is-active {
	background-color: #d8d8d8;
}

.anno-name-overlay {
	position: absolute;
	z-index: 50;
	pointer-events: none;
	padding: 2px 6px;
	font-size: 12px;
	line-height: 1.2;
	border-radius: 6px;
	color: #fff;
	background: rgba(0, 0, 0, 0.65);
	border: 1px solid #fff;
	white-space: nowrap;
}

.anno-name-overlay.is-hidden {
	display: none;
}

.object-item-overlay {
	position: absolute;
	z-index: 60;
	pointer-events: auto;
	opacity: 0.7;
	transform: translate(6px, 6px);
}

.object-item-overlay.is-hidden {
	display: none;
}

.left_wrap {
	--left-wrap-width: auto;
	position: relative;
	width: var(--left-wrap-width);
	min-width: 0;
	transition: width 0.25s ease, opacity 0.2s ease, transform 0.25s ease, padding 0.25s ease, margin 0.25s ease;
	will-change: width, opacity, transform;
}

.left_wrap.is-collapsed {
	width: 0;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	opacity: 0;
	transform: translateX(-12px);
	overflow: hidden;
	pointer-events: none;
}

.left_wrap.is-hidden {
	display: none;
}

.a9s-crosshair-guides {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    display: none;
}

.a9s-crosshair-guides .v,
.a9s-crosshair-guides .h {
    position: absolute;
}

.a9s-crosshair-guides .v {
    top: 0;
    bottom: 0;
    width: 1px;
    left: 0;
    background: rgba(255, 255, 255, 0.85);
}

.a9s-crosshair-guides .h {
    left: 0;
    right: 0;
    height: 1px;
    top: 0;
    background: rgba(255, 255, 255, 0.85);
}

.quick-label-editor {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.quick-label-editor .quick-label-input {
    flex: 1;
}

.quick-label-chip-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
}

.quick-label-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border: 1px solid var(--quick-label-chip-bg, #d9d9d9);
    border-radius: 12px;
    background: var(--quick-label-chip-bg, #ffffff);
    color: var(--quick-label-chip-fg, #111111);
}

.quick-label-chip-name {
    line-height: 1.3;
}

.quick-label-chip-remove {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 2px;
    line-height: 1;
    color: inherit;
}

.object_item_wrap {
  height: 800px;
  overflow-y: auto;
  overflow-x: hidden;
}