@charset "utf-8";

button, a, td, tr{
	transition:all 0.1s ease-in;
    -webkit-transition:all 0.1s ease-in;
    -moz-transition:all 0.1s ease-in;
    -o-transition:all 0.1s ease-in;
    -ms-transition:all 0.1s ease-in;
}

/* 본 css 파일은 부트스트랩의 일부 디자인을 변경합니다. */
.popover-close{
	cursor:pointer;
}

p.form-control,
span.form-control{
	margin-left:0;
	padding-left:0;
}

.popover{
	cursor:default;
}

.thumbnail,
.popover{
	border-radius:0 !important;
}

/* 부트 스트랩의 모달창 가운데 위치 */
.modal-desktop{
	text-align:center;
}
 
.modal-desktop .modal-dialog{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}

@media screen and (min-width:768px){
	.modal-desktop:before{
		display:inline-block;
		vertical-align:middle;
		content:" ";
		height:100%;
	}
}

.modal .modal-content{
	border-radius:0 !important;
}

.modal .modal-header .header{
	font-size:20px;
	font-family:"ng";
	font-weight:bold;
	color:#000;
}

.modal .modal-header{
	text-align:center;
}

.modal .modal-footer{
	border:0;
}

.panel{
	border-radius:0 !important;
}

.panel-heading{
	font-family:'ng', sans-serif;
	font-size:16px;
	border-radius:0 !important;
}

.panel-heading a,a:active,a:hover{
	text-decoration:none;
}

.panel-default .panel-heading a,a:active,a:hover{
	color:#fff;
}

.panel-primary .panel-heading a,a:active,a:hover{
	color:#fff;
}

.panel-success .panel-heading a,a:active,a:hover{
	color:#3c763d;
}

.panel-info .panel-heading a,a:active,a:hover{
	color:#31708f;
}

.panel-warning .panel-heading a,a:active,a:hover{
	color:#8a6d3b;
}

.panel-primary .panel-heading a.btn,a.btn:active,a.btn:hover,
.panel-success .panel-heading a.btn,a.btn:active,a.btn:hover,
.panel-info .panel-heading a.btn,a.btn:active,a.btn:hover,
.panel-warning .panel-heading a.btn,a.btn:active,a.btn:hover,
.panel-danger .panel-heading a.btn,a.btn:active,a.btn:hover{
	color:#fff;
}

.panel-danger .panel-heading a,a:active,a:hover{
	color:#a94481;
}

.panel-heading-block{
	display:block;
}

.panel-default .panel-heading{
	background:#29363d;
	color:#fff;
}

.panel-gray{
	border:none;
}

.panel-gray .panel-heading{
	background:#676f84;
	color:#fff;
}

.panel-primary .panel-heading{
	background:#337ab7;
	color:#fff;
}

.panel-success .panel-heading{
	background:#dff0d8;
	color:#3c763d;
}

.panel-info .panel-heading{
	background:#d9edf7;
	color:#31708f;
}

.panel-warning .panel-heading{
	background:#fcf8e3;
	color:#8a6d3b;
}

.panel-danger .panel-heading{
	background:#f2dede;
	color:#a94481;
}

.panel-toggle{
	cursor:pointer;
}

.panel-group .panel-heading{
	border-radius:0 !important;
	font-family:'ng', sans-serif;
}

.panel-in-panel{
	margin-top:15px;
	border:0;
}

.panel-sm .panel-heading {
    padding:5px !important;
	font-size:12px !important;
	font-family:"dotum",sans-serif;
}

.menu-panel-0{
	margin:20px 0 0 0 !important;
}

.menu-panel-1,
.menu-panel-2,
.menu-panel-3,
.menu-panel-4,
.menu-panel-5{
	margin:0 !important;
}

.np-panel .panel-body{
	padding:0;
}

.input-group-addon{
	font-size:12px;
}

/* 부트스트랩의 목록 그룹의 스타일을 변경 */
.list-group .list-group-item{
	border-radius:0 !important;
}

.list-group .list-group-item-heading{
	font-weight:bold;
}

.list-group .list-group-item-text{
	color:#777;
}

/* 부트 스트랩의 모달창이 배경에 가려지는 오류 수정 */
.modal-backdrop{
	z-index:0 !important;
	width:100% !important;
}

/* 드랍다운의 디자인을 변경 */
.dropdown-menu .divider{
    height:1px;
    margin:0;
    overflow:hidden;
    background-color:#e5e5e5;
}
.dropdown-menu{
	padding:0;
	margin:0;
}

.dropdown-menu > li > a{
	display:block;
	margin:0;
	padding:10px;
	background:transparent;
	font-size:12px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
	background:#337ab7;
	color:#fff !important;
}

.btn-black {
	color: #fff !important;
	background-color: #333;
	border-color: #333;
}

