@charset "UTF-8";


.form-group {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}

.control-label {
    display: block;
    line-height: 40px;
    padding-top: 0px;
    font-size: 14px;
    color: #373A3C;
    text-align: left;
    font-weight: 600;
}

.control-centent {
    font-size: 14px;
    color: #373A3C;
    text-align: left;
    font-weight: 400;
}


.form-control {
	padding: 0 12px;
	font-size: 1em;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	border: 1px solid #D5D5D5;
}
.form-control:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #C1C1C1;
	background: #FFF
}


.form-control[disabled],.form-control[readonly] {
	color: #757575;
}

.form-control[disabled] focus,.form-control[readonly] focus{
	background-color: #EEE;
	color: #CCC;
	border-color: #D5D5D5
}

select.form-control, select.form-control:focus {
	padding-right: 50px;
	background-image: url(../../images/icon/select_arr.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 38px 100px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

select.form-control::-ms-expand {
	display: none
}

textarea.form-control {
	line-height: 25px;
	padding-top: 6px
}




.btn-group{display: inline-block;}
.btn-group .btn{height: 36px !important;line-height: 36px !important;}
.btn-group input{ height: 36px !important; line-height: 36px !important; }
.btn-group select{ height: 36px !important; line-height: 36px !important; }
.btn-group:first-child{ margin-left: 0; }
.btn-group > select:first-child{ margin-left: 0; }
.btn-group select{ margin-left: 5px; width: auto; }
.btn-group>input,.btn-group>select,.btn-group>.input-group-addon {
	float: left; width: auto; margin-left: -1px
}







/** 컨텐츠영역 */
/* .page-content{margin: 0 2% 30px 2%; background-color: #FFFFFF; width: 94%; padding: 2% 1% 2% 1%;     */
/* box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); */
/* border: 1px solid #d6dbe1;} */
/* .page-container { float: left; min-height: 100%; position: relative; background: #F1F4F7;width: 100%; } */
/* .page-container .page-content-wrap .page-content { float: left; } */
/* .page-container .page-content-wrap .page-content-margin {margin : 30px 50px;} */
/* .page-container .page-content-wrap { min-height: 100%; margin-left: 250px; padding: 120px 0 0 0; position: relative;  zoom: 1; background-color: #F1F4F7;} */

/* .page-sidebar-opened .page-content-wrap {margin-right: 350px !important;} */
/* .page-zns-nav-toggled .page-content-wrap .page-content-margin {margin : 30px 100px 30px 100px;} */
/* .page-sidebar-opened .closeBtn{position: fixed;top: 70px;right: 350px;height: 50px;} */


.page-container .page-content-wrap:before,.page-container .page-content-wrap:after
	{
	content: "";
	display: table
}

.page-container .page-content-wrap:after {
	clear: both; 
}

/* 검색영역 */


/*  */
.questionDetailList {
  padding: 0;
  margin: 0;
}
.questionDetailList li {
  position: relative;
  padding: 8px 70px;
}
.questionDetailList li .btn-handel {
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 2;
}
.questionDetailList li .item-del {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
}
#queListDiv {
  padding: 0 0 20px 0;
  margin: 0;
}
#queListDiv ul {
  padding: 0;
  margin: 0;
}
#queListDiv .control-label{
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
}
#queListDiv ul > li {
  position: relative;
  padding: 2px 140px 2px 70px;
}
#queListDiv ul > li .btn-handel {
  position: absolute;
  left: 8px;
  top: 2px;
  z-index: 2;
}
#queListDiv ul > li .btn-drop {
  position: absolute;
  left: 60px;
  top: 2px;
  z-index: 2;
}

