#sch_bar { position:relative; background:#fff; border-radius:5px; padding:15px 10px 10px 0; border:1px solid #c9c9c9; }
#sch_bar .sch_div { display:inline-block;width:100%; }
#sch_bar .sch_div .sch_title { float:left; text-align:right; width:100%; max-width:100px; font-size:1.4em; line-height:40px; }
#sch_bar .sch_div .sch_title:after { padding:0 10px; color:#999; content:"|" }
#sch_bar .sch_div .sch_select { float:right; width:100%; max-width:calc(100% - 100px); }
#sch_bar .sch_div .sch_select select { color:#000; width:100%; margin-right:1px;}
#sch_bar .sch_div .sch_select select:hover { border:1px solid #ff5500;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out; }
#sch_bar .sch_div .sch_select select:valid, .sch_option_left select:valid { background:#ff5500 !important; color:#fff !important; }
#sch_bar .sch_div .sch_select select:valid option, .sch_option_left select:valid option { background:#fff; color:#959595; box-shadow:none; }
#sch_bar .sch_div .sch_select select:valid option:checked, .sch_option_left select:valid option:checked { color:#fff; background:#ff5500; font-weight:bold; }
#sch_area1, #sch_date, #db_list_limit { background:#fff; border-radius:5px; }

.dbm_fixed #sch_bar_empty { display:block; height:75px; }
.dbm_fixed #sch_bar { position:fixed; top:0; right:0; margin:0 20px; width:calc(100% - 280px); z-index:999; }
.scroll_fixed #sch_bar_empty { height:94px !important; }
.scroll_fixed .doubleScroll-scroll-wrapper { position:fixed; top:74px; z-index:998; }

@media (max-width: 821px) {
	.db-list-table { font-size:0.9em !important; line-height:1.35em;}
	.dbm_fixed #sch_bar { width:100%; margin:0; }
	.db-total-count { padding-left:10px !important; }
	.scroll_fixed .doubleScroll-scroll-wrapper { top:62px; }

	/* width */
	.doubleScroll-scroll-wrapper::-webkit-scrollbar, .scrollable-container::-webkit-scrollbar {
	  height:4px !important;
	}
	/* Handle */
	.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb, .scrollable-container::-webkit-scrollbar-thumb {
	  border-radius:2px !important;
	}

}

/* width */
.doubleScroll-scroll-wrapper::-webkit-scrollbar, .scrollable-container::-webkit-scrollbar {
  height:16px;
}

/* Track */
.doubleScroll-scroll-wrapper::-webkit-scrollbar-track, .scrollable-container::-webkit-scrollbar-track {
  background: #ececf1;
}

/* Handle */
.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb, .scrollable-container::-webkit-scrollbar-thumb {
  background: linear-gradient(to right, #3f4b5c, #3f4b5c);
  border-radius:8px;
}

/* Handle on hover */
.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb:hover, .scrollable-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to right, #ff5500, #ff5500);
}

/* db list */

.db_list { min-height:70vh; } 

.db-total-count { margin:0 auto; text-align:left; font-size:1.2em; margin-top:30px; margin-bottom:10px; }
#dbTable {white-space: nowrap; overflow-x: auto; margin:0 auto; border:1px solid #e9e9e9; }