.btn-black:hover{
	background-color:#555;
}

.btn-ghost{
	border:1px solid #fff;
	background:transparent;
	color:#fff;
}

.btn-ghost:hover{
	border:1px solid #eee;
	color:#eee;
}

.btn-ghost-black{
	border:1px solid #777;
	background:transparent;
	color:#777;
	font-weight:bold;
}

.btn-ghost-black:hover{
	border:1px solid #000;
	color:#000;
}

.btn-trans{
	color: #fff !important;
	background:transparent;
}

.radio label, .checkbox label{
	padding-left:5px !important;
	font-weight:normal !important;
}

.alert-custom{
	font-weight:normal;
	margin:0;
	background:#fafafa;
	border:1px solid #eee;
	color:#777;
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;
}

.alert-black{
	font-weight:normal;
	margin:0;
	background:#333;
	border:1px solid #000;
	color:#fff;
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;
}

.alert{
	border-radius:0;
	padding:5px;
	font-size:12px;
	font-family:"dotum";
}

.alert strong{
	color:red;
}

.alert i{
	font-size:14px;
}

.alert-custom i{
	color:#000;
}

.alert-header{
	font-weight:normal;
	margin:0 0 15px 0;
	background:#fafafa;
	border:1px solid #eee;
	color:#777;
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;
}

.alert-big{
	font-size:18px;
	font-weight:bold;
	font-family:'ng','dotum', sans-serif;
}

p.form-control{
	border:0 !important;
	font-size:12px !important;
	-webkit-box-shadow:none !important;
    box-shadow:none !important;
	margin:0 !important;
}

.form-group{
	padding:15px 0;
	margin-bottom:0;
	border-bottom:1px dotted #ccc;
}

.panel-body .form-group:first-child{
	padding-top:0;
}

.fg-last{
	margin-bottom:0;
	border-bottom:0;
}

.jumbotron p{
	font-size:16px;
	font-family:"ng", sans-serif;
}

.input-group-addon.nocolor{
	background:none !important;
	border:0;
	font-weight:bold;
}

.input-group-addon.chk-radio-box{
	padding-top:0;
	padding-bottom:0;
	background:none !important;
	border:0;
}

/* 페이징 */
.pagination-board{
	display:inline-block;
	padding-left:0;
	margin:20px 0;
}

.pagination-board > li{
	display:inline;
}

.pagination-board > li > a,
.pagination-board > li > span{
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#333;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
}

.pagination-board > li:first-child > a,
.pagination-board > li:first-child > span{
	margin-left:0;
}

.pagination-board > li > a:hover,
.pagination-board > li > span:hover,
.pagination-board > li > a:focus,
.pagination-board > li > span:focus{
	color:#23527c;
	background-color:#eee;
	border-color:#ddd;
}

.pagination-board > .active > a,
.pagination-board > .active > span,
.pagination-board > .active > a:hover,
.pagination-board > .active > span:hover,
.pagination-board > .active > a:focus,
.pagination-board > .active > span:focus{
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#3799ef;
	border-color:#3799ef;
}

.pagination-board > .disabled > span,
.pagination-board > .disabled > span:hover,
.pagination-board > .disabled > span:focus,
.pagination-board > .disabled > a,
.pagination-board > .disabled > a:hover,
.pagination-board > .disabled > a:focus{
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd;
}

.pagination-board-lg > li > a,
.pagination-board-lg > li > span{
	padding:10px 16px;
	font-size:18px;
}

.pagination-board-sm > li > a,
.pagination-board-sm > li > span{
	padding:5px 10px;
	font-size:12px;
}

/* 부트스트랩의 탭 색상 변경 적용 */
.nav-tabs-blue > li > a,
.nav-tabs-blue > li > a:hover,
.nav-tabs-blue > li > a:focus {
  color: #000;
  cursor: pointer;
  background-color: #ffffff;
  border:1px solid #ccc;
  border-bottom-color: transparent;
}

.nav-tabs-blue > li.active > a,
.nav-tabs-blue > li.active > a:hover,
.nav-tabs-blue > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #20a8d8;
  border:1px solid #1f7de6;
  border-bottom-color: transparent;
}

/* 배지 */
.badge-primary,
.badge-danger,
.badge-warning,
.badge-default,
.badge-success,
.badge-info,
.badge-black{
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
}