#queListDiv ul > li .item-control {
  position: absolute;
  right: 16px;
  top: 8px;
  z-index: 2;
}
#queListDiv ul > li .form-horizontal {
  position: relative;
  padding: 8px 16px;
  margin-right: 10px;
  border: dashed 1px #e1e1e1;
  background-color: #fff;
  /* border-left: solid 3px #2196F3; */
}
#queListDiv ul > li .form-horizontal .form-group{
  margin-bottom: 0;
}
#queListDiv ul > li .form-horizontal:after {
/*   position: absolute; */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  content: '';
  z-index: 10;
}
#queListDiv ul > li .desc {
  color: #888888;
}
#queListDiv.queListDiv-stat ul > li {
  padding: 8px 16px 8px 56px;
}
#queListDiv.queListDiv-stat ul > li .numberling {
  position: absolute;
  left: 16px;
  top: 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  background-color: #2196F3;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}
#queListDiv.queListDiv-stat ul > li .form-horizontal:after {
  display: none;
}
#queListDiv.queListDiv-stat ul > li .form-horizontal .list-group-item {
  padding: 8px 16px !important;
}
#queListDiv.queListDiv-stat ul > li .desc {
  color: #888888;
}
#queListDiv.queListDiv-stat ul > li .chartBox {
  height: 200px;
  margin: 0;
  background-color: #f1f4f7;
  border: solid 1px #e1e1e1;
}
.ui-state-highlight {
  height: 80px;
}
#usrQueListDiv {
  padding: 0 0 20px 0;
  margin: 0;
}
#usrQueListDiv ul {
  padding: 0;
  margin: 0;
}
#usrQueListDiv ul > li {
  position: relative;
  padding: 8px 16px 8px 56px;
}
#usrQueListDiv ul > li .numberling {
  position: absolute;
  left: 16px;
  top: 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
  background-color: #c5d0da;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}
#usrQueListDiv ul > li .form-horizontal {
  position: relative;
  padding: 8px 16px;
  border: dashed 1px #e1e1e1;
  background-color: #fff;
  /* border-left: solid 3px #2196F3; */
}
#usrQueListDiv ul > li .desc {
  color: #888888;
}
#usrQueListDiv ul > li.ck .numberling {
  background-color: #2196F3;
}



.input-group-addon {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 0 10px;
	line-height: 38px;
	color: #000000;
	text-align: center;
	min-width: 38px;
	font-weight: 900;
	margin-left: -1px;
	margin-right: -1px;
}

.input-group-addon.grey {
	border: 1px solid #dfdfdf;
	background-color: #f4f4f4;
	color: #999
}

.input-group-addon.white {
	border: 1px solid #dfdfdf;
	background-color: #FFFFFF;
	color: #999
}

.input-group-addon.jingrey {
	border: 1px solid #a3abb2;
	background-color: #a3abb2;
}

.input-group-addon.board {
	border: 1px solid #999999;
	background-color: #dfdfdf;
	color: #000000;
}
.input-group-addon.boardDetail {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	color: #000000;
}

.input-group-addon.add-on {
	visibility: hidden;
	width: 0;
	min-width: 0;
	border: 0;
	padding: 0
}

.input-group-addon,.input-group-btn {
	vertical-align: middle
}

.input-group-addon .btn,.input-group-btn .btn {
	line-height: 26px
}



.input-group-lg>.form-control,.input-group-lg>.input-group-addon,
	.input-group-lg>.input-group-btn>.btn {
	font-size: 16px
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,
	.input-group-sm>.input-group-btn>.btn {
	font-size: 11px
}

.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,
	.input-group-btn>.btn:active {
	z-index: 0
}



.btn-group>select.max {
	max-width: 120px
}

.btn-group .btn+input {
	margin-left: -1px
}

.btn-group .input-group-addon {
  float: left;
  height: 36px;
  line-height: 36px;
}
.btn-group > input,
.btn-group > select,
.btn-group > .input-group-addon {
  float: left;
  width: auto;
  margin-left: -1px;
}
.btn-group > input:first-child,
.btn-group > select:first-child,
.btn-group > .input-group-addon:first-child {
  margin-left: 0;
}
.btn-group > input:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group > select:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group > .input-group-addon:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-radius:0;
}
.btn-group > input:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > select:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group > .input-group-addon:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > input:last-child:not(:first-child),
.btn-group > select:last-child:not(:first-child),
.btn-group > .input-group-addon:last-child:not(:first-child),
.btn-group > input .btn-group > .dropdown-toggle:not(:first-child),
.btn-group > select .btn-group > .dropdown-toggle:not(:first-child),
.btn-group > .input-group-addon .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > select.max {
  max-width: 120px;
}
.btn-group .btn + input {
  margin-left: -1px;
}

