@CHARSET "UTF-8";

body {
	/* min-height: 2000px; */
	padding-top: 80px;
	padding-bottom: 50px;
}

ul {list-style-type: none;}
/* 헤더 */
.navbar {
	font-family: '나눔스퀘어', NanumSquare, "돋움", dotum, 'sans-serif';
	margin-bottom: 20px;
}

#navbar {
	text-align: center;
}

#navbar ul.nav {
	display: inline-block;
	float: none;
	height: 40px;
}

nav.navbar {
	background: #566787;
}

nav.navbar .active a {
	background: none;
}

.header li a {
	font-size: 17px;
	color: black;
}

.header a {
	font-size: 20px;
}
table th,td{
	word-break:break-all;
}
/* 버튼 */
.btn-light {
	background-color: #fff;
	border: 1px solid #ccc;
	color: black;
}

.btn-light:hover {
	opacity: 0.8;
}


/* 검색창 , 페이징*/
@media( max-width : 1200px ){
	.searchForm {
	width: 100% !important;
	}
}
.searchForm {
	width: 40%;
}

.searchOpt {
	width: 28% !important;
}

.searchInput {
	width: 61% !important;
}

.searchBtn {
	padding-left:6px !important;
	padding-right:6px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: #fff;
}

.paging {
	display: inline-block;
	text-align: center;
	height: 60px;
}
/* 내용 */
.content {
	background-color: white;
	border-radius: 10px;
	margin-bottom: 20px;
}

