icon-spin {display: inline-block;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;}
.no-border-radius {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.text-uppercase {text-transform: uppercase;}
.text-justify {text-align: justify;}
.text-line-through {text-decoration: line-through;}
.box-heading {font-weight: bold;font-family: 'Oswald';margin-bottom: 15px;}

html {font-size: 62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
body {font-family: "Noto Sans", 'notokr-light', Malgun Gothic,"맑은 고딕", Dotum, AppleGothic, sans-serif;font-size:15px;line-height: 1.42857143;color:#3d3d3d;background-color: #f8f8f8;/*height: 100%;*/}
input,
button,
select,
textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a {color: #999999;text-decoration: none;}
a:hover,
a:focus {color: #dc6767;text-decoration: none;}
a:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
figure {margin: 0;}
img {vertical-align: middle;}
.img-responsive {display: block;max-width: 100%;height: auto;}
.img-rounded {border-radius: 6px;}
.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #f0f2f5;border: 1px solid #dddddd;border-radius: 4px;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;display: inline-block;max-width: 100%;height: auto;}
.img-circle {border-radius: 50%;}
hr {margin-top: 18px;margin-bottom: 18px;border: 0;border-top: 1px solid #eeeeee;}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.require {color: #ff0000;}

#login {padding:0px;}

.source-box {clear:both; padding:30px; margin-bottom:15px; border:2px solid #ccc; background-color:#fff; color:#000;}
.sampele-con {margin-bottom:15px; padding:0 15px;}
.sampele-con .row div {padding:10px; border:1px solid #ccc; background:#fff;}
.bold {font-weight:bold;}
.exp_list a {color:#000;}



/* 펼침메뉴 세트 */
.navmenu {
  padding-top:0px;
}

.navbar {
  display: block;
  text-align: center;
}
.navbar-brand {
  display: inline-block;
  float: none;
}
.navbar-toggle {
 /* position: absolute;
  float: left;
  margin-left: 15px;*/
}

.container {
  max-width: 100%;
}



p {font-family:'notokr-regular', Malgun Gothic,"맑은 고딕", Dotum, AppleGothic, sans-serif; }

#totop {
  position: fixed;
  bottom: 6%;
  right: 1.5%;
  display: none;
  z-index: 9999;
  background: transparent;
  border: 3px solid #3C3C3C;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
}
#totop i {color: #3C3C3C;line-height: 43px;font-size: 33px;}
#totop:hover {background: #3C3C3C;}
#totop:hover i {color: #ffffff;}


/* 로그인박스 */
#loginForm {max-width:550px; margin:7% auto 0 auto; height:auto;}
#loginForm .panel-blue {padding:85px 90px; border:1px solid #354052; border-radius:0px; box-shadow:1px 1px 10px 1px #ccc;}
#loginForm h1 {margin-bottom:50px; font-size:30px; font-weight:600; letter-spacing:-0.05em; text-align:center;}
#loginForm .form-control {margin-bottom:10px; background:#f9f9f9; min-height:55px; font-size:17px; border-radius:0px;}
#loginForm h2 {font-size:17px; font-weight:600;}
#loginForm .btns {margin:20px 0 30px 0;}
#loginForm .btn {margin-bottom:10px; border-radius:0px;}
#loginForm .btn-primary {font-size:17px; border:1px solid #007fba; background:#00a4f0; }
#loginForm p {font-family:'notokr-regular'; letter-spacing:-0.06em; color:#666;}

#joinForm {max-width:600px; margin:3% auto 0 auto; height:auto;}
#joinForm h1 {margin-bottom:50px; font-size:30px; font-weight:600; letter-spacing:-0.05em; text-align:center;}
#joinForm .panel-blue {padding:10px 20px; border:1px solid #354052; border-radius:0px; box-shadow:1px 1px 10px 1px #ccc;}
#joinForm .form-control {margin-bottom:10px; background:#f9f9f9; min-height:55px; font-size:17px; border-radius:0px;}
#joinForm h2 {padding-bottom:20px; font-size:20px; font-weight:600; text-align:center;}
#joinForm .btns {margin:20px 0 30px 0;}
#joinForm .btn {margin-bottom:10px; border-radius:0px;}
#joinForm .btn-primary {font-size:17px; border:1px solid #007fba; background:#00a4f0; }




.line_btn {padding-top:30px; text-align:center;}
.line_btn a {padding-bottom:2px; border-bottom:1px solid #00a4f0; font-family:'notokr-regular'; font-size:17px; color:#00a4f0; }

/* 숨김(처리) */
.blind {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#354052;}

.sidebar .navbar-header {float:none;}
.sidebar .navbar-header h1 {padding:10px 0 35px 0px;}
.sidebar .navbar-brand {float:none; display:block; width:252px; height:77px; margin:0 auto; padding:0; background:url('../images/common/logo.png') no-repeat; text-indent:-9999em;}


/* 사이드메뉴 */
.sidebar {background-color:#354052; border-color:#354052;}

.sidebar .navbar-collapse {padding:0px; border-top:1px solid #2a303b;}
.sidebar .nav-pills>li>a {padding:15px 30px; border-radius:0px; font-size:17px; color:#fff;}
.sidebar .nav-pills>li>a:hover,
.sidebar .nav-pills>li>a:active,
.sidebar .nav-pills>li>a:focus {background:#00a4f0; }
.sidebar .nav-pills>li>ul{overflow:hidden;}
.sidebar .nav-pills>li>ul>li{padding-left:10px; margin-bottom:7px; background:url('../images/contents/bu_li_off.png') no-repeat left 19px;}
.sidebar .nav-pills>li>ul>li:hover {background:url('../images/contents/bu_li_on.png') no-repeat left 19px;}
.sidebar .nav-pills>li>ul>li>a{padding-top:10px; display:inline-block; font-size:15px; color:#f8f8f8; border-bottom:1px solid #222d40;}
.sidebar .nav-pills>li>ul>li>a:hover{color:#ffd647; border-bottom:1px solid #ffd647;}

.sidebar .panel {margin:0; background-color:#354052; border:none;border-radius:0px; box-shadow:none;}

.sidebar .accordion-toggle {background:#00a4f0;}
.sidebar .accordion-toggle.collapsed {background:#354052;}
.sidebar .panel-collapse {/*padding:20px 30px;*/background:#222d40;}


.contents {position:relative; padding:100px 0 0 0; overflow:hidden;}
.contents .page-title {position:absolute; left:0px; top:0px; padding:20px 50px 0px 50px; width:100%; height:70px; background:#fff; box-shadow:0px 1px 5px 0 #ccc;}
.contents .page-title h2 {position:relative; margin:0; padding:5px 0 0 0; font-size:20px; font-weight:bold;}

.contents .member-info {}
.contents .member-info a {display: block; height:100%; color:#000;}
.contents .member-info a img {position:relative; display:inline-block; width:35px; height:35px; margin-right:10px; max-width: none; vertical-align:top;}
.contents .member-info .user_name {position:relative; display:inline-block; margin-right:20px; font-size:17px; font-weight:bold; line-height:35px;}
.contents .member-info .dropdown-menu  {min-width:140px;}

.page-con {position:relative; padding:0 50px 30px 50px; }

.chartdata-area {margin:0 -15px 50px -15px;}
.chartdata-area .box {padding:30px 20px; background:#fff; border:1px solid #e9e9e9;}
.chartdata-area .box strong {display:block; padding:20px 0 0 0; text-align:center; font-size:17px;  }

.contents h3{position:relative; margin:30px 0 20px 0; padding-left:0px; font-size:17px; font-weight:bold; z-index:1;}

.default_table {clear:both;}
.default_table table {border:1px solid #ddd; margin:0;}
.default_table table thead th {padding:15px 10px; border-left:1px solid #ddd; border-bottom:none; text-align:center; vertical-align:middle; background:#f0f6fb; }
.default_table table tbody td {padding:15px 10px; border-left:1px solid #ddd; font-family:'notokr-regular'; text-align:center; vertical-align:middle; }

/* 위에 h태그가 있을때 */
.right_btns {position:relative; margin:30px 0 20px 0; padding-right:0px; text-align:right; z-index:5;}
/* 위에 h태그가 없을때 */
.right_btns_s {position:relative; margin:15px 0 20px 0;  padding-right:0px; text-align:right; }


/* 버튼 변경 */
.btn-info {background-color:#00a4f0; border-color:#00a4f0;}
.btn-danger {background-color:#ff4687; border-color:#ff4687;}
.btn-xs {font-size:14px;}
.btn-black {background-color:#666; color:#fff;}
.btn-black:hover,
.btn-black:active,
.btn-black:focus{color:#ffff99;}
.btn-grey {}


/* 설명글 */
.exp_data {margin-top:-1px;padding:15px 20px; background:#fff; border:1px solid #ddd;}
.exp_data p {margin-bottom:0px;}

.p_bu {position:relative; padding-left:15px; background:url('../images/contents/bu_type1.png') no-repeat left 6px;}


/* 모달 */
.modal-content {border-radius:0px;}
.modal-header {background:#354052;}
.modal-header .close {font-size:25px; color:#fff; text-shadow:0 1px 0 #fff; filter:alpha(opacity=100); opacity: 1.0;}
.modal-title {font-size:20px; color:#fff;}
.modal-body {padding:30px;}
.modal-backdrop {background-color:inherit;}

.bottom-btn {padding:30px 0 10px 0;}

.form-control {-webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; transition:none;}


/* 폼형식 기본 */
.default-form {}
.default-form .form-group {padding:10px 0; margin-bottom:0px; border-bottom:1px solid #dbdbdb; font-family:'notokr-regular'; background:#fff;}
.default-form .form-group label {font-weight:normal;}
.default-form .form-group .control-label {font-weight:600; text-align:left;}
.default-form .form-group .exp {color:#888888; }
.default-form .lnline-box {display:inline-block; width:130px; }
.default-form .lnline-box-s {display:inline-block; width:70px; }
.default-form .lnline-box-200 {display:inline-block; width:200px; }
.default-form .lnline-box-b {display:inline-block; width:35%;}
.default-form .lnline-box-w {display:inline-block; width:50%;}
.default-form .form-control {border-radius:0px; background-color:#f9f9f9;}
.default-form .btn-lg {padding:10px 50px;}
.default-form .float_left {float:left; margin-right:10px;} 
.default-form .form-group .same_width {display:inline-block; width:100px;}
.default-form .text-con {padding:7px 15px;}

.exp_block {margin:7px 0 0 0; color:#888888; }
.p_red {color:#be0b0b;}

.default-form .button {display:inline-block; margin:0 5px; }
.default-form .box_btn {display:inline-block; width:30px; text-align:center;}
.default-form .box_btn i {display:inline-block; width:0px; height:0px;text-indent:-9999em;}
.default-form .inline-item {display:inline-block;}
.default-form .inline-item .lnline-box {width:100px;}

.default-form .point_tit {clear:both; padding:10px 15px; margin:0 -15px 10px -15px; font-size:16px; font-weight:bold; background:#f5f5f5; border:1px dotted #ccc;  text-align:center;}
.default-form .point_tit_2 {padding:20px 0px 10px 0px; margin:0 -15px 0px -15px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; color:#2e6da4; }

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {vertical-align:top;} 
/*.filebox label {display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #fdfdfd;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;}
*/
.filebox .upload-name {display: inline-block;padding: 6px 12px;height: 34px;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox.bs3-primary label {color: #fff;background-color: #337ab7;border-color: #2e6da4;}

.logdata_con {margin-top:10px; padding:15px 20px; background:#f8f8f8; border:1px solid #ddd;}
.logdata_con .item {margin:10px 0;}
.logdata_con .item p {margin-bottom:0px;}
 

/* 상태 */
.stat {display:inline-block; padding:5px 5px; width:120px; border-radius:100px; text-align:center;}
.stat-checkerror {background-color:#24b5a6; color:#fff;}
.stat-imperfect {background-color:#7064b6; color:#fff;}
.stat-excess {background-color:#ef484f; color:#fff;}
.stat-nocourse {background-color:#444b53; color:#fff;}
.stat-complete {width:auto; padding:5px 15px; background-color:#289902; color:#fff;}


/* 페이징 */
.paging-area {clear:both; padding:30px 0; text-align:center;}
.paging-area a {display:inline-block; min-width:38px; height:38px; padding:0 11px; margin:0 1px; line-height:38px; background:#fff; border:1px solid #dedede; }
.paging-area a.first {padding:0; background:url('../images/data/btn_paging.png') no-repeat center center;background-position:-0px -0px;text-indent:-9999em;}
.paging-area a.last {padding:0; background:url('../images/data/btn_paging.png') no-repeat center center;background-position:-108px -0px;text-indent:-9999em;}
.paging-area a.pre {padding:0; background:url('../images/data/btn_paging.png') no-repeat center center;background-position:-36px -0px;text-indent:-9999em;}
.paging-area a.next {padding:0; background:url('../images/data/btn_paging.png') no-repeat center center;background-position:-72px -0px;text-indent:-9999em;}
.paging-area .num.active {background:#00a4f0; /*#506179;*/color:#fff;}

/* 검색박스 */
.search-area {position:relative; padding:30px; margin:30px 0 15px 0;  background:#fff; border:1px solid #dedede; text-align:center; }
.search-area .form-control {border-radius:0px; background-color:#f9f9f9; font-family:'notokr-regular'; }
.search-area .form-group {margin:0 3px; }
.search-area .calendar-sel {background:#f9f9f9; border:1px solid #ccc; }
.search-area .calendar-sel .form-control{border:none; width:130px;}
.search-area .calendar-sel .pic_calendar {display:inline-block; width:46px; height:46px; vertical-align:middle; border:none; border-left:1px solid #ccc; background:#fff url('../images/data/pic_calendar.png') no-repeat center center;}
.search-area .calendar-sel .pic_calendar span {display:inline-block; overflow:hidden; text-indent:-9999em;}

/* 상세보기 */
.detail-contents {}
.detail-contents .detail-item {overflow:hidden; padding:10px 15px; border-bottom:1px solid #dbdbdb; font-family:'notokr-regular';}
.detail-contents .detail-item .tit {float:left; width:25%; }
.detail-contents .detail-item .con {float:left; width:75%; font-size:16px;}
.detail-contents .nothead_table {padding:15px 0 0 0;  }
.detail-contents .nothead_table table {border-bottom:1px solid #ddd; }
.detail-contents .nothead_table table th {background:#f5f5f5; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.detail-contents .nothead_table table th:first-child {border-left:none;}
.detail-contents .nothead_table table td {font-family:'notokr-regular'; }
.detail-contents h5 {margin-bottom:0px; font-weight:bold; color:#035c85;}


.agreement {display:inline-block; width:25px; line-height:25px; border-radius:50%; color:#fff; background-color:#ff6600;}
.average {display:inline-block; width:25px; line-height:25px; border-radius:50%; color:#fff; background-color:#87b401;}

/* 플러스 마이너스*/
.btn_add {display:inline-block; height:27px; vertical-align:middle;}
.btn_add a{display:block; width:20px; }
.btn_add a.p_add {height:13px; background:url('../images/data/btn_add.png') no-repeat center center;background-position:-0px -0px;}
.btn_add a.p_del {height:14px; background:url('../images/data/btn_add.png') no-repeat center center;background-position:-0px -13px;}

.category-area {position:relative; margin:0 0 20px 0; padding-left:0px;}
.category-area .nav>li>a {padding:7px 30px; border-radius:0px; background-color:#fff; border:1px solid #ddd; color:#000;}
.category-area .nav>li.active>a,
.category-area .nav>li>a:hover {background-color:#337ab7; color:#fff;}

.ti_tx,
.mi_tx,
.mer_tx {
	width: 100%;text-align: center;	margin: 10px 0;}

.time,
.mins,
.meridian {width:30%;float: left;margin:0 1.6%;font-size: 16px;color:#2d2e2e;font-weight: 700;}

.form-group .prev,
.form-group .next {cursor: pointer;padding:10px 0px; width:100%; /*width: 28%;border: 1px solid #ccc;margin: auto;border-radius: 5px;*/}
.form-group .prev:hover,
.form-group .next:hover {background-color: #ccc;}

.time_pick {position:relative;}

.timepicker_wrap {width:180px;padding:10px;border-radius:5px;z-index:998;display: none;box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);background: #f6f6f6;border: 1px solid #ccc;float: left;position: absolute;top:32px;left: 0;}
input.timepicki-input {padding:10px 0;background:none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;border-radius:5px 5px 5px 5px;float: none;margin: 0;text-align: center;width:100%;}
a.reset_time {float: left;margin-top: 5px;color: #000;}


/* 공통코드 */
.box-btns {position:relative; width:100%; overflow:hidden; margin-bottom:50px;}
.box-btns ul,
.box-btns ul li {margin:0;padding:0;list-style: none;}

.box-btns ul {border-top:1px solid #ddd; border-left:1px solid #ddd;}
.box-btns ul li {float:left; width:14.285%;}
.box-btns ul li a{display:block; margin-left:-1px; margin-top:-1px; padding:15px 5px; font-weight:bold; color:#3d3d3d; text-align:center; background-color:#fff; border:1px solid #ddd;}
.box-btns ul li a.active {background-color:#00a4f0; color:#fff;}

.category-data {clear:both; position:relative; padding:30px; background-color:#fff; border:1px solid #ddd; }
.category-data h4 {margin-bottom:30px; font-weight:bold; font-size:16px;}
.category-data ul, 
.category-data li {margin:0;padding:0;list-style: none;}

.category-data ul {}
.category-data ul > li {margin-bottom:20px; font-family:'notokr-regular'; font-size:17px; line-height:21px; }
.category-data ul > li button {margin:0 5px;}
.category-data ul li .code_memo {padding:5px 0 0 41px; font-size:15px; color:#888;}
.category-data ul li ul {margin:10px 0 0 41px;}

.category-data .treemenu .toggler {cursor:pointer;}
.category-data .treemenu .toggler:before {display:inline-block; width:21px; height:21px; margin-right:15pt; vertical-align:middle; }
.category-data li.tree-empty > .toggler {/*opacity:0.3;*/ cursor:default; }
.category-data li.tree-empty > .toggler:before { content: ""; background:url('../images/contents/ico_minus.png') no-repeat center center;}
.category-data li.tree-closed > .toggler:before { content: ""; background:url('../images/contents/ico_plus.png') no-repeat center center;}
.category-data li.tree-opened > .toggler:before { content: ""; background:url('../images/contents/ico_minus.png') no-repeat center center;}

.red {color:#be0b0b;}

/* 게시판 */
#board {}
#board table {}
#board table th {text-align:center; vertical-align:middle;}
#board table td {text-align:center; vertical-align:middle;}
#board table td.subject {text-align:left;}
#board table td.subject a {color:#000;}

#board .basic-view {position:relative; border-top:2px solid #3d3d3d; background:#fff; color:#000;}
#board .basic-view .view_header {position:relative; padding:25px 15px; margin:0; font-size:1.3em; font-weight:bold; text-align:center; background:#f0f6fb; border-bottom:1px solid #ccc;}
#board .basic-view .view_info {padding:20px 15px; border-bottom:1px solid #ccc;}
#board .basic-view .view_info .tit {display:inline-block; font-size:14px color:#666; font-weight:bold;}
#board .basic-view .view_info .data {display:inline-block; padding:0 20px 0 5px; font-size:1.06em; color:#666;  }
#board .basic-view .view_file {position:relative; padding:20px 15px 10px 15px; border-bottom:1px solid #ccc;}
#board .basic-view .view_file dl {position:relative;}
#board .basic-view .view_file .tit {position:absolute; left:0px; top:0px; font-size:1.06em; color:#666; }
#board .basic-view .view_file .file {padding-left:80px;}
#board .basic-view .view_file .file ul {list-style:none; padding:0; margin:0;}
#board .basic-view .view_file .file ul li {list-style:none; margin-bottom:5px; padding-left:25px; font-size:1.06em; }
#board .basic-view .view_con {padding:30px 25px; font-size:1.06em; color:#000; line-height:1.4em; /*border-bottom:1px solid #ccc;*/}
#board .basic-view .view_con .img {margin-bottom:20px; text-align:center;}

#board .view_link {position:relative; margin-bottom:15px; border-top:1px solid #ccc;}
#board .view_link .pretext {padding:15px; border-bottom:1px solid #ccc;}
#board .view_link .nexttext {padding:15px; border-bottom:1px solid #ccc;}
#board .view_link .tit {display:inline-block; color:#666; }
#board .view_link .data {display:inline-block; padding:0 20px 0 5px; }


/* 업무 담당자 등록 */
.row-form {}
.row-form .dl-form{overflow:hidden; clear:both; background-color:#fff; border:1px solid #ccc;}
.row-form .dl-form dt {padding:10px 15px;}
.row-form .dl-form dd {overflow:hidden; padding:20px 0;}
.row-form .dl-form dd .filebox .upload-name {width:100%; margin-bottom:5px;}
.row-form .dl-form dd .filebox.bs3-primary label {width:100%;}
.row-form .dl-form dd .form-group {overflow:hidden; padding:5px 0;}
.row-form .dl-form dd input.form-control {height:45px;}

.color_box {position:relative;}
.color_box ul li {overflow:hidden; margin:5px; border:1px solid #dbdbdb; background-color:#fff;}
.color_box ul li strong {display:inline-block; float:left; width:23%; padding:10px; font-size:14px; letter-spacing:-0.05em; background-color:#f5f5f5;}
.color_box ul li input {display:inline-block; float:left; padding:10px; }
.color_box ul li span {display:inline-block;  float:left; margin:10px 0; width:21px; height:21px;}

#colorLayer {position:absolute; left:47%; top:0px; /*width:260px;border:1px solid #ddd;border-radius:10px;padding:10px;*/display:none;}
#colorLayer td { font-size:8pt; }