.btn-group .datepicker {
	width: 100px;
}

.btn-group-vertical>.btn, .btn-group>.btn {
    position: relative;
    float: left;
}



.pil {
  display: inline-block;
  width: 15px;
  height: 20px;
  position: relative;
  text-indent: 99999px;
  overflow: hidden;
  vertical-align: middle;
  top: -2px;
}
.pil:before {
  position: relative;
  content: "\f00c";
  display: block;
  color: #E34724;
  text-indent: 0;
  font-family: 'Font Awesome 5 Free';
  height: 20px;
  line-height: 20px;
}



.page-content-heading {
  /* padding: 0 16px; */
  margin-bottom: 16px;
}
.page-content-heading:before,
.page-content-heading:after {
  content: " ";
  display: block;
}
.page-content-heading:after {
  clear: both;
}

.page-content-form {
/*   padding: 20px; */
}
.page-content-form:before,
.page-content-form:after {
  content: " ";
  display: block;
}
.page-content-form:after {
  clear: both;
}
.page-content-form .form-footer {
  padding: 16px 0;
  border-top: solid 1px #dddddd;
}
.page-content-form .form-footer:before,
.page-content-form .form-footer:after {
  content: " ";
  display: block;
}
.page-content-form .form-footer:after {
  clear: both;
}

.page-content-footer {
  padding: 16px 0;
}

.form-footer {
  display: inline-block;
  width: 100%;
  padding: 16px 0;
}

.page-title h2{
	font-size: 20px;color: #3e3e40;
	font-weight: 800;
}
	
	
	
	
	
	
	
.page-footer {
  border-top: 1px solid #DDDDDD;
  padding: 16px;
}
.page-footer:before,
.page-footer:after {
  content: " ";
  display: block;
}
.page-footer:after {
  clear: both;
}




/* 심플 게시판  */
/* .simpleBbs li{ */
/* 	height: 28px; */
/* } */
/* .simpleBbs .simpleTitle { */
/* 	float: left; */
/* 	font-weight: 400; */
/* 	color: #212223; */
/* 	text-overflow: ellipsis; */
/* 	width: calc(100% - 100px); */
/* 	white-space:nowrap;text-overflow:ellipsis;overflow:hidden; */
/* } */
/* .simpleBbs .sinmpleDate { */
/* 	float:right; */
/* 	width:80px; */
/* 	font-size: 12px; */
/* 	color: #909191; */
/* } */



.btn-toolbar .msg{
	height: 42px;
	line-height: 42px;
	font-size: 16px;
}


/** timeline Start */
.timelineDiv {
	padding: 10px;
	width: 100%;
	float: left;
	}
.timeline {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 20px
}

.timeline:before {
	content: " ";
	position: absolute;
	width: 6px;
	background: #FFF;
	height: 100%;
	left: 50%;
	margin-left: -3px;
	border: 1px solid rgba(0, 0, 0, 0.1)
}

.timeline .timeline-item {
	width: 50%;
	float: left;
	position: relative;
	clear: both;
	margin-bottom: 20px;
	z-index: 2
}

.timeline .timeline-item.timeline-main {
	height: 60px;
	width: 50%
}

.timeline .timeline-item.timeline-bottom {
	height: 30px;
	width: 50%;
}

.timeline .timeline-item .timeline-date {
	padding: 7px 10px;
	line-height: 20px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	right: -70px;
	top: 0;
	font-weight: 600;
	color: #33414e;
	background: #c5c5c5;
	text-align: center;
	border: 3px solid #e0e4ef;
	width: 150px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2)
}

