@charset "UTF-8";

/* 공통 */
button {cursor: pointer;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.nl2br{white-space: pre-wrap;}
.wp10 {width: 10%;}
.wp20 {width: 20%;}
.wp30 {width: 30%;}
.wp40 {width: 40%;}
.wp50 {width: 50%;}
.wp60 {width: 60%;}
.wp70 {width: 70%;}
.wp80 {width: 80%;}
.wp90 {width: 90%;}
.wp100 {width: 100%;}

.search:after {content: ''; display: block; clear: both;}


/* paginate */
.paging a.disabled {cursor: default;}
/*
.paginate {text-align: center; margin: 10px 0; font-size: 15px;}
.paginate .page-item {display: inline-block; border: 1px solid #c2c2c2; color: #9f9f9f; min-width: 1.6rem; padding: 4px 8px; margin: 0 1px; line-height: 20px; vertical-align: middle; font-weight: bold;}
.paginate .page-pg {line-height: 18px; padding: 6px 8px 4px;}
.paginate .page-item>i {margin-top: -1px;}
.paginate .page-first, .paginate .page-last {min-width: 1.8rem;}
.paginate span.page-pg {color: #36ae2c; border: 1px solid #36ae2c;}
.paginate span.page-first,.paginate span.page-prev,.paginate span.page-next,.paginate span.page-last {border: 1px solid #e0e0e0; color: #cbcbcb;}
.paginate a {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.5s ease;}
.paginate a:hover {color: #229d47; border: 1px solid #229d47;}
*/


/* Loading bar */
.loading-bar-facebook {z-index: 20000; display: inline-block; width: 76px; height: 50px; position: fixed; top: calc(50% - 25px); left: calc(50% - 32px); opacity: 0;}
.loading-bar-facebook div {display: inline-block; position: absolute; left: 6px; width: 13px; top: 13px; height: 25px; background-color: #1a69a1; animation: loading-bar-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.loading-bar-facebook div:nth-child(1) {left: 12px; animation-delay: -0.24s;}
.loading-bar-facebook div:nth-child(2) {left: 32px;	animation-delay: -0.12s;}
.loading-bar-facebook div:nth-child(3) {left: 51px;}
@keyframes loading-bar-facebook {
	0% {top: 0px;  height: 50px; opacity: 0.8;}
	50%, 100% {top: 13px; height: 25px;}
	100% {opacity: 1;}
}

/* File */
::-webkit-file-upload-button{cursor: pointer;}
.attach-file .attach-file-add {height: 34px;}
.attach-file .attach-file-add .btn-file {position: relative; overflow: hidden; min-width: 30px; padding: 4px 10px; border: 1px solid #2a71b9; color: #2a71b9; font-size: 14px; text-align: center; display: inline-block; cursor: pointer;}
.attach-file .attach-file-add .btn-file:hover {border: 1px solid #105f69; color: #114b87;}
.attach-file .attach-file-add .btn-file input[type=file] {position: absolute; top: 0; right: 0; 
	min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); 
	opacity: 0; outline: none; background: white;cursor: inherit; display: block;}
.attach-file-list > :first-child {margin-top: 6px;}
.attach-file-list .file-size {font-size: 12px; color: #666; display: inline-block; margin-left: 8px;}
/*
.attach-file .attach-file-list .file-name {display: inline-block; line-height: 1.8; margin-top: 6px;}
.attach-file .attach-file-list a.file-name {text-decoration: none;}
.attach-file .attach-file-list .file-size {font-size: 12px; color: #999; display: inline-block; margin-left: 8px;}
.attach-file .attach-file-list .btn-file-delete {display: inline-block; margin-left: 4px;}
*/


/* dialog */
.dialog-mark {z-index: 10000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .2; padding-bottom: 4px;}
.dialog-wrap {position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; overflow-x: auto; overflow-y: auto;}
.dialog-inner {width: 350px; background-color: #fff; position: absolute; top: 0; left: 0; border: 1px solid #999;}
.dialog-inner .dialog-title {/*min-height: 68px;*/ cursor: pointer;}
.dialog-modal .dialog-inner .contents {padding: 20px 20px 20px 20px;}


/* Board */
.board-view .file {min-height: 47px;}
.board-list .search+* {clear: both;}
/* .board-list .no-data:before {content: ''; display: block; clear: both;} */
.board-list .no-data {text-align: center; clear: both; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: .5rem 1rem;}


/* datepicker */
.datepicker{padding: 0;}
.datepicker-dropdown:before{border: 0;}
.datepicker-dropdown:after{border: 0;}
.datepicker.dropdown-menu{border-radius: 0;}
.datepicker .table-condensed thead tr:nth-child(2) th{background-color: #a5a9b2;color: #fff;vertical-align: middle;}
.datepicker .datepicker-switch{font-size: 16px;line-height: 2;}
.datepicker table tr td,
.datepicker table tr th{border-radius: 0;width: 34px;}
.datepicker table tr td span{border-radius: 0;}
.datepicker .table-condensed{background-color: #a5a9b2;}
.datepicker .table-condensed thead tr:nth-child(3) th,
.datepicker .table-condensed tbody,
.datepicker .table-condensed tfoot{background-color: #fff;}
.datepicker table tr td.today{background: #ddd;}
.datepicker table tr td.today:hover:hover{background: #ccc;}
.datepicker table tr td.today.old,
.datepicker table tr td.today.new,
.datepicker table tr td.today.disabled{background: #ebebeb !important;}
.datepicker table tr td.today.old:hover,
.datepicker table tr td.today.new:hover,
.datepicker table tr td.today.disabled:hover{background: #ddd !important;}
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active{background: #97d4dc;color: #333;}
.datepicker table tr td.active.active:hover,
.datepicker table tr td span.active.active:hover{background: #82bec6;}
.datepicker table tr td.active.old,
.datepicker table tr td.active.new,
.datepicker table tr td.active.disabled{background: #c4e1e5; color: #999;}
.datepicker table tr td.active.old:hover,
.datepicker table tr td.active.new:hover,
.datepicker table tr td.active.disabled:hover{background: #afd7dc;}
.datepicker table tr td.today.active:hover{color: #333;}
.datepicker .datepicker-days table tr:nth-child(3) th:nth-child(1),
.datepicker .datepicker-days table td:nth-child(1),
.datepicker .datepicker-days table td.active:nth-child(1),
.datepicker .datepicker-days table td.active.active:nth-child(1),
.datepicker .datepicker-days table td.today:nth-child(1),
.datepicker .datepicker-days table td.today.active:nth-child(1),
.datepicker .datepicker-days table td.today:nth-child(1):hover:hover{color: #ce3838;}
.datepicker .datepicker-days table td.old:nth-child(1),
.datepicker .datepicker-days table td.active.old:nth-child(1),
.datepicker .datepicker-days table td.new:nth-child(1),
.datepicker .datepicker-days table td.active.new:nth-child(1),
.datepicker .datepicker-days table td.today.old:nth-child(1),
.datepicker .datepicker-days table td.today.new:nth-child(1){color: #da8d8d;}
.datepicker .datepicker-days table tr:nth-child(3) th:nth-child(7),
.datepicker .datepicker-days table td:nth-child(7),
.datepicker .datepicker-days table td.active:nth-child(7),
.datepicker .datepicker-days table td.active.active:nth-child(7),
.datepicker .datepicker-days table td.today:nth-child(7),
.datepicker .datepicker-days table td.today.active:nth-child(7),
.datepicker .datepicker-days table td.today:nth-child(7):hover:hover{color: #3366a5;}
.datepicker .datepicker-days table td.old:nth-child(7),
.datepicker .datepicker-days table td.active.old:nth-child(7),
.datepicker .datepicker-days table td.new:nth-child(7),
.datepicker .datepicker-days table td.active.new:nth-child(7),
.datepicker .datepicker-days table td.today.old:nth-child(7):hover,
.datepicker .datepicker-days table td.today.new:nth-child(7):hover{color: #749cce;}
.datepicker table td.disabled:nth-child(1),
.datepicker table td.disabled:nth-child(1):hover{color: #e0abab;}
.datepicker table td.disabled:nth-child(7),
.datepicker table td.disabled:nth-child(7):hover{color: #9ab5d6;}
/* .inputDate {display: inline-block; width: 130px; position: relative;} */
.inputDate {display: inline-block;
    position: relative;
    height: 42px;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border-radius: 4px;}
.inputDate .input-group-addon{position: absolute;top: 6px;right: 10px;width: 16px; height: 40px; border: 0px; background-color: initial;}
.inputDate .input-group-addon span {display: inline-block; background:url(../img/sub/bg_calendar.gif) no-repeat;position: relative;width: 16px; height: 16px;}
.inputDate input::-ms-clear {display: none;}
.inputDate input {border:none;border-right:0px; border-top:0px; border-left:0px; border-bottom:0px; height: 28px; pointer-events: none; width: 100%;}

/* tooltip custom */
.tooltipBig {font-size: 40px; color: rgb(217, 193, 25); vertical-align: middle; border-bottom: 0 !important; padding-left: 10px; }
.tooltipSmall {font-size: 20px; color: rgb(217, 193, 25); vertical-align: middle;}