/*~ =================================================================================================================*/
/*~ Base															 												 */
/*~ =================================================================================================================*/
body {
	font-family: nanumGothic, "Malgun Gothic", sans-serif !important;
	color: #696969;
	background-color: #D9E0E7;
	font-size: 13px;
}

ul, li, ol, p {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a, a:link, a:active, a:hover, a:focus {
	color: #6b7181;
	text-decoration: none;
	background-color: transparent;
	outline: 0;
}

select.form-horizontal, input.form-horizontal {
	width: auto;
	display: inline !important;
}

ul.horizontal {
	display: inline-block;
}

ul.horizontal:after {
	clear: both;
}

ul.horizontal>li {
	float: left;
}

h4 {
	font-size: 16px;
	color: #3b4b5b;
	font-weight: bold;
}

label {
	font-weight: normal;
}

a {
	cursor: pointer;
}

.pointer{cursor:pointer};

/*~ =================================================================================================================*/
/*~ Layout															 												 */
/*~ =================================================================================================================*/
body {
	background-color:#e9eaea;	
}

#frameWrapper {
	width: 100%;
	min-width: 1000px;
	/*padding-left: 55px;*/
}

#frameTop{
    width: 100%;
    position:fixed;
    height: 8px;
    background: #2d353c;	
    top:0;
    left:0;
}
#frameLeft {
    width: 207px;
    overflow: hidden;
    height: 100%;
    background: #2d353c;	
    position:fixed;
    top:8px;
    left:0;
}
#frameContent {
    width:auto;
    min-width:800px;
	margin-left: 206px;
	background: #D9E0E7;
    padding: 20px;
}
#frameContent .page-title{
	margin: 14px 0px 14px; 
}
#frameContent .page-title span{
	font-size:30px;
	color:#242a30;
}
/*~ Frame Top ================================================================*/
#frameTop .navbar-header{
	width:207px;	
	background-color:#00ACAC;
	height:100%;
}
#frameTop .navbar-header a{
	color:#fff !important;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}
#frameTop .page-title{
	font-weight:bold;
	font-size:26px;
	color:#fff;
	margin-top:15px;
	margin-left:20px;
	
}
#frameTop .page-title > small{
	color:#e1e1e1;
	font-size:55%;	
	font-weight:normal;
}


/*~ Frame Left ================================================================*/
.nav.frame-nav>li.active>a{
	background-color:#00ACAC;	
	color:#fff;	
}
.nav.frame-nav>li.active>a:hover{
	background-color:transparent;	
}
.nav.frame-nav>li>a {
    padding: 15px 20px;
    color: #a8acb1;
}
.nav.frame-nav>li>a:focus,
.nav.frame-nav>li>a:hover{
	background-color:#232a2f;	
}
/*~ Frame Content ================================================================*/