.timeline .timeline-item .timeline-date a {
	color: #33414e;
}

.timeline .timeline-item .timeline-item-content {
	float: left;
	background: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 95%;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2)
}

.timeline .timeline-item .timeline-item-content:before, .timeline .timeline-item .timeline-item-content:after
	{
	left: 95%;
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.timeline .timeline-item .timeline-item-content:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFF;
	border-width: 3px;
	margin-top: -3px
}

.timeline .timeline-item .timeline-item-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #FFF;
	border-width: 7px;
	margin-top: -7px
}

.timeline .timeline-item .timeline-item-content .timeline-heading {
	width: 100%;
	float: left;
	padding: 10px 10px 5px;
	line-height: 30px
}

.timeline .timeline-item .timeline-item-content .timeline-heading img {
	width: 30px;
	height: 30px;
	margin-right: 5px;
	border: 2px solid #FFF;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%
}

.timeline .timeline-item .timeline-item-content .timeline-heading a {
	color: #33414e;
	font-weight: 600
}

.timeline .timeline-item .timeline-item-content .timeline-body {
	width: calc(100% - 6px) !important;
	float: left;
	padding: 7px;
	margin : 3px;
	border-radius: 5px;
	
}
.timeline .timeline-item .timeline-item-content .timeline-body.plus {
	background-color: #83b5dc;
}
.timeline .timeline-item .timeline-item-content .timeline-body.minus {
	background-color: #f4b9b9;
}
.timeline .timeline-item .timeline-item-content .timeline-body.gray {
	background-color: #bbbbbb;
}

.timeline .timeline-item .timeline-item-content .timeline-body.comments
	{
	padding: 0
}

.timeline .timeline-item .timeline-item-content .timeline-footer {
	width: 100%;
	float: left;
	padding: 5px 10px;
	line-height: 20px;
	background: #FFF
}

.timeline .timeline-item .timeline-item-content .timeline-footer a {
	color: #33414e;
	font-size: 12px;
	margin-right: 10px;
	text-decoration: none
}

.timeline .timeline-item .timeline-item-content .timeline-footer a:hover
	{
	color: #29343f
}

.timeline .timeline-item .timeline-item-content .timeline-footer a.btn {
	font-size: 14px;
	color: #fff
}

.timeline .timeline-item .timeline-item-content .timeline-footer .pull-right>a:last-child
	{
	margin-right: 0
}

.timeline .timeline-item .timeline-item-info {
	position: absolute;
	left: 105%;
	color: #656161;
	font-size: 12px;
	padding: 7px 5px;
	line-height: 20px;
	width: calc(50% - 40px) !important;
	text-align: center;
	background: #F5F5F5;
	border: 3px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
	font-weight: 600
}

.timeline .timeline-item .timeline-item-icon {
	position: absolute;
	right: -20px;
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 20px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
	line-height: 34px;
	text-align: center;
	border: 3px solid #FFF;
	background: #F5F5F5;
	color: #BBB
}

.timeline .timeline-item:last-child {
	margin-bottom: 0
}

.timeline .timeline-item.timeline-item-right {
	float: right
}

.timeline .timeline-item.timeline-item-right .timeline-item-info {
	left: auto;
	right: 105%
}

.timeline .timeline-item.timeline-item-right .timeline-item-info.gray {
	background-color: #bbbbbb !important;
	color: #FFFFFF;
}

.timeline .timeline-item.timeline-item-right .timeline-item-info.plus {
	background-color: #83b5dc;
	color: #FFFFFF;
}

.timeline .timeline-item.timeline-item-right .timeline-item-info.minus {
	background-color: #f4b9b9;
	color: #FFFFFF;
}

.timeline .timeline-item.timeline-item-right .timeline-item-info:before
	{
	right: auto;
	left: 100%
}

.timeline .timeline-item.timeline-item-right .timeline-item-content {
	float: right
}