.badge-primary{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.badge-danger{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.badge-warning{
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.badge-default{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.badge-success{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.badge-info{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.badge-black{
  color: #fff;
  background-color: #000;
  border-color: #333;
}

/* 사각 배지 소형*/
.square-m,
.square-m-primary,
.square-m-danger,
.square-m-warning,
.square-m-default,
.square-m-gray,
.square-m-success,
.square-m-info,
.square-m-black{
	display: inline-block;
	padding:0px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

/* 사각 배지 */
.square,
.square-primary,
.square-danger,
.square-warning,
.square-default,
.square-gray,
.square-success,
.square-info,
.square-black{
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

.square,
.square-m{
  color: #fff;
  background-color: #777;
}

.square-primary,
.square-m-primary{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.square-danger,
.square-m-danger{
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.square-warning,
.square-m-warning{
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.square-default,
.square-m-default{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.square-gray,
.square-m-gray{
  color: #fff;
  background-color: #828282;
  border-color: #828282;
}
.square-success,
.square-m-success{
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.square-info,
.square-m-info{
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.square-black,
.square-m-black{
  color: #fff;
  background-color: #000;
  border-color: #333;
}

.tc-primary{color:#337ab7}
.tc-success{color:#5cb85c}
.tc-info{color:#5bc0de}
.tc-warning{color:#f0ad4e}
.tc-danger{color:#d9534f}
.tc-violet{color:#42567b;}
.tc-cblack{color:#2a3955;}
.tc-cgray{color:#676f84;}

.bg-violet{background:#42567b;color:#fff;}
.bg-cblack{background:#2a3955;color:#fff;}
.bg-cgray{background:#676f84;color:#fff;}

.btn-group.btn-group-no-mg{
	margin:0;
}
.btn-group.btn-group-no-mg .btn{
	border:0;
	margin:0 !important;
}
.btn-group.btn-group-no-mg .btn-default{
	background:#eee;
}

.table-bordered-2 {
  border:1px solid #ddd;
}

th,td{
	vertical-align:middle !important;
}

.table-bordered-2 > thead > tr > th,
.table-bordered-2 > tbody > tr > th,
.table-bordered-2 > tfoot > tr > th,
.table-bordered-2 > thead > tr > td,
.table-bordered-2 > tbody > tr > td,
.table-bordered-2 > tfoot > tr > td {
  border:1px solid #ddd;
  vertical-align:middle !important;
}

.badge-label{
	position:absolute;
	top:6px;
	left:6px;
}

.btn-resize{
	display:inline-block;
}

@media(max-width:768px){
	.btn-resize{
		display:block !important;
		width:100%;
	}
}

.editableform .form-group{
	border-bottom:0;
}

.dataTable{
	margin-bottom:0 !important;
}

.dataTable td{
	background-color:#fff;
}

/* 버튼 색상 클래스 추가 */
.btn-purple {
  color: #fff;
  background-color: #AB47BC;
  border-color: #8E24AA;
}
.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #8E24AA;
  border-color: #4A148C;
}
.btn-purple:hover {
  color: #fff;
  background-color: #8E24AA;
  border-color: #6A1B9A;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #8E24AA;
  border-color: #6A1B9A;
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
  color: #fff;
  background-color: #6A1B9A;
  border-color: #4A148C;
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  background-image: none;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus {
  background-color: #AB47BC;
  border-color: #8E24AA;
}
.btn-purple .badge {
  color: #AB47BC;
  background-color: #fff;
}

.btn-brown {
  color: #fff;
  background-color: #795548;
  border-color: #4E342E;
}
.btn-brown:focus,
.btn-brown.focus {
  color: #fff;
  background-color: #4E342E;
  border-color: #3E2723;
}
.btn-brown:hover {
  color: #fff;
  background-color: #4E342E;
  border-color: #3E2723;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  color: #fff;
  background-color: #4E342E;
  border-color: #3E2723;
}
.btn-brown:active:hover,
.btn-brown.active:hover,
.open > .dropdown-toggle.btn-brown:hover,
.btn-brown:active:focus,
.btn-brown.active:focus,
.open > .dropdown-toggle.btn-brown:focus,
.btn-brown:active.focus,
.btn-brown.active.focus,
.open > .dropdown-toggle.btn-brown.focus {
  color: #fff;
  background-color: #3E2723;
  border-color: #3E2723;
}
.btn-brown:active,
.btn-brown.active,
.open > .dropdown-toggle.btn-brown {
  background-image: none;
}
.btn-brown.disabled:hover,
.btn-brown[disabled]:hover,
fieldset[disabled] .btn-brown:hover,
.btn-brown.disabled:focus,
.btn-brown[disabled]:focus,
fieldset[disabled] .btn-brown:focus,
.btn-brown.disabled.focus,
.btn-brown[disabled].focus,
fieldset[disabled] .btn-brown.focus {
  background-color: #795548;
  border-color: #4E342E;
}
.btn-brown .badge {
  color: #795548;
  background-color: #fff;
}

.mp0{
	margin-bottom:0;
	padding-bottom:0;
}

.btn-sxm,
.btn-group-sxm > .btn {
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 0;
}

.form-horizontal .no-mg .form-group{
	margin-left:0 !important;
	margin-right:0 !important;
}