.db-list-table {margin:0 auto;font-size:1.1em;line-height:1.8em;}
.db-list-table thead th {padding:15px 5px;font-weight:bold;text-align:center;border:1px solid #e9e9e9;background:#f5f5f5;word-break:keep-all}
.db-list-table thead tr:first-child th { border-top:none }
.db-list-table thead th:first-child { border-left:none }
.db-list-table thead th:last-child { border-right:none }
.db-list-table thead th input {vertical-align:top; margin:10% 0; width:15px; height:15px; }
.db-list-table tbody tr:hover td{background:#f5f5f5;}
.db-list-table td {background:#fff;padding:10px;border:1px solid #e9e9e9;word-break:break-all}
.db-list-table td:first-child { border-left:none }
.db-list-table td:last-child { border-right:none }
/*.db-list-table tr:last-child td { border-bottom:none }*/
.db-list-table td input {text-align:center;border-radius:3px;padding:5px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.db-list-table td input:disabled {background:#f5f5f5;}
.db-list-table a { cursor:pointer }
.db-list-table button {
	position: relative;
	display: inline-block;
	background: linear-gradient(#fefefe, #f5f5f5);
	padding:0px 6px;
	height:34px;
	line-height:34px;
	font-size:0.9em;
	border:none;
	border-radius:3px;
	border:1px solid #c2c2c2;
	white-space:nowrap;
}
.db-list-table button:hover{
	background: #e6e6e6;
	cursor:pointer;
}
.db-list-table .cursor-pointer { cursor:pointer }

.sch_option {margin:10px auto; }
.sch_option_left { float:left;  }
.sch_option_right { float:right; }
.sch_option_left  input[type=radio] { display:none; }
.sch_option_left  input[type=radio] + label { border-radius:5px; line-height: 28px; vertical-align: middle; display:inline-block; padding:5px; background-color: #fff; border: 1px solid #d0d4df; cursor:pointer; }
.sch_option_left  input[type=radio]:checked + label { background: #ff5500; color:white; border-color:#ff5500; }

.db-download { margin-right:5px; } 
.db-download img { vertical-align:middle;padding-bottom:0px; }
@media (max-width:1280px){
	.sch_option { padding:0 10px; }
}

@media (max-width:782px){

	.sch_option_left { float:none }
	.db-download { float:left; }
	.sch_option_right { margin-top:10px; }

	.sch_title { display:none }
	#sch_bar .sch_div .sch_select { float:none; padding-left:10px; width:100%; max-width:none;  }
}

@media (max-width:503px){
	.sch_option_right { margin-top:10px; }
	#sch_area1 { width:100%; margin-bottom:10px;}

}
@media (max-width:437px){
	.db-download { margin-right:0px; }
}
.loader .bd {
	border: 20px solid #9e9e9e;
	border-top: 20px solid #e9e9e9;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin .7s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}

.loader img {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 100px;
	height: 100px;
	background-image: url('/img/logo_symbol.png');
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

@keyframes spin {
	0% {transform:translate(-50%, -50%) rotate(0deg); }
	100% {transform:translate(-50%, -50%) rotate(360deg); }
}



/* The Modal (background) */
#modal.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
#modal .modal-content {
	background:#fff;
	margin: 15% auto; /* 15% from the top and centered */
	width: 100%; /* Could be more or less, depending on screen size */
	max-width:500px;
}
#modal .title {
	background:#ff5500;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
	line-height:60px;
	position:relative;
}
/* The Close Button */
#modal .modal_close {
	position:absolute;
	display:inline-block;
	color: #fff;
	right:0;
	font-size: 26px;
	line-height:60px;
	padding-right:10px;
	font-weight: bold;
}

#modal .modal_close:hover,
#modal .modal_close:focus {
	color:#ddd;
	text-decoration: none;
	cursor: pointer;
}
#modal .modal_submit {
	padding:10px 0;
}


/* 스타일링 */
.livedb-alert {
	background: #eee; /* 배경색 (빨간색 대신 사용) */
	border: 1px solid #c9c9c9; /* 테두리 */
	border-radius: 5px; /* 둥근 테두리 */
	position: relative;
	margin-bottom:10px;
}
.livedb-alert.notice { 
	background:#d9edf7 !important;
	border: 1px solid #bce8f1 !important; /* 테두리 */
}
.livedb-alert.notice a { 
	color:#31708f !important;
}
.livedb-alert.license { 
	background:#dff0d8 !important;
	border: 1px solid #d6e9c6 !important; /* 테두리 */
}
.livedb-alert.license a { 
	color:#3c763d !important;
}
.livedb-alert .desc {
	position:relative;
	font-size:1.2em;
	padding:10px;
	line-height:30px;
}

.livedb-alert .close-btn {
	position:absolute;
	right:10px;
	font-weight: bold;
	cursor: pointer;
}

/* 애니메이션 효과 */
.livedb-alert.fade {
	animation: livedb-fadeOut .15s ease-in-out forwards;
}

@keyframes livedb-fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; display: none; }
}

.livedb-alert .title {
	color:#fff;
	padding:2px 5px;
	border-radius:3px;
	margin-right:5px;
}

.livedb-alert .title.portal {
	background:#00be18;
}

.livedb-alert .title.online {
	background:rgb(241, 196, 15);
}

.livedb-alert .title.major {
	background:rgb(100, 195, 245);
}

@media (max-width:821px){
	.livedb-alert .desc {
		position:relative;
		font-size:1em;
		line-height:20px;
		letter-spacing: -1px;
		word-break:keep-all;
		text-align:center;
	}
}