@CHARSET "UTF-8";
@font-face {font-family:'Nanum Gothic','Apple SD 산돌고딕 neo',sans-serif;}

/****************************************************/
/*  공통 스타일시트
/*  작성: 오찬식
/*  작성일: 32.11.7.
/****************************************************/
body,ul,li {margin:0px;padding:0px}
body {
    font-family:'Nanum Gothic','Apple SD 산돌고딕 neo',sans-serif;
	font-size:16px;
}
li{list-style:none}
input,button{margin:0px;}
a {text-decoration:none}
a:hover {text-decoration:underline}
#hf {display:none;}
p{/*font-size:13px;margin:2px*/}

/* input 박스 */
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password] {
    padding:5px;
    border:1px solid #cccccc;
    border-radius: 5px;
    font-size:13px;
}
/* select 박스 */
select {
    padding:5px;
    border:1px solid #cccccc;
    border-radius: 5px;
    font-size:13px;
}
label {
    /*font-size:13px;*/
    /*vertical-align: top;*/
}
input[type=radio] {vertical-align: middle;}
textarea {
    font-size:13px;
    height:50px;
    border:1px solid #cccccc;
    border-radius: 5px;
    padding:5px;

}
/* 개발중에는 나타나게 한다. */
.dev_view {display:block!important}

/* 뱃지 */
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

/* 버튼 기본스타일 */
.btn {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px	
}
.btn:hover {
	text-decoration:none;
}

.btn.default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.btn.default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

/* 버튼 색깔 */
.btn.primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn.primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn.primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn.success{
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}	
.btn.success:hover{
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}	
.btn.success .badge {
    color: #5cb85c;
    background-color: #fff
}


.btn.info{
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}	
.btn.info:hover{
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}	
.btn.info .badge {
    color: #5bc0de;
    background-color: #fff
}


.btn.warning{
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}	
.btn.warning:hover{
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}	
.btn.warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn.orange{
    color: #fff;
    background-color: #e96719;
    border-color: #c5530f
}   
.btn.orange:hover{
    color: #fff;
    background-color: #e15f11;
    border-color: #b54706
}   
.btn.orange .badge {
    color: #e96719;
    background-color: #fff
}

.btn.danger{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}   
.btn.danger:hover{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}   
.btn.danger .badge {
    color: #d9534f;
    background-color: #fff
}
/* 버튼 크기 */
.btn.lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.btn.sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn.xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px	
}

/* 라벨 */
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

.label.default {
	background-color: #fff
}
.label.primary {
	background-color: #337ab7
}
.label.success {
	background-color: #5cb85c
}
.label.info {
	background-color: #5bc0de
}
.label.warning {
	background-color: #f0ad4e
}
.label.danger {
    background-color: #d9534f
}
.label.error {
    background-color: #d91816
}
.label.gray {
    background-color: gray
}

.fas.default {
	color: #fff
}
.fas.primary {
	color: #337ab7
}
.fas.success {
	color: #5cb85c
}
.fas.info {
	color: #5bc0de
}
.fas.warning {
	color: #f0ad4e
}
.fas.danger {
    color: #d9534f
}
.fas.error {
    color: #d91816
}
.fas.gray {
    color: gray
}

.fas.lg {
    font-size:20px;
}
.fas.sm {
    font-size:10px;
}

.fas {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.label.enabled {
    background-color: #5cb85c
}
.label.disabled {
    background-color: gray
}

/* 페이지 네이트 */
nav.basic {
    text-align:center;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

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

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

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

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

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

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

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

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

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}


/* 안내 메세지 */

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

/* 드래그&드랍 형식 파일업로드 CSS */
.statusbar .progressBar {width: 200px;height: 22px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;display:inline-block;margin:0px 10px 5px 5px;vertical-align:top;}
.statusbar .progressBar div {height: 100%;color: #fff;text-align: right;line-height: 22px; /* same as #progressBar height if we want text middle aligned */width: 0;background-color: #0ba1b5; border-radius: 3px; }

.statusbar {border-top:1px solid #A9CCD1;min-height:25px;width:100%;padding:10px 0px 0px 0px;vertical-align:top;}
.statusbar:nth-child(odd) {background:#EBEFF0;}

.statusbar .filename {display:inline-block;vertical-align:top;width:400px;}
.statusbar .filesize {display:inline-block;vertical-align:top;color:#30693D;width:100px;margin-left:10px;margin-right:5px;}
.statusbar .abort {background-color:#A8352F;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;cursor:pointer;vertical-align:top}
.statusbar .result {display:inline-block;vertical-align:top}

.statusbar .result-success {background-color:#B9F23D;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;}
.statusbar .result-fail {background-color:#A8352F;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-family:arial;font-size:13px;font-weight:normal;padding:4px 15px;}
/* // 드래그&드랍 형식 파일업로드 CSS */

/* 인풋 사이즈 */
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
/* // 인풋 사이즈 */

/* 날짜 유형 */
.type_date {width:100px!important;text-align:center;cursor:pointer;}
.type_price {text-align:right;width:70px;}
.type_number {text-align:right;}
.type_link {width:300px;}


.progress-bar {
    font-size:11px;
}