/*
파란색 : #14adea
*/
html, body{
	/*font-family:'Noto Sans Korean','Roboto', sans-serif;*/
	font-family:'Roboto','Malgun-Gothic',sans-serif;
	font-weight:400;
}

.content-wrapper{	background:#f0f0f0;}
a{color:black;}
a, a span{font-family:'Roboto','Malgun-Gothic',sans-serif;}
a:hover{text-decoration:none;}

.btn-m{
    padding: 0;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    border-radius: 2px;
    width: 26px;
    line-height: 30px;
}

.btn-dim{
	background:rgba(255,255,255,0.2);
	border:0;color:white;font-size:12px;
	font-weight:600;display:inline-flex;border-radius:1.5px;
}
.btn-dim ion-icon{font-size: 16px;
    line-height: 16px;
    vertical-align: top;
    margin-right: 3px;
}

.btn-dimed{
	background:rgba(0,0,0,0.1);
	border:0;color:white;font-size:12px;
	font-weight:600;display:inline-flex;border-radius:1.5px;
}
.btn-dimed ion-icon{font-size: 16px;
    line-height: 16px;
    vertical-align: top;
    margin-right: 3px;
}
.btn.flat:hover:not(:disabled) {
    background: rgba(0,0,0,0.1);
}
.btn-default{text-indent:0;}
.primary-btn{background:rgba(0,0,0,0.8);color:white;border-radius:1px;border:0;padding:4px 30px 5px 20px;line-height:28px}
.primary-btn ion-icon{vertical-align:middle;margin-right:10px;}

.sub-btn{background:#ececec;color:black;border-radius:1px;border:0;padding:4px 30px 5px 20px;line-height:28px}
.sub-btn ion-icon{vertical-align:middle;margin-right:5px;font-size:18px;}

a ion-icon{
	line-height:26px;
}

#reduce ion-icon{font-size:18px;padding-top:3px}

.btn-default:hover{background:white;}
.primary-btn:hover{background:#14adea;color:white;}


.radio-inline{position: relative;
    display: inline-block;
    /* padding-left: 20px; */
    margin-bottom: 10px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    background: #f0f0f0;
    padding: 5px 10px;
}
.form-horizontal .radio-inline{
    margin-bottom: 10px;}

.radio-inline.on{background:#14adea;color:white;}

input[type=radio]{opacity:0; filter:alpha(opacity=0;)}

.content{padding:30px 15px 100px;}
.row{margin:0;}

.skin-blue .main-header .logo{background:#262f3d;text-align:left;box-shadow:0 -1px 0 #404854 inset;height:55px;line-height:55px;}
.skin-blue .main-header .logo:hover{background:#262f3d;}
.skin-blue .main-header .navbar{background:white;box-shadow:0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15)}

.main-sidebar{padding-top:55px;}

.skin-blue .sidebar-menu>li:hover>a{background:rgba(255,255,255,0.1)}
.skin-blue .sidebar-menu>li>a{border-left:0;}
.treeview-menu{padding-left:0;}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{background:#262f3d;}
.skin-blue .sidebar-menu>li>.treeview-menu{background:#19212b;letter-spacing:-0.5px;padding:10px 6px 15px}
.skin-blue .sidebar-menu>li.menu-open>a{background:#19212b;text-decoration:none;}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover{background:#262f3d}
.skin-blue .main-header .navbar .sidebar-toggle{color:black}

.skin-blue .content-header{background:teal;min-height:120px;color:white;padding:30px; padding-bottom:0;}
.main-header .sidebar-toggle{padding:18px;}
.skin-blue .main-header .navbar .sidebar-toggle:hover{background:black}
.skin-blue .main-header .navbar .nav>li>a{color:black;}
.skin-blue .main-header .navbar .nav>li>a:hover{color:#14adea}


.menu-open .treeview-menu{display:block;}


.breadcrumb{color:white;right:30px;
    float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    position: relative;
    top: 0;
    border-radius: 2px;
	text-indent:0;
}

.content-header>.breadcrumb>li>a,.breadcrumb>li>a{color:white}
.breadcrumb>.active{color:#f5f1f3}
.content-header>h1>small, h1>small{color:white;}

.lat{border:0;}
.lat .lat_title{background:none;}

.pop-layer .pop-container {
	padding: 20px 25px;
  }
  
  .pop-layer p.ctxt {
	color: #666;
	line-height: 25px;
  }
  
  .pop-layer .btn-r {
	width: 100%;
	margin: 10px 0 20px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
	text-align: right;
  }
  
  .pop-layer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 410px;
	height: auto;
	background-color: #fff;
	border: 5px solid #3571B5;
	z-index: 10;
  }
  
  .dim-layer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
  }
  
  .dim-layer .dimBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
  }
  
  .dim-layer .pop-layer {
	display: block;
  }
  
  a.btn-layerClose {
	display: inline-block;
	height: 25px;
	padding: 0 14px 0;
	border: 1px solid #304a8a;
	background-color: #3f5a9d;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
  }
  
  a.btn-layerClose:hover {
	border: 1px solid #091940;
	background-color: #1f326a;
	color: #fff;
  }

.form-control{border-radius:1px;}
.datepicker{border-radius:1px;}

/* 대쉬보드 */

/*card*/
.info-box{box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);border-radius:2px;height:100%;}

.card{box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);border-radius:2px;height:314px;min-height:300px;margin:0;padding:0;position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;}

.card.enter{background:ghostwhite;outline:2px solid #fff; box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);}

.box-header{padding: 15px 10px 8px 20px;height: 44px;}
.box-tool{position: absolute; right: 10px;top:10px;}
.box-body{padding: 5px 20px 20px;height: 100%;position:relative}

.box-header p{   display: inline-block; font-size: 16px;    font-weight: bold;    line-height: 21px; letter-spacing:-1px;}


.box-header span{
    float:right;
	right:30px;
    line-height: 21px;
    color: #888;
	font-size:12px;
    display: inline-block;
    position: relative;
    top: -1px;
}

.info-box .box-header span{
	float:inherit;
	right:0;
    margin-left: 10px;
    line-height: 21px;
    color: #888;
	font-size:12px;
    display: inline-block;
    position: relative;
    top: -1px;
}
.box-header i{
	font-size:12px;_text-decoration:underline; font-style:normal;
}
.box-header span.method{
	float:right;right:30px;_background:#7a90a9;border-radius:1px;padding:2px 10px;_color:white;font-size:14px;
}
.box-header span.per{
	font-weight:bold;color:black
}

.box-body.table{
	border-top:1px solid #f0f0f0;
}
.box-footer{background:transparent}



/*공지사항*/
#news a {font-size:14px;}


/*이미지배너*/
.row .card.banner{ height:auto !important;min-height:inherit}
.row .card.banner .box-body{padding:0;}
.row .card.banner img {width:100%;max-height:150px;border-radius:2px}

/*bxSlider*/


/*세부컨텐츠*/
.content-header>.subContainer{text-indent:15px;}
.subContainer{width:1200px;margin:0 auto; padding:0; }
.subContainer h1{display:inline;}
.skin-blue .content-header.bound{height:340px;}
.content.subContainer{margin-top:-200px;width:1200px;padding:0;}
.content.subContainer {}

.control-box{background:ghostwhite;}
.control-box .box-body{padding-bottom:0;}
.control-box .box-tool{right:25px;}
.control-box .box-footer{margin-left:20px;}
.w_t_m{margin-top:10px;}
.control-label ion-icon{vertical-align:sub;}

.printSet{clear:both; margin-top:10px;}
.dsexplain{clear:both; padding:15px 10px;_background:rgba(0,0,0,0.3);background:#14adea;font-size:16px;color:white;font-weight:600}

.table100.ver5{padding-right:0;margin-right:0;}
.row .exp{width:100%;transition:0.3s}
.row .card{height:340px;transition:0.3s}
.row .exp .card{height:500px;transition:0.3s}

.form-horizontal .form-group{margin:0; padding:0; margin-bottom:15px;}


.table100{clear:both;margin-top:30px; font-family:'Roboto','Malgun-Gothic',sans-serif;
	font-weight:400;}

.table100.ver5 td,.table100.ver5 th{font-family:'Roboto','Malgun-Gothic',sans-serif;
	font-weight:400;}

.row100.head th{font-weight:bold;font-size:15px;}
.table100.ver5 .table100-head th{}
.table100.ver5 .table100-head{padding-right:0;}
.table100.ver5 .table100-body{padding-right:0;}
.table100.ver5 .table100-body tr{border-radius:2px;}
.table100.ver5 .table100-body td{padding-top:5px;padding-bottom:5px;}
.table100.ver5 .table100-body td:first-child{
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px; }
.table100.ver5 .table100-body td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}
.cell100 .fa.fa-minus{font-size:5px}
.cell100 .fa.fa-caret-down,.cell100 .fa.fa-caret-up{font-size:16px;vertical-align:baseline;}


.cell100_t p{
	width:30%;
	float:left;
	margin:0;
	color:black;font-weight:bold;
	text-align:right;
	margin-right:18px;
	display:inline-block;
}
.cell100_t  span{
	text-align:center;font-size:11px;
}
th.cell100{padding-left:40px;}

li.bar{border-top:1px solid rgba(255,255,255,0.3);width:85%;margin:10px 0 5px;background:darkslateblue;background:royalblue;color:white;font-size:12px;padding-left:10px;}
li.bar.lme{background:indianred}

.lme_cl i{color:indianred}
.uniq_cl i{color:royalblue}

/*FELXIBLE*/
@media (max-width: 1500px){
	
	.content-header>.subContainer{text-indent:0;}
	.subContainer,.content.subContainer {
		width:100%;
	}
	.content.subContainer{
		padding:0 15px;
	}

	.subContainer>.breadcrumb{
		
	}

	.cell100_t p {
		float:none;
  	}

}

@media (max-width: 991px){
	.content-header>.breadcrumb {
		right:0;
		background:cadetblue;
	}
	
}

@media (max-width: 767px){
	.content{padding:15px 0}
	.content.subContainer{padding:0;margin-top:-150px}
	.subContainer>.breadcrumb{
    width: 100%;
    right: 0;
    text-align: right;font-size:11px;}
	.row .card{padding:5px;}
	.info-box{padding:0 5px;}
	.box-header{padding-left:5px;padding-right:5px;}
	.box-body{padding-left:0;padding-right:0;}

	.table100.ver5 .table100-head th{padding-left:3%;padding-right:0;text-align:left;}
	.box-header span.method{right:10px}
	.w_t_m{margin-top:0;}

	.cell100_t p{margin-right:5px;width:50%;font-size:11px;}
	.cell100_t span{font-size:9px;}
	.subContainer h1{margin-top:10px;font-size:26px;margin-bottom:5px; display:inline-block;height:34px; overflow:hidden;}
	.breadcrumb>li+li:before{padding:0 1px;}
	.hidden-xs{position:fixed;bottom:10px;right:10px;display:block !important}
}



@media screen and (max-width: 1300px) {
	td.column1{
		font-size:12px !important;
	}
	.col1{
		width:12% !important;
	}
	.col2{
		width:16% !important;
	}
	.subContainer h1{display:inline-block;}
	.content.subContainer{padding:0;margin-top:-150px}
}


@media screen and (max-width: 800px) {
	td.column1{
		font-size:11px !important;
		padding-left:5px;
	}
}