@charset "utf-8";
/*****************
	contents.css
	2025.04.09
******************/


/* **********************
	* 타이틀+버튼
********************** */
.main-title-con{position:relative; width:100%; height:62px;margin:0; padding:28px 24px 12px; text-align:center;}
.main-title-con:after{content:""; clear:both; display:block;}
.main-title-con .left-con{float:left; display:flex; align-items:center;}
.main-title-con .right-con{float:right; display:flex; align-items:center;}

.mtitle-txt{position:relative;display:inline-block; padding:0; vertical-align:middle; font-size:24px; color: #111; font-weight:bold; }
.stitle-txt{position:relative;display:inline-block; padding:0; vertical-align:middle; font-size:18px; color: #111; font-weight:bold; }
.xstitle-txt{position:relative;display:inline-block; padding:0; vertical-align:middle; font-size:14px; color: #111; font-weight:bold; }

.main-title-con .explain-txt{display:inline-block; font-size:13px;}
.main-title-con .bar:before{content:"│"; color: #ccc; padding-right:5px;}

.sub-title-con{position:relative; width:100%; margin:0; padding:4px 0; text-align:center;}
.sub-title-con:after{content:""; clear:both; display:block;}
.sub-title-con .left-con{float:left; display:flex; align-items:center;height:32px;}
.sub-title-con .right-con{float:right; display:flex; align-items:center;height:32px;}

/* ********************************
	* 공통 양쪽 정렬(버튼포함)
******************************** */
.both-con-box{position:relative; width:100%; margin:12px 0 10px 0; text-align:center;}
.both-con-box:after{content:""; clear:both; display:block;}
.both-con-box .left-con{float:left; display:flex; align-items:flex-end; height:32px;}
.both-con-box .right-con{float:right; display:flex; align-items:flex-end; height:32px;}
.both-con-box .left-con button{margin-left:0;}
.both-con-box .right-con button{margin-right:0;}
.both-con-box .left-con button,
.both-con-box .right-con button,
.both-con-box .centerbtn button,
.both-con-box .center-con button{margin-left:2px; margin-right:2px; }
.both-con-box .centerbtn button{min-width:70px;}
.both-con-box button{min-width:70px;}
.both-con-box .right-con-ab{position: absolute;right: 0;top: 0;width: 25%;text-align: right;} /* 24.03.27 추가*/
/* 리스트라인 상단 여백 */
.both-con-box .list-line{font-size:13px; display:flex; align-items: center;}


/* **********************
	* 탭메뉴
********************** */
.tab-wrap{position:relative; height:36px; margin:0 0 20px 0;/* border-bottom:1px solid #ddd*/}
.tab-wrap .admin-title{padding:10px 0 0 0; vertical-align:middle; font-size:20px; color:#2F58A4;font-weight:bold; }
.tab-wrap .admin-title i{margin-right: 2px; vertical-align: middle; margin-top: -3px;}
.tab-wrap .rbtn-con{position:absolute; right:0; bottom:5px;}
.tab-wrap .rbtn-con button{margin-left:5px;}
/*tab-con*/
.tab-wrap .tab-inner-con{position:relative; padding:0 0;}
.tab-wrap .tab-inner-con ul{display:flex; align-items:center; height:36px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap .tab-inner-con ul li{position:relative; height:auto; padding:0 0 5px 0; margin: 0 28px 0 0;  text-align:center; cursor:pointer; box-sizing:border-box;}
.tab-wrap .tab-inner-con ul li span{display:inline-block; width:100%; height:100%; line-height:1.4; color: #999; white-space: nowrap; font-size:18px; font-weight: 600; vertical-align:middle; text-align:center;  }
.tab-wrap .tab-inner-con ul li.selected{border-bottom:2px solid #2F58A4;}
.tab-wrap .tab-inner-con ul li.selected span{font-weight:700; color:#2F58A4;font-weight: 800;}



/* **********************
	* 검색박스
********************** */
.search-box {position:relative; width:100%; margin:0 0 24px 0; padding:16px 16px; background: #F5F5F5; border: 1px solid #eee; border-radius:8px;/* -webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04);*/  box-sizing: border-box;}
.search-box *{line-height:1;}
.search-box .selection *{line-height: 1.4;}
.search-box table.border-none {width: calc(100% - 200px); /*white-space:nowrap;*/}
.search-box table.border-none th {white-space:nowrap; padding:2px 6px 2px 10px; min-width:62px; color: #333;font-weight:600; font-size: 13px;}
.search-box table.border-none td {/*white-space:nowrap;*/ padding:2px 2px;font-weight: 400; font-size: 13px;}
.search-box table.border-none td button{font-weight:400;}
.search-box table.border-none td .btn-l{height:28px;}
.search-box table.border-none th,
.search-box table.border-none td{ text-align:left; vertical-align:middle; height:36px;}
.search-box .cm-radiobox label{margin-right:8px;}
.search-box .cm-radiobox label:last-child{margin-right:0;}
.search-box .cm-checkbox label{margin-right:8px;}
.search-box .cm-checkbox label:last-child{margin-right:0;}
.search-box .cm-checkbox input[type="checkbox"] {margin-left:0;}
.search-box input[type="text"], 
.search-box input[type="password"],
.search-box input[type="email"], 
.search-box input[type="number"],
.search-box select {height:28px;}
.search-box input::placeholder{color: rgba(0,0,0,0.4); font-size:13px;}

/* datepicker */
input.datepicker-calendar + img {margin:-2px 10px 0 -26px !important; cursor:pointer;}
input[disabled="disabled"]:disabled + img,
input.datepicker-calendar:disabled + img {opacity:0.5;}


/* 검색 우측 버튼 영역 */
.search-box .right-search-btn{position:absolute; bottom:18px; right:24px; z-index:22;}
.search-box .right-search-btn button:last-child{margin-left:4px;}
.search-box .right-search-btn button{min-width:70px;}

/* 아이콘 */
.ico-excel{display:inline-block; width:16px !important; height:16px !important; margin:0 0 0 0 !important; background: url(../img/ico_excel.svg) 0px 2px no-repeat; vertical-align:middle;}
.ico-delete01{display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico-delete01:before{content:"\e921"; font-family:xeicon; font-size:16px; vertical-align:middle; display:block; margin-top:-2px;}



/*************  table type01 **************/
.tbl-type-list01 {width:100%; border-top:1px solid #7D99CC;  position: relative; box-sizing:border-box;} 
.tbl-type-list01 table {width:100%;  box-sizing:border-box;}
.tbl-type-list01 th,
.tbl-type-list01 td{font-size: 13px; padding: 1px 1px; border:1px solid #ddd; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.tbl-type-list01 td{height:30px; font-weight:400; color:#333;}
.tbl-type-list01 thead th{height:34px; font-weight:600; background: #EFEFEF; color:#111; border-top:0; /*border-bottom-color:#cbd3e3*/}
.tbl-type-list01 tbody th{font-weight:600; background:#fbfbfd;}
.tbl-type-list01 tfoot th,
.tbl-type-list01 tfoot td{border-top:2px solid #ddd; height:30px; font-weight:600;}
.tbl-type-list01 tfoot th{background:#f4f5fb;}
/* hover/ select color */
.tbl-type-list01 tr:hover{background:#f9f9f9;}
.tbl-type-list01 tr.selected,
.tbl-type-list01 tr.selected:hover{background:#fff5e5; /* #eff6fb*/}
/* hover none*/
.tbl-type-list01 table.hover-none tbody tr:hover,
.tbl-type-list01 table.hover-none tbody tr:hover{background:none;}
/* table input placeholder 투명도조절*/
.tbl-type-list01 input::placeholder{color: rgba(0,0,0,0.8);}
.tbl-type-list01 input:disabled::placeholder{color: rgba(0,0,0,0.3);}


/* table list02 :: 컨설팅보고서에 사용 */
.tbl-type-list02 {position: relative; width:100%; margin-top:6px;}
.tbl-type-list02 table {width:100%;}

.tbl-type-list02 table thead th{height:34px; background: #EFEFEF; font-size: 13px; color: #111; text-align:center; font-weight:700;}
.tbl-type-list02 table thead th:first-child {border-radius: 5px 0 0 5px;}
.tbl-type-list02 table thead th:last-child {border-radius: 0 5px 5px 0;}

.tbl-type-list02 table tfoot th{height:34px; font-size:12px; font-weight:600; color: #333; background:#F2F2F2;  text-align:center;}
.tbl-type-list02 table tfoot th:first-child {border-radius: 5px 0 0 5px; font-size:13px; }
.tbl-type-list02 table tfoot th:last-child {border-radius: 0 5px 5px 0;}

.tbl-type-list02 table tbody th{font-size:13px;font-weight:600; color: #333; border-bottom: 1px solid #eee; text-align:center;}
.tbl-type-list02 table td{font-size:12px; font-weight: 400; color: #333; border-bottom: 1px solid #eee; text-align:center; letter-spacing:-0.05em;}
/* tr 짝수배경*/
.tbl-type-list02 table tbody tr:nth-child(even){background:#F9F9F9;}
/* tr배경없는경우*/
.tbl-type-list02 table.tr-bg-none tbody tr:nth-child(even){background:none;}

.tbl-type-list02 table td,
.tbl-type-list02 table th{padding: 8px 8px;}

.tbl-type-list02 table.td-height-s td{height:32px;}
.tbl-type-list02 table.td-height-l td{height:38px;}


/* table td 비활성화 */
td.disabled {background:#f5f6f9 !important;} 

/* table 패딩 제로 */
table.pd-zero thead th,
table.pd-zero tbody th,
table.pd-zero tbody td{height:30px;}
table.pd-zero thead th,
table.pd-zero tbody th{padding:0 0 !important;}
table.pd-zero tbody td{padding:0 !important;}

/* 테이블 내 보더 관련*/
.bd-left-none{border-left:none !important;}
.bd-right-none{border-right:none !important;}
.bd-bottom-none{border-bottom:none !important;}
.bd-top-none{border-top:none !important;}

/*************  table row type01 폰트작은 센터버전**************/
.tbl-type-row01 {position: relative; width:100%; /*border-top:1px solid #7D99CC;*/ box-sizing:border-box;}
.tbl-type-row01 table {width:100%;  box-sizing:border-box;}
.tbl-type-row01 table th{padding:7px 8px; font-size: 13px; color:#111; text-align:center; vertical-align:middle; background: #F7F8F9; /*background:#EFEFEF;*/ font-weight:600; border:1px solid #ddd; /*border-top:0;*/ box-sizing:border-box;}
.tbl-type-row01 table td{padding:7px 8px; font-size: 13px; text-align: left; vertical-align:middle; border:1px solid #ddd; /*border-top:0;*/ box-sizing:border-box;}
.tbl-type-row01 table th i {color:#e42424; margin-left:3px;}
.tbl-type-row01 table th i.none {margin-left: 8px; display:inline-block;}

.bg-whilte{background:#fff;}

/*************  table row type02 **************/
.tbl-type-row02 {position: relative; width:100%; border-top:1px solid #7D99CC;/*  border-bottom:1px solid #7D99CC; */box-sizing:border-box;}
.tbl-type-row02 table {width:100%;  box-sizing:border-box;}

.tbl-type-row02 table th{padding:7px 8px 8px 16px; font-size: 14px; color:#111; text-align:left; vertical-align:middle; background: #F7F8F9;/*background:#EFEFEF;*/ font-weight:600; border:1px solid #ddd;border-top:0; box-sizing:border-box;}
.tbl-type-row02 table td{padding:7px 8px; height:40px; font-size: 14px; text-align: left; vertical-align:middle; border:1px solid #ddd; border-top:0; box-sizing:border-box;}
.tbl-type-row02 table th i {color:#e42424; margin-left:3px;}
.tbl-type-row02 table th i.none {margin-left: 8px; display:inline-block;}


/************* fixed table scroll **************/
.sticky-table-scroll-wrap{width:100%; position:relative; /*border:1px #ddd solid;*/ border-top:0; box-sizing:border-box;}
.sticky-table-scroll{width:100%; height: auto; position: relative; margin:0; border-top:1px solid #7D99CC; overflow-y: auto; overflow-x: auto; box-sizing:border-box;  z-index: 1;}
.sticky-table-scroll table.sticky-tbl-type {width:100%; border-spacing: 0; border-collapse:separate; } /*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
.sticky-table-scroll table.sticky-tbl-type thead th{height:34px; font-weight:600; background: #EFEFEF; color:#111;}
.sticky-table-scroll table.sticky-tbl-type tbody th{font-weight: 600; background: #fbfbfd;}
.sticky-table-scroll table.sticky-tbl-type th,
.sticky-table-scroll table.sticky-tbl-type td{font-size: 13px; padding: 1px 1px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.sticky-table-scroll table.sticky-tbl-type td{height:30px; font-weight:400; color:#333;    padding: 4px 8px;}
.sticky-table-scroll table.sticky-tbl-type tfoot th,
.sticky-table-scroll table.sticky-tbl-type tfoot td{border-top:1px solid #ddd; border-bottom:none; height:40px; font-weight:600;}
.sticky-table-scroll table.sticky-tbl-type tfoot th{ background:#f4f5fb; font-size:14px;}
.sticky-table-scroll table.sticky-tbl-type th:last-child,
.sticky-table-scroll table.sticky-tbl-type td:last-child{/*border-right:none;*/}
.sticky-table-scroll table.sticky-tbl-type th:first-child,
.sticky-table-scroll table.sticky-tbl-type td:first-child{ border-left:1px solid #ddd; }
.sticky-table-scroll table.sticky-tbl-type thead{ position: -webkit-sticky; position: sticky; top: 0; z-index: 5;} /* header fixed */
.sticky-table-scroll .sticky-col {position: -webkit-sticky; position: sticky; z-index: 2; background:#fff;}

.sticky-table-scroll table.sticky-tbl-type tr:hover{background:#f9f9f9;}
.sticky-table-scroll table.sticky-tbl-type tr.selected,
.sticky-table-scroll table.sticky-tbl-type tr.selected:hover{background:#fff5e5; /* #eff6fb*/}

/* hover none*/
.sticky-table-scroll table.sticky-tbl-type table.hover-none tbody tr:hover,
.sticky-table-scroll table.sticky-tbl-type table.hover-none tbody tr:hover{background:none;}

/*.sticky-table-scroll table.sticky-tbl-type th.selected {background: #e3ebff; color:#000;}
.sticky-table-scroll table.sticky-tbl-type td.selected {background: #eef3ff; font-weight:bold; color:#000;}*/
.sticky-table-scroll table td input[type="text"] {font-size:13px; }

/* th/td 패딩값 0*/
.pd-zero{padding:0 !important;}

.sticky-table-scroll.fsize-s table.sticky-tbl-type th,
.sticky-table-scroll.fsize-s table.sticky-tbl-type td{font-size:13px;}

.sticky-table-scroll input:disabled::placeholder{color: rgba(0,0,0,0.3);}
.sticky-table-scroll input::placeholder{color: rgba(0,0,0,0.8);}


/* 상태값 텍스트 */
.status-txt{display:inline-block; min-width:53px; padding:3px 4px; text-align:center; font-size:12px; border-radius:10px; font-weight:500;}
.status-type01{background: #EEF6FB; border:1px solid #EEF6FB; color: #3478A3;}
.status-type02{background: #FFF5E1; border:1px solid #FFF5E1; color: #DF750C;}
.status-type03{background: #EEF8F4; border:1px solid #EEF8F4; color: #4CA98C;}
.status-type04{background: #FDEBEB; border:1px solid #FDEBEB; color: #F63535;}
.status-type05{background: #f7f7f7; border:1px solid #f7f7f7; color: #111111;}
.status-type06{background: #eeeeee; border:1px solid #eeeeee; color: #716B74;}


/* 안내 텍스트 박스- 페이지 하단에 사용*/
.info-txtbox01 {position:relative; margin:24px 0; border:1px solid #ddd; padding:8px 0 12px; border-radius:5px; box-sizing:border-box;}
.info-txtbox01 h4{display:block; font-size:14px; margin:0; padding:10px 16px 6px; font-weight:bold; color: #2F58A4; vertical-align:middle;}
.info-txtbox01 ul{padding:9px 20px;}
.info-txtbox01 h4 + ul{padding:0px 20px;}
.info-txtbox01 ul li{position: relative; padding:3px 8px; font-size:13px; color: #555; font-weight:400}
.info-txtbox01 ul li:before{content:'\00B7'; display:inline-block; padding-right:4px;color:#555; font-weight:bold; }
.info-txtbox01 ul li button.vt-top{ vertical-align:top; margin-top:-4px;}
.info-txtbox01 .ico-info{display:inline-block; width:16px; height:16px; margin:-2px 4px 0 0; background: url(../img/ico_infotxt.svg) 0px 0 no-repeat; vertical-align:middle;}

/* 안내 텍스트 박스02 - 기본 배경/그레이배경 / 배경없는 버전 3가지*/
.info-txtbox02 {position:relative; margin:0 0 20px 0; padding:14px 16px; background:#F1F6F9; border-radius:5px; box-sizing:border-box;}
.info-txtbox02.gray-box{background:#f7f7f7;} /* 그레이 박스 */
.info-txtbox02.bg-none-box{background:none; padding:0;} /* 배경없는박스*/
.info-txtbox02 h4{font-size:15px; margin: 0 0 5px 0; font-weight:bold;}
.info-txtbox02 h4 + ul{padding:0px 2px;}
.info-txtbox02 ul li{position: relative; padding:3px 0px; font-size:14px; color: #333; font-weight:400}
.info-txtbox02 ul li:before{content:'\00B7'; display:inline-block; padding-right:4px;color:#555; font-weight:bold; }


/* 팝업-담당자추가 주소입력*/
.address-form-line2{margin:6px 0;}
.address-form-line2 button{margin-right:4px;}
.address-form-line2 .width100{width: calc(100% - 74px) !important; }

/* 입력폼 하단 메세지 */
.form-message{font-size:13px; margin-top:6px; color:#555}



/***************수집요청 ***************/
/* 링크생성 - */
.create-link-con{margin-top:20px;}
.create-link-con span.link {margin-left:8px;}
.create-link-con span.link > i{font-size:18px; vertical-align:middle; margin-top:-2px;}
.create-link-con span.link > em{text-decoration:underline; font-weight:400; color:#333}


/* 담당자정보*/
.director-info-tbl{position: relative; width:100%; margin-bottom:10px; box-sizing:border-box;}
.director-info-tbl table {width:100%;  box-sizing:border-box;}
.director-info-tbl table th,
.director-info-tbl table td{padding:6px 4px; text-align: left; vertical-align:middle;}
.director-info-tbl table th{font-size: 16px;  font-weight:500;}
.director-info-tbl table td{font-size: 14px;}
.director-info-tbl table td input{letter-spacing:-0.05em;}
@media all and ( max-width: 1680px ){
	.director-info-tbl table th{font-size: 13px;}
	.director-info-tbl table td input{font-size:13px; letter-spacing:-0.05em; padding:0 2px;}
}

/* 요청고객정보 */
.request-customer-form{position:relative; display:flex; justify-content: space-between; flex-wrap: nowrap; background:#F1F6F9; border-radius:8px; padding:17px 15px;}
.request-customer-form input{margin-right:12px;}
.request-customer-form .input-name{width:37%;}
.request-customer-form .input-mobile{width:63%;}
@media all and ( max-width: 1440px ){
	.request-customer-form input{margin-right:8px;}
}
/* 고객 리스트 - 스크롤 */
.request-customer-scroll-list{position:relative; border:1px solid #ddd;  height: 430px; position: relative; margin:0; overflow-y: scroll; overflow-x: auto; box-sizing:border-box;}
.request-customer-scroll-list ul li{position:relative;display:flex; flex-wrap: nowrap; border-bottom:1px solid #eee; padding:7px 10px; }
.request-customer-scroll-list ul li:hover{background:#f9f9f9;}
.request-customer-scroll-list ul li span.txt-name{width:30%; padding:0 20px;}
.request-customer-scroll-list ul li span.txt-mobile{width:60%; padding:0 5px;}
.request-customer-scroll-list ul li .right-del{margin-left:auto;}


/* 테이블 스크롤바 설정(그리드 및 테이블 스크롤시 사용) */
/* 스크롤바 설정*/
.request-customer-scroll-list::-webkit-scrollbar,
.grid-wrap *::-webkit-scrollbar{background-color:transparent;width:6px;}
/* 스크롤바 막대 설정*/
.request-customer-scroll-list::-webkit-scrollbar-thumb,
.grid-wrap *::-webkit-scrollbar-thumb{background-color:#babac0; border-radius:16px;}
.request-customer-scroll-list::-webkit-scrollbar-thumb:hover,
.grid-wrap *::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;}
/* 스크롤바 뒷 배경 설정*/
.request-customer-scroll-list::-webkit-scrollbar-track,
.grid-wrap *::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(200, 200, 200, 0.1);}
.request-customer-scroll-list::-webkit-scrollbar-track:hover,
.grid-wrap *::-webkit-scrollbar-track:hover{background-color:transparent;}
.request-customer-scroll-list::-webkit-scrollbar-button,
.grid-wrap *::-webkit-scrollbar-button {display:none;}



/*************** 컨설팅 보고서 *************/
.consulting-reports-con01{position:relative; display:flex;justify-content: space-between;}
.consulting-reports-con01 .reports-box{position:relative; width: calc(33% - 12px); border-radius:5px; border:1px solid #ddd;}

.consulting-reports-con02{position:relative; display:flex;justify-content: space-between; margin:20px 0 10px;}
.consulting-reports-con02 .reports-wrap{position:relative; width: calc(33% - 12px); display:flex; flex-direction:column;}
.consulting-reports-con02 .reports-wrap .reports-box02{position:relative; width:100%;}
.consulting-reports-con02 .reports-wrap .reports-box02:first-child{margin-bottom:24px; min-height:250px;}
.consulting-reports-con02 .reports-wrap .reports-box02:nth-child(2){min-height:210px;}
.consulting-reports-con02 .reports-box02{position:relative; width: calc(33% - 12px); padding:6px 20px 16px; border-radius:5px; border:1px solid #ddd;}

.c-reports-bg-title,
.c-reports-title{font-size:16px; font-weight:600; color:#000;}

.c-reports-bg-title{background:#EFEFEF; padding:8px 20px;}
.c-reports-title{padding:10px 0;}

/* 타이틀+우측탭 */
.reports-box02 .title-item{position:relative; display:flex;justify-content: space-between; align-items:center;}
.reports-box02 .c-reports-tab{position:relative;display:flex;}
.reports-box02 .c-reports-tab li{min-width:44px; color:#666666; font-weight:400; font-size:12px; text-align:center;background-color:#F0F0F0; border:1px solid #E6E6E6; border-radius:2px;}
.reports-box02 .c-reports-tab li.active{color:#2F58A4; background-color:#fff; border:1px solid #2F58A4;}
.reports-box02 .c-reports-tab li a{padding:4px 4px;width:100%; height:100%;display:block;}

.reports-detail-info{position:relative; padding:0 20px; margin:8px 0;}
.reports-detail-info li{display:flex;justify-content: space-between; padding:5px 0;}
.reports-detail-info li span.left-item{width:55%; text-align:left; font-size:13px; font-weight:400; color:#666}
.reports-detail-info li span.right-item{width:45%; text-align:right; font-size:13px; font-weight:600; color:#333; }

/* 차트 */
#chart-container {position: relative; width:360px; height:180px; margin:10px auto 0; overflow: hidden;}
#chart-container02 {position: relative; width:320px; height:140px; margin:10px auto 0; overflow: hidden; }



/******* input- file 첨부파일 선택 *******/
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;
}
.filebox label {display: inline-block;padding: 0 10px;border-radius: 5px;line-height:26px;width: 83px;text-align: center;height: 28px;height:28px;font-weight:500;font-size: 14px;vertical-align:top;cursor: pointer;/*color:#222;*//*background-color: #fff;*//*border: 1px solid #777d7c;*/background: #a7acb0;border: 1px solid #a7acb0;color: #fff;} 
.filebox label:hover,
.filebox label:focus{background: #99a2ab; border:1px solid #99a2ab;}

/* named upload */
.filebox .upload-name {width: 30.9%;display: inline-block;padding: 0 6px; /* label의 패딩값과 일치 */line-height:1.2;height:28px;vertical-align:top;font-size: 14px;background-color: #f5f5f5;border:1px solid #bfccc9;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;}
.filebox [disabled="disabled"]{background:#fff !important;color: #444 !important;border-color: #cfcfcf !important;border-radius: 5px;}


/****************** 로그인 ******************/
.loginbg{background: #eee !important;
/*background: rgb(47,88,164);
background: linear-gradient(150deg, rgba(47,88,164,1) 0%, rgba(40,64,122,1) 100%);*/
} /* 관리자 로그인 화면 배경색*/

.login-wrap{position:absolute;width:100%;height:100%;}

.loginbox{ position:absolute; top:50%; left:50%; width:730px;height:376px; margin-left:-365px; margin-top:-210px; padding:60px 50px 0 50px;background:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.08);box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.08);}
.loginbox:after{content:'';display:block;clear:both;}
.loginbox .fl{position:relative; padding-top:25px;}
.loginbox .fl .title{font-size:38px;font-family: 'Jalnan','Pretendard', 'Malgun Gothic','dotum', sans-serif;letter-spacing:0;}
.loginbox .fl .icotxt{margin:30px 0 0 0; font-size:24px;font-weight:400;color:#555;line-height:1.2;}
.loginbox .fl .icotxt em{font-weight:500;}
.loginbox .fr{position:relative; width:290px;}
.loginbox .fr li{margin:18px 0;}
.loginbox .fr li:nth-child(3){margin:38px 0 10px 0;}
.loginbox .fr li label{font-size:14px;}
.loginbox .btn-type1{height:48px;width:100%;line-height:1;padding:0 14px;font-size:18px;color:#fff;background: #2F58A4;border-radius:0;-webkit-border-radius: 5px;-moz-border-radius:0;} /* 로그인 버튼 */
.loginbox .login-btn{height:48px;width:100%;padding:0 14px;font-size:18px;color:#fff;}
.loginbox input.loginform{width:100%;font-size:18px;border:none;border-bottom: 1px solid #2F58A4;height:36px !important;border-radius:0;}
.loginbox input.loginform:focus{border:none;border-bottom:1px solid #3f3dae; box-shadow:none; }
input.loginform:focus::-webkit-input-placeholder {color: transparent;}
input.loginform:focus::-moz-placeholder {color: transparent;}
input.loginform:focus:-ms-input-placeholder {color: transparent;}
input.loginform:focus::-ms-input-placeholder {color: transparent;}
.loginbox .both-con{display:flex;align-items: center;}
.loginbox .right-btn-area{margin-left:auto;}


/****************************
 2025.08.06 추가 css 
 ****************************/
.sticky-table-scroll table.sticky-tbl-type .cm-checkbox label {margin: 0;}

/* 년/ 월선택 아이콘 있을때 */
.datepicker-icon {position: relative;max-width: 100px;}
.datepicker-icon:after {position: absolute;top: 5px;right: 10px;content: '';background: url('../img/ico_calendar.png') no-repeat center right;height: 17px;width: 16px;}

/* 월선택 datepicker추가 */
input[type="text"].datepicker-month { padding: 0 34px 0 6px !important;}
.mtz-monthpicker select.mtz-monthpicker-year{width:90% !important;}
.mtz-monthpicker .mtz-monthpicker-month:hover{background:#eaf8ff ;}
.mtz-monthpicker td.mtz-monthpicker-month{border-radius: 4px; padding:5px;}
table.mtz-monthpicker {margin-bottom:5px;}

/* 년선택 datepicker추가 */
input[type="text"].picker-year {max-width: 100px;}
.year-dropdown {position: absolute;border: 1px solid #c5c5c5;background: #fff;max-height: 140px;overflow-y: auto;display: none;z-index: 9999;list-style: none;padding: 8px;margin: 0;font-size: 14px;box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);flex-wrap: wrap;border-radius: 4px;overflow: hidden;}
.year-dropdown li {padding: 8px 10px;cursor: pointer;width: 33.3333%;text-align: center;border-radius: 4px;color: #454545;}
.year-dropdown li:hover {background: #eaf8ff;}
.year-dropdown li.selected {background-color: #2A54AB;color: white;}

.d-flex {display: flex;align-items: center;flex-wrap: wrap;}
.d-between {justify-content: space-between;}
.d-flex.gap8 {gap: 8px;}
.d-flex.gap16 {column-gap: 16px;row-gap: 6px;}

.form-box {display: flex;align-items: center;column-gap: 6px;row-gap: 4px;flex-wrap: wrap;}

.hint {font-size: 13px;color: #555;}