/*
body, div, th, td {
    font-size : 14px;
}
*/

/* --- 화면 전체 테두리 컬러 --- */
body{
    width: 100%;
    height: 100%;
}
header{
    background-color: transparent;
}
.body_green {
    background-color: rgb(192, 206, 137);
}
.body_blue {
    background-color: rgb(138, 179, 191);
}
.body_red {
    background-color: rgb(248, 204, 156);
}

#wrap { padding:10px 20px; }

.main-footer { padding:4px; border-top:0; }

.content-wrapper {background-color:#FFFFFF; background-color:transparent}
/* --- 기본 표 스타일 th, td --- */

/* Content */
.content {
  min-height: 250px;
  padding: 15px 0px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width:900px) {
  .content {width:900px}
}

@media (max-width:899px) {
  .content {width:100%}
}

th{
  /*border: 1px solid #808080 !important;*/
  text-align: center;
  height: 1rem;
  font-size: 0.85em;
}
td{
    height: 2em;
    font-size: 0.8em;
}
th { vertical-align:middle !important }
.vertical-align { vertical-align:middle !important }
/* --- 구분선 --- */
hr{
    margin-top: 0;
    margin-bottom: 0.38em;
}
.logoimg { position:absolute; width:200px; margin-top:-12px; }

/*---------------------------------------*/
/*input, select, textarea {border-radius:3px !important}*/
input, select, textarea { border: 1px solid #666666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#notice_alert {width:300px; border-radius:3px; border-top:3px solid #dd4b39; background:#ffffff; }

input {margin-top:-4px !important}
.select2 {margin-top:-4px !important}

.fromto {
    font-size:24px;
}

/* bootstrap btn */
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.modal-title {font-size:1.3em; font-weight:500}
.modal-title-text {font-size:1em; font-weight:500}
.modal-input, .modal-textarea{
  border:0;
  width: 100%;
}
.modal-input:focus ,
.modal-textarea{
  outline: none;
}
.modal-textarea{
  height: 20vh;
  resize: none;
}
.closebtn_times{
  color: gray;
  font-size:1.1em;
}
.closebtn_times{
  color: gray;
  font-size:1.1em;
}

.readonly { background-color:#eeeeFF; pointer-events:none;}
/* 강제줄바꿈, 영문의 경우 단어 우선 줄바꿈 */ 
.word-break { word-wrap:break-word; table-layout:fixed; }
/* 강제줄바꿈, 영문의 경우 글자 우선 줄바꿈 */
.word-break-all { word-break:break-all; table-layout:fixed; }
.text-word-wrap { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main-loading > i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.5em;
    margin-top: -1em;
    color: #FFFFFF;
    font-size: 3em;
}
.main-loading > #loading_msg {
  position: absolute;
  top: 50%;
  width:100%;
  margin-top: 0.3em;
  color: #FFFFFF;
  font-size: 1.3em;
}

/*
 * Component: modal large
 * ----------------
 */
.modal-lg-dialog { width:80%; margin-top:10%; }
@media (max-width: 1024px) {.modal-lg-dialog { width:98%; margin-top:10% !important}}
@media (min-width: 1280px) {.modal-lg-dialog { width:1024px; margin-top:10% !important}}
/*
 * Component: modal message
 * ----------------
 */
.modal-msg-dialog { width:360px; margin-top:10%; }
.modal-msg-content { border-radius:4px; }

.worktime, .worktime-date, .worktime-text, .worktime-start, .worktime-end, .worktime>.item {
    font-size:12px;
}

.worktime.worktime-hover { border-radius:4px; }
.worktime.worktime-hover:hover { background-color:#ffffff; cursor:pointer; }
.worktime.worktime-date { float:left; padding:4px; position:absolute; margin-top:-4px; }
.worktime.worktime-date>.item { max-width: 60px; }
.worktime.worktime-date>.special_day { font-size:11px; color:#FF0000; }
.worktime.worktime-item { float:right; }
.worktime > .worktime-start { border-bottom:1px solid #efefef; color: #FF851B; }
.worktime > .worktime-end { border-bottom:1px solid #efefef; color: #00a65a; }

.account_content {margin-top:16px;}
.account_content .account_title {font-weight:bold; font-size:1.1em; margin-left:8px;}
.account_content .account_register {margin-left:4px; font-size:0.8em;}
.account_content .account_button {float:right; margin-top:-4px;}
.account_content .account_box {border:1px solid #efefef; padding:4px; margin-top:2px;}

.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info2 {
  display: none; 
  transform: translateZ(0);
  -webkit-transform: translateZ(0)
}

@media (max-width: 1024px) { .login-time {display: none;} }

.table-header {position:fixed; top:0;}

.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 > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #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 > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .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;
    line-height: 1.5;
  }
  .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;
  }
  
.pagination {font-size:1.2em; font-weight:bold; color:#666666;}
.pagination .page-left {cursor:pointer;}
.pagination .page-right {cursor:pointer;}
.pagination .page-none {color:#DDDDDD;}
.pagination .icon-arrow {font-size:0.8em;}

.pagination .page-num {cursor:pointer}
.pagination .page-selected {color:#FF6666;}


.reply-contents { background-color:rgb(198, 231, 222) }
.display-inline { display:inline-block; }
.clear {clear:both}

.radio { margin-top:-4px; }
.checkbox { margin-top:-2px; }

.hoverable:hover{ background-color:#cecece; }
.hoverable-underbar:hover{ border-bottom:2px solid #67a7cf; }

.info-padding { padding:8px; }
.cursor-pointer { cursor:pointer; }
.line-bottom { border-bottom:1px solid #efefef; }

.box-header-title {background-color:#f39c12; color:#ffffff; opacity:0.85; filter:alpha(opacity=85)}
.box-round { border-radius:3px; }
.box-round-lg { border-radius:6px; }
.card { padding:4px; border-radius:3px; box-shadow: 0px 2px 4px rgba(0,0,0,0.2) }
.card-1 { padding:4px; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2) }
.card-4 { padding:4px; border-radius:3px; box-shadow: 4px 4px 6px rgba(0,0,0,0.2) }
.card-no-padding { padding:0px; border-radius:3px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2) }

.bordered { border:1px solid #f4f4f4; }
.bordered-top { border-top:1px solid #f4f4f4; }
.bordered-bottom { border-bottom:1px solid #f4f4f4; }
.bordered-both { border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; }
.bordered-left { border-left:1px solid #f4f4f4; }
.bordered-right { border-right:1px solid #f4f4f4; }
.bordered-side { border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; }
.bordered-bold { border:2px solid #dfdfdf; }
.bordered-top-bold { border-top:2px solid #dfdfdf; }
.bordered-bottom-bold { border-bottom:2px solid #dfdfdf; }
.bordered-both-bold { border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; }
.bordered-left-bold { border-left:2px solid #dfdfdf; }
.bordered-right-bold { border-right:2px solid #dfdfdf; }
.bordered-side-bold { border-left:2px solid #dfdfdf; border-right:2px solid #dfdfdf; }

.margin-left { margin-left:4px;}
.margin-left-lg { margin-left:8px;}
.margin-left-xl { margin-left:16px;}
.margin-right { margin-right:4px;}
.margin-right-lg { margin-right:8px;}
.margin-right-xl { margin-right:16px;}
.margin-top { margin-top:4px;}
.margin-top-2 { margin-top:2px;}
.margin-top-lg { margin-top:8px;}
.margin-top-xl { margin-top:16px;}
.margin-top-xxl { margin-top:32px;}
.margin-top-minus { margin-top:-4px; }
.margin-top-minus-2 { margin-top:-4px; }
.margin-top-minus-8 { margin-top:-8px; }
.margin-top-minus-12 { margin-top:-12px; }
.margin-top-minus-16 { margin-top:-16px; }
.margin-bottom { margin-bottom:4px;}
.margin-bottom-lg { margin-bottom:8px;}
.margin-bottom-xl { margin-bottom:16px;}
.margin {margin:4px;}
.margin-sm {margin:2px;}
.margin-lg {margin:8px;}
.margin-0 {margin:0}

.padding-0 {padding:0}
.padding {padding:4px !important}
.padding-2 { padding:0 2px !important}
.padding-sm {padding:2px !important}
.padding-lg {padding:8px !important}
.padding-xl {padding:16px !important}


.opacity-85 {opacity:0.85; filter:alpha(opacity=85)}
.opacity-75 {opacity:0.75; filter:alpha(opacity=75)}
.opacity-60 {opacity:0.6; filter:alpha(opacity=60)}
.opacity-50 {opacity:0.5; filter:alpha(opacity=50)}
.opacity-25 {opacity:0.25; filter:alpha(opacity=25)}
.opacity-10 {opacity:0.1; filter:alpha(opacity=10)}

.text-top { vertical-align:top !important}
.text-middle { vertical-align:middle !important}
.text-bottom { vertical-align:bottom !important}

.text-normal { font-weight:400 !important }
.text-bold { font-weight:600 !important }

.bg-dark-gray {background-color:#6E6E6E; color:#FFFFFF !important}
.bg-light-gray {background-color:#EEEEEE !important}

.bg-pastel-pale-blue {background-color:#aee5fbbb !important}
.bg-pastel-blue {background-color:#179aced7 !important}
.bg-pale-blue {background-color:#eeeeff !important}
.bg-pale-green {background-color:#caeee2 !important}
.bg-pale-red {background-color:#faa9a9 !important}

.bg-white { background-color: #fff !important; }
.text-white { color: #fff !important; }
.text-light-gray { color: #DEDEDE !important; }
.text-blue { color: #0073b7 !important; }

.border-red { border-color: #dd4b39 !important; }
.border-yellow { border-color: #f39c12 !important; }
.border-aqua { border-color: #00c0ef !important; }
.border-blue { border-color: #0073b7 !important; }
.border-black { border-color: #111 !important; }
.border-light-blue { border-color: #3c8dbc !important; }
.border-green { border-color: #00a65a !important; }
.border-gray { border-color: #d2d6de !important; }
.border-navy { border-color: #001F3F !important; }
.border-teal { border-color: #39CCCC !important; }
.border-olive { border-color: #3D9970 !important; }
.border-lime { border-color: #01FF70 !important; }
.border-orange { border-color: #FF851B !important; }
.border-fuchsia { border-color: #F012BE !important; }
.border-purple { border-color: #605ca8 !important; }
.border-maroon { border-color: #D81B60 !important; }