.mngTable tbody tr td{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.conTitle {	
	color: white;
	font-size: 17px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

.logout li a {
	width: 205px;
}

table.table th, td {
	text-align: center;
}

.conHeader {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 6px 0px 6px 0px;
	background: transparent;
	background-color: rgba(86, 103, 135, 0.4);
	/* -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffffff,endColorStr=#e6ffffff)"; */
	zoom: 1;
}

.tableSubHeader {
	font-size: 12px;
}

.searchDiv {
	padding-right: 0px;
}

.chart-patient{
	padding-bottom: 0px !important;
}
.conArea {
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #ffffff;
	font-size: 12px;
	font-family: '나눔고딕', NanumGothic, "돋움", dotum, 'sans-serif';
}

.conArea th {
	font-size: 12px;
}

.conArea tr.tableTr:hover {
	background-color: rgba(86, 103, 135, 0.2);
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorStr=#e6ffffff,endColorStr=#e6ffffff)";
	zoom: 1;
	cursor: pointer;
}

/* 사이드바*/
.sidebar {
	/* display:none; */
	
}
.sideConArea .table{
	margin-top:10px;
}

@media ( min-width : 768px) {
	.sidebar {
		position: fixed;
		display: block;
		z-index: 1000;
		padding: 0px 5px 0px 5px;
		overflow-x: hidden;
		overflow-y: hidden;
		/* Scrollable contents if viewport is shorter than content. */
	}
}

@media ( min-width : 1000px) {
	.inquirySidebar {
		position: fixed;
		left: 75%;
		z-index: 1000;
		top:80px;
		bottom: 0;
		display: block;
		padding: 0px 5px 0px 5px;
		overflow-x: hidden;
		overflow-y: scroll;
		/* Scrollable contents if viewport is shorter than content. */
	}
	
}

/* ::-webkit-scrollbar {
    width: 0px;  remove scrollbar space
    background: transparent;  optional: just make scrollbar invisible
} */
/*  optional: show position indicator in red
::-webkit-scrollbar-thumb {
    background: #FF0000;
} */

.chartResize {
	padding-top: 5px;
	text-align: right;
}

/* 차트 */
/* 아이콘 */
/* lab/Acmt*/
.chartResizeBtn span, .chartResizeSBtn span {
	font-size: 20px;
	color: white;
}

.labAcmtIcon {
	font-size: 15px;
	opacity: 0.8;
}
/* 댓글 */
.comAddBtn {
	padding: 0px 50px 0px 50px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.commentBox {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.comment{
	padding-bottom:10px;
}
.commentCont{
	word-break:break-all;
}
.replyBox {
	width: 90%;
	float:right;
}

.repAddBtn {
	padding: 0px 50px 0px 50px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.commentBox div {
	padding: 5px;
}

.commenter {
	font-weight: 900;
}

.comDelBtn, .replyBtn, .chartBtn {
	margin-left: 10px;
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	border-radius: 5px;
	color: #6b6b6b;
	font-size: 12px;
}

.comBtn:hover, .replyBtn:hover {
	color: black;
}

/* notice */
.noticeArea {
	padding-top: 20px;
	padding-bottom: 20px;
}

.noticeArea button {
	margin-left: 10px;
}

.noticeArea label {
	font-size: 18px;
}

.noticeTitle, .noticeCont, .noticeFile {
	margin-bottom: 10px;
}
.noticeCont textarea{
	width:99.8% !important;
}
.noticeCont .boardCont{
	min-height: 400px;
	height:100% !important;
	    word-break: break-all;
}
.boardCont p {
	word-break:break-all;
}
.modiFile, .modiFileC, .delFile{
	padding: 3px 6px 3px 6px;
	margin-bottom: 5px;
}
/* manage */
@media (max-width:768px){
	.mngBtn {
	width: auto !important;
	float:right;
}
}
@media (max-width:991px){
	.mngBtn {
	width: auto !important;
	float:right;
}
}
.mngBtn {
	width: 100%;
}

@media (min-width: 993px) {
	.mngResetBtn{
	width: 100%;
	padding-top:1px !important;
	padding-bottom:1px !important;
	    margin-bottom: 3px;
}
}

.mngOpt {
	padding-left: 6px;
	padding-right: 6px;
}

.mngModiBtn, .mngDelBtn {
	font-size: 15px;
	opacity: 0.8;
}

.mngModiBtn:hover, .mngDelBtn:hover {
	font-weight: 1000;
	font-size: 19px;
}

/* settings */
.settingsTable tr td label {
	font-weight: 100;
}

.settingsTable tr .tHead {
	font-weight: bold;
}

.noticeSet, .chartTimeSet, .inquirySet {
	text-align: left;
}

.noticeSet label, .inquirySet label {
	margin-right: 10px;
}

.chartTimeSet .dropdown, .inquirySet .dropdown {
	display: inline;
}

.chartTimeSet .dropdown, .inquirySet .dropdown, .dropup {
	padding-bottom: 10px;
}

@media ( max-width : 768px) {
	.chartTimeOpt {
	width: 53% !important;

	}
	.chartTimeInput {
	width: 53% !important;
	}
} 

.chartTimeOpt {
	width: 8%;
	display: inline;
    height: 30px;
}

.chartTimeInput {
	width: 7%;
	display: inline;
    height: 30px;
}

.chartSet {
	margin: 0 auto;
	text-align: left;
}

.chartTitle {
	width: 170px;
	margin-right: 10px;
}

.chartSetOpt {
	text-align: left;
	margin-right: 10px;
	margin-left: 15px;
}

@media ( max-width : 768px) {
	.chartSetInput {
	width: 100% !important;

	}
	
	.inquiryOpt {
	width: 48% !important;
	    height: 30px;
	}
}
.chartSetInput {
	display: inline;
	width: 40%;
	height: 25px;
}

.inquiryOpt {
	width: 14%;
	display: inline;
}
.oeImg{
    width: 100%;
    height: auto;
} 
.modal-body{
	padding:0;
}
.modal-dialog{
	padding:0;
	width: 35%;
}
.target{
   position: relative;
   height:auto;
       overflow: hidden;
}
.photo:hover{
	cursor:move;
}
.photo {
  position: absolute;
      top: 0;
 	left: 0;
    max-width: 100%;
    height:auto;
    margin:0 auto;
    transition: transform .5s ease-out;
    transform: scale(2);
}