@CHARSET "UTF-8";

/** header **/
.home_header .main-header,.home_header .admin-header {
	background-color: #fff;
}

.home_header .main-header {
	border-bottom: 4px solid #222;
}

.logo_main,.home_header .logo_white {
	display: none;
}

.home_header .logo_main {
	display: block;
}

.skin-blue .home_header .main-header .navbar .nav>li>a {
    color: #222;
}

/*** main tab ***/
.main_tab_wrap {
	background-color: #e9eff4;
}

.box_trans {
	background-color: transparent;
	box-shadow: none;
	border: 0;
}

/** Timeline Customizing CSS **/
	.timeline-box {
		border-top:2px solid #23507b!important;/* #2081d5!important; lightblue color  #222!important; original color */
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		padding-top:100px;
		position:relative;
	}
	.timeline-box:before {
		content:"시간 순";
		display:block;
		width:100%;
		color:inherit;
		font-weight:500;
		position:absolute;
		top:0px;
		left:0px;
		z-index:3;
		font-size:20px;
		padding:30px 0px 30px 50px;
		border-bottom:1px solid #e9e9e9;
		background-image:url(/resources/images/site/das/bg/bg_timeline_icon.png),url(/resources/images/site/das/bg/bg_timeline_title.png);
		background-position: 20px center ,top left;
		background-repeat:no-repeat;
		background-size: auto,cover;
	}
	.timeline-box .box-header {
    	padding: 20px 0px 10px 20px;
	}
	.timeline-box .box-title {
		width:100%;
		display:block;
	}
	.timeline-box .box-title>span {
		float:left;
		width:40%;
		display:inline-block;
	}
	.timeline-box .box-title>span:first-child {
		padding:10px 0px 10px 15px;
		width:100px;
		border:1px solid #24a0da;
		border-left:10px solid #24a0da;
		font-size:18px;
	}
	.timeline-box .box-title>span:last-child {
		float:right;
		text-align:right;
		padding-top:10px;
	}
	.timeline-box table {
		border:none!important;
		border-collapse:separate;
		border-spacing:0px 20px;
		background:url(/resources/images/site/das/bg/bg_timeline.png) repeat-y 0px bottom;
	}
	.timeline-box tr {
		border:none!important;
	}
	.timleline-col {
		height:110px;
	}
	.timleline-col:nth-child(1){
		width:140px;
	}
	.timeline-box td{
		border:none!important;
	}
	.timeline-box td:not(.file_type) {
		border:1px solid #ddd!important;
		border-right:none!important;
	}
	.timeline-box tr>td:last-child {
		border-right:1px solid #ddd!important;
	}
	.timeline-thumb {
		position:relative;
	}
	.timeline-thumb:before {
		content:"";
		display:block;
		width:10px;
		height:10px;
		background:#ddd;
		position:absolute;
		top:50%;
		left:-40px;
		transform:translateY(-50%);
		border-radius:50%;
	}
	.timeline-thumb:after {
		content:"";
		display:block;
		width:40px;
		height:1px;
		background:#ddd;
		position:absolute;
		top:50%;
		left:-40px;
		transform:translateY(-50%);
		border-radius:50%;
	}
	.file_type .table_icon {
		font-size:43px;
		background:#fff;
	}
	
	.file_message {
		text-align: left!important;
	}
	
	.graph-height {
		height: 400px;
	}
	
	.label-md {
		padding: 0.5em 1em 0.5em;
	}
	
/* Api Guide */
.apikey_body_bg {
	background: url(/resources/images/site/das/dasApiKey/bg_apiguide.jpg) no-repeat 0 0;
    background-size: contain;
}
.apikey_bgtrans {
	background: transparent;
}
.apikey_title {
	font-size: 35px;
    color: #2081D5;
    font-weight: 500;
    padding-top:30px;
}
.apikey_title + p {
	font-size: 16px;
	font-weight: 400;
}
.apikey_border {
	border-top:1px dotted #ddd;
}
.apikey_subtitle {
	display: inline-block;
    color: #454545;
    padding-top:3px;
    position:relative;
   	padding-left:8px;
   	font-size:28px;
}
.apikey_subtitle + p {
	font-size: 16px;
    font-weight: 300;
}
.apikey_subtitle:before {
	content: "\e916";
	font-family:"idas";
	color:#2081D5;
	font-size:24px;
	position: absolute;
    top: 6px;
    left: -20px;
}
.apikey_thumb {
	height:200px;
}

/* New Admin Login Style ::: 20180530 */
.new-mlogin-wrapper {
	display: block;
	width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    min-height: 700px;
}
.new-mlogin-wrap {
	display: block;
	width: 100%;
	height: 676px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -338px;
	background: url(../../../../../../resources/images/site/das/bg/login_m_bg.png) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}
.inner-login-box {
	display: block;
	width: 530px;
	height: 456px;
	margin: 110px auto;
	padding: 60px;
	background: #fff;
	-webkit-box-shadow: 3px 3px 10px -2px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px -2px rgba(0,0,0,0.2);
}
.inner-login-box > h1 {
	margin: 0;
}
.new-m-logintab {
	margin-top: 50px;
}

.new-m-logintab .form-group {
	margin-bottom: 30px;
}

.new-m-logintab .form-control {
	height: 50px;
    font-size: 16px;
	border-color: transparent transparent #191919 transparent;
}

.new-mbtn-group {
	margin-top: 50px;
}

.new-m-logintab .new-btn-blue {
	height: 60px;
	background: #0075d9;
	color: #fff;
}