.timeline .timeline-item.timeline-item-right .timeline-item-content:before,
	.timeline .timeline-item.timeline-item-right .timeline-item-content:after
	{
	left: auto;
	right: 95%;
	border-right-color: #FFF;
	border-left-color: transparent
}

.timeline .timeline-item.timeline-item-right .timeline-item-icon {
	right: auto;
	left: -20px
}

.timeline.timeline-right:before {
/* 	left: 50% */
	left: calc(50% - 5px)
}

.timeline.timeline-right .timeline-item {
	width: 100%;
	padding-left: 60%;
}

.timeline.timeline-right .timeline-item.timeline-main {
	width: 50%;
	padding-left: 0
}
.timeline.timeline-right .timeline-item.timeline-bottom {
	width: 50%;
	padding-left: 0
}

.timeline.timeline-right .timeline-item .timeline-item-content {
	width: 100%
}

.timeline.timeline-right .timeline-item .timeline-item-content:before,
	.timeline.timeline-right .timeline-item .timeline-item-content:after {
	right: auto;
/* 	left: 196px */
	left: 56%;
}

.timeline.timeline-right .timeline-item .timeline-item-content:before {
	border-width: 0
}

.timeline.timeline-right .timeline-item .timeline-item-info {
	left: 0;
	right: auto;
	background-color: #a7daa9;
}

.timeline.timeline-right .timeline-item .timeline-item-icon {
	left: calc(50% - 25px)
}
/** timeline End */

#iPopup iframe { width: 100%; height: 100%; background-color: #ffffff; border: 0; }
#iPopup div{ position: absolute; margin-top: 2%; height: 100%; width: 80%;margin-left: 100px;}
#iPopup { margin-top: 2%; height: 85%; width: 90%;display: none;  }
.main-loader{position: absolute; top: 226px; right: 710px; width: 400px; height: 400px;}
.b-close { position: absolute; right: -52px; top: 0px; padding: 13px 0 0 0; display: inline-block; cursor: pointer; 
width: 52px; height: 37px; text-align: center; background: gainsboro; font-size: 16px; }
.b-close:hover { background: crimson; color: white }
/* #iPopup iframe { width: 100%; height: 100%; background-color: #ffffff; border: 0; } */
/* #iPopup div{ position: absolute; margin-top: 2%; height: 100%; width: 80%;margin-left: 100px;} */
/* #iPopup {  */
/*   position: fixed; */
/*   top: 0; */
/*   left: 0; */
/*   z-index: 1050; */
/*   display: none; */
/*   width: 100%; */
/*   height: 100%; */
/*   overflow: hidden; */
/*   outline: 0;		 */
/* 		 } */


.readonlyDiv {
  position: relative;
  padding: 0 16px;
  z-index: 5;
}
.readonlyDiv:before {
  display: table;
  content: '';
}
.readonlyDiv:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = (50));
}
.readonlyDiv h3 {
  color: #fff;
  display: block;
  position: relative;
  z-index: 6;
}
.readonlyDiv .alert {
  position: relative;
  z-index: 6;
}



.titleAlert{
	font-size: 14px;margin-left: 10px;font-weight: 600;color: #6453f3;

}



p.content1{
	font-size: 18px;margin-top: 5px;margin-bottom: 5px;
}

p.content2{
	font-size: 20px;margin-top: 5px;margin-bottom: 5px;font-weight: 600;
}
p.content3{
	font-size: 18px;padding-left: 20px;
}
.contentImg{
	border: 1px solid #DFDFDF;width: 100%;max-width: 500px;margin: 5px 5px 5px 20px;
	
}

.miniArea2{
	display: inline-block;
	padding: 0 8px;
	background-color: #334655;
	color: #FFFFFF !important;
	border-radius: 3px;
}

.miniArea{
	display: inline-block;
	padding: 2px 8px;
	background-color: #334655;
	color: #FFFFFF !important;
	border-radius: 3px;
}