@charset "utf-8";

/* ---------------------------------------------------------------------- */
/*  CSS Reset
/* ---------------------------------------------------------------------- */
html,body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,span,form,fieldset,legend,button,a{
    margin:0;padding:0;border:0;vertical-align:baseline;font-family:Dotum,'돋움',Trebuchet MS;font-size:12px;color:#000;
}
ol,ul,li{list-style:none;}
img,fieldset,iframe{border:0 none}
caption,legend{display:none}
i,em,address{font-style:normal}
label,button{cursor:pointer}
input,select,button{vertical-align:middle;font-family:Dotum,'돋움',Trebuchet MS;font-size:12px;color:#000;}
img{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0px;}
body,h1,h2,h3,h4,input,button,select,pre{}

a{color:#000;text-decoration:none;}
a:link{color:#000;text-decoration:none;font-weight:bold}
a:hover{color:#000;text-decoration:none;font-weight:bold}
a:visited{color:#000}

textarea.form-control{
	 line-height: 1.3;
}

/* ---------------------------------------------------------------------- */
/*  Layout
/* ---------------------------------------------------------------------- */
#footer{background:#ECEFF1;border-top:1px solid #DEE2E5;text-align:center; padding: 0 10px;}

/* ---------------------------------------------------------------------- */
/*  document
/* ---------------------------------------------------------------------- */
.sltbox{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 18px;
    background:#fff url('../img/sltbox_arr.png') no-repeat right 50%;
    width: auto;
    display: inline-block;
}
.sltbox::-ms-expand {
    display: none;
}
.sltbox.xe_required{
    
    background:#FCF7C2 url('../img/sltbox_arr.png') no-repeat right 50% !important;

}
.srch{*zoom:1;position:relative;
	border-width:1px;
	border-style:solid;
	border-color:#EBEBED #cdd0d8 #cdd0d8;
	border-radius: 4px;
	margin-bottom: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#f4f4f4;	
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e5ea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e5ea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e3e5ea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e3e5ea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e3e5ea 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e3e5ea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e5ea',GradientType=0 ); /* IE6-9 */
	}
.srch:after{content: "";display:block;clear:both;}
#expand-sec{display:none;}
 #btn-expand{
 	position:absolute;right:3px;bottom:-16px;
 	/* position:relative; */
 	width:50px;height:16px;line-height:16px;
 	background:#ffe413;
 	border:1px solid #e9cf03;	
 	border-bottom-left-radius: 4px;
 	border-bottom-right-radius: 4px;
 	}
 #btn-expand .glyphicon{
 	font-size:14px;
 	color:#714d00;
 	/* margin-top: 4px; */
     display: inline-block;
 }
 #btn-expand.open .glyphicon{
     transform-style: preserve-3d;
     -moz-transform: rotatex(180deg);
     -ms-transform: rotatex(180deg);
     -o-transform: rotatex(180deg);
     -webkit-transform: rotatex(180deg);
     transform: rotatex(180deg)
 	}
 /* #btn-expand.ico-expand{position:absolute;right:3px;bottom:-16px;} */



.nav-tabs{margin-bottom: 10px;}
.h-title{position:relative;overflow:hidden;border-bottom:1px dotted #DEE2E5;padding:5px 0;margin-bottom:5px;}
.h-title h1{font-size:18px;color:#000;/*color:#285394;*/font-weight:900;line-height:34px;}
.h-title h3{font-size:12px;color:#000;/*color:#285394;*/font-weight:800;line-height:20px;}
.h-sec, 
.h-sec a{font-size:14px;color:#000;font-weight:900;line-height:22px;}
.h-sec .glyphicon{color: #FA9800;font-size:12px;
	-webkit-transition:.2s ease;
	transition:.2s ease;
	transform-origin:50% 50%;
	}
.h-sec .closed .glyphicon{
	-webkit-transform: rotate(90deg);
	transform: rorate(90deg);
	}
	
/* North */
.cust-credit .top-row{*zoom:1;clear:both;}
.cust-credit .top-row:after{content:"";display:block;clear:both;}
.cust-credit .top-row:nth-of-type(1){margin-bottom:5px;}
.cust-credit h1,
.cust-credit dl,
.cust-credit dl dt,
.cust-credit dl dd{float:left;color:#fff;margin:0;padding:0;line-height:100%;}
.cust-credit h1{color:#86D1FF;}
.cust-credit h1,
.cust-credit dl{margin-right:10px;}
.cust-credit h1,
.cust-credit dl dt{font-size:14px;padding-top:2px;margin-right:10px;}
.cust-credit dl dd{
	color: #ACBFD0;
	font-size:12px;
	padding: 2px 8px;
	margin-right:2px;
	border: 1px solid #ACBFD0;
	border-radius: 80px !important;
	}
.cust-credit dl.stat1 dd.selected{
	color: #fff;
	border: 1px solid #934EEA;
	background-color:#934EEA;
	}
.cust-credit dl.stat2 dd.selected{
	color: #fff;
	border: 1px solid #1EA9FF;
	background-color:#1EA9FF;
	}
.cust-credit dl.stat3 dd.selected{
	color: #fff;
	border: 1px solid #0CC315;
	background-color:#0CC315;
	}
.cust-credit .top-row .glyphicon{color: #fff;}
.cust-credit .top-row:nth-of-type(1) .selected{background:#FF5700;border: 1px solid #FF5700;}
.cust-credit .top-row label{white-space:nowrap;}
/* color-bar */
.color-bar .cust-credit h1,
.color-bar .cust-credit dl,
.color-bar .cust-credit dl dt,
.color-bar .cust-credit dl dd{color:#333;}
.color-bar .cust-credit .top-row .glyphicon{color: #555;}
.color-bar .cust-credit dl dd{border-color:#d7d7d7;background:#fff;}

.tbl-inner-wrap{*zoom:1;padding:2px 0;}
.tbl-inner-wrap:after{content:"";display:block;clear:both;}
.contract-stat{float:left;}
/*.contract-stat li{
	float:left;
	background:#fff;
	color: #ACBFD0;
	font-size:12px;
	padding: 0 8px;
	line-height:20px;
	margin: 4px 1px;
	border: 1px solid #ACBFD0;
	border-radius: 80px !important;
	}
.contract-stat li.on{
	color: #FFF;
	font-weight:bold;
	border-color:#FF5700;
	background: #FF5700;
	}
.contract-stat li.selected{
	color: #FFF;
	font-weight:bold;
	border-color:#777977;
	background: #777977;
	}*/
.contract-stat li{
	float:left;
	position:relative;
	background:#fff;
	color: #ACBFD0;
	font-size:11px;
	padding: 0 10px;
	line-height:18px;
	margin: 0px 1px;
	border: 1px solid #ACBFD0;
	border-radius: 80px !important;
	}
.contract-stat li.on{
	color: #ce0808;
	font-weight:bold;
	background-image: -webkit-linear-gradient(top, #ffbcc0 0%, #ffebed 100%);
	background-image: linear-gradient(to bottom, #ffbcc0 0%, #ffebed 100%);
	border-color: #ec999e;
	}
.contract-stat li.on2{
	color: #6666ff;
	font-weight:bold;
	background-image: -webkit-linear-gradient(top, #b3b3ff 0%, #e6e6ff 100%);
	background-image: linear-gradient(to bottom, #b3b3ff 0%, #e6e6ff 100%);
	border-color: #9999ff;
	}
.contract-stat li.active{
	color: #037103;
	font-weight:bold;
	background-image: -webkit-linear-gradient(top, #95d495 0%, #e9ffe9 100%);
	background-image: linear-gradient(to bottom, #95d495 0%, #e9ffe9 100%);
	border-color: #72d472;
	}
.contract-stat li.selected{
	color: #0770ca;
	font-weight:bold;
	background-image: -webkit-linear-gradient(top, #74beff 0%, #e6f3ff 100%);
	background-image: linear-gradient(to bottom, #74beff 0%, #e6f3ff 100%);
	border-color: #79bdf7;
	}
.contract-stat li.on::before,
.contract-stat li.on2::before,
.contract-stat li.active::before,
.contract-stat li.selected::before {
	content:"";
	position: absolute;
	top: 0;
	left: 50%;
	height: 1px;
	width: 80%;
	padding: 5px 0;
	margin-left:-40%;
	border-radius: 8px;
	background-image: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 10%, rgba(255, 255, 255, 0.2) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 10%, rgba(255, 255, 255, 0.2) 100%);
}

.tbl-inner-wrap .btn-sec{float:right;}
.center{text-align:center;}

.amount li{float:left; border-left:1px solid #ddd;padding:0 5px;line-height:22px;}
.amount li strong{color:#000;}

.account h3,
.account dl,
.account dt,
.account dd{float:left;}
.account h3{padding:2px 10px 2px 0;}
.account dt{color:#000;margin-right:4px;}
.account dd{color:#000;margin-right:10px;}

.w100{width:100%;}
.textarea-wrap{padding:8px;}
.tab-sm > li > a{padding: 3px 8px;}
.btn-chk .btn{padding: 2px 8px;}
.btn-chk .btn.active{color:#3889CF;border:1px solid #3889CF;border-radius:80px !important;}

.align-l{text-align:left !important;}
.align-c{text-align:center;}
.align-r{text-align:right !important;}
.form-control.align-c{text-align: center;}
.form-control.align-r{text-align: right;}
.mg-bt5{margin-bottom:5px !importan;}
.mg-bt10{margin-bottom:10px !important;}

.font-blue{color:#0000ff !important}
.font-red{color:#ff0000 !important}
.font-bluesky{color:#265fab !important}
.font-gray{color:#8c8c8c !important}
.font-danger{color:#d9534f !important}

.required{position:relative;color:#FF3939 !important;white-space:nowrap;line-height:normal;padding-right:8px;}
.required:before {
  content: '*';
  font-size: 11px;  
  position: absolute;
  right: 0px;
  top: 0px;
}

.required-b{position:relative;color:#3889CF !important;white-space:nowrap;line-height:normal;padding-right:8px;}
.required-b:before {
  content: '*';
  font-size: 11px;  
  position: absolute;
  right: 0px;
  top: 0px;
}

.lh-normal{line-height:normal !important;}
tbody .tbl-row th,
tbody .tbl-row td{background:#E6F5FD;}

.calendar-grid{overflow:hidden;}
.calendar-grid .month{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	border-radius:4px;
	box-shadow:1px 2px 5px rgba(0, 0, 0, .175);
	transition:.5s ease;
	}

/* ---------------------------------------------------------------------- */
/*  login
/* ---------------------------------------------------------------------- */
.login-bg{width:100%;height:100%;}
.login-box{
	background:#fff;width:400px;height:340px;
	position:absolute;top:50%;left:50%;
	margin-top:-170px;margin-left:-200px;
	border:1px solid #E2E2E2;
	border-radius:4px;
	box-shadow:1px 1px 10px rgba(0,0,0,.2);
	}
.login-header{*zoom:1;position:relative;z-index:99;background:#f4f4f4;padding:5px 10px;border-top-left-radius:4px;border-top-right-radius:4px;}
.login-header:after{content:"";display:block;clear:both;}
.login-header h1{float:left;}
.login-body{padding:20px 40px;}
.login-body dt{font-size:16px;color:#2c455f;text-transform: uppercase;}
.login-body .form-control{height:40px;line-height:22px;padding:0 4px;box-shadow: inset 2px 2px 10px rgba(0, 0, 0, .1);}
.login-box .btn-sec{margin-top:25px;}
.login-btn{background:#256993;font-size:16px;color:#fff;text-transform:uppercase;width:100%;padding:0 10px;height:40px;line-height:40px;border-radius:4px;}

/* ---------------------------------------------------------------------- */
/* main
/* ---------------------------------------------------------------------- */
.main-section{margin:0 auto;width:900px;overflow:hidden;}

.main-link{
	display:flex;
	font-size:0;text-align:center;
	overflow:hidden;
	margin-bottom:10px;
	}
.main-link li{
	flex:1;
	display:inline-block;
	width:16.66667%;
	}
.main-link li a{
	position:relative;
	display:block;
	height:200px;
	margin:0 2px;
	overflow:hidden;
	border-radius:5px;
	transition:.5s ease;
	}
.main-link li a h2{width:100%;font-size:14px;color:#000;font-weight:900;}
.main-link li a .ico{
	position:relative;
	overflow:hidden;
	display:block;
	width:100px;height:100px;line-height:100px;
	margin:40px auto 20px;
	padding-top:8px;
	background-color:#2578e9;
	border-radius:10px;
	transition:.5s ease;
	transform: scale(1.0);
	}
.main-link .m-ico01 a .ico{
	background:#4aabe2 url('../img/main_ico1.png') no-repeat center;
	}
.main-link .m-ico02 a .ico{
	background:#45d1cf url('../img/main_ico2.png') no-repeat center;
	}
.main-link .m-ico03 a .ico{
	background:#eeba49 url('../img/main_ico3.png') no-repeat center;
	}
.main-link .m-ico04 a .ico{
	background:#a5d03d url('../img/main_ico4.png') no-repeat center;
	}
.main-link .m-ico05 a .ico{
	background:#f38264 url('../img/main_ico5.png') no-repeat center;
	}
.main-link .m-ico06 a .ico{
	background:#55d37f url('../img/main_ico6.png') no-repeat center;
	}
.main-link .m-ico07 a .ico{
	background:#a5d03d url('../img/main_ico4.png') no-repeat center;
	}	
.main-link li a:hover .ico{
	transform: scale(1.1);
	}
.main-link .disable a .ico::before{
	content:"";
	display:inline-block;
	width:100px;height:100px;
	position:absolute;top:0;left:0;
	background:url('../img/main_ico_disable.png') no-repeat center;
	}
.main-link .disable a .ico{
	background-color:#969696;
	opacity:0.3;
	}
/* 
.mbnr{display:flex;font-size:0;text-align:center;overflow:hidden;margin-bottom:10px;}
.mbnr li{flex:1;display:inline-block;width:16.66667%;}
.mbnr li a{
	position:relative;
	display:block;height:200px;margin:0 2px;
	overflow:hidden;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	transition:.5s ease;
	}
.mbnr li a h2{width:100%;font-size:14px;color:#000;font-weight:900;}
.mbnr li a .ico{
	overflow:hidden;
	display:block;
	width:80px;height:80px;line-height:80px;
	margin:40px auto 20px;
	padding-top:8px;
	background-color:#2578e9;
	background:linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
	border-radius:50%;
	transition:.5s ease;
	transform: scale(1.0);
	}
.mbnr li a .glyphicon{
	font-size:28px;color:#fff;margin-top:10px;
	text-shadow: 
	#2578e9 1px 1px,#2578e9 2px 2px,#2578e9 3px 3px,#2578e9 4px 4px,#2578e9 5px 5px,
	#2578e9 6px 6px,#2578e9 7px 7px,#2578e9 8px 8px,#2578e9 9px 9px,#2578e9 10px 10px,
	#2578e9 11px 11px,#2578e9 12px 12px,#2578e9 13px 13px,#2578e9 14px 14px,#2578e9 15px 15px,
	#2578e9 16px 16px,#2578e9 17px 17px,#2578e9 18px 18px,#2578e9 19px 19px,#2578e9 20px 20px,
	#2578e9 21px 21px,#2578e9 22px 22px,#2578e9 23px 23px,#2578e9 24px 24px,#2578e9 25px 25px,
	#2578e9 26px 26px,#2578e9 27px 27px,#2578e9 28px 28px,#2578e9 29px 29px,#2578e9 30px 30px;
	}
.mbnr li a:hover{
	background-color:#2578e9;
	background:linear-gradient(30deg,#2578e9 0%,#3fe7d9 100%);
	}
.mbnr li a:hover h2{color:#fff;}
.mbnr li a:hover .ico{
	background-color:#3fe7d9;
	background:linear-gradient(30deg,#3fe7d9 0%,#2578e9 100%);
	transform: scale(1.2);
	}
 */
.main-section .alert-info{margin:0 2px 10px;}
.main-section .alert-danger{margin:0 2px 0;}

.main-section .board.pull-left{margin-left:2px;}
.main-section .board.pull-right{margin-right:2px;}
.main-tab{border-bottom:1px solid #4e5d6c;margin-bottom:10px;}
.main-tab:before{
	display: table;
	content: "";
	}
.main-tab:after{
	display: table;
	content: "";
	clear: both;
	}
.main-tab li{
	float: left;
	margin-bottom: -1px;
	position: relative;
	display: block;
	}
.main-tab li a{
	position: relative;
	display: block;
	padding: 5px 12px;
	margin-right: 2px;
	color:#555;
	background: #DBDBDB;
	border: 1px solid transparent;
	border-color: #cdd0d8 #cdd0d8 #4e5d6c;
	border-radius: 4px 4px 0 0;
	}
.main-tab li.active{}
.main-tab li.active a{
	color:#000;
	font-weight: 900;
	background: #fff;
	border: 1px solid #4e5d6c;
	border-bottom-color: transparent;
	}

.board.pull-left,
.board.pull-right{width:48%;}
.board h2{
	font-size: 14px;
	font-weight: 900;
	height:29px;
	line-height:22px;
	padding-left: 2px;
	border-bottom: 1px solid #4e5d6c;
	margin-bottom: 10px;
	}
.board .glyphicon{font-size:16px;vertical-align:middle;}
.board-list ul {overflow:hidden;}
.board-list li {position: relative;padding:3px 0 3px 5px; line-height:150%; overflow:hidden;}
.board-list li a {float:left;}
.board-list li a:before{content:"·";display:block;float:left;margin-right:6px;}
.board-list li span {float:right;}
.board-list li .date {margin-left:10px;}
.board-list li .name {width:40px;}

/* ---------------------------------------------------------------------- */
/* phone-stat
/* ---------------------------------------------------------------------- */
#state-area{position:fixed;width:100%;top:0;z-index:999;text-align:center;}
.phone-state,
.log-area{background:#e3e5e9;border-bottom:1px solid #ddd;padding:5px;}
.log-area{display:none;}
.log-area textarea{width:100%;}
.phone-state li{display:inline-block;}
.btn-tel-stat{
	font-size: 12px;
	color:#fff !important;
	font-weight: 900;
	display:inline-block;
	padding: 3px 7px;
	background-color: #777;
	border-radius: 50px;
	}
.btn-tel-stat.primary{background-color:#428bca;}
.btn-tel-stat.default{background-color:#47ADE2;}
.btn-tel-stat .glyphicon{color:#fff;}
.log-arr-down{display:inline-block;position:relative;top:-2px;}
.ui-layout-north.phone-h{padding-top:34px;}
.ui-layout-center.phone-h{padding-top:34px;}

.pds_stat.primary{background-color:#f38264;}

.btn-radio-group .btn{
  border-radius: 50px;
}
.btn-radio-group .btn{
  background-color: #777;
}
.btn-radio-group .btn.active{
  background-color: #428bca;
}
.btn-radio-group .btn{
  font-weight:bold;
  background-color: #777;
  border-color: #777;
  border-radius: 50px;
}
.btn-radio-group .btn.active{
  background-color: #428bca;
  border-color: #428bca;
}

/* ---------------------------------------------------------------------- */
/* switcher
/* ---------------------------------------------------------------------- */
.login-header #switcher{float:right;margin-top:10px;position:relative;z-index:999;}
#switcher.btn.circle{width:30px;height:30px;line-height:30px;}
#switcher.btn.circle .glyphicon{font-size:16px;color:#1EA9FF;display:block;}
#switcher.btn.circle.on{background:#1EA9FF;}
#switcher.btn.circle.on .glyphicon{color:#fff;}
.swatch{
	width:130px;
	position:absolute;top:8px;right:0px;
	text-align:center;
	transition:.3s ease;
	opacity:0;
	}
.swatch.on{right:-130px;opacity:1;}
.swatch h3{background:#bbb;color:#fff;padding:5px;}
.swatch ul{font-size:0px;padding:4px;}
.swatch li{display:inline-block;padding:2px;}
.swatch .color{display:block;width:30px;height:30px;border-radius:50%;
	background-color:transparent;
	border:4px solid #fff;
	}
.swatch li:nth-of-type(1) .color{background-color:#428bca;}
.swatch li:nth-of-type(2) .color{background-color:#5cb85c;}
.swatch li:nth-of-type(3) .color{background-color:#d9534f;}

/*RealGrid style*/
.grdMain{height: 500px;}
.grdTree{height: 300px;}

/* ---------------------------------------------------------------------- */
/* jsTree
/* ---------------------------------------------------------------------- */
.tree-nav{display:table;width:100%;}
.tree-nav .tree-row{display:table-row;}
.tree-nav .tree-cell{display:table-cell;width:45%;border:1px solid #cdd0d8;}
.tree-nav .tree-cell.tree-btn{width:10%;text-align:center;vertical-align:middle;background-color: #f7f7f7;border:0px;}
.tree-nav .tree-cell.tree-btn .btn{width:40px;height:40px;line-height:150%;text-align:center;background:#fff;border:1px solid #1ab6f7;border-radius:50%;padding:0 !important;}
.tree-nav .tree-cell.tree-btn .btn *{color:#1ab6f7;}
.tree-nav .tree-cell.tree-btn .btn.del{border-color:#ff372d;}
.tree-nav .tree-cell.tree-btn .btn.del *{color:#ff372d;}
.tree-nav .tree-cell.tree-btn .btn .glyphicon,
.tree-nav .tree-cell.tree-btn .btn strong{display:block;}


/* ----------------------- */
/* checkbox, radio
/* ----------------------- */
.radio label, .checkbox label{min-height:16px;padding-left:0;}
.radio, .checkbox{margin-top:6px;margin-bottom:6px;}
.checkbox,
.radio,
.checkbox-inline,
.radio-inline{line-height:normal;}
.radio-inline, .checkbox-inline{padding-left:0;}

input[type="checkbox"],
input[type="radio"] {
    display:none;
	}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
	content:'';
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    background:#b0b0b0 url(../img/ico_checkbox_radio.png) no-repeat 0 0;
    border-radius:50%;
}
input[type="radio"] + label:before{
	background-position: -16px 0;
}
input[type="checkbox"]:checked + label:before{
    background-position: 0 -16px;
	background-color: #3889cf;
}
input[type="radio"]:checked + label:before {
    background-position: -16px -16px;
	background-color: #3889cf;
}

.content { margin: 0 auto; padding:0 10px 0 10px; padding-top: 10px; }

/* XE_validate style */
.xe_required   { background:#FCF7C2 !important; }
.xe_error      { background-color: #FFE400; }
.xe_imeKor     { ime-mode: active }
.xe_imeEng     { ime-mode: inactive }
.xe_imeDis     { ime-mode: disabled }

/* background color */
.red{background-color: #F15F5F;}
.blue{background-color: #6799FF;}

/* border style*/
.borTop{border-top: 2px solid #ccc;}

/* paging total count */
.total-num{background: #ffff; padding: 5px; margin: 6px 0 0 0; border-radius: 50px;}
.total-num em{background: #ffff; padding: 5px; margin: 6px 0 0 0; border-radius: 50px; font-weight:bold;}
.total-num:before{content:"·";display:inline-block;margin-right:6px; font-weight:bold;}


/* text style */
.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align: right !important;}

/* Alarm */	
.alarm {position:fixed;top:40px;right:0;width:50px;z-index:9999;}
.alarm .alarm-header{background:#ffa8a8;height:23px;line-height:23px; color:#ffffff;overflow:hidden;}
.alarm h1{float:left;color:#6D2626;padding-left:25px;display:block;cursor:pointer;}
.alarm h1:before{
content: '\e023';
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 7px;
	top: 5px;
}
.alarm h1 span {line-height:23px; color:#6D2626; font-style:normal;}
.alarm h1 em {line-height:23px; color:#ffffff; font-style:normal;}
.alarm .alarm-close {background:#F75555;float:right;}
.alarm .alarm-close .glyphicon{color:#ffffff;}
.alarm .alarm_cont {position:relative; background:#87898B; color:#fff; overflow: hidden;}
.alarm_cont .alarm-list {position:relative;height:161px;padding:0px;overflow-x: hidden; overflow:auto;}
.alarm_cont ul li {position:relative; border-bottom:1px solid #7E8083; padding:1px 3px;overflow:hidden;}
.alarm_cont ul li .alm-tit {float:left;color:#ffffff; line-height:24px; padding-left:22px;}
.alarm_cont ul li .alm-tit:before{
content: '\e038';
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 8px;
	top: 2px;
}
.alarm_cont .btn-alarm {float:right;color:#ffffff;background:#787B7D;}
.alarm .bottom {background:#7E8083;text-align:center;  font-weight:bold; color:#fff; padding:2px 0; overflow:hidden;}
.alarm .alarm-confirm {background:#F75555;color:#ffffff;}
.alarm .btn_cfm {position:absolute;right:10px;}
#progress {position:absolute;z-index:50;top:50%; left:50%; margin-left:-10px; }
#hideAlarm {position:absolute;bottom:0;right:0; cursor:pointer;}

.alarm-list::-webkit-scrollbar {width:5px;height:5px;}
.alarm-list::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1);border-radius: 5px;}
.alarm-list::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,0.8);border-radius:5px;}

/*textArea*/
.h150 {height: 150px !important;}

.phone_info {
	display: inline-block;
	font-weight: bold;
}

#btn-expand-cti{
	position: relative;
	right:3px;bottom:-16px;
	background:#fff;
	border:1px solid #cdd0d8;
	width:26px;height:16px;line-height:16px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#btn-expand-cti .glyphicon{font-size:9px;color:#FFA500;transform-origin: 50% 50%;position:absolute;left:50%;margin-left:-5px;}
#btn-expand-cti.open .glyphicon{position: absolute;
    transform-style: preserve-3d;
    -moz-transform: rotatex(180deg);
    -ms-transform: rotatex(180deg);
    -o-transform: rotatex(180deg);
    -webkit-transform: rotatex(180deg);
    transform: rotatex(180deg)
}

.ico-log.btn-expand{
	display: inline-block;
	position: relative;
	top: -2px;
}

.tr-red {
	background-color:#F8E0E0;
}

.p-btn{ line-height: 13px;}

/* checkInfo table */
td.tbl-check { vertical-align: top !important;}
.tbl-check label{display: block;}
.tbl-check.text-80 input[type="text"] {display: inline-block; width: 80px;}

.mg-top10{margin-top:10px;}

.mainPanel{
	padding:	10px;
		position:	relative; /* contain floated or positioned elements */
}

.ui-state{
    overflow:hidden;
    margin-right:20px;
    }
.ui-state .glyphicon{top:2px;}
.ui-state dt{min-width:80px;}
.ui-state dt,
.ui-state dd{
    float:left;
    font-weight:700;
    }
.ui-state dd{
    margin-right:5px;
    }

.ui-state{margin-bottom:5px;}
.ui-state dt{
    font-size: 12px;
    padding: 2px 8px;
}
.state-item{
    font-size: 12px;
    display:block;
    padding: 1px 8px;
    margin-right: 2px;
    border: 1px solid #ddd;
    border-radius: 80px;
    background: #ddd;
    opacity: 0.3;
}
.state-item.active{
    color:#F15F5F;
    border-color:#F15F5F;
    background: #fff;
    opacity: 1;
    }

.ui-state-btn .btn-state{
    font-size: 12px;
    padding: 2px 8px;
    margin-right: 2px;
    border: 1px solid #ddd;
    background-color:transparent;
    border-radius: 80px;
}
.ui-state .btn-state.active{color:#F15F5F;border-color:#F15F5F;}

.ui-switch{}
.ui-switch input[type="checkbox"]{
    display:none;
     }
.ui-switch input[type="checkbox"] + label{color:#ACADAF;}
.ui-switch input[type="checkbox"]:checked + label{color:#F15F5F;font-weight:700;}
.ui-switch input[type="checkbox"] + label:before{
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:26px;
    height:22px;
    background:url('../img/ico_switch.png') no-repeat center;
    background-size:contain;
    opacity: 0.3;
    }
.ui-switch input[type="checkbox"]:checked + label:before{
    background:url('../img/ico_switch_on.png') no-repeat center;
    opacity: 1;
    }

.ui-state-btn{
    float:left;
    margin:8px 10px 0 0;
    }
.ui-state-btn h3{font-size:12px;font-weight:700;display:inline-block;}
.ui-state-btn h3 .glyphicon{font-size:12px !important;top:2px !important;}
.ui-state-btn .btn-group .badge{
    top:0;
    color: #fff;
    min-width: 16px;
    line-height: 16px;
    padding:0 4px;
    background-color: #547DF3;
}
.ui-state-btn .btn-group.abnormal .badge{background-color:#F15F5F;}
.ui-state-btn .btn-group .btn{
    color: #333;
    padding: 6px 5px;
    background-color: #fff;
    border-color: #ccc;
}
.scroll-area{
    overflow-y: auto;
    height: 100px;
}
.scroll-area-250{
    overflow-y: auto;
    height: 250px;
}
.btn-white{
    color: #333;
    padding: 6px 5px;
    background-color: #fff;
    border-color: #ccc;
}
.btn.circle.primary{    
    background-color:#F15F5F;
}
.btn.circle.primary .glyphicon{color:#fff;}

.ico-state{
    font-size: 14px;
    color: #47ADE2;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
	width: 14px;
    height: 14px;
    top: -1px;
	display:inline-block;
    border-radius: 50%;
}
.ico-state.btn-warning{
	color:#f0ad4e;
	background-color:transparent;
	border-color:transparent;
}
.ico-state.btn-danger{
	color:#d9534f;
	background-color:transparent;
	border-color:transparent;
}
.td-danger {
	background-color:#f7abab;
}

/* 드롭다운 안에 span의 color는 상위속성 물려받도록 */
.dropdown-menu.inner .option-style span{color:inherit;}



/* 이벤트 관리 */
.event-area{
	width:100%;
	overflow:hidden;
	display:table;
	min-height:400px;
}
.event-box{
	width:50%;
	display:table-cell;
	vertical-align:top;
	
}
.event-arrow_area{
	width:1%;
	text-align:center;
	display:table-cell;
	padding:20px;
	vertical-align:middle;
}
.event-arrow_area .inner{
	text-align:-webkit-center;
	position:relative;
	top:40%;
}
.event-arrow_area .btn{
	padding:15px 10px !important;
	display:block;
}
.event-arrow_area .btn span{
	display:block;
	margin:2px;
}
.event-apply-area{
	padding:5px;
}
/* 결재내역 */
.total-pay{
	padding:15px;
	background:#ECEFF1;
	margin-bottom:10px;
	border:1px solid #DEE2E5;
	border-radius:5px;
}
.total-pay li{
	display:inline-block;
	margin-right:15px;
}
.total-pay .label{
	margin-right:3px;
}
.pay_a{
	background:#3889cf;
}
.pay_m{
	background:#d64452;
}
.pay_p{
	background:#6d59c6;
}

/* counter */
.counter-bg{
	background-color:#e0e8f2;
}
.counter-wrapper{
	position:absolute;
	top:50px;left:0;
	width:100%;
	/*height:100%;*/
	text-align:center;
}
.counter-wrapper::after{
	content:"";
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
.counter-block{
	width:820px;
	display:inline-block;
	background-color:#fff;
	vertical-align:middle;
	box-shadow:1px 2px 10px rgba(0,0,0,.1);
}
.counter-header{
	text-align:center;
	padding:20px;
	background:url('/img/iconset_counter.png') no-repeat 0 0;
}
.counter-header h1{
	width:455px;
	height:51px;
	overflow:hidden;
	text-indent:-9999px;
	margin:auto;
	display:inline-block;
	background:url('/img/iconset_counter.png') no-repeat 0 -100px;
}
.table.table-counter{
	margin-bottom:15px;
}
.table-counter > tbody > tr > th,
.table-counter > tbody > tr > td{
	font-family:"Malgun Gothic", "맑은 고딕", dotum, "돋음", Arial, sans-serif;
	font-size:18px;
	color:#fff;
    text-align:left;
    padding:16px 32px;
}
.table-counter > tbody > tr > th{
	font-weight:normal;
	background-color:#39404b;
	border-top:1px solid #525b66;
}
.table-counter > tbody > tr > td{
	background-color:#434b56;
	border-top:1px solid #5c6570;
}
.table-counter > tbody > tr:nth-of-type(2n) > th{
	background-color:#282f39;
}
.table-counter > tbody > tr:nth-of-type(2n) > td{
	background-color:#303843;
}
.table-counter .text-primary{
	color:#ff4756;
}
.table-counter .btn{
    padding:10px !important;
	background-color:#79828e;
}
.counter-btn-group{
	
}
.counter-btn-group .btn{
	font-family:"Malgun Gothic", "맑은 고딕", dotum, "돋음", Arial, sans-serif;
	color:#fff;
	border:0;
}
.counter-btn-group .row{
	margin-right:-8px;
    margin-left:-8px;
}
.counter-btn-group .col-xs-4{
	padding-right:8px;
    padding-left:8px;
}
.counter-btn-group .col-xs-6{
    padding-right: 8px;
    padding-left: 8px;
}
.counter-btn-group .btn.btn-lg-default{
	border-radius: 0px;
	background-color:#79828e;	
	background: -webkit-linear-gradient(top, #79828e 0%,#313944 100%); 
	background: linear-gradient(to bottom, #79828e 0%,#313944 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79828e', endColorstr='#313944',GradientType=0 );
}
.counter-btn-group .btn.btn-lg-primary{
	border-radius: 0px;
	background-color:#e60013;	
	background: -webkit-linear-gradient(top, #e60013 0%,#642228 100%); 
	background: linear-gradient(to bottom, #e60013 0%,#642228 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60013', endColorstr='#642228',GradientType=0 );
}
.btn-srch::before,
.btn-reset::before,
.btn-approve::before{
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	vertical-align:middle;
	margin-right:5px;
	background:url('/img/iconset_counter.png') no-repeat 0 -200px;
}
.btn-srch::before{
	background-position-x:0px;
}
.btn-reset::before{
	background-position-x:-80px;
}
.btn-approve::before{
	background-position-x:-160px;
}
.counter-tabs-wrap{
	padding:15px;
}
.counter-tabs-wrap .nav-tabs{
	margin-bottom:15px;
}
.btn-lg{
	margin:1px 0;
	padding: 10px 16px !important;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.nav-tabs > li > a{
	background: transparent;
}

.modal .btn-area{
	text-align:center;
	margin-bottom:10px;
}
 
.align-center tbody td{
	text-align:center;
}