@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/plugins/meterial/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNY.eot);
  /* For IE6-8 */
  src: url(/plugins/meterial/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'), url(/plugins/meterial/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(/plugins/meterial/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUca.eot);
  /* For IE6-8 */
  src: url(/plugins/meterial/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format('woff2'), url(/plugins/meterial/fonts/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.woff) format('woff');
}
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: url(/plugins/meterial/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmL.eot);
  /* For IE6-8 */
  src: url(/plugins/meterial/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2) format('woff2'), url(/plugins/meterial/fonts/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.woff) format('woff');
}
@font-face {
  font-family: 'Material Icons Two Tone';
  font-style: normal;
  font-weight: 400;
  src: url(/plugins/meterial/fonts/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCuw.eot);
  /* For IE6-8 */
  src: url(/plugins/meterial/fonts/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0.woff2) format('woff2'), url(/plugins/meterial/fonts/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCuy.woff) format('woff');
}

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; border-width: 1px !important;}
input[type="number"]{text-align: right;}
select{margin-top: 1px;}
input[readonly]{background-color: #DFDFDF;}
input, select {height: 36px; line-height: 36px; vertical-align: middle !important;}
button, select { text-transform: none; }


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


h6{font-size: 14px !important;line-height: 14px !important;vertical-align: middle;width: 100%;}
h6 i{font-size: 14px !important;line-height: 14px !important;}

/* Radio Box, Check Box Start */
.control-radio {position: relative;display: inline-block;padding: 4px 0 4px 0;line-height: 20px;cursor: pointer;margin: 0;}
.control-radio input {width: 1px;height: 1px;opacity: 0;}
.control-radio input:checked+.outer {border: 1px solid #d1d1d1;}
.control-radio input:checked+.outer:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.control-radio input:focus+.outer:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;background-color: #E34724;}
.control-radio input[disabled]+.outer, .control-radio input[readonly]+.outer{border-color: #f3f3f3;}
.control-radio input[disabled]+.outer:before, .control-radio input[readonly]+.outer:before{border-color: #c1c1c1;}
.control-radio .outer {width: 20px;height: 20px;display: block;float: left;margin: 0;border: 1px solid #D5D5D5;border-radius: 50%;background-color: #fff;}
.control-radio .outer:before {content: '';width: 14px;height: 14px;display: block;margin: 2px;border-radius: 50%;background-color: #E34724;opacity: 0;-webkit-transition: all .25s ease-in-out;transition: all .25s ease-in-out;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.control-radio:hover .outer {border-color: #C1C1C1;}
.control-radio:hover .outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-radio:hover .outer input+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-radio:hover .outer input[disabled]+.outer, .control-radio:hover .outer input[readonly]+.outer{border-color: #f3f3f3;}
.control-radio.smPadding{padding: 4px;margin: 0px;}

.control-checkbox {position: relative;display: inline-block;vertical-align: middle;font-size: 14px;line-height: 20px;cursor: pointer;margin: 0;}
.control-checkbox .ckview {-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox input {width: 1px;height: 1px;opacity: 0;position: absolute;left: 0;top: 0;}
.control-checkbox input:focus:checked+.outer:before, .control-checkbox input:checked+.outer:before{top: -2px;margin: 0;width: 18px;height: 18px;background-color: transparent;border-left: 2px solid #E34724;border-bottom: 4px solid #E34724;-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox input:checked+.outer {border: 1px solid #D5D5D5}
.control-checkbox input:focus+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-checkbox input[disabled]+.outer, .control-checkbox input[readonly]+.outer{border-color: #f3f3f3;}
.control-checkbox input[disabled]+.outer:before, .control-checkbox input[readonly]+.outer:before{border-color: #c1c1c1;}
.control-checkbox .outer {position: relative;width: 20px;height: 20px;float: left;margin: 0 5px 0 0;border: 1px solid #D5D5D5;background-color: #fff;}
.control-checkbox .outer:before {position: relative;content: '';margin: 2px;display: block;width: 14px;height: 14px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;background-color: #E34724;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;}
.control-checkbox:hover input+.outer:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);opacity: .5;}
.control-checkbox:hover input[disabled]:checked+.outer:before, .control-checkbox:hover input:checked+.outer:before {-webkit-transform: rotate(-45deg) scaleY(.5);-moz-transform: rotate(-45deg) scaleY(.5);-ms-transform: rotate(-45deg) scaleY(.5);-o-transform: rotate(-45deg) scaleY(.5);transform: rotate(-45deg) scaleY(.5);opacity: 1;}
.control-checkbox:hover input[disabled]+.outer, .control-checkbox:hover input[readonly]+.outer{border-color: #f3f3f3;}
.control-checkbox.control-checkbox-all-check { line-height: 20px;float: none;}
.control-checkbox.control-checkbox-all-check .outer {margin: 0;}
.control-checkbox.list-checkbox {padding: 0;line-height: 20px;float: none;}
.control-checkbox.list-checkbox .outer {margin: 0;}
.radio, .checkbox {margin-top: 5px;margin-bottom: 5px;float: left;width: 100%;}


.badge{font-size: 100%;padding: 5px 10px 5px 10px;}


.badge-button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 5px 3px; letter-spacing: -0.5px; background-color: #4876EF; color: #fff; }
.badge-button2 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 5px 3px; letter-spacing: -0.5px; background-color: #4c5374; color: #fff; }

.label-default, .badge-default { background-color: #4876EF; color: #fff; }
.label-yellow, .badge-yellow { background-color: #c1bc1e; color: #fff; }
.label-green, .badge-green { background-color: #1f6d0c; color: #fff; }
.label-pupple, .badge-pupple { background-color: #9b48ef; color: #fff; }

.label-round, .badge-round { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.label-primary, .badge-primary { background-color: #4c5374; color: #fff; }
.label-success, .badge-success { background-color: #4876EF; color: #fff; }
.label-info, .badge-info { background-color: #3fbae4; border-color: #1ea4d2; color: #fff; }
.label-warning, .badge-warning { background-color: #fea223; border-color: #ed8a01; color: #fff; }
.label-danger, .badge-danger { background-color: #de6c2b; border-color: #ba561c; color: #fff; }
.label-gray, .badge-gray { background-color: #9b9b9b; border-color: #9b9b9b; color: #fff; }

.badge-level1 {
  background-color: #969696;
  color: #fff;
}

.badge-level2 {
  background-color: #8e98a7;
  color: #fff;
}

.badge-level3 {
  background-color: #7888a0;
  color: #fff;
}

.badge-level4 {
  background-color: #6981a5;
  color: #fff;
}

.badge-level5 {
  background-color: #5372a0;
  color: #fff;
}

.badge-level6 {
  background-color: #385f9a;
  color: #fff;
}

.badge-level7 {
  background-color: #1c4d98;
  color: #fff;
}

.badge-level8 {
  background-color: #003b94;
  color: #fff;
}



/* 여기 나중에 */
.check_box .ui-checkbox {display:inline-block; margin:0 2vw;}
.check_box .ui-checkbox .ui-btn {background:none; border:0; font-size:3.7vw; font-weight:normal; padding:0.5vw 0 0.5vw 8vw;}
.ui-checkbox .ui-btn.ui-checkbox-off:after {background:url(../../images/common/checkbox_bg.png) no-repeat left 50%; background-size:auto 100%; opacity:1; width:6vw; height:100%; margin:0; left:0; top:0;}
.ui-checkbox .ui-btn.ui-checkbox-on.ui-checkbox-on:after {background:url(../../images/common/checkbox_bg_on.png) no-repeat left 50%; background-size:auto 100%; border:0; width:6vw; height:100%; margin:0; left:0; top:0;}

.bootbox-confirm{margin-top: 40%;}

/* .bootbox-alert{margin-top: 40%;} */
.bootbox-close-button{display: none;}
.bootbox-body{font-size: 1.2em;}
.bootbox-alert .modal-body{padding: 1.5rem 1rem 1.5rem 1rem;}
.bootbox-alert .modal-footer{
	display: contents !important;
}
.bootbox-alert .modal-footer button{height: 50px;}

/* 메뉴 */
.menuList{ content: ""; position: absolute; right: 0; top: 0; z-index: 1000; background-color: #292929;  color: #FFFFFF; }
.menuList ul{padding: 10px 10px 10px 10px;height: 100%;}
.menuList ul li{margin-top: 5px;margin-bottom: 5px;}
.menuList .closeDiv{ width: 100%;height: 50px;text-align: center;line-height: 50px;font-size: 1.2em; background-color: #000000; }
.menuList .closeDiv i{font-size: 1.5em;}

.btn_list{ width: 100%; }


/* 모달  */
.modal-dialog{
	margin-top: 10px;
}
.modal-dialog .modal-header{
	background-color: #545454;color: #FFFFFF;
}


/* Loding Bar Start */
.page-loading-frame {top:0; width: 100%; height: 100%; position: fixed; z-index: 9999; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease }
.page-loading-frame .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease }
.page-loading-frame.v2 { background: #3e3e3e99; }
.page-loading-frame.v2 .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; }
.page-loading-frame.v2 .page-loading-loader .dot1, .page-loading-frame.v2 .page-loading-loader .dot2 { width: 59%; height: 59%; display: inline-block; position: absolute; top: 0; background-color: #F5F5F5; border-radius: 100%; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out }
.page-loading-frame.v2 .page-loading-loader .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s }
.page-loading-frame.removed { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = ( 0)) }
.page-loading-frame.removed .page-loading-loader { opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0)); filter: alpha(opacity = ( 0)) }
/* Loding Bar Div */
.page-loading-frame-div {width: 100%; height: 100%;z-index: 9999;margin: 0 auto;}
.page-loading-frame-div .page-loading-loader { width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}
.page-loading-frame-div img{width: 100%;height: 100%;margin: 0 auto;}
/* Loding Bar End */




/* 기타 */
label.error{display: none !important;}
input.error{border: 1px solid #9a1227 !important;}
.page-content-form .col{padding-left: 5px;padding-right: 5px; }
.page-content-form .row{margin-bottom: 5px;}

/* 시간 선택 */
.ui-timepicker{ background-color: #FFFFFF; }
.ui-timepicker .ui-timepicker-title{ background-color: #d2d2d2; color: #000000;border-color: #d2d2d2;}
.ui-timepicker .ui-widget-content{ background-color: #FFFFFF;border-color: #4d5e6c; }
.ui-timepicker .periods{ color: #000000;background-color: #FFFFFF; }




.input-group-addon {
	border-color: #33414e;
	background-color: #3c3e3f;
	font-size: 12px;
	padding: 0 10px;
	line-height: 36px;
	color: #FFF;
	text-align: center;
	min-width: 36px;
	font-weight: 900;
}

.input-group-addon.rightInfo{
	padding-right: 20px;
}
.input-group-addon.rightInfo:before{
	position: absolute;
	content: "\f061";
	display: block;
	text-indent: 0;
	font-family: 'Font Awesome 5 Free';
	height: 20px;
	line-height: 36px;
	right: 10px;
	font-size: 16px;
}


.input-group-addon i{
	font-size: 12px;
}

.input-group-addon.info {
	background-color: #334655;
	color: #FFF
}

.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
}




/* 달력 Start */
.calendarWrap {
    width: 100%;
    margin: 0 auto;
/*     padding-top: 10px; */
/*     padding-bottom: 10px; */
    background-color: #FFFFFF;
/*     border: 1px solid #beb0b0; */
}
.calendarWrap .calendarRow{
	width: 100%;
	display:inline-block;
	margin: 2px 0 0 6px; 
}
.calendarWrap .calendarRow a{
	display: inline-block;
}
.calendarWrap .calendarRow div{
	width: 12.5%;
	padding:2%;
	height: 25px;
	display: inline-block;
/* 	border: 1px solid #DDDDDD; */
	text-align: right;
	font-size: 0.8em;
}
.calendarWrap table{
/* 	border-right: 1px solid #F0EEEC; */
}
.calendarWrap table th{
	height: 40px;
/* 	border-left: 1px solid #F0EEEC; */
}
.calendarWrap table td{
	padding: 3px;
/* 	min-height: 30px; */
/* 	border-left: 1px solid #F0EEEC; */
}


.calendarWrap .calendarRow.calSearch{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px; 
}
.calendarWrap .calendarRow.calSearch i{
	color: #535353;
}
.calendarWrap .payData{
	font-size: 8px;	
	line-height: 10px;
}
/* 달력 End */
















.idx-widget {
  position: relative;
  padding: 0;
  margin: 0 0 16px 0;
  border: solid 1px #d6dbe1;
}
.idx-widget .more {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 40px;
  text-align: center;
  color: #909191;
  border-left: solid 1px #d6dbe1;
  line-height: 40px;
  overflow: hidden;
}
.idx-widget .more:hover {
  background-color: #ededed;
}
.idx-widget .more.prevWeek {
  right: 45px;
}
.idx-widget .idx-widget-header {
  position: relative;
  min-height: 40px;
  background-color: #e0e4ef;
  border-bottom: solid 1px #d6dbe1;
}
.idx-widget .idx-widget-header .idx-widget-title {
  display: block;
  padding: 0 0 0 16px;
  height: 40px;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -1px;
  color: #222;
  overflow: hidden;
  background:#e0e4ef;
}
.idx-widget .idx-widget-header .idx-widget-title:before,
.idx-widget .idx-widget-header .idx-widget-title:after {
  content: " ";
  display: block;
}
.idx-widget .idx-widget-header .idx-widget-title:after {
  clear: both;
}
.idx-widget .idx-widget-header .idx-widget-title .material-icons {
  color: #909191;
}

.idx-widget .idx-widget-body-fix {
  position: relative;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
.idx-widget .idx-widget-body-fix:before,
.idx-widget .idx-widget-body-fix:after {
  content: " ";
  display: block;
}
.idx-widget .idx-widget-body-fix:after {
  clear: both;
}
.idx-widget .idx-widget-body {
  padding: 16px;
  background-color: #fff;
}
.idx-widget .idx-widget-body:before,
.idx-widget .idx-widget-body:after {
  content: " ";
  display: block;
}
.idx-widget .idx-widget-body:after {
  clear: both;
}
.idx-widget .idx-widget-body.idx-widget-body-full {
  padding: 0;
  overflow: hidden;
}