/*~ Table ================================================================*/
.table-list > thead{background-color:#242a30; color:#fff;}
.table-list > tbody{background-color:#fff;}
.table-no-marginBottom{margin-bottom: 0px}

/*~ 패널 ================================================================*/
/*패널*/
.total-count{
	float: left;
	margin-top: 7px;
}
.search-condition-area{
	float: right; 
	width: 25%;
}
.search-condition{
	float:left; 
	margin-right: 4px;
}
.
.panel-heading h3,.panel-heading h4{margin:0px; display:inline-block;}

/*~ 패널 ================================================================*/
.list-search-box {margin-bottom:10px; background: #D9E0E7;}


/*~ 로그인 =======================================*/
.login {
    margin: -168px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%
}
.login label {
    color: #707478
}
.login .login-header {
    position: absolute;
    top: -80px;
    left: 50%;
    right: 0;
    width: 450px;
    padding: 0 40px;
    margin-left: -225px;
    font-weight: 300
}
.login .login-header .brand {
    padding: 0;
    font-size: 28px;
    color: #2d353c
}
.login .login-header .brand .logo {
    border: 14px solid transparent;
    border-color: #4DCACA #31A3A3 #1D8888;
    width: 28px;
    height: 28px;
    position: relative;
    font-size: 0;
    margin-right: 10px;
    top: -9px
}
.login .login-header .brand small {
    font-size: 14px;
    display: block;
    color: #707478
}
.login .login-header .icon {
    position: absolute;
    right: 40px;
    top: -2px;
    opacity: .1;
    filter: alpha(opacity=10)
}
.login .login-header .icon i {
    font-size: 70px
}
.login .login-content {
    padding: 30px 40px;
    color: #999;
    width: 450px;
    margin: 0 auto
}

.login.login-v2 {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0, 0, 0, .4);
    color: #ccc;
    width: 450px;
    margin: 168px 0 0 -225px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.login.login-v2 .login-content {
    padding: 40px
}
.login.login-v2 label {
    color: #ccc
}
.login.login-v2 .login-header,
.login.login-v2 .login-header .brand,
.login.login-v2 .login-header .brand small,
.login.login-v2 a {
    color: #fff
}
.login.login-v2 .login-header .brand small {
    color: rgba(255, 255, 255, .5)
}
.login.login-v2 .login-header .icon {
    opacity: .4;
    filter: alpha(opacity=40)
}
.login.login-v2 .form-control {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0, 0, 0, .4);
    border: none;
    color: #fff
}
.login.login-v2 .form-control:focus {
    border-color: rgba(255, 255, 255, .35)
}
.login-cover,
.login-cover-bg,
.login-cover-image {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.login-cover-image img {
    max-width: 100%;
    top: 0;
    left: 0;
    position: absolute
}
.login-cover-bg {
    background: #666;
    background: -moz-radial-gradient(center, ellipse cover, #666 0, #000 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #666), color-stop(100%, #000));
    background: -webkit-radial-gradient(center, ellipse cover, #666 0, #000 100%);
    background: -o-radial-gradient(center, ellipse cover, #666 0, #000 100%);
    background: -ms-radial-gradient(center, ellipse cover, #666 0, #000 100%);
    background: radial-gradient(ellipse at center, #666 0, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=1);
    opacity: .1;
    filter: alpha(opacity=60);
}
.login-bg-list {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 1020;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 20px
}
.login-bg-list>li {
    width: 80px;
    height: 60px;
    overflow: hidden;
    float: left;
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}
.login-bg-list>li a {
    display: block;
    height: 60px
}
.login-bg-list>li.active {
    outline: #fff solid 3px;
    z-index: 1020;
    position: relative
}
.login-bg-list>li img {
    max-height: 100%
}
.form-control {
    border: 1px solid #ccd0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.form-control:focus {
    border-color: #9fa2a5;
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-control.input-inline {
    display: inline;
    width: auto;
    padding: 0 7px
}
.form-control.input-xs {
    height: 20px
}
/* 에러 페이지  ========================================*/
.error {
    margin: 0 auto;
    text-align: center
}
.error-code,
.error-content {
    position: absolute;
    left: 0;
    right: 0
}
.error-code {
    bottom: 60%;
    color: #2d353c;
    font-size: 70px;
    line-height: 100px;
    margin: 11px
}
.error-content {
    top: 40%;
    bottom: 0;
    padding-top: 15px;
    background: #2d353c
}
.error-message {
    color: #fff;
    font-size: 24px;
    margin-bottom: 20px;
}
.error-desc {
    font-size: 12px;
    color: #647788
}
/*----------------------------------------------*/
/* Override										*/
/*----------------------------------------------*/
/*인풋 헬프블럭*/
.help-block {margin-bottom:0;}
/*라벨*/
label {font-weight:normal;}
/*내비헤더 선택된것*/
.pagination {margin:10px 0 20px 0;}
/**모달다이얼로그**/
.modal-dialog{width:800px;}
.modal-footer{margin-top:0px;}

/*----------------------------------------------*/
/* New											*/
/*----------------------------------------------*/
/* table header*/
.table-header{
	background:#f5f5f5;
	color:#6C7783
}

/* table list */
.table-list {border-bottom:1px solid #ddd}
.table-list thead>tr>th {text-align:center; cursor:pointer;}
.table-list tbody>tr>td {text-align:center; cursor:pointer;}
.table-list tbody>tr>td.text-left {text-align:left; padding-left:10px;}
/* 전역 추가 클래스 */
.table-list02{box-shadow:0px 1px #E4E4E6;}
.table-list02 > thead{background:#9ca5ac;}
.table-list02 > thead tr th{height:43px; color:#fff; font-weight:bold; vertical-align: middle; text-align:center; border:none;}
.table-list02 > tbody tr td{text-align:center; border-top:1px solid #f4f4f4; vertical-align: middle;}
.table-list02 > tbody tr td.text-left{text-align:left;}
.table-list02 > tbody tr td > button {vertical-align: middle;}
.table-list02 > tbody tr{background-color: #fff; cursor:pointer;}
.table-list02 > tbody tr:nth-child(even) {background-color: #fbfbfb;}
.table-list02 > tbody tr:last-child td {min-height:47px;}
.table-list02 > tbody tr:hover {background-color: #f0f6f6;} 
.table-list02 > tbody tr:last-child td{border-bottom:solid 1px #dfe0e2;}
.table-list02.cursor-auto tbody tr{cursor:auto;}
/* table add */
.table-add > tbody tr th {text-align:center;}
/* table inner */
.table-inner{margin-bottom:0;}



.table-auto-cursor thead>tr>th {cursor:auto;}
.table-auto-cursor tbody>tr>td {cursor:auto;}
/*기본 상세보기형 테이블*/
.table-add,
.table-view {border-top:1px solid #ddd; }
.table-add tbody>tr>th,
.table-view tbody>tr>th {text-align:right; padding-right:20px; line-height:2.0; border-right:1px dotted #ddd; border-top:none; border-bottom:1px dotted #ddd;}
.table-add tbody>tr>td,
.table-view tbody>tr>td {padding-left:15px; line-height:2.0; border-top:none; border-bottom:1px dotted #ddd;}

/*패널이나 탭등 기타 컨테이너 속에 포함된 테이블*/
.table-inner {margin-bottom:0px; border-top:none;}
.table-inner {margin-bottom:0px; border-top:none;}
.table-inner tbody>tr:first-child > th, .table-inner tbody>tr:first-child > td {border-top: none;}
.table-inner tbody>tr:last-child > th, .table-inner tbody>tr:last-child > td {border-bottom: none;}
.table-inner > thead{color:#000;background-color:#fff;}



/*텍스트 높이중앙정렬*/
.table-middle tbody>tr>td {vertical-align:middle;}

/*탭컨텐츠*/
.tab-content{border:1px solid #ddd; border-top:none; margin-bottom:20px; border-radius: 0 0 4px 4px;}

/*패널바디 패딩없음*/
.panel-none-padding .panel-body {padding:0px 15px 15px 15px;}

/*목록 페이징 영역 + 버튼영역*/
.content-bottom{text-align:center; margin-bottom:20px; padding-top:10px;}
.content-bottom:before,div.content-bottom:after {display:table;content: " ";}
.content-bottom:after{clear:both;}
.content-bottom-inner{margin-bottom:0px;}

.no-space{margin:0; padding:0;}
.no-space .pagination {margin:0}

.no-board{border:0;}


/*목록 총 게시물수*/
p.listTotalCnt {padding:0 0 5px 10px; margin:0; font-size:13px;}
p.listTotalCnt span{color:#666; font-weight:bold;}
/*버튼*/
button.go{width:25px; height:25px; margin:0 5px; padding:0; min-width:0px; border:0; cursor:pointer; background:url("../../image/btn/go.png") no-repeat left top; vertical-align:middle; }

/*버튼 모달 헤드*/
button.btn-modal-head { 
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000; 
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
button.btn-modal-head:hover,
button.btn-modal-head:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.btn-modal-head{
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
button.btn-modal-head img{width:20px; height:20px;}

/*버튼투명도저절*/
.btn-opacity{ opacity: 0.7; filter: alpha(opacity=70);}
.btn-opacity:hover,img.btn-opacity:focus {
  cursor: pointer;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

ul.ul-in-td {margin:0px;}
ul.ul-in-td li>a{display:inline-block; min-width:200px;}
ul.ul-in-td li>button.close{margin-left:10px; float:none;}


ul.commaout > li:after{content:',';}
ul.commaout > li:last-child:after{content:'';}


.list-search-box > button {margin-top:-5px;}



img.thumb {width:80px;}



.search-box-inner{margin-top:10px; border:1px solid #e1e1e1; padding:10px;}


.j-checkbox{display:inline-block; height:32px; width:32px; line-height:30px; text-align:center; padding:0; font-size:12px; margin:1px; border:solid 1px #cecece; cursor:pointer; background-color:#fff;}
.j-checkbox.checked {border:solid 1px #3c495a; background-color:#3c495a; color:#fff;}

.tag{background-color: #8acc47; color: white;}