@charset "utf-8";

/*화이트 박스 */
.layoutBox-white {background: #fff; padding:40px 25px 25px;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);margin-bottom:60px;border-radius: 15px;}
.layoutBox-white.noP {padding:0;}
@media (max-width: 460px) {
.layoutBox-white {padding:40px 15px 25px;}
.layoutBox-white.noP {padding:0;}

}
/*로그인 회원가입 영역*/
.loginGroup{width:100%;max-width:750px;padding:20px;margin:0 auto;}
#loginContainer{width:100%;max-width:750px;padding:20px;margin:70px auto 40px;}
#loginContainer .inner{background-color:#fff;padding:60px;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
#loginContainer h3{color:#000;margin-bottom:10px;font-weight:400;font-size:1.2rem;}
#loginContainer h3.required:after{content:'*';color:#2a3c86;font-weight:500;}
#loginContainer .formArea{margin-bottom:20px;font-size:1.2rem;color:#222222;}
#loginContainer .formArea .alertBox{color:#d82134;}
#loginContainer .formArea input{width:100%;background-color: #fff;color: #000;border: 1px solid #c5c5c5;padding:5px 10px;height:50px;}
#loginContainer .btnArea {margin:30px 0 0 0;}
#loginContainer .btnArea button{width:100%;padding:15px;margin-top:8px;}

#loginContainer .linkArea {text-align:center;margin-top:30px;}
#loginContainer .linkArea p{text-align:center;color: #595959;padding-top:7px;}
#loginContainer .linkArea a{display:inline-block;padding:0 20px;}
#loginContainer .linkArea a:nth-child(2){border-left:1px solid #ddd;}



@media (max-width: 1199px) {

}
@media (max-width: 767px) {
	#loginContainer{padding:20px 15px;margin:0 auto 20px;}
	#loginContainer .inner{padding:40px;}
    #loginContainer .btnArea button{width:100% !important;}

}



/*상세검색영역*/
.searchBox{position: relative;margin-bottom: 45px;padding-right:100px;border-top:4px solid #32415e;border-bottom:2px solid #757575}
.searchBox.innersearch{padding:20px 100px 20px 10px;border:none;background-color:#edf0f5;border-radius:15px;}
.searchBox.popupsearch{padding:0 100px 0 10px;background-color:#edf0f5;border:none;margin-bottom:25px;}
.searchBox .btnArea{text-align:center;position:absolute;top:10px;right:10px;width:90px;margin-top:0}
.modal-body	.searchBox .btnArea{right:0;}
.searchBox.popupsearch .btnArea{top:50%;margin-top:-20px;}

.invoice {position: relative;padding: 50px 0 20px;margin: 15px 0;border-top: 2px solid #c3c3c3;}  /*입고내역, 사용내역, 품목현황 테이블 부분 */
.invoice .sub_title{padding-left: 10px;}
.invoice .searchBox .btnArea {top:30px;right:0}

.searchBox .btnArea button{display:block;}
.searchBox .search-table{padding:10px;min-height: 85px;}
.searchBox .search-table:after{content:'';display:block;clear:both;}
.searchBox.popupsearch .search-table{min-height: auto;text-align: left;}

.searchBox .search-table input,
.searchBox .search-table select{width:calc(100% - 90px);height: 28px;padding:3px 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #c5c5c5;vertical-align:middle;}
.searchBox .search-table input[disabled]{width:calc(100% - 90px);cursor: not-allowed;background-color: #eee;opacity: 1;}

.searchBox .search-table .dateBtn,.searchBox .search-table .corrBtn {width:50px;height: 28px;padding:3px 6px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #c5c5c5;vertical-align:top;}
.searchBox .search-table .corrBtn{width:auto;}
.searchBox .search-table .dateBtn:hover,.searchBox .search-table .corrBtn:hover  {background-color:#ddd;}
.searchBox .search-table .dateBtn.on,.searchBox .search-table .corrBtn.on,
.searchBox .search-table .dateBtn.on:hover,.searchBox .search-table .corrBtn.on:hover {background-color:#3a3884;color:#fff;}
.searchBox .search-table .dateBtngroup,.searchBox .search-table .corrBtngroup {display:inline-block;}
.searchBox .search-table .dateInput {width:calc(100% - 90px);display:inline-block;}
.searchBox .search-table .dateInput.w50 {width:49%;display:inline-block;}
.searchBox .search-table .dateInput .hasDatepicker{width:calc(47% - 25px);vertical-align:top;max-width:150px;}

.searchBox .search-table .seL{float:left;width:33.3%;height:40px;vertical-align:top;padding: 3px 8px 3px 0;}
.searchBox .search-table .seL.etc{height:auto;}
.searchBox .search-table .seL span.tit{width: 84px;vertical-align: top;display: inline-block;border-radius:3px;padding:7px 0;line-height:15px;font-size:15px;color: #222;font-weight:600;}
.searchBox.innersearch .search-table .seL span.tit{color: #295c90; font-weight: 600;}
.searchBox .search-table .seL.wl_100{width:100%;}
.searchBox .search-table .seL .seLinner{display:inline-block;width:calc(100% - 90px);}
.searchBox .search-table .seL .seLinner .form-select{float:left;width:33%;max-width:120px;}
.searchBox .search-table .seL .seLinner .form-select.select-100{width:100%;max-width: 300px;}
.searchBox .search-table .seL .seLinner .inputL{float:left;width:66%;max-width:300px;margin-left:0.3%;}
.searchBox .search-table .seL .textarea-input{width: calc(100% - 90px);}

/*담당자 자동완성기능*/
#auto-complete{display:inline-block;position:relative;width: calc(100% - 90px);}
#auto-complete input{width:100%;}
.auto-complete-list{position:absolute;top:30px;left:0;width:100%;border:1px solid #ddd;background-color:#fff;box-shadow: 0 4px 5px rgb(0 0 0 / 30%);padding:7px;}
.auto-complete-list ol li{font-size:.9rem;font-weight:400;cursor:pointer;}
.auto-complete-list ol li:hover{text-decoration:underline;}


@media (max-width: 1680px) {
	.searchBox .search-table .seL{width:50%;height:40px;}
	.searchBox .search-table .seL.etc{height:auto;}
}
@media (min-width:991px){
	.searchBox .search-table input,.searchBox .search-table select{max-width:300px;}
}
@media (max-width:991px){

	.searchBox{padding-right:0;}
	.searchBox.innersearch{padding:20px 0;}
	.searchBox.popupsearch{padding:0;}

	.searchBox .search-table .seL{width:50%;}
	.searchBox .search-table .seL .seLinner .form-select.select-100{max-width: 100%;}
	.searchBox .btnArea{position:static;width:100%;padding: 20px 10px;margin:0;}
	.searchBox .btnArea button{display:inline-block;height:auto;}
}
@media (max-width: 768px) {
	.searchBox .search-table .seL{padding: 3px 0 3px 0;width:100%;height:auto;}
    .searchBox .search-table .seL span.tit{width:80px;}

	.searchBox .search-table input:not(hasDatepicker){width:calc(100% - 85px);}
	.searchBox .search-table .dateInput input{width:calc(50% - 100px);}
    .searchBox .search-table select{width:calc(33% - 30px);}
	.searchBox .search-table .seL .textarea-input{width: calc(100% - 85px);}

	.searchBox .search-table .dateBtngroup,.searchBox .search-table .corrBtngroup {width:100%;margin-bottom:5px;}/*기간선택 버튼영역*/
	.searchBox .search-table .dateBtngroup .dateBtn,.searchBox .search-table .corrBtngroup .corrBtn{width:19%;font-size:.8rem;}
	.searchBox .search-table .dateInput.w50 {width:100%;}
	.searchBox .search-table .dateInput .hasDatepicker{max-width:100%;}

	.searchBox .btnArea button{width:100%;}


}
@media (max-width: 700px) {
	.searchBox .search-table .seL .seLinner.select2-option .form-select{width:50%; max-width: 50%;}/*나의접수현황_환불취소*/
	.searchBox .search-table .seL .seLinner.select2-option .inputL{width:100%;margin-top:5px; max-width: 100% !important;}

}

@media (max-width: 575px) {
	.searchBox .search-table .seL .seLinner{display:block;width:100%;}
	.searchBox .search-table .seL .seLinner .form-select{max-width:100%;}
	.searchBox .search-table .seL .seLinner .inputL{max-width:100%;}
	.searchBox .search-table .seL .textarea-input{width: 100%;}
    .searchBox .search-table .seL span.tit{display:block;width:100%;}
	.searchBox .search-table .dateInput input{width:calc(50% - 40px);}
	.searchBox .search-table .dateInput{width:100%;}

    .searchBox .search-table select{width:30%;}
	.searchBox .search-table input:not(hasDatepicker){width:100%;}

}

/*게시판 상단 검색*/
.tableTop{margin:0 0 20px;position: relative;}
.tableTop .boardTool{position:absolute;top:10px;right:0;font-size:1.2rem;}
.tableTop .boardTotal{position:absolute;top:10px;left:0;font-size:1.2rem;display:none;}
.tableTop .boardTotal span{color:#4c8eec;}
.tableTop .searchArea{padding-top: 0;}
.tableTop .searchArea:after{display:block;content:'';clear:both;}
.tableTop .searchArea .search01{float:left;width:120px;padding-right:5px;position:relative;}
.tableTop .searchArea .search01 select {width: 100%;padding:5px;height:40px;background-color: #fff;border:1px solid #c5c5c5;color: #000;font-size:.9rem;}
.tableTop .searchArea .search01 select::-ms-expand {display: none;}
.tableTop .searchArea .search02{float:left;max-width:300px;padding-right:5px;position:relative;width:calc(100% - 120px);}
.tableTop .searchArea .search02 input {background-color: #fff;border:1px solid #c5c5c5;color: #000;width:calc(100% - 70px);padding:5px;height:40px;font-size: 14px;margin:0;}
.tableTop .searchArea .search02 button {display: inline-block;position: absolute;top: 0;right: 5px;width:auto;padding:0 20px;height: 40px;background-color:#293163;color:#fff;}

@media (max-width: 991px) {
	.tableTop .searchArea {width:100%;}
	.tableTop .searchArea .search01{width:25%;margin-bottom:5px;}
	.tableTop .searchArea .search01{width:25%;}
	.tableTop .searchArea .search02{width:75%;max-width:100%;}

}
@media (max-width: 767px) {
	.tableTop .boardTool{position:static;margin-top:20px;}
	.tableTop .searchArea {width:100%;}
	.tableTop .searchArea .search01{display:block;width:100%;margin-bottom:5px;}
	.tableTop .searchArea .search02{display:block;width:100%;margin-bottom:5px;max-width:100%;}
}



/* 게시판 리스트 - 가로스크롤 */
.table-responsive {min-height: .01%;overflow-x: auto;}
.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.text-nowrap {white-space: nowrap;}
.text-nowrap tbody tr td img{width:50px;height:40px;}/*장비이미지 크기 고정*/
#noticeList .text-nowrap tbody tr td img { width: auto;height: auto;}
#qnaList .text-nowrap tbody tr td img { width: auto;height: auto;}
.text-nowrap tbody tr td .ui-datepicker-trigger img{width:auto;height:auto;}/*캘린더이미지*/
.mscrollTable{position:relative;overflow:hidden;min-height: 100px;}
.maxH_scroll{overflow-y:auto;height:670px;}/*리스트많은며 가로 스크롤*/
.maxH_scroll_input{overflow-y:auto;height:auto;}/* 시험 입력테이블  */


@media screen and (max-width: 1300px) {
	.mscrollTable:after{box-shadow: 0 0 10px 0 #000;content: "";height: 100%;position: absolute;right:-1px;top: 0;width: 1px;}
	.mscrollTable .table-responsive{border: none !important;padding:0;margin-bottom:0;}

}

@media screen and (max-width:991px) {
	 /*공지사항, 질문답변, 나의협업 게시판 가로 스크롤 없앰*/
	.mscrollTable.mobileTable:after{display:none;}
	.mscrollTable.mobileTable table.text-nowrap{white-space:normal;}
	.mscrollTable.mobileTable .table-responsive {min-height:auto;overflow-x:hidden;}

}

/* 게시판 리스트 01 - 넓이 100%*/
.tb01 table {width:100%;border-top:6px solid #32415e; border-bottom:1px solid #757575; color:#000;font-size:1.1rem;  }
.tb01 table tbody tr:hover {background-color:#edf0f5;}
.tb01 thead tr th{border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;padding: 10px;height: 60px; font-weight: bold;color: #000;font-size: 1rem;}
.tb01 thead tr th.required:before,
.tb01 tbody tr th.required:before{display:inline;content:"*";color:#ff0000; }
.tb01 tbody tr td,.tb01 tbody tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;height:55px;text-align:center;}
.tb01 tbody tr td{font-size: .9rem;padding:10px 10px;}
.tb01 tbody tr th{font-weight:500;}
.tb01 thead tr th:last-child,
.tb01 tbody tr td:last-child{border-right:none;}
.tb01 tbody tr td.required:before {display:inline;content:"*";color:#ff0000; }
.tb01 tbody tr td a{display: inline-block;width: 250px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tb01 tbody tr td.left{text-align:left;}
.tb01 tbody tr td .form-input{width:100%;}
.tb01 tbody tr td .documentBox{width:150px;text-align:left;}/*교정신청 - 출장견적 modal 복수견적 선택*/
.tb01 tbody tr td .documentBox div {height: 20px;font-weight:400;}
.tb01 tbody tr td .documentBox div label{padding-left:10px;font-weight:400;cursor:pointer}
.tb01 tbody tr td .documentBox div label:hover {font-weight:600;}
.tb01 tbody tr td .dateBox{position:relative;}
.tb01 tbody tr td .dateBox .form-input{width:100%;font-size: .9rem;min-width: 110px;}
.tb01 tbody tr td .dateBox .ui-datepicker-trigger{position:absolute;top:5px;right:10px;}


/* 게시판 리스트 03 - 넓이 100%*/
.tb03 table {width:100%;border-top:6px solid #32415e; border-bottom:1px solid #757575;border-left:1px solid #d5d5d5;color:#000;font-size:1.1rem; }
.tb03 thead tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;height:55px;font-weight:bold;color:#000;background-color:#fff}
.tb03 tbody tr td{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;height:55px;text-align:center;background-color:#fff}
.tb03 tbody tr td a{display: inline-block;width: 250px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tb03 tbody tr td.left{text-align:left;}

/* 게시판 리스트 04 - 넓이 100%*/
.tb04 table {width:100%;border-top:1px solid #757575; border-bottom:1px solid #757575; color:#000;font-size:1.1rem;  }
.tb04 thead tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;font-weight:bold;color:#000;}
.tb04 tbody tr td{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;text-align:center;}
.tb04 thead tr th:last-child,
.tb04 tbody tr td:last-child{border-right:none;}
.tb04 tbody tr td a{display: inline-block;width: 250px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tb04 tbody tr td.left{text-align:left;}

/* 게시판 리스트 - 가로스크롤*/
.tb05 table {width:100%;border-top:2px solid #32415e; border-bottom:2px solid #767676;color:#000;font-size:.9rem;  }
.tb05 thead tr th{border-bottom:1px solid #d5d5d5;padding:10px;height: 50px;font-size: .9rem;font-weight:bold;color:#000;background-color: #f3f6fd;}
.tb05 tbody tr td{border-bottom:1px solid #d5d5d5;padding:8px 10px;text-align:center;font-size:.8rem;}
.tb05 tbody tr td .btn.btn-gray {padding: 3px 15px;}



/* 게시판 리스트 - 가로스크롤*/
.tb02 table {width:100%;border-top:6px solid #32415e; border-bottom:2px solid #767676;color:#000;font-size:1.1rem;  }
.tb02 thead tr th{border-bottom:1px solid #d5d5d5;padding:10px;height: 50px;font-size: 1rem;font-weight:bold;color:#000;background-color: #f3f6fd;}
.tb02 thead tr th span.svgalign{width: 1.5em;display:inline-block;vertical-align:middle;} /*정렬*/
.tb02 thead tr th span.ialign{vertical-align:middle;} /*정렬*/
.tb02 thead tr th span.ialign i{font-size:.9rem;font-weight:bold;padding-left:5px;}	 /*정렬*/
.tb02 table tbody tr:hover {background-color:#edf0f5;}
.tb02 table tbody tr.denied {background-color:rgb(253,242,234);cursor:pointer;}
.tb02 table tbody tr.denied.w {background-color:#fff;}
.tb02 table tbody tr.denied:hover {border:2px solid #d6533d !important;}
.tb02 table tbody tr.actionBG {border:2px solid #d6533d !important}	/*복수장비, 간편견적*/
.tb02 table tbody tr.actionBG.active,.tb02 table tbody tr.active{border:2px solid #d6533d !important;}
.tb02 tbody tr td{border-bottom:1px solid #d5d5d5;padding:8px 10px;text-align:center;    font-size: .85rem;font-weight: 400;}
.tb02 tbody tr td.left{text-align:left;}
.tb02 tbody tr td.right{text-align:right;}
.tb02 tbody tr td.answer{padding-left:15px;}
.tb02 tbody tr td.highlight {background-color: #e1e4f7;}/*선택했을때 배경*/
.tb02 tbody tr td.answer span{display:inline-block;font-weight:400;font-size:.8rem;padding:2px 10px 2px 30px;color:#fff;background:#005c9f url(../img/common/icon_answer.png) no-repeat 7px 5px;background-size:18px auto;}
.tb02 tbody tr td .notice{color:#fff;font-size:.9rem;background-color:#0981ae;display:inline-block;padding:2px 15px;border-radius:20px;text-align:center;}
.tb02 tbody tr td .dateBox{position:relative;}
.tb02 tbody tr td .dateBox .form-input{width:100%;font-size: .9rem;}
.tb02 tbody tr td .dateBox .ui-datepicker-trigger{position:absolute;top:5px;right:10px;}
.tb02 tbody tr.documentBox td{background-color:#fff;} /*교정견적리스트 견적보기 펼치기영역*/
.tb02 tbody tr.documentBox:hover {background-color:#edf0f5;}
.tb02 tbody tr.documentBox ul li{font-weight:400;}
.tb02 tbody tr.documentBox ul li:hover {font-weight:600;color: #2f9be4;}
.tb02 tbody tr td .btn.btn-white {padding: 3px 15px;} /*첨부파일버튼*/
.tb02 tbody tr td .btn.btn-gray {padding: 3px 15px;} /*비활성화버튼*/

/*팝업안의 테이블*/
.modal-body	.tb01 table.width100{font-size:.9rem;}

@media (max-width:1000px){
	.tb01 table {width:1000px;}
	.tb01 table.width100,
	.tb03 table.width100{width:100%;}
	.tableWrap:after{display:block;content:'';position:absolute;top:0;right:0;height:100%;width:20px;-webkit-box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);-moz-box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);box-shadow: inset -19px 0px 10px -8px rgba(255,255,255,1);}

}
/*공지사항, 질문답변, 나의협업 게시판*/
#noticeList .tb02 tbody tr td.subject strong{color:#005b9c;}
#noticeList .tb02 tbody tr td.subject img{padding-left:10px;}
#qnaList .tb02 tbody tr td.subject img{padding-left:10px;}
@media screen and (max-width:991px) {

			/*나의협업 게시판 모바일*/
			#systemList .tb02 table,
			#systemList .tb02 tbody{display:block;}
			#systemList .tb02 thead,
			#systemList .tb02 thead tr th{display:none;}
			#systemList .tb02 tbody tr{display:block;padding:5px 5px 15px;}
			#systemList .tb02 tbody tr td{display:inline-block;border:none;}
			#systemList .tb02 tbody tr{position:relative;border-bottom:2px dashed #9c9da1;padding-left:100px;}
			#systemList .tb02 tbody tr:last-child{border-bottom:none;}
			#systemList .tb02 tbody tr td{font-size:1rem;}
			#systemList .tb02 tbody tr td.num{display:none;}
			#systemList .tb02 tbody tr td.img{width:80px;position:absolute;top:20px;left:0;border:1px solid #c5c5c5;background-color:#fff;}
			#systemList .tb02 tbody tr td.img img{width:80px;vertical-align:middle}
			#systemList .tb02 tbody tr td.check{position:absolute;bottom:10px;right:10px;}
			#systemList .tb02 tbody tr td.subject{display:block;width:100%;padding:5px;border-bottom:1px solid #c5c5c5; }
			#systemList .tb02 tbody tr td.subject a{display:inline-block;vertical-align:middle;width:calc(100% - 75px);padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }
			#systemList .tb02 tbody tr td.name{display:block;width:100%;text-align:left;padding:5px;border-bottom:1px solid #c5c5c5;}
			#systemList .tb02 tbody tr td.date{display:block;width:100%;text-align:left;padding:5px;border-bottom:1px solid #c5c5c5;}
			#systemList .tb02 tbody tr td.people{display:block;width:100%;text-align:left;padding:5px;border-bottom:1px solid #c5c5c5;}
			#systemList .tb02 tbody tr td.people .btn.btn-wauto{padding:2px 10px !important;}
			#systemList .tb02 tbody tr td.comment {display:block;width:100%;text-align:left;padding:5px;}
			#systemList .tb02 tbody tr td.invite {display:block;width:100%;text-align:left;padding:5px 0;}
			#systemList .tb02 tbody tr td.invite button{width:calc(100% - 50px);font-size:1rem;margin-top:3px;}
			#systemList .tb02 tbody tr td.subject:before{content:'제목';color:#195eac;display:inline-block;width:70px;font-size:.8rem;vertical-align:middle;}
			#systemList .tb02 tbody tr td.name:before{content:'개설자';color:#195eac;display:inline-block;width:70px;font-size:.8rem;}
			#systemList .tb02 tbody tr td.date:before{content:'개설일';color:#195eac;display:inline-block;width:70px;font-size:.8rem;}
			#systemList .tb02 tbody tr td.people:before{content:'현재참여자';color:#195eac;display:inline-block;width:70px;font-size:.8rem;}
			#systemList .tb02 tbody tr td.comment:before{content:'댓글수';color:#195eac;display:inline-block;width:70px;font-size:.8rem;}

			/*공지사항 게시판 모바일*/

			#noticeList .tb02 table,
			#noticeList .tb02 tbody{display:block;}
			#noticeList .tb02 thead,
			#noticeList .tb02 thead tr th{display:none;}
			#noticeList .tb02 tbody tr{display:block;padding:5px 5px 15px;}
			#noticeList .tb02 tbody tr td{display:inline-block;border:none;}
			#noticeList .tb02 tbody tr{position:relative;border-bottom:2px dashed #9c9da1;}
			#noticeList .tb02 tbody tr:last-child{border-bottom:none;}
			#noticeList .tb02 tbody tr td.num{position:absolute;top:0;left:0;padding:10px 5px}
			#noticeList .tb02 tbody tr td.subject{padding:30px 0 5px;display: block;font-size:1.2rem;}
			#noticeList .tb02 tbody tr td.subject strong{color:#005b9c;}
			#noticeList .tb02 tbody tr td.link{position:absolute;bottom:5px;right:0;}
			#noticeList .tb02 tbody tr td.link button{padding:0 10px;font-size:1rem;font-weight:bold;}
			#noticeList .tb02 tbody tr td.name{color:#949494;padding:5px 10px 5px 0;font-weight:400;}
			#noticeList .tb02 tbody tr td.name:before{content:'작성자 : ';}
			#noticeList .tb02 tbody tr td.date{color:#949494;padding:5px 10px 5px 0;font-weight:400;}
			#noticeList .tb02 tbody tr td.comment{display:none;padding:0;color:#6b6b6b;font-weight:400;}
			#noticeList .tb02 tbody tr td.comment:before{content:'댓글수 : ';}

			/*질문답변 게시판 모바일*/
			#qnaList .tb02 table,
			#qnaList .tb02 tbody{display:block;}
			#qnaList .tb02 thead,
			#qnaList .tb02 thead tr th{display:none;}
			#qnaList .tb02 tbody tr{display:block;padding:5px 5px 15px;}
			#qnaList .tb02 tbody tr td{display:inline-block;border:none;}
			#qnaList .tb02 tbody tr{position:relative;border-bottom:2px dashed #9c9da1;}
			#qnaList .tb02 tbody tr:last-child{border-bottom:none;}
			#qnaList .tb02 tbody tr td.num{display:none;}
			#qnaList .tb02 tbody tr td.subject{padding:50px 0 5px;}
			#qnaList .tb02 tbody tr td.subject.answer span{position:absolute;bottom:15px;right:0;}
			#qnaList .tb02 tbody tr td.name{position:absolute;top:0;right:0;}
			#qnaList .tb02 tbody tr td.name:before{content:'작성자 : ';}
			#qnaList .tb02 tbody tr td.date{position:absolute;top:0;left:0;}
			#qnaList .tb02 tbody tr td.comment{display:none;padding:0;color:#6b6b6b;font-weight:400;}
			#qnaList .tb02 tbody tr td.comment:before{content:'댓글수 : ';}


}

@media (max-width: 767px) {
	.tb01 table.width100,
	.tb03 table.width100{font-size:.8rem;}
	.tb01 thead tr th{font-size:.9rem;padding:14px 0;}
	.tb01 tbody tr td{font-size:.9rem;padding:14px 0;}
	.tb04 thead tr th,
	.tb04 tbody tr td{padding:14px 5px;font-size:.8rem;}
	.tb02 thead tr th.mo{display:none;}
	.tb02 tbody tr td.mo{display:none;}
	.tb01 tbody tr td,.tb02 tbody tr td{padding:14px 5px;}
	.tb01 tbody tr td .notice,.tb02 tbody tr td .notice{padding:2px 7px;}
}

@media (max-width: 460px) {


 			/*나의협업 게시판 모바일*/
			#systemList .tb02 tbody tr{padding-left:80px;}
			#systemList .tb02 tbody tr td.img{width:70px;}
			#systemList .tb02 tbody tr td.img img{width:60px;vertical-align:middle}


}
/* 접수안내*/
.tb05 table {width:100%;border-top:1px solid #757575; border-bottom:1px solid #757575; color:#000;font-size:.9rem; }
.tb05 thead tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;font-weight:bold;color:#1e337d;background-color: #f3f6fd;font-size:1rem; }
.tb05 tbody tr th{border-bottom:1px solid #d5d5d5;padding:14px 10px;font-weight:bold;color:#000;background-color:#efefef;}
.tb05 tbody tr td{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:14px 10px;text-align:center;}
.tb05 tbody tr td .tcolor_gray{font-weight:400 !important;}
.tb05 thead tr th:last-child,
.tb05 tbody tr td:last-child{border-right:none;}
.tb05 tbody tr td a{display: inline-block;width: 250px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tb05 tbody tr td.left{text-align:left;}

.tab-select-outer {display: none;}
#tab-button{margin-bottom:30px;height:auto;}
#tab-button:after{clear:both;content:'';display:block;}
#tab-button li{float:left;width:20%;border:1px solid #ddd;padding:0;border-right:none;text-align:center;font-size:.9rem;}
#tab-button li a{font-size:.9rem;display: block;width: 100%;height: 100%;padding:20px 0;}
#tab-button.smallBtn li a{padding:10px 0;}
#tab-button li.is-active{background-color: #293162;border: 1px solid #293162;}
#tab-button li.is-active a{color:#fff;font-size:.9rem;}
#tab-button li:last-child{border-right:1px solid #ddd;}
#tab-button .mobile{ display: none; }
#tab-select{margin-bottom:30px;border: 1px solid #ddd; width: 100%; height: 50px; padding:10px;}

@media screen and (max-width: 1530px) {
	#tab-button .mobile{display: block; }
	#tab-button li a{padding:10px 0;}
}

@media screen and (max-width: 760px) {
	.tab-contents .row .col-xs-12{padding:0 !important;}
	.tb05 thead tr th{font-size:.9rem; }

	.tab-button-outer,#tab-button .mobile {display: none; }
	.tab-select-outer { display: block; }
}
@media screen and (max-width: 480px) {
	.tb05 thead tr th{font-size:.8rem; }
}


/* 나눔터 게시판 리스트 */
.photoListBox{border-top:6px solid #32415e; border-bottom:2px solid #767676;padding-top:60px;}
.photoListBox ul.photo_list:after{display:block;content:'';clear:both;}
.photoListBox ul.photo_list li{position:relative;float:left;width:calc(25% - 20px);text-align:center;margin:0 10px 50px 10px;border:1px solid #d4d4d4;}
.photoListBox ul.photo_list li div.imgBox{overflow: hidden;position: relative;width: 100%;height: 224px;margin: 0 auto;border-bottom:1px solid #d4d4d4;}/*중앙정렬*/
.photoListBox ul.photo_list li div.imgBox a {}
.photoListBox ul.photo_list li div.imgBox a img{display: block;width: 100%;height: 100%;transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1);transition: transform .2s cubic-bezier(.165,.84,.44,1),-webkit-transform .2s cubic-bezier(.165,.84,.44,1);	opacity: 1;}
.photoListBox ul.photo_list li:hover div.imgBox a img{transform:scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1)}
/*이미지박스*/
.photoListBox ul.photo_list li .inner{padding:10px;}
.photoListBox ul.photo_list li .inner .title{font-size:1.1rem;font-weight:500;color:#222;padding:10px 0;overflow:hidden;text-align:left;text-overflow: ellipsis; width:100%;white-space:nowrap;}/*이미지제목*/
.photoListBox ul.photo_list li .inner .photo_date{font-size:1rem;font-weight:400;color:#222;padding:5px 0;text-align:left;border-top:1px solid #ddd;}/*이미지제목*/

@media (min-width: 1920px) {

	.photoListBox ul.photo_list li{width:calc(16.6% - 20px);}


}
@media (max-width: 991px) {
	 .photoListBox ul.photo_list li{width:calc(33.3% - 20px);}

}
@media (max-width: 767px) {
	/*사진 게시판 리스트*/
	.photoListBox ul.photo_list li{width:calc(50% - 20px);}
	.photoListBox ul.photo_list li div.imgBox{height: 180px;}
	.photoListBox ul.photo_list li .inner .title{font-size:.9rem;}/*이미지제목*/
	.photoListBox ul.photo_list li .inner .photo_date{font-size:.9rem;}/*이미지제목*/

}
/*시험측정 기본정보입력 상단 라디오박스*/
.testTop{border-top:6px solid #32415e; border-bottom:2px solid #767676;padding:30px 10px;margin-bottom:40px;}
.testTop label{padding-right:20px;font-size:1.2rem;}


/* 게시판 입력 */
.tableWrite{border-top:6px solid #32415e; border-bottom:1px solid #757575;margin-bottom:30px;}
.tableWrite:after{clear:both;display:block;content:'';}
.ktlForm{border-bottom:1px solid #d5d5d5;}
.ktlForm:after{clear:both;display:block;content:'';}
.ktlForm.w-70{width:66.6%;float:left;border-left:none;}
.ktlForm.w-30{width:33.3%;float:left;border-left:none;}
.ktlForm.w-50{width:50%;float:left;border-left:none;}

.ktlForm.w-2left{width:33.3%;float:left;border-left:none;}
.ktlForm.w-2right{width:66.6%;float:left;border-left:1px solid #d5d5d5;}

.ktlForm.w-2file{width:66.6%;float:left;border-left:none;}
.ktlForm.w-2text{width:33.3%;float:left;border-left:1px solid #d5d5d5;}
.ktlForm.w-2file .inBox,
.ktlForm.w-2text .inBox{height:60px;}

.ktlForm.safety > label{width:90px;float:left;border-left:none;} /*안정성테이블 시험환경*/
.ktlForm.safety .inBox{width:calc(20% - 35px);float:left;border-left:1px solid #d5d5d5;}
.ktlForm.safety .inBox.last{width:30px;}

.ktlForm .attachBox{width:70%;float:left;padding:0 10px 0 0;}
.ktlForm .attachBox .filebox{margin-top:10px;}
.ktlForm .remarkBox{width:30%;float:right;border-left:1px solid #d5d5d5;padding:10px;}
.ktlForm .remarkBox .inner{border:1px solid #c5c5c5;padding:5px;background-color:#fff;height:250px;}
.ktlForm .remarkBox label{display:block;background-color:#b3b7bd;color:#fff;padding:10px;text-align:center;}

.ktlForm.w-70.right,
.ktlForm.w-30.right,
.ktlForm.w-50.right{border-left:1px solid #d5d5d5;}
.ktlForm > label,
.ktlForm > .title{position:relative;display:inline-block;width:120px;padding:12px 7px 12px 10px;font-weight: 500;font-size: .9rem;line-height: 1.5rem;color:#222;vertical-align:middle;}
.ktlForm > label.st{line-height: 1rem;padding:10px 7px 11px 10px}/*최종교정일 자동생성문구*/
.ktlForm > label.st .tcolor_red{font-size:12px;}
.ktlForm .inBox{display:inline-block;width:calc(100% - 125px);padding:8px 10px;border-left:1px solid #d5d5d5;vertical-align:top;font-weight:300;min-height: 55px;}
.ktlForm .inBox img{vertical-align:middle;}
.ktlForm .inBox textarea {height:100px;width:100%;margin:10px 0;background-color:#fff;color:#000;border:1px solid #c5c5c5;padding:5px;}
.ktlForm .inBox textarea.board {min-height:300px;}
.ktlForm .inBox .form-input {width:100%;}
.ktlForm .inBox input[disabled="disabled"] {background-color:#efefef;}
.ktlForm .inBox .form-input.unit {width:75%;margin-right: 5px;}/*균질성시험 단위입력시*/
.ktlForm .inBox .unit-inner{position:relative;padding-right:100px;text-align:right;}	 /*구성단위간 균질성 판단 결과부분 단위입력추가*/
.ktlForm .inBox .unit-inner span{position:absolute;top:3px;right:0;font-size: .9rem;}
.ktlForm .inBox .unit-inner .unit-input{width: 50px;line-height: 1;height: 25px;font-size: .9rem;}
.ktlForm .inBox .filebox label {width:40px;height:40px;}
.ktlForm .inBox .filebox .upload-name {width:calc(100% - 45px);}
.ktlForm .inBox .filebox.big label {width:120px;height:40px;background-color:#32415e;font-size:1.1rem;font-weight:300;}	 /*파일찾기 텍스트버튼일경우*/
.ktlForm .inBox .filebox.big .upload-name {width:calc(100% - 125px);}
.ktlForm .inBox .dateBox{position:relative;display:inline-block;}
.ktlForm .inBox .dateBox span{width:120px;display:inline-block;}
.ktlForm .inBox .dateBox .ui-datepicker-trigger{position:absolute;top:4px;right:10px;}
.ktlForm .inBox .dateInput input.startDate,
.ktlForm .inBox .dateInput input.endDate{width:calc(50% - 40px);}
.ktlForm .inBox .input-100{width:100%;max-width:100%;}
.ktlForm .inBox .input-50{width:45%;margin-right:5px;}
.ktlForm .inBox .input-one{width:calc(33.3% - 80px);}
.ktlForm .inBox .tel_input{width:30%;max-width: 150px;}
.ktlForm .inBox p{font-size:1.1rem;}
.ktlForm .inBox .textP{font-size: 1.1rem;font-weight: 400;padding-top: 3px;color:#2a60bb;}
.ktlForm .inBox .textP strong{font-size: 1.1rem;font-weight: 400;padding-right:10px;}

/*균질성,안정성시험*/
.ktlForm .inBox.measure_left{width:calc(50% - 50px);border-left:none;border-right:1px solid #d5d5d5;line-height:38px;font-weight:400;}
.ktlForm > label.measure_label{width:90px;}
.ktlForm .inBox.measure_right{width:calc(50% - 50px);line-height:38px;font-weight:400;}
.ktlForm .inBox.measure_50{width:calc(100% - 100px);border-left:none;border-right:1px solid #d5d5d5;line-height:38px;font-weight:400;}
.ktlForm > label.measure_label_50{width:90px;}

.ktlForm.required > label:before {position:absolute;top:10px;left:3px;content:"*";color:#ff0000; }


@media (max-width: 1199px) {
	.ktlForm.w-70,
	.ktlForm.w-30,
	.ktlForm.w-50,
	.ktlForm.w-2left,
	.ktlForm.w-2right,
    .ktlForm.w-2file,
    .ktlForm.w-2text{width:100%;display:block;border-left:none;}
	.ktlForm.w-2file .inBox,
	.ktlForm.w-2text .inBox{height:auto;}

	.ktlForm.w-70.right,
	.ktlForm.w-30.right,
	.ktlForm.w-50.right{border-left:none;}
	.ktlForm .attachBox{width:100%;float:none;padding:0 10px 0 0;}
	.ktlForm .remarkBox{width:100%;float:none;border-left:none;padding:20px 0 0 0;}


	.ktlForm > label,
	.ktlForm > .title{width:150px;padding:12px;font-size:.9rem;}
	.ktlForm .inBox{width:calc(100% - 160px);padding:8px 10px;;font-size:.9rem;}
	.ktlForm .inBox .input-one{width:33%;}

	/*균질성,안정성시험*/
	.ktlForm .inBox.measure_left{width:calc(50% - 50px);border-left:none;border-right:1px solid #d5d5d5;}
	.ktlForm > label.measure_label{width:90px;}
	.ktlForm .inBox.measure_right{width:calc(50% - 50px);}
	.ktlForm .inBox.measure_50{width:calc(100% - 100px);border-left:none;border-right:1px solid #d5d5d5;}
	.ktlForm > label.measure_label_50{width:90px;}

}

@media (max-width: 991px) {

	.ktlForm.w-2left,.ktlForm.w-2right,.ktlForm.w-2file,.ktlForm.w-2text,.ktlForm.safety > label,.ktlForm.safety .inBox,.ktlForm.w-70,.ktlForm.w-30,.ktlForm.w-50{float:none;}
	.ktlForm > label,
	.ktlForm > .title{width:150px;padding:12px;}
	.ktlForm .inBox{width:calc(100% - 160px);padding:8px 10px;}
	.ktlForm .inBox.notice strong{position:static;}
	.ktlForm .inBox.notice ol{padding-left:10px;}
	.ktlForm .inBox.notice ol li{padding-bottom:10px;}

	/*균질성,안정성시험*/
	.ktlForm.safety .inBox .dateBox .form-input{font-size:.8rem;}
	.ktlForm.safety .inBox .dateBox .ui-datepicker-trigger{position:absolute;top:2px;right:5px;width:15px;height:15px;}

	.ktlForm.safety .inBox .form-input{font-size:.9rem;}

	.ktlForm .inBox.measure_left{width:calc(50% - 70px);border-left:none;border-right:1px solid #d5d5d5;}
	.ktlForm .inBox.measure_right{width:calc(50% - 70px);}
	.ktlForm .inBox.measure_50{width:calc(100% - 100px);}
	.ktlForm > label.measure_label_50{width:90px;}

}

@media (max-width: 767px) {

	.ktlForm > label,
	.ktlForm > .title{display:block;width:100%;border-bottom: 1px solid #ddd;padding:12px 5px 12px 15px;margin-bottom:0;font-size:1rem;font-weight:600;min-height:auto;}
	.tableWrite.noInput	 .ktlForm > .title{padding:12px 5px;}

	.ktlForm .inBox{display:block;width:100%;padding:15px 5px;border-left:none;min-height:auto;font-size: 1rem; font-weight: 400;}
    .ktlForm .inBox .form-input{width:100%;max-width:100%;}
	.ktlForm .inBox input.tel_input{width:30%;}
	.ktlForm .inBox .input-one{width:31%;}
	.ktlForm .inBox .form-input.input-50 {width:49%;}

	/*균질성,안정성시험*/
	.ktlForm.safety .inBox .dateBox .form-input{font-size:1rem;}
	.ktlForm.safety .inBox .dateBox .ui-datepicker-trigger{position:absolute;top:2px;right:8px;width:30px;height:30px;}

	.ktlForm.safety .inBox .form-input{font-size:1rem;}

	.ktlForm.safety > label{width:100%;display:block;border-left:none;} /*안정성테이블 시험환경*/
	.ktlForm.safety .inBox,.ktlForm.safety .inBox.last{width:100%;display:block;border-left:none;height:auto;padding:5px;}
	.ktlForm.safety .inBox.last{padding-bottom:15px;}

	.ktlForm .inBox.measure_left{width:100%;border-right:none;border-bottom:1px solid #d5d5d5;}
	.ktlForm > label.measure_label{width:100%;}
	.ktlForm .inBox.measure_right{width:100%;}
	.ktlForm .inBox.measure_50{width:100%;border-right:none;border-bottom:1px solid #d5d5d5;}
	.ktlForm > label.measure_label_50{width:100%;}

}
/*출장교정 선택된 교정신청 copy 영역 + 협업관리 시험측정공유*/
.copyContainer{display:none;background-color:#fff;border:1px solid #ddd;margin-bottom:30px;padding:15px;}
.copyContainer.view{display:block;}
.copyContainer .commSh{margin-bottom:15px;position:relative;}
.copyContainer .commSh .btn-commSh{width:100px;height:30px;position:absolute;top:0;right:0;text-align:center;color:#fff;font-size:.9rem;line-height:1;font-weight:500;background-color: #2990c5;}
.copyContainer .tb01{overflow-x:auto;}
.copyContainer .tb01 table {width: 100%;min-width:800px;border-top: 2px solid #32415e;font-size: 1rem;}
.copyContainer .tb01 table tbody tr:hover {background-color:#e5edf1;}
.copyContainer .tb01 thead tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:7px 10px;height:auto;font-weight:500;font-size:.9rem;text-align: center;}
.copyContainer .tb01 tbody tr td{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:7px 10px;height:auto;text-align:center;font-weight:500;font-size: .9rem;}
.copyContainer .tb01 tbody tr td:first-child{display:none;}
.copyContainer.share .tb01 tbody tr td:first-child{display:table-cell;}
.copyContainer.view .tb01 tbody tr td:first-child{display:table-cell;}
.copyContainer .tb01 thead tr th:last-child,
.copyContainer .tb01 tbody tr td:last-child{border-right:none;}

/*협업관리 장비공유공유 copy 영역*/
.shareContainer{display:none;background-color:#fff;border:1px solid #ddd;margin-bottom:30px;padding:15px;overflow-x:auto;}
.shareContainer.view{display:block;}
.shareContainer .commSh{margin-bottom:15px;position:relative;}
.shareContainer .commSh .btn-commSh{width:100px;height:30px;position:absolute;top:0;right:0;text-align:center;color:#fff;font-size:.9rem;line-height:1;font-weight:500;background-color: #2990c5;}
.shareContainer .tb01{overflow-x:auto;}
.shareContainer .tb01 table {width: 100%;min-width:800px;border-top: 2px solid #32415e;font-size: 1rem;}
.shareContainer .tb01 table tbody tr:hover {background-color:#e5edf1;}
.shareContainer .tb01 thead tr th{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:7px 10px;height:auto;font-weight:500;font-size:.9rem;text-align: center;}
.shareContainer .tb01 tbody tr td{border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;padding:7px 10px;height:auto;text-align:center;font-weight:500;font-size: .9rem;}
.shareContainer .tb01 thead tr th:last-child,
.shareContainer .tb01 tbody tr td:last-child{border-right:none;}



/*첨부파일*/
.fileInput {position: relative;overflow: hidden;}
.fileInput{width:100%;height:225px;background:#fff url(../img/blank_file.jpg) no-repeat center 0;border:1px solid #d2d6de;margin-bottom:10px;overflow:hidden;}
.fileInput img{width:100%;height:auto;}
.fileInput div {width: 100%;height: 100%;}
.fileInput span {background: black;background: rgba(0,0,0,0.7);color: white;font-size: 13px;font-weight: normal;max-width: 90%;vertical-align: middle;padding: 4%;line-height: 10px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fileInput [type="file"] {cursor: pointer;position: absolute;width: 100%;height: 100%;opacity: 0;margin: 0;padding: 0;top: 0;right: 0;bottom: 0;left: 0;}

.file-enter {border: 3px solid black;color: black;}
.file-accept {border: 3px solid gray;color: gray;}


.filebox {width:100%;}
.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 {width:40px;height:40px;display: inline-block;text-align:center;padding:5px;color: #fff;background-color: #32415e;font-weight:400;cursor: pointer;vertical-align: top;line-height: 30px;}
.filebox .upload-name {width:calc(100% - 45px);display: inline-block;padding: .5em .75em;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
@media (max-width: 576px) {
	.ktlForm .inBox .filebox .upload-name {width:calc(100% - 120px);}
	#sample4_postcode{width:calc(100% - 150px);}
	#sample4_detailAddress{margin-top:10px;}
}

/*첨부파일 이미지*/
.multiFile{width:calc(33% - 15px);margin-right:15px;display:inline-block;}
.multiFile.alone{width:100%;display:block;position:relative;}
.multiFile.alone .filebox{position: absolute;top:0;left:320px;}
.multiFile .fileView{width:100%;height:225px;background:#fff url(../img/blank.jpg) no-repeat center 0;border:1px solid #d2d6de;margin-bottom:10px;overflow:hidden;}
.multiFile .fileView img{width:100%;height:auto;}
.ktlForm .inBox .multiFile .filebox label {width:100px;display: block;margin:0 auto;padding:5px;font-weight:400;line-height: normal;vertical-align: top;cursor: pointer;}
.ktlForm .inBox .multiFile .filebox label {border:1px solid #2f435b;background-color:#fff;color:#32415e;}
.ktlForm .inBox .multiFile .filebox .upload-name  {display:none;}
@media (max-width: 991px) {
	.multiFile{width:100%;margin-bottom:10px;}
	.multiFile.alone .filebox{position: static;top:0;left:auto;}
}


/* 게시판 보기 */
.boardView-white {background: #fff; padding:25px;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);margin-bottom:30px;border-radius: 15px;}
@media (max-width: 460px) {
.boardView-white {padding:25px 15px 25px;}
}
.boardTitle{position:relative;margin-bottom:30px;padding-top:10px;border-bottom:6px solid #32415e;}
.boardTitle .sub_title_basic{font-weight:500;}
.boardTitle .writer{font-weight:400;padding:10px 0 20px;}
.boardTitle .writer ul li{position:relative;display:inline-block;padding-right:10px;margin-right:10px;}
.boardTitle .writer ul li:after{display:block;position:absolute;top:5px;right:-2px;width:1px;height:15px;content:'';background-color:#c1c1c1;}
.boardTitle .writer ul li:last-child:after{display:none;}
.boardTitle .comment{position:absolute;bottom:20px;right:10px;width:150px;text-align:right;font-size:1.2rem;}
.boardTitle .comment button.downloadBtn{vertical-align:middle;margin-left:20px;}

.boardTitle .date{font-weight:400;padding:10px 0 20px;font-size:1.2rem;}

@media (max-width: 767px) {
	.boardTitle .writer ul li:first-child{display:block;}
	.boardTitle .writer ul li:first-child:after{display:none;}
	.boardTitle .comment span{display:none;}
}

@media (max-width: 575px) {
	.boardTitle .comment .downloadBtn{width:40px;height:40px;}
}

.boardFile{border-top:1px solid #757575;border-bottom:1px solid #757575;padding:15px;}
.boardFile h3{display:inline-block;width:150px;vertical-align:top;}
.boardFile ul{display:inline-block;width:calc(100% -160px);}
.boardFile ul li{margin-bottom:5px;}
.boardFile ul li button{margin-left:10px;}
.boardBody{padding:0 10px 60px;}
.boardBody .answer{margin-top: 30px;padding: 30px;border: 1px solid #757575;background-color: #fff;}
.boardBody .answer strong{display:block;margin-bottom:10px;}
.boardFooter{position:relative;text-align:right;min-height:42px;} /*협업관리 본문 각 공지사항 마다 버튼 영역*/
.boardFooter .btn-white{position:absolute;top:0;left:0;} /*협업관리 본문 각 공지사항 마다 버튼 영역*/

.boardInfo{border:1px solid #d2d2d2;padding:30px 30px 30px 80px;font-size:1.2rem;font-weight:500;}
.boardInfo.display{background:url(../img/common/icon_display.png) no-repeat 20px 25px;}
.boardInfo.count{background:url(../img/common/icon_count.png) no-repeat 20px 25px;}
.boardInfo.ball{background:url(../img/common/icon_ball.png) no-repeat 20px 25px;}

/*ax5uploader파일보기영역*/
#viewFile {}


@media (max-width: 991px) {
	.boardTitle .sub_title_basic{margin-bottom:5px;}
	.boardTitle .noticeInfo{font-weight:400;border-bottom:1px solid #d5d5d5;border-top:none;padding:0 0 20px;}
	.boardTitle .noticeInfo ul li{display:block;}
	.boardTitle .noticeInfo ul li:after{display:none;}


	.boardInfo{padding:90px 20px 20px 20px;}
	.boardInfo.display{background-position: center 25px;}
	.boardInfo.count{background-position: center 25px;}
	.boardInfo.ball{background-position: center 25px;}
}
@media (max-width: 767px) {
	.boardTitle .sub_title_basic{margin-bottom:5px;font-size:1.2rem;}
	.boardTitle .writer ul li{font-size:.9rem;}

	.boardBody{padding:0 0 20px;font-size:.9rem;line-height:2;}
	.boardFile h3{width:100%;}
	.boardFile ul{width:100%;}
	.boardTitle .date{position:static;}

.boardFooter{text-align:center;}
.boardFooter .btn-white{position:static;display:block;margin:0 auto 20px;}


}

/*댓글*/
.choiceBox{background: #f3f3f3; border: 1px solid #ccc; border-radius: 5px; margin: 10px 0; padding: 7px; min-height: 100px;}/*첨부된 장비, 시험측정 박스*/

.research-box.mgt {margin-top: 150px;}
.research-box .top {position:relative;overflow: hidden; margin-bottom: 18px;}
.research-box .top  button{float:right;}
.research-box .top:after {clear:both;display:block;content:'';}
.research-box .top .text {font-size: 16px; color: #444;}
.research-box .comment {width: 100%; display: table;}
.research-box .comment .textarea {width: 100%;display: table-cell; vertical-align: top;}
.research-box .comment .textarea textarea {height: 65px;width: 100%;padding: 5px 10px;border: 1px solid #d4d4d4;resize: none;vertical-align: top;outline: none;}
.research-box .comment .bt {display: table-cell; width: 150px; height: 65px; margin-left: 8px; background: #83868b; color: #fff; font-size: 15px; vertical-align: top; font-weight: 500;}
.research-box .comment .bt_opinion{display:inline-block;border:none;}
.research-box .shareBox{margin-top:10px;}
#view-more-form{position:relative;padding-top:10px;}

.comment-list > ul{padding:0;border-top:2px solid #757575;border-bottom:2px solid #757575;margin-bottom:30px;;}
.comment-list ul li.commentBox {position:relative;border-bottom: 1px solid #b1b1b1; padding:20px;list-style: none;}
.comment-list ul li.commentBox .downloadBtn{position:absolute;top:38px;right:10px;}
.comment-list ul li.commentBox:last-child {border-bottom:none;}
.comment-list ul li.commentBox .photo{position:absolute;top:20px;left:10px;overflow:hidden;width:80px;height:80px;border-radius:100%;}
.comment-list ul li.commentBox .photo img{width:100%;}
.comment-list ul li.commentBox .comment-wrap  {display:inline-block;width:150px;border-right:1px solid #bababa;vertical-align:top;}
.comment-list ul li.commentBox .comment-wrap .top {margin-bottom: 0; color: #666;}
.comment-list ul li.commentBox .comment-wrap .openReply {font-size: 16px; line-height: 1.8em; font-weight: 400;}
.comment-list ul li.commentBox .comment-reply{display:inline-block;width:calc(100% - 250px);vertical-align:top;padding-left:20px;}
.comment-list ul li.commentBox .btnC{position:absolute;top:45px;right:70px;}
.comment-list ul li.commentBox .btnC{padding:0;width:50px;height:30px;font-size:1.2rem;}
.comment-list ul li.commentBox .btnC i{transform: rotate( 90deg );display: block;}
.comment-list ul li.commentBox .menuC{position:absolute;top:80px;right:70px;}
.comment-list ul li.commentBox .menuC{width:80px;background-color:#fff;border:1px solid #dbdbdb;text-align:center;z-index: 10;}
.comment-list ul li.commentBox .menuC ul li{border-bottom:1px solid #dbdbdb;padding:10px;}
.comment-list ul li.commentBox .menuC ul li img{vertical-align:middle;}
.comment-list ul li.commentBox .menuC ul li:last-child{border-bottom:none;}

.comment-list.shareC  ul li.commentBox .btnC{right:20px;}
.comment-list.shareC  ul li.commentBox .menuC{right:20px;}

@media (max-width: 767px) {
	.research-box {padding:15px;}
	.research-box .comment .textarea {width: 100%;display: block; vertical-align: top;}
	.research-box .comment .bt {display: block; width: 100%;margin:10px 0 0 0; height: 45px; }
	.research-box .comment .textarea textarea {height: 100px;}
	.research-box .top { margin-bottom: 8px;}
	.research-box .shareBox{}
	.research-box .shareBox button{width:49%;}
	.research-box .filebox{margin-top:10px;}


	.comment-list ul li.commentBox .btnC{top:25px;right:60px;}

	.comment-list.shareC  ul li.commentBox .btnC{right:5px;}
	.comment-list.shareC  ul li.commentBox .menuC{right:5px;}
	.comment-list ul li.commentBox .menuC{top: 35px; right: -10px;}

	.comment-list ul li.commentBox {padding: 20px 0;}
	.comment-list ul li.commentBox .photo{left:0;width:60px;height:60px;}
	.comment-list ul li.commentBox .comment-wrap  {display:block;width:calc(100% - 60px);padding:0 0 15px 0;border-right:none;}
	.comment-list ul li.commentBox .comment-wrap .top {font-size:.9rem; }
	.comment-list ul li.commentBox .comment-wrap .openReply {font-size: .9rem; line-height: 1.2rem;}

	.comment-list ul li.commentBox .comment-reply{display:block;width:100%;padding:10px 0 0 0}
	.comment-list ul li.commentBox .comment-reply .contents{font-size: .9rem; line-height: 1.2rem;}
	.comment-list ul li.commentBox .downloadBtn{top:20px;right:5px;width: 40px; height: 40px;}
}
@media (max-width: 575px) {

}
/* 접수관리팝업  */
.medical-table {border-top:2px solid #555;border-collapse:separate;width: 100%;}
.medical-table th{padding: 10px 0;border-bottom: 1px solid #bbb;background-color: #ddd;text-align: center;}
.medical-table tbody td{padding:10px;text-align:left;}
.medical-table th {position: relative;padding:10px 5px;font-size: 16px;font-weight: 700;color: #000;background: #edf6fa;border-right:1px solid #bbb;border-left:1px solid #bbb;}
.medical-table td {border-bottom:1px solid #bbb;}
.medical-table tr th:first-child{border-left: 1px solid transparent;}
.medical-table tr th:last-child{border-right: 1px solid transparent;}
@media (max-width: 767px) {
	.medical-table th {font-size:14px}
}

/*교정이란*/
.infoBox{position:relative;background-color:#e4e8f0;min-height:240px;padding-left:240px;}
.infoBox .iconArea{position:absolute;top:0;left:0;height:100%;background-color:#3a4273;padding:40px;text-align:center;}
.infoBox .iconArea .circle{border:1px solid #fff;border-radius:100%;width:160px;height:160px;padding-top:40px;}
.infoBox .iconArea .circle img{max-width:100%;}
.infoBox .textArea{padding:30px;}
.infoBox .textArea strong{display:block;}
.infoBox .textArea p.grayText{color:#969696 !important;}
.infoBox .textArea ol li{ list-style-type:decimal;margin-left:20px;}
.infoBox .textArea ul li{position:relative;}
.infoBox .textArea ul li{padding-left:10px;}
.infoBox .textArea ul li::before{position:absolute;top:12px;left:0;content:'';display:block;width:3px;height:3px;background-color:#000;}

.infoBox .textArea a{display:inline-block;text-decoration:underline;color: #2f9be4;}

.infoBox.small{min-height:180px;padding-left:180px;}
.infoBox.small .iconArea .circle{width:100px;height:100px;padding-top:25px;}
.infoBox.small .iconArea .circle img{width:60px;}

.infoBox.hauto{height:auto;}
.infoBox.hauto .iconArea {height:100%;}
.infoBox.hauto .iconArea .circle img{}


@media (max-width: 991px) {
	.infoBox{height:auto;min-height:140px;padding-left:220px;}
	.infoBox .iconArea{padding:20px;}
	.infoBox .textArea{padding:20px;}
	.infoBox.small{height:auto;min-height:140px;padding-left:140px;}
	.infoBox.small .iconArea .circle{width:100px;height:100px;padding-top:25px;}
	.infoBox.small .iconArea .circle img{width:60px;}
	.infoBox.small .textArea,.infoBox .textArea p{font-size:.9rem !important;}


}
@media (max-width: 767px) {
	.infoBox,.infoBox.small{height:auto;padding-left:0;}

	.infoBox .iconArea{position:static;top:0;left:0;}
	.infoBox .iconArea .circle{margin:0 auto;}
 	.infoBox .textArea{padding:30px;font-size:1rem;}



}

/*균질성, 안정성 시험*/
.measure_style01 {padding:20px 20px 20px 15%;max-width:90%;}
.measure_style02 {display:inline-block;width:calc(100% - 110px);padding-top:20px;vertical-align:top;}
.measure_style02_img{display:inline-block;width:100px;vertical-align:top;}
.measure_style02_img img{max-width:100%;}
.measure_style03 {display:inline-block;width:49%;vertical-align:middle;}
.measure_style03.safety {padding-left:20px;}
.measure_style03_img{display:inline-block;width:49%;vertical-align:middle;}
.measure_style03_img img{max-width:100%;}
.chart-container { width: 100%;height: 356px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;}

@media (max-width: 1680px) {
   	.measuregrid{-ms-flex-preferred-size: 100%;flex-basis: 100%; max-width: 100%;}
	.measure_style01 {padding:20px 20px 20px 10%;max-width:100%;}
}
@media (max-width: 1340px) {
	.measuregrid2{-ms-flex-preferred-size: 100%;flex-basis: 100%; max-width: 100%;}
}
@media (max-width: 767px) {
	.measure_style01 {padding:20px 0;}
	.measure_style03_img img{max-width:100%;}
}


/*나눔터*/
.shareImg{width:600px;display:inline-block;vertical-align:top;}
.shareInfoText{width:calc(100% - 600px);display:inline-block;vertical-align:top;}

@media (max-width: 1680px) {
	.shareImg{width:400px;}
	.shareInfoText{width:calc(100% - 400px);}


}
@media (max-width: 1366px) {
	.shareImg{width:350px;}
	.shareInfoText{width:calc(100% - 350px);}


}
@media (max-width: 1280px) {
	.shareImg{width:100%;display:block;margin-bottom:50px;}
	.shareInfoText{width:100%;display:block;}


}
/*위탁관리 팝업영역 */

.consignment {height:300px;overflow-y:auto;border:1px solid #ddd;}
.tb01.consignment table thead tr th{padding:7px !important;height: 40px;background-color:#f3f6fd;}
.tb01.consignment table tbody tr td{padding:5px !important;height: 35px;}
.cloneCopyBtn{text-align:center;}
.cloneCopyBtn button {display:block;margin:0 auto;}

@media (max-width: 991px) {
	.cloneCopyBtn{margin:20px 0;}
	.cloneCopyBtn button {display:inline-block;width:50px;height:50px;min-width:50px !important;transform: rotate( 90deg );}
	.cloneCopyBtn button i{}
}
/*프린트*/
@media print {
	#act_header,#footer{display:none;}
	.ktlForm > label,
	.ktlForm > .title{color:#000 !important;}

}

/*다중파일업로드*/
#uploadDiv .btn-info{ background-color: #32415e;color: #fff; padding: 4px 15px;width: auto;display: inline-block;text-align: center;font-weight: normal;cursor: pointer;font-size: 1rem;}
#uploadDiv .btn-primary{background-color: #2990c5;color: #fff;padding: 2px 15px;width: auto;display: inline-block;text-align: center;font-weight: normal;cursor: pointer;font-size: 1rem;margin-left:10px;}

label[data-ax5uploader-button].btn-info{ background-color: #32415e;color: #fff; padding: 4px 15px;width: auto;display: inline-block;text-align: center;font-weight: normal;cursor: pointer;font-size: 1rem;}
a[data-upload-btn].btn-primary{background-color: #2990c5;color: #fff;padding: 2px 15px;width: auto;display: inline-block;text-align: center;font-weight: normal;cursor: pointer;font-size: 1rem;margin-left:10px;}


@media (max-width: 767px) {
	#uploadDiv .btn-info{ padding: 4px 5px;width: 49%;}
}



/* ---- 순서도 안내 ---- */
.stepArea {width:100%;max-width:900px;margin:0 auto;}
.stepArea .step-wrap{position:relative;padding:40px 0 40px 170px;}
.stepArea .step-wrap .stepBox{padding:0 10px;}
.stepArea .step-wrap .stepBox .inner{position:relative;border:2px solid #000;background-color:#fff;font-size:1rem;padding:15px;border-radius:30px;height:60px;text-align:center;}
.stepArea .step-wrap h3{position:absolute;top:0;left:10px;font-size:16px;background-color:#fff;width:160px;height:100%;padding:40px 5px;text-align:center;}
.stepArea .step-wrap h3 span{display:block;font-size:13px;font-weight:400;}

/*스탭 스타일*/
.stepArea.blue h3{color:#072d52;}
.stepArea.blue h3 span{color:#636363;}
.stepArea.blue .step01{background-color:#deeaf6}
.stepArea.blue .step02{background-color:#cadff2}
.stepArea.blue .step03{background-color:#b7d2ed}
.stepArea.blue .step04{background-color:#9dbbd5}
/*화살표*/
.stepArea.blue .step01 .inner:before{display:block;content:'';width:20px;height:2px;position:absolute;top:50%;right:-20px;background-color:#000;z-index:100;}
.stepArea.blue .step01 .inner:after{display:block;content:'';width:2px;height:280px;position:absolute;top:50%;right:-20px;background-color:#000;z-index:100;}
.stepArea.blue .step01 .inner .ti-angle-left{display:block;position:absolute;bottom:-273px;right:-10px;width:13px;height:30px;z-index:100;}
.stepArea.blue .step01 .inner .line{display:block;content:'';width:20px;height:2px;position:absolute;bottom:-251px;right:-20px;background-color:#000;z-index:100;}

.stepArea.blue .step02 .inner:before{display:block;content:'';width:2px;height:80px;position:absolute;top:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.blue .step02 .inner:after{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.blue .step02 .inner.red:after{background-color:red;}
.stepArea.blue .step02 .inner.green:after{border-left:2px dashed #27ab6f;background:none;}
.stepArea.blue .step03 .inner:before{display:block;content:'';width:100px;height:80px;position:absolute;top:-50px;left:50%;z-index:100;}
.stepArea.blue .step03 .inner.red:before{content:'필수사항';color:red;font-size:14px;}
.stepArea.blue .step03 .inner.green:before{content:'선택사항';color:#27ab6f;font-size:14px;}
.stepArea.blue .step03 .inner:after{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.blue .step02 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.blue .step03 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.blue .step03 .inner .ti-angle-down.two{display:block;width:30px;height:13px;position:absolute;bottom:-80px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.blue .step03 .inner.red .ti-angle-down.one{color:red;}
.stepArea.blue .step03 .inner.green .ti-angle-down.one{color:#27ab6f;}


/*스탭 스타일*/
.stepArea.green h3{color:#405534;}
.stepArea.green h3 span{color:#636363;}
.stepArea.green .step01{background-color:#e2f0d9}
.stepArea.green .step02{background-color:#dcecd1}
.stepArea.green .step03{background-color:#c5e0b5;}
.stepArea.green .step03 h3{padding-top:20px;}
.stepArea.green .step04{background-color:#a8d18d}
/*화살표*/
.stepArea.green .step01 .inner:before{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.green .step03 .inner:before{display:block;content:'';width:2px;height:80px;position:absolute;top:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.green .step03 .inner:after{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.green .step02 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.green .step03 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.green .step03 .inner .ti-angle-down.two{display:block;width:30px;height:13px;position:absolute;bottom:-80px;left:50%;transform: translateX(-50%);z-index:100;}

/*스탭 스타일*/
.stepArea.yellow h3{color:#7b5f1e;}
.stepArea.yellow h3 span{color:#636363;}
.stepArea.yellow .step01{background-color:#fff2cd}
.stepArea.yellow .step02{background-color:#ffe699}
.stepArea.yellow .step03{background-color:#ffe181;}
.stepArea.yellow .step03 h3{padding-top:20px;}
.stepArea.yellow .step04{background-color:#fed966}
/*화살표*/
.stepArea.yellow .step01 .inner:before{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.yellow .step03 .inner:before{display:block;content:'';width:2px;height:80px;position:absolute;top:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.yellow .step03 .inner:after{display:block;content:'';width:2px;height:80px;position:absolute;bottom:-80px;left:50%;background-color:#000;z-index:100;}
.stepArea.yellow .step02 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.yellow .step03 .inner .ti-angle-down.one{display:block;width:30px;height:13px;position:absolute;top:-13px;left:50%;transform: translateX(-50%);z-index:100;}
.stepArea.yellow .step03 .inner .ti-angle-down.two{display:block;width:30px;height:13px;position:absolute;bottom:-80px;left:50%;transform: translateX(-50%);z-index:100;}


@media (max-width: 1000px) {
	  .stepArea.yellow .step-wrap .stepBox .inner.smT{font-size:.9rem;line-height:24px;}
}
@media (max-width: 870px) {
	  .stepArea.yellow .step-wrap .stepBox .inner.smT{font-size:.8rem;line-height:24px;}
}
@media (max-width: 767px) {
	.mScroll-step{position: relative;overflow:hidden;}
	.stepArea {width:100%;max-width:auto;overflow-x:scroll;}
	.stepArea .step-wrap .stepBox{padding:0 10px;}

	.stepArea .step-wrap{width:700px;padding:40px 40px 40px 140px;}
	.stepArea .step-wrap h3{position:absolute;top:0;left:10px;font-size:.9rem;background-color:#fff;width:130px;height:100%;padding:40px 0;text-align:center;}
	.stepArea .step-wrap h3 span{display:block;font-size:.7rem;font-weight:400;}
	.stepArea .step-wrap .stepBox .inner{font-size:.9rem;padding:16px 5px;}
	.stepArea.yellow .step-wrap .stepBox .inner{font-size:.9rem;}

	.stepArea::-webkit-scrollbar { height: 3px; }
	.stepArea::-webkit-scrollbar-thumb { background-color: #333; border: 3px solid #333; border-radius: 5px; }
	.stepArea::-webkit-scrollbar-track { background-color: #e5e5e5; }
	.mScroll-step:after {box-shadow: 0 0 10px 0 #000;content: "";height: 100%;position: absolute;right: -1px;top: 0;width: 2px;}

}

/* ---- 가입절차안내 ---- */

.useArea .row{background:url(../img/sub/arrow_bg.jpg) no-repeat right 0;max-width:800px;padding-right:50px;}
.useArea .col-md-4{position:relative;}
.useArea .col-md-6{position:relative;}
.useArea .row p{font-size:.9rem !important;padding:10px 0 5px 0;}
.useArea .row .member_state{margin-top:20px;font-size: .9rem;}
.useArea .row span{display:block;}
.useArea .row strong span.greenText{color:#01ae52;display:inline;}

.useArea .row ol {margin-left:20px;}
.useArea .row ol li{list-style-type: decimal;font-size:.8rem;}

.useArea .use-wrap {margin:0 auto;width:170px;height:170px;background-color:#fff;border-radius:50%;text-align:center;border:3px solid #c2d7ec;box-shadow: 2px 2px 5px 0 #929292;}
.useArea .use-wrap .inner{border:20px solid #dfe9f5;width:100%;height:100%;border-radius:50%;padding-top:35px;}
.useArea .use-wrap .inner h3{color:#253661;font-size:17px;}
.useArea .use-wrap .inner small{color:#455a77;font-size:13px;}
.useArea .use-wrap .inner.step02{border:20px solid #bdd8eb;}
.useArea .use-wrap .inner.step03{border:20px solid #b4c7e7;}

.useArea .use-wrap .inner.step01:after{position:absolute;top:85px;right:-20px;transform: translateY(-50%);display:block;content: "\e628";font-family: 'themify';color:#8397af;font-size:2rem;}
.useArea .use-wrap .inner.step02:after{position:absolute;top:85px;right:-20px;transform: translateY(-50%);display:block;content: "\e628";font-family: 'themify';color:#8397af;font-size:2rem;}
.useArea .use-wrap .inner.step02.none:after{display:none;}

.greenInfo{text-align:left;background-color:#e2f0d9;border-radius:15px;padding:20px;}
.greenInfo h3{color:#707070;}
.greenInfo h3 .greenText{color:#01ae52;}
.greenInfo h4{color:#3b3a38;background-color:#fff;padding:10px 20px;margin:20px 0;}
.greenInfo h4 span{color:#597c46;}

.greenInfo .confirm-box{}
.greenInfo .confirm-box .inner{width:100%;padding:10px;background-color:#c5e0b5;border-radius:10px;}
.greenInfo .confirm-box .inner .gray{padding:10px;background-color:#d9d9d9;border:1px solid #444;}
.greenInfo .confirm-box .inner .gray2{padding:10px;background-color: #cfe4c2;border: 1px dashed #9e9e9e;color: #9db78d;}
.greenInfo .confirm-box .inner .white{padding:10px;background-color:#fff;border:1px solid #444;}


@media (max-width: 767px) {
	.mScroll-use{position: relative;overflow:hidden;}
	.mScroll-use:after {box-shadow: 0 0 10px 0 #000;content: "";height: 100%;position: absolute;right: -1px;top: 0;width: 1px;}
	.useArea { width: 100%;  max-width: auto;   overflow-x: scroll;}
	.useArea .row{width:800px;}
	.useArea .row.m600{width:500px;padding-right:30px;}
	.useArea .row p{font-size:.8rem !important;}

 	.useArea::-webkit-scrollbar { height: 3px; }
	.useArea::-webkit-scrollbar-thumb { background-color: #333; border: 3px solid #333; border-radius: 5px; }
	.useArea::-webkit-scrollbar-track { background-color: #e5e5e5; }

}


 /*단계 절차*/
.progress {overflow: hidden;height: 20px;margin-bottom: 20px;background-color:rgb(208,206,206);border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar {float: left;width: 0%;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #337ab7;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition: width 0.6s ease;-o-transition: width 0.6s ease;transition: width 0.6s ease;}
.bs-wizard {margin-top: 40px;}
.bs-wizard {padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #808080; font-size: 1rem;font-weight: 400;padding: 20px;text-align:center;}
.bs-wizard > .bs-wizard-step.complete .bs-wizard-info,
.bs-wizard > .bs-wizard-step.active .bs-wizard-info {color:#000;font-weight: 600;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #293162; top: 25px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;line-height: 28px;text-align:center;}
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot,
.bs-wizard > .bs-wizard-step.active  > .bs-wizard-dot {color:#fff;}

.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 3px; box-shadow: none; margin: 22px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #293162;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color:rgb(208,206,206);}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); }
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

@media (max-width: 767px) {
	.bs-wizard > .bs-wizard-step .bs-wizard-info {font-size: .7rem; padding:0 0 20px;}
	.bs-wizard > .bs-wizard-step > .bs-wizard-dot {width: 25px;height: 25px;line-height: 24px;font-size: .8rem; }
}

/* ---- 나의 접수 진행현황 ---- */

.step_wrap{margin-bottom:30px; display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.step_block{position:relative;width:calc(16.66% - 30px);margin:0 15px;padding:10px;border-radius:35px;color:#fff;font-weight:400;text-align:center;background-color:#2990c5;}
.step_block:after{display:block;position:absolute;top:8px;right:-25px;content:"\e628";font-family: 'themify';color:#a3a3a3;font-size:1.2rem;}
.step_block:last-child:after{display:none;}


@media (max-width: 1420px) {
	.step_block{font-size:.8rem;}
}
@media (max-width: 1260px) {
	.step_block{font-size:.7rem;}
}
@media (max-width: 991px) {
	.step_block{font-size:.9rem;}

	.step_block{width:calc(33.3% - 30px);margin-bottom:20px;}
}
@media (max-width: 767px) {
	.step_block{width:calc(33.3% - 20px);margin:0 10px 20px;}
	.step_block:after{top:6px;right:-17px;font-size:1rem;color:#000;}
}


/* ---- 복수장비 등록 / 간편견적 교정조건선택 ---- */
.reason_box{border:1px solid #c5c5c5;padding:5px;background-color:#fff;height:670px;overflow-y:auto;}
.reason_box.estimate{border:none;padding:0;height:auto;min-height:300px;}
.reason_box h3{display:block;background-color:#b3b7bd;color:#fff;padding:10px;text-align:center;}
.reason_box ol li{ list-style-type:decimal;margin:0 0 5px 20px;font-size:.9rem;}
.reason_box .inner{ padding-top:15px;}
.reason_box .inner p{font-size:.9rem !important;}


@media (max-width: 991px) {
	.reason_box{min-height:300px;height:auto;}
	#reasonWrap{margin-top:30px;}

}


/* ---- ktools 소개 ---- */

.aboutWrap{padding:0 20px;min-height:700px;}
.aboutWrap.abg_01{background:#fff url(../img/sub/about_bg03.jpg) no-repeat center 0 ;padding:40px;border-radius: 15px;}
.aboutWrap.abg_02{background:#005c9f url(../img/sub/about_bg01.jpg) no-repeat 0 0 ;background-size:cover; padding:40px;border-radius: 15px;}
.aboutWrap .inner{position:relative;max-width:1200px;margin:150px auto 0;background-color:#fff;padding:60px 40px;}
.aboutWrap .aboutTitle{position:absolute;top:60px;left:40px;}
.aboutWrap .aboutText{position:relative;font-size:1.2rem !important;padding-left:20px;margin-left:320px;}
.aboutWrap .aboutText:before{position:absolute;top:5px;left:0;width:2px;height:50px;content:'';display:block;background-color:#293163;}

.aboutWrap .businessContent{max-width:1100px;margin:60px auto;}
.aboutWrap .businessContent .business-box{position:relative;border: 5px solid #ececec;background-color: #ffffff;text-align:center;padding:30px 20px;min-height:250px;margin-bottom:20px;border-radius:15px;}
.aboutWrap .businessContent .business-box:hover{border:5px solid #b2c4f4;}
.aboutWrap .businessContent .business-box h3{font-size:1.4rem;}
.aboutWrap .businessContent .business-box p{font-size:1rem !important;line-height:1.5;padding:10px 0 0;text-align:center !important;}
.aboutWrap .businessContent .business-box .icon{position:absolute;bottom:30px;left:0;width:100%;text-align:center;}
.aboutWrap .businessContent .business-box i{font-size:4rem;color: #abc4d6;}
.aboutWrap .businessContent .business-box:hover i{color: #2559dc;}
@media (max-width: 991px) {
	.aboutWrap .aboutTitle{position:static;top:0;left:0;}
	.aboutWrap .aboutText{margin-left:0;}
}

@media (max-width: 768px) {
	.aboutWrap .businessContent .business-box{min-height:auto;}
	.aboutWrap .businessContent .business-box .icon{position:static;margin-top:20px;}
	.aboutWrap.abg_01{padding:20px 0;background:none;}
	.aboutWrap.abg_02{padding:20px 0;}
	.aboutWrap .inner{margin:0;background-color:#fff;padding:30px 10px;}
	.aboutWrap .aboutText:before{position:absolute;top:5px;left:0;width:2px;height:50px;content:'';display:block;background-color:#293163;}


}

.exfinder_visual{margin-top:20px;}
.exfinder_visual .cloude{position:relative;text-align:center;}
.exfinder_visual .cloude i{position:absolute;left:50%;margin-left:-20px;bottom:0;font-size:3rem;color:#f15822;display:block;}


/* ---- 간편견적 ---- */

.totalBOX {border:5px solid #ddd;padding:20px 30px;border-radius:20px;text-align:center;}
.totalBOX .group{display:inline-block;}
.totalBOX span{padding-right:20px;font-size:1.1rem;}
.totalBOX .subjectT{color: #2a60bb}
.totalBOX .price{font-size:1.3rem;}
.totalBOX .sign{font-size:.9rem;}
.totalBOX .total{color:#d6533d;font-weight:600;font-size:1.3rem;}

.tooltipBox{position:relative;display:inline-block;cursor:pointer;}
.tooltipBox > p{opacity:0;width:0;height:0;display:none;}
.tooltipBox > p:after{position:absolute;bottom:-10px;left:10px;display:block;content:''; width: 0px;height: 0px;
  border-top:10px solid none;
  border-bottom:10px solid #065fd4;
  border-right:10px solid transparent;
  border-left: 10px solid  transparent;transform: rotate( 180deg );}
.tooltipBox:hover > p{position:absolute;top:-110px;left:0;opacity:1;width:180px;height:100px;padding:10px;display:block;background-color:#065fd4;font-size:.9rem !important;color:#fff  !important;border-radius:5px;}

 /*정보수정확인 modal*/
.arrow-transform{position:relative;}
.arrow-transform:after{position: absolute;top: 15px;right: -8px;color: #1e337d;display: block;content: "\f061";font-family: "Font Awesome 5 Free";font-weight: 900;}
@media screen and (max-width: 991px) {
	.arrow-transform{padding-bottom: 50px;}
	.arrow-transform:after{top: auto;bottom: 15px;right: 50%;font-size: 1.5rem;content: "\f063";}

}

/*교정조건선택modal*/
.selection{border: 5px solid #ddd; padding:1rem; border-radius: 20px;text-align: center;margin:0 1rem 20px 1rem}
.selection .inner-title{margin:0 !important;}
.selection dl{display: flex;flex-flow: row wrap;justify-content: space-between;align-content: center;}
.selection dl dt{color:#1e337d;width:100px;text-align:left;padding:5px;font-size:.9rem;margin-top:10px;}
.selection dl dd{width:calc(33% - 100px);text-align:left;padding:5px;font-weight:400;font-size:.9rem;background-color:#efefef;margin-top:10px;}
@media (max-width: 1199px) {
	.selection dl dd{width:calc(50% - 100px);}
}
@media (max-width: 767px) {
	.selection dl dd{width:calc(100% - 100px);}

}


.reason_box.estimate	 .tb05 tr{cursor:pointer;}
.detailSearch{position:relative;background-color: #edf0f5;padding:10px 130px 10px 100px;text-align:left;margin-right: 1rem;margin-left: 1rem;}
.detailSearch .label-title{position:absolute;top:15px;left:15px;width:auto;}
.detailSearch .btngroup{position:absolute;top:10px;right:10px;width:auto;}
.detailSearch label{width:100%;display: flex;flex-flow: row wrap;}
.detailSearch input[type=text]{background-color: #fff;color: #000;border: 1px solid #c5c5c5;padding: 5px;width:33%;}
.detailSearch.total  input[type=text]{width:100%;}

@media (max-width: 767px) {
	.detailSearch{padding:10px 130px 10px 10px;}
	.detailSearch .label-title{position:static;}
	.detailSearch .btngroup{top:32px;}
}


/* ---- EXFINDER ---- */

/*스타일*/
.outer-border{border-top:2px solid #2f5597;}
ul.wordList li{display:inline-block; vertical-align:top; margin:4px; border:1px solid #d2d2d2; background:#fff; border-radius:20px; padding:0 18px; font-size:.9rem; color:#666666; letter-spacing:-0.05em; font-weight:300;}
ul.wordList li:hover{background:#efefef; }

ul.labelList li{display:inline-block; vertical-align:top; margin:4px; background-color:#f1f1f1; padding:2px 5px; font-size:12px; color:#666666; letter-spacing:-0.05em; font-weight:300;}

ul.documentList{}
ul.documentList li{position:relative;display:inline-block;color:#929292;padding-right:5px;margin-right:5px;font-weight:400;}
ul.documentList li:after{position: absolute;top: 6px;right: -3px;content: '';width: 1px;height: 12px;background-color: #929292;display: block;}
ul.documentList li:last-child:after{display: none;}

ul.insubTab{border-bottom: 1px solid #ddd;}
ul.insubTab.nob{border-bottom:none;}
ul.insubTab li{background-color:#efefef;text-align:center;color:#6a6a6a;padding:5px ;width:120px;display:inline-block;}
ul.insubTab li a{display:block;width:100%;height:100%;color:#6a6a6a;}
ul.insubTab li.active{background-color:#3e58b2;}
ul.insubTab li.active a{color:#fff;}

@media screen and (max-width: 991px) {
	ul.insubTab li{width:32%;}
}


/*테이블 - 스크롤없음*/
.tableStyle_02 { width: 100%; }
.tableStyle_02 table { position: relative; width: 100%; }
.tableStyle_02 table::before { content: ''; width: 100%; height: 1px; background: #0c385a; position: absolute; top: 0; left: 0; }
.tableStyle_02 table th { text-align: center; color: #000; font-size:.9rem; font-weight: 400; background: #fcfcfc;border: 1px solid #ddd;  padding: .5rem 1rem;background: #f9f9f9; }
.tableStyle_02 table thead th { font-weight: 600; color: #222; border-bottom-color: #aaa; background: #f9f9f9; }
.tableStyle_02 table td { font-size: .9rem; color: #555; }
.tableStyle_02 table td.text-left {text-align:left}
.tableStyle_02 table tbody th{ font-weight: 500;color:#000;font-weight:500;}
.tableStyle_02 table td { border: 1px solid #ddd;  padding: .5rem 10px; }
.tableStyle_02 table td .table-innder{min-height:225px;padding:15px 7px;}
.tableStyle_02 table tr:first-child th, .tableStyle_02 table tr:first-child td { border-top: 0; }
.tableStyle_02 table th:first-child, .tableStyle_02 table td:first-child { border-left: 0; }
.tableStyle_02 table th:last-child, .tableStyle_02 table td:last-child { border-right: 0; }


/*테이블 - 스크롤있음*/
.tableStyle_03 { width: 100%; text-align: center; }
.tableStyle_03 table { position: relative; width: 100%; word-break: break-all; }
.tableStyle_03 table tr.bgcolor th{background-color: #e4f1f1; font-weight: 500;}
.tableStyle_03 table::before { content: ''; width: 100%; height: 1px; background: #0c385a; position: absolute; top: 0; left: 0; }
.tableStyle_03 table th { text-align: center; color: #000; font-size:.9rem; font-weight: 400;}
.tableStyle_03 table thead th {color:#00589e; background: #f9f9f9;font-weight:500;font-size:.9rem;}
.tableStyle_03 table td { font-size: .9rem; color: #555;text-align: center;vertical-align: top;}
.tableStyle_03 table td.text-left { text-align: left;}
.tableStyle_03 table th, .tableStyle_03 table td { border: 1px solid #ddd; word-break: keep-all; padding:.5rem 1rem; }
.tableStyle_03 table tr:first-child th, .tableStyle_03 table tr:first-child td { border-top: 0; }
.tableStyle_03 table th:first-child, .tableStyle_03 table td:first-child { border-left: 0; }
.tableStyle_03 table th:last-child, .tableStyle_03 table td:last-child { border-right: 0; }
.tableStyle_03::-webkit-scrollbar { height: 3px; }
.tableStyle_03::-webkit-scrollbar-thumb { background-color: #333; border: 3px solid #333; border-radius: 5px; }
.tableStyle_03::-webkit-scrollbar-track { background-color: #e5e5e5; }

@media screen and (max-width: 767px) {
  .tableStyle_03 { width: 100%; overflow-x: scroll; }
  .tableStyle_03 table { min-width: 45rem; }
}


/*검색 탭*/
.sub-depth-1{background:#fff; width:100%;height: 80px;margin-bottom:20px;margin-top:40px;}
.sub-depth-1 ul{max-width:1600px; width:100%; margin:0 auto; overflow:hidden;}
.sub-depth-1 li{float:left; }
.sub-depth-1 li:only-child { width: 100%; }                          /* 메뉴가 하나일 때 선택 */
.sub-depth-1 li:first-child:nth-last-child(2),                       /* 메뉴가 둘 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(2)+li { width: 50%;  }    /* 메뉴가 둘 일 때, 2번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3),                       /* 메뉴가 셋 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(3)~li { width: 33.33%; }  /* 메뉴가 셋 일 때, 2~3번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(4)~li { width: 25%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5),                       /* 메뉴가 넷 일 때, 1번 메뉴 선택 */
.sub-depth-1 li:first-child:nth-last-child(5)~li { width: 20%; }     /* 메뉴가 넷 일 때, 2~4번째 메뉴 선택 */
.sub-depth-1 li a{display:block;font-weight:normal;color:#000;border-bottom:2px solid #ddd; text-align:center; line-height:60px; position:relative;font-size:18px;cursor:pointer;}
.sub-depth-1 li a:hover{font-weight:600;}
.sub-depth-1 li.active a{border-bottom:2px solid #0f4686; font-weight:600; }
.sub-depth-1 li.active a:before{content: "\e64b";font-family: 'themify';width:23px; height:15px; background:rgba(255,255,255,0.2); position:absolute; right:20px; top:8px; margin-top:-6px;}

.sub-depth-2{text-align:center; border-bottom:1px solid #ddd;}
.sub-depth-2 a{display:inline-block; line-height:70px; margin:0 20px; padding:0 10px; font-size:18px; color:#666; position:relative;}
.sub-depth-2 a.active{ color:#0f4686;background-color:#efefef;}

@keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}
@-webkit-keyframes sub-tab-line {
	0% {width:0%; left:50%;}
	100% {width:100%; left:0;}
}

@media screen and (min-width:1240px){
	.sub-depth-1 ul {overflow: visible;}
	.sub-depth-1 li.active{position:relative;}
	.sub-depth-1 li.active:after{display:block;content:'';position:absolute;bottom:-9px;left:50%;width:17px;height:9px;}
}


@media screen and (max-width:991px){
	.sub-depth-1{height: 60px;background: #fff; width:100%;margin: 20px 0 0;}
	.sub-depth-1 li{width:100% !important;}
	.sub-depth-1 li a{font-size:18px; display:none;}
	.sub-depth-1 li.active a{display:block;}
	.sub-depth-1 li.active a{position:relative;line-height:60px; transition:none;}
	.sub-depth-1 li.active a.bg-act:after{content:"\e648";}
	.sub-depth-2{position:absolute;width: calc(100% - 40px);margin: 0 20px;left:0; z-index:2; background:#fff; display:none; border: 1px solid #ddd;}
	.sub-depth-2 a{width:100%; display:block; margin:0; border-bottom:1px solid #e8e8e8;}

}

@media screen and (max-width:480px){
	.sub-depth-1 li.active a{line-height:50px; font-size:16px;}
	.sub-depth-2 a{line-height:50px; font-size:14px;}
}


@media (min-width: 767px) {
	.sub-depth-2{display:none;}
}




/*검색 메인*/

/* 인기검색어 */
#searchword-ranking{position:relative;}
.searchword-list{position:relative;width:162px;height:21px;overflow:hidden;}
.searchword-list > ul{position:absolute;left:0;top:0;width:100%;}
.searchword-list > ul > li{position:relative;margin-bottom:3px;}
.searchword-list > ul > li  > .num{position:absolute;left:0;top:0;width:19px;height:19px;margin-right:10px;line-height:19px;text-align:center;border-radius:5px;color:#fff;background-color:#ec6d30;font-size:12px;}
.searchword-list > ul > li  > a{display:block;margin-left:32px;color:#6e6a66;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:21px;}
.searchword-list > a.arrow{position:absolute;right:0;top:0;display:block;}
/* 인기검색어 전체 순위 */
.keywordAll{visibility:hidden;opacity:0;position:absolute;left:0;top:20px;width:185px;padding:15px 15px 12px;background-color:#fff;border-radius:10px;z-index:30;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;webkit-box-shadow: 0px 7px 7px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 7px 7px 3px rgba(0, 0, 0, 0.1);}
.keywordAll.on{visibility:visible;opacity:1;top:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.keywordAll > p{color:#000;font-size:18px;letter-spacing:-0.5px;text-align:center;}
.keywordAll > ul{margin-top:10px;}
.keywordAll > ul > li{position:relative;margin-top:5px;height:21px;}
.keywordAll > ul > li:first-child{margin-top:0;}
.keywordAll > ul > li > .num{display:inline-block;width:21px;height:21px;margin-right:20px;color:#fff;position: absolute;left: 0;top: 0;font-size:14px;font-family:Roboto;text-align:center;line-height:21px;border-radius:5px;background-color:#ec6d30;font-size:12px;}
.keywordAll > ul > li > a{display: block;max-width:74%;color:#6e6a66;margin-left:37px;height: 21px;font-size:15px;line-height: 21px;overflow:hidden;text-overflow:ellipsis;/* padding: 3px 0; */white-space:nowrap;}
.keywordAll > ul > li > a:hover{color:#f43700;text-decoration:underline!important;}


.exfinder-title{margin:140px auto 30px;max-width:310px;}
.exfinder-title.small{margin:10px auto 20px;max-width:180px;}

.exfinder-search {position:relative;width:100%;max-width:1000px;margin:0 auto;}
.exfinder-search:before{position: absolute;display:block;top: 15px;left: 15px;width: 30px;height: 40px;content: "\e610";font-family: 'themify';color: #4e92c6;font-size: 25px;}
.exfinder-search .ranking{position: absolute;display:block;top: -40px;left: 0;}
.exfinder-search .recentSearch{position: absolute;display:block;top: -40px;right: 0;}
.exfinder-search form{border:2px solid #2f5597;}
.exfinder-search form fieldset{display: flex;flex-flow: row wrap;justify-content: space-around;align-content: center;padding-left:50px;}
.exfinder-search .item.selectB {position:relative;flex:2 1 0px;padding:10px 0;}
.exfinder-search .item.inputB {flex:7 1 0px;padding:10px 0;}
.exfinder-search .item.btnB {flex:2 1 0px;}
.exfinder-search .item.selectB:after {position: absolute;top: 23px;right: 15px;display: block;content: "\e64b";font-family: 'themify';}
.exfinder-search select {width:100%;padding:10px;height:50px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.exfinder-search input {width:100%;color: #154966;height:50px;padding:10px;font-size: 14px;margin:0;border:none;}
.exfinder-search button {width:100%;cursor:pointer;height: 70px;background-color:#2f5597;color:#fff;font-weight:300;font-size:1.2rem;}
.exfinder-search .search-terms {position:relative;padding:15px 0 15px 100px;background-color:#efefef;margin-top:15px;}
.exfinder-search .search-terms strong{position: absolute;display:block;top: 20px;left: 15px;color:#000;font-weight:300;}

.exfinder-list {
	margin-top: 60px;
	text-align: center;
}

.exfinder-list span.icon {
	display: block;
	width: 100%;
	height: 140px;
}

.exfinder-list:nth-child(1) span.icon {
	background: url(../img/main/icon_exfinder_01.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(2) span.icon {
	background: url(../img/main/icon_exfinder_02.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(3) span.icon {
	background: url(../img/main/icon_exfinder_03.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(4) span.icon {
	background: url(../img/main/icon_exfinder_04.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(5) span.icon {
	background: url(../img/main/icon_exfinder_04.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(6) span.icon {
	background: url(../img/main/icon_exfinder_05.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(1):hover span.icon {
	background: url(../img/main/icon_exfinder_01_on.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(2):hover span.icon {
	background: url(../img/main/icon_exfinder_02_on.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(3):hover span.icon {
	background: url(../img/main/icon_exfinder_03_on.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(4):hover span.icon {
	background: url(../img/main/icon_exfinder_04_on.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(5):hover span.icon {
	background: url(../img/main/icon_exfinder_04_on.jpg) no-repeat center 0;
}

.exfinder-list:nth-child(6):hover span.icon {
	background: url(../img/main/icon_exfinder_05_on.jpg) no-repeat center 0;
}

.exfinder-list a {
	display: block;
	width: 100%;
	height: 100%;
}

.exfinder-list h3 {
	font-size: 1.1rem;
}

@media (max-width: 767px) {
	.exfinder-title{margin:60px auto 80px;}

	.exfinder-search:before{display: none;}
	.exfinder-search form fieldset{padding-left:0;}
	.exfinder-search .item.selectB {flex:1 1 0px;padding: 0;}
	.exfinder-search .item.inputB {flex:3 1 0px;padding: 0;}
	.exfinder-search .item.btnB {flex:1 1 0px;}
	.exfinder-search .item.selectB:after {top: 15px;right: 5px;}
	.exfinder-search button {height: 50px;}

	.exfinder-list{margin-top:20px;margin-bottom:40px;text-align:center;}

	.exfinder-list h3{font-size:1rem;}

}
@media (max-width: 575px) {

}



@media (max-width: 460px) {
	.exfinder-title{width:240px;}

	.exfinder-search .item.selectB {display:none;}
	.exfinder-search .item.inputB {flex:3 1 0px;}
	.exfinder-search .item.btnB {flex:1 1 0px;}
	.exfinder-list h3{font-size:.8rem;}

}


/*결과없음*/
.nosearh{text-align:center;padding:50px 0;}
.nosearh h3{font-size:1.5rem;font-weight:400;margin-top:20px;}
.nosearh p{text-align:center !important;color:#828282 !important;margin-top:20px;}

/*레이아웃*/ 
.exfinderWrap{position:relative;margin-bottom:60px;}
.exfinderWrap.facilityList{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}
.exfinderWrap.facilityList2{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}
.exfinderWrap .result-head{position:relative;padding-left:1rem;}
.exfinderWrap .result-head .sub_title{padding-bottom:10px !important;}
.exfinderWrap .result-head .sub_title span.tcolor_red{display:inline !important;position:static !important;font-size:1.6rem  !important;}
.exfinderWrap .result-head .tools{text-align:right;font-size:1.1rem;padding-right:1rem;margin:0 1rem 10px 0;}
.exfinderWrap .result-head .tools select{font-size:1.1rem;}
.exfinderWrap .result-head ul.insubTab{position:absolute;top:5px;right:1rem;}


.exfinderWrap aside{position:absolute;top:5px;left:0;width:230px;border: 1px solid #3e58b2;border-radius:5px;}
.exfinderWrap aside h3{padding:10px 20px;font-weight:400;color: #fff;background-color: #3e58b2;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.exfinderWrap aside ul {padding:10px 20px;}
.exfinderWrap aside ul li{font-weight:300;border-bottom:1px solid #e2e2e2;padding:5px 0;}
.exfinderWrap aside ul li.select a{color:#386dca;font-weight:500;}
.exfinderWrap aside ul li:last-child{border-bottom:none;}
.exfinderWrap .tab-select-outer{display:none;}
.exfinderWrap .contentBox{padding-left:250px;}
.exfinderWrap .log-contentBox{width:calc(100% - 260px);}
@media (max-width: 1199px) {
 	.exfinderWrap .result-head ul.insubTab{position:static;margin:0 0 30px;}
	.exfinderWrap .result-head ul.insubTab li{margin-bottom:4px;}

}


@media (max-width: 991px) {
	.exfinderWrap .result-head{padding-top:30px;}
	.exfinderWrap .result-head .sub_title{font-size: 1.5rem !important;}
 	.exfinderWrap .result-head ul.insubTab li{width:32%;}

	.exfinderWrap aside{display:none;}
	.exfinderWrap .tab-select-outer{display:block;margin-top:20px;}
	.exfinderWrap .tab-select-outer select{border: 1px solid #ddd; width: 100%; height: 50px; padding:10px;}
	.exfinderWrap .contentBox{padding-left:0;}
	.exfinderWrap .log-contentBox{width:100%;}
	.exfinderWrap .log-contentBox .col-xs-12{padding:0;}


}
/*검색조건*/
#log-search {color: #000;width:230px;}
#log-search h3 {padding:10px 20px;font-weight:400;color: #fff;background-color: #3e58b2;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#log-search .choice,#log-search form{border:1px solid #3e58b2;margin-bottom:20px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding:10px;}
#log-search .choice ul li{position:relative;border-bottom:1px solid #e2e2e2;padding:5px 0;}
#log-search .choice ul li:last-child{border-bottom:none;}
#log-search .choice ul li .tcolor_orange{display:block;position: absolute;top: 8px;right: 0.625rem;}
#log-search .choice ul li .option{color: #949496 ;font-size:.9rem;font-weight:400;}
#log-search .choice ul li .option span{display:inline-block;}
#log-search form button {display: block;position: relative;width: 100%;}
#log-search form input {position: relative;}
#log-search form .group {margin-top: -2px}
#log-search form .group button {padding: 0.5625rem 0;text-align: left;border-bottom:1px solid #ddd;}
#log-search form .group button::after {position: absolute;top: 10px;right: 0.625rem;width: 12px;height: 7px;content: "\e64b"; font-family: 'themify';}
#log-search form .group fieldset {display: none;padding: 1.25rem 0.625rem;width: 100%}
#log-search form .group fieldset .inchk {display: block;margin-bottom: 5px;font-weight: 300}
#log-search form .group fieldset .inchk input {outline: none;vertical-align: middle;margin-right: 0.35rem;width: 1.5rem;height: 1.5rem;appearance: none;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none}
#log-search form .group fieldset .inchk input:checked {}
#log-search form .group fieldset .inchk:last-child {margin-bottom: 0}
#log-search form .group fieldset .date span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 0.625rem}
#log-search form .group fieldset .date span input {flex: 1 1 0px;margin-right: 0.35rem;padding: 0 0.625rem;height: 2.5rem}
#log-search form .group:first-child {margin-top: 0}
#log-search form .group.active button {color: #2062b6}
#log-search form .group.active button::after {content: "\e648"; font-family: 'themify';}
#log-search form .group.active fieldset {display: block}
@media (max-width: 991px) {
	#log-search {position:static;margin:20px 0;width:100%;}


}
/*리스트 - 박스형태*/
.exfinder-result{position:relative;border: 5px solid #ececec;background-color: #ffffff;padding: 30px 20px 50px;min-height: 150px;height:100%;border-radius: 15px;}
.exfinder-result:hover{border:5px solid #b2c4f4;}
.exfinder-result h5{font-size:1.5rem;line-height:1.3;font-weight:500;min-height:100px;display:flex;align-items:center;align-content:center;justify-content:center;}
.exfinder-result h5.name{font-size:1.5rem;line-height:1.3;min-height:50px;display:block;}
.exfinder-result h5.name .univer{font-size:1rem;font-weight:300;padding-left:10px;}
.exfinder-result .keyword{text-align: left !important;margin-bottom:10px;}
.exfinder-result .keyword span{display: inline-block;}
.exfinder-result .keyword span.tcolor_blue{display: block;}
.exfinder-result ul {position: absolute;bottom: 20px;right: 20px;text-align:right;width:calc(100% - 20px);}
.exfinder-result ul li{position:relative;display:inline-block;color:#929292;padding-left:5px;margin-left:5px;font-weight:400;}
.exfinder-result ul li:after{position: absolute;top: 8px;left: 0;content: '';width: 1px;height: 10px;background-color: #929292;display: block;}
.exfinder-result ul li:first-child:after{display: none;}
.exfinder-result .star{position: absolute;top: 20px;right: 20px;font-size:1.2rem;}
.exfinder-result .star .far{color:#000;}
.exfinder-result .star .fas{color:#ec6d30;}

.exfinder-result-img{position:relative;border: 5px solid #ececec;background-color: #ffffff;padding: 30px 20px 50px;min-height: 150px;height:100%;border-radius: 15px;display:flex;justify-content:center;}
.exfinder-result-img:hover{border:5px solid #b2c4f4;}
.exfinder-result-img .thum{flex:2 1 0px;}
.exfinder-result-img .explan{flex:4 1 0px;padding-left: 20px;}
.exfinder-result-img .explan h5{}
.exfinder-result-img .explan .info{margin-top:10px;}
.exfinder-result-img .explan ul{margin-top:10px;}
.exfinder-result-img .explan p{margin-top:10px;font-size:.9rem !important;}




/*리스트 - 문서형태*/

.bList > li {position:relative;padding:10px 0 13px;border-bottom:1px solid #ddd;padding-left:80px;}
.bList.nostar {border-top: 2px solid #9d9d9d;}
.bList.nostar > li {padding-left:60px;}
.bList > li:last-child{border-bottom:none;}
.bList.group > li {padding-left:0}
.bList > li .option{position:absolute;top:11px;left:0;}
.bList > li .num{position:absolute;top:12px;left:35px;font-size:.9rem;}
.bList > li .labelList,.bList > li ul.documentList{display:inline-block;vertical-align:middle}
.bList > li ul.labelList li{padding:0 5px;    margin-left: 0;}
.bList > li ul.documentList li{font-size:.9rem;}
.bList > li .title{position:relative;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;font-size:1.1rem;}
.bList > li .title .fa-star{position:absolute;top:4px;left:-45px;}
.bList.group > li .title .fa-star {position:static;display:inline;}
.bList > li  .abstract{padding:10px 15px;font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:0;color:#000;background-color: #eff4f9; margin-top: 10px;border-radius: 10px;}

@media screen and (max-width:575px){

	 .bList > li {padding-left:0;padding-top:40px;}
	 .bList.nostar > li {padding-left:0;}
	 .bList > li .num{position:absolute;top:13px;left:35px;font-size:1rem;}

}


/*문서검색*/
.document-group{box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);-webkit-box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);margin-top: 30px; border-radius: 15px;padding:15px;height: 95%;border:1px solid #ddd;}
.document-group  h3{position:relative;border-bottom:1px solid #444;margin-bottom:0;padding:0 10px 10px;font-size:1.2rem;}
.document-group  h3 .more{display:block;position:absolute;top:7px;right:5px;font-size:14px;}
.document-group .inner{border-top:none;padding:10px 10px 20px;}


/*본문*/
.result-content{padding:0 1rem;}
.result-content .content-head{position:relative;}
.result-content .content-head .sub_title{padding-bottom:10px !important}
.result-content .content-head .wordList,
.result-content .content-head .documentList{margin-bottom:20px;}
.result-content .content-head .star{position: absolute;top: 10px;right: 20px;font-size:1.2rem;}
.result-content .content-head .star.nopo{position: static;padding-top:10px;}
.result-content .content-head .far{color:#000;}
.result-content .content-head .fas{color:#ec6d30;}
.result-content .content-body .insubTab{}
.result-content .content-body .info-list ul{}
.result-content .content-body .info-list ul li{position:relative;padding:20px 0 20px 40px;border-bottom:1px solid #ddd;}
.result-content .content-body .info-list ul li:last-child{border-bottom:none;}
.result-content .content-body .info-list ul li .num{position: absolute;top: 25px;left: 0;}
.result-content .content-body .info-list ul li .content {}
.result-content .content-body .info-list ul li .content .subject{font-size:1.2rem;font-weight:500;}
.result-content .content-body .info-list ul li .content .subject small{font-size:1rem;}
.result-content .content-body .info-list ul li .content .tcolor_gray{font-size:.9rem;font-weight:400;margin-bottom:10px;}
.result-content .content-body .info-list ul li .content .infomation{}
.result-content .content-body .info-list ul li .content .abstract{padding:10px 15px;font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:0;color:#000;background-color: #eff4f9; margin-top: 10px;border-radius: 10px;}



@media screen and (max-width:991px){
	.result-content{margin-top:20px;padding:0 .5rem;}

}


/*본문 - 문서검색*/
.result-document{padding:0 1rem;}
.result-document .document-head{border-bottom:1px solid #000;padding:10px 0 25px;margin-bottom:15px;}
.result-document .document-head .sub_title{padding-bottom:0 !important;}
.result-document .document-head .btn{vertical-align: middle;}
.result-document .document-body{}
.result-document .document-body .detail_group{border-bottom: 1px dashed #bbb;padding:40px 0;}
.result-document .document-body .detail_group h3{margin-bottom:10px;position:relative;}
.result-document .document-body .detail_group h3 .more{position: absolute;top: 0;right: 0;}
.result-document .document-body .detail_group .abstract{position:relative;height: 80px; min-height: 80px;overflow: hidden;font-size:16px !important;}
.result-document .document-body .detail_group .tag_list li {display:inline-block;color:#2a60bb;margin-right:10px;}
.result-document .document-body .detail_group .tag_list li:hover {text-decoration:underline;}
.result-document .document-body .detail_group .reference_list {margin-left:20px;}
.result-document .document-body .detail_group .reference_list li{list-style: decimal;}
.result-document .document-body .detail_group .detail_info tr th{text-align:left;width: 160px; color: #808080;font-size: 15px;font-weight:400;padding:10px;}
.result-document .document-body .detail_group .detail_info tr td{font-weight:400;padding:10px;}

@media screen and (max-width:991px){
	.result-document{margin-top:20px;padding:0 .5rem;}
	.result-document .document-head .btn{display:block;margin-top:7px;}
	.result-document .document-head p{margin-top:7px;}
}

@media (max-width: 767px) {
	.result-document .document-head .sub_title{font-size: 1.5rem !important;}
	.result-document .document-body .detail_group .detail_info tr th{width: 100px;font-size:.8rem;}
}



/* ------ 성과관리 : exfinder 스타일에 추가되는 스타일  ------- */



/*검색조건*/
#log-search h3.ps_H {padding:10px 20px;font-weight:400;color: #fff;background-color: #2f5597;border-radius:0;}
#log-search .choice.ps_C,#log-search form.ps_F{border:1px solid #2f5597;margin-bottom:20px;padding:10px;border-radius:0;}

/*나의성과 list*/
.performance-list {display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: center;}
.performance-result{width:33.33%;position:relative;background-color: #ffffff;padding: 0 20px 20px 0;min-height: 150px;}
.performance-result .inner{border: 1px solid #ddd;padding:55px 0 0}
.performance-result h5{font-size:1.2rem;line-height:1.3;font-weight:500;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;}
.performance-result .info{padding:0 20px}
.performance-result .detail{padding:15px 20px 20px;font-size:.9rem;background-color:#f3f3f3;}
.performance-result ul {padding-bottom:10px;margin-top:15px;}
.performance-result ul li{display:inline-block;color:#fff;background-color: #7c8fa4;margin:0 5px 5px 0; padding:2px 10px;font-weight:400;border-radius:10px;}
.performance-result .date{position: absolute;top: 18px;left: 20px;font-size:1.1rem;color: #7e7e7e;}
.performance-result .label{position: absolute;top: 20px;right: 40px;font-size:.9rem;}
.performance-result .label_green{color: #3fab4f;}

@media screen and (max-width:1680px){
	.performance-result{width:50%; }
}

@media (max-width: 1366px) {
	.performance-result{width:100%; }
}

@media (max-width: 1199px) {
	.performance-result{width:50%;}
}

@media (max-width: 767px) {
	.performance-result .inner{padding:80px 20px 20px}
	.performance-result .date{top: 48px;left: 20px;font-size:1.1rem;}
	.performance-result .label{top: 20px;left: 20px;right:auto;font-size:1rem;}


}
@media (max-width: 575px) {

	.performance-result{width:100%;}


}


/* 절대 변경 !!! 주의*/
.jbFixed {position: fixed;top: 0;left: 250px;width: 100%;padding:20px 40px;background-color:#f5f5f5;z-index:100;}
.subTab ul.depth2 li{padding:0;}
.subTab ul.depth2 li a{display:block;width:100%;height:100%;padding:10px 20px;border-radius: 40px;}
.subTab ul.depth2 li a.current{color:#fff;background-color: #d6533d;border: 1px solid #d6533d;}

@media (max-width: 1199px) {
	.jbFixed {left: 0;}

}
@media (max-width: 575px){
	.subTab.jbFixed ul.depth2 li,
	.subTab.jbFixed ul.depth2 li:last-child,
	.subTab.psT ul.depth2 li,
	.subTab.psT ul.depth2 li:last-child{width: 24%;}


}

/*통계*/
.statistics{padding-right:20px;margin-bottom:30px;}
.statistics .graph{border:1px solid #ddd;min-height:300px;max-height:500px;margin-bottom:30px;}

.statistics .tb01.graphTable thead tr th{padding:7px 10px;height: auto;background-color: #f3f6fd;}
.statistics .tb01.graphTable tbody tr td,
.statistics .tb01.graphTable tbody tr th{padding:7px 10px;height:auto;}
.statistics .tb01.graphTable table tbody tr.total{color:#d6533d;background-color: #ffeded;}
.statistics .tb01.graphTable table tbody tr.total td{font-size:1rem}

/*연구성과관리 증빙자료*/
.tb01.floatBox tbody tr{position:relative;}
.fileArea{padding:10px 15px;font-size:.9rem;line-height:1.6;font-weight:400;letter-spacing:0;color:#000;background-color: #eff4f9; margin-top: 10px;border-radius: 10px;}
.fileArea.floatBox{position:absolute;top:0;left:0;width:100%;height:200px;}
.fileArea ul li{position:relative;padding-left:10px;}
.fileArea ul li a:hover{text-decoration:underline;}
.fileArea ul li:after{position:absolute;top:10px;left:0;content:'';width:2px;height:2px;background-color:#000;display:block;}

tr:hover .fileArea{background-color: #fff;}
.tb01 tbody tr td .fileArea ul li a{width:100%;}

/*데이터없음 안내*/
.nodata-box{text-align:center;padding:100px 0;width:100%;}
.nodata-box h3{font-size:1.5rem;font-weight:400;margin-top:20px;}
.nodata-box p{text-align:center !important;color:#828282 !important;margin-top:20px;}