@charset "utf-8";


/*로그인화면*/
.login_cont{padding-top:230px;box-sizing:border-box;}
.login h1{font-size:30px;}
.login_box {
overflow: hidden;
  border-radius: 4px;
  padding:20px 30px;box-sizing:border-box;
  background-color: rgb(255, 255, 255);
  box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.35);
  margin:20px auto;
  width:600px;
}
.login_box h2{font-size:34px;border-bottom:2px solid #2a3245;color:#2a3245 }
.login_inner_wrap{overflow: hidden;}
.login_input{float: left; width: 75%;}
.login_input li{padding: 10px 30px 10px 0}
.login_input li input{width:100%;height:40px;}
.login_btn{float: left; width: 25%}
.login_btn a{
	display: block; font-size:20px; color: #fff; text-align: center;
	background: #2993d4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius:3px;
    line-height: 104px;
}


.color_box{overflow:hidden;opacity:0.8}
.color_box>div{float:left;border-radius:3px;background:#f4f6f8;border:1px solid #ddd }
.color_box>div p{color:#fff;background-color:#2993d4;padding:5px 0;border-radius:3px 3px 0 0}
.stats{color:#666;margin:10px 0;}
.stats strong{font-size:22px;color:#333;}
.color_box.light>div p{background: #4462a6}
/*.conts_body .shortfall p{background:#3ebec5!important;}*/
/*다중선택 항목*/
.search_trigger{width:100%;text-align:center;}
.more_search{background:#f4f6f8;overflow:hidden;display: none;}
.more_search .more_cont{float:left;padding:10px;}
/*.more_search .more_cont:last-child{width:48%; }*/
.search_scroll{border:1px solid #ddd;background:#fff;margin-top:5px; padding:10px 15px;box-sizing: border-box;height:200px;overflow-y:scroll; }
.search_scroll li{padding:5px 0;}

/*대금청구서*/
.bill{clear:both;margin-bottom:20px}
.bill h2{font-size:14px;font-weight:500;}
.bill h2 span{font-weight:400}
.bill_choice{width:100%;margin:10px 0;height:70px}
.bill_choice li{float: left;width:calc(25% - 20px);margin:0 10px;position:relative;}
.bill_choice li:last-child{margin-right:0;}
.bill_choice li a{
	display:block;text-align:center;
	height:65px;
	padding:10px;box-sizing:border-box;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius:3px;
  font-size:18px;font-weight:600;
  border:1px solid #ddd;
}
.bill_choice li a.active{background:#2993d4;color:#fff; }
.bill_choice li a.active .help{color:#fff;border-color:#fff}
.help{
	position:absolute; cursor:pointer;
	top:7px;right:7px;
	border:1px solid #ddd;
	background:#ddd;font-weight:600;
	border-radius:50px;padding:0px 7px;
}
.help_t{
	position:absolute;top:-8px;right:-8px;
	display:none;background:#f5f5f5;border:1px solid #ddd;
	width:282px;padding:5px;box-sizing:border-box;z-index:999;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius:3px;
}
.bill_choice .help:hover >.help_t{display:block;}

.memo{position:relative;}
.memo_t{display: none;position:absolute;border:1px solid #ccc;background:#fff;top:0;left:0px;color:#333;padding:5px 7px;border-radius:3px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);}
.memo span:hover >.memo_t{display:block;}


.tab_menu{overflow: hidden;}
.tab_menu li{float: left;}
.tab_menu li a{display:inline-block;padding:5px 25px;background:#ddd;border-radius: 4px 4px 0 0;margin-right:4px;box-sizing:border-box;color:#999}
.tab_menu li a:hover{background: #999;color:#fff;}
.tab_menu li.active a{background:#2993d4;color:#fff;font-weight: 500;}
.tab_menu li.active2 a{background:#2993d4!important;color:#fff;font-weight: 500;}

/*자주발송하는 문자*/
.often_sms{overflow:hidden;background:#ecf0f4;padding:5px 7px;}
.often_sms li{
  float: left;position: relative;cursor: pointer;
  background:#fff;border:1px solid #ddd;padding:10px;box-sizing:border-box;
  width:19.2%;height:180px;margin:5px;
}
.often_sms li:hover{background:#f4f6f8}
.often_sms li:nth-child(5n){margin-right:0}
.often_sms li span{position: absolute;top:2px;right:-2px}
.often_sms li.add_sms{background:#f4f6f8}
.often_sms li.add_sms a{display:block;width:100%;text-align:center;font-size:60px;line-height:165px;font-weight:200;color:#999}
.often_sms li.add_sms a:hover{color: #2993d4}

.text-align-center{
  text-align:center;
}

.overlay-loader {
  background-color: rgba(56, 56, 56, 0.1);
  display: none;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/images/ajax-loader.gif ');
  background-repeat: no-repeat;
  background-position: center;
}

.overlay-loader2 {
  background-color: rgba(56, 56, 56, 0.1);
  display: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url('/images/ajax_loader_blue.gif ');
  background-repeat: no-repeat;
  background-position: center;
}

.overlay-loader3 {
  background-color: rgba(56, 56, 56, 0.1);
  display: none;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/images/ajax_loader_blue.gif ');
  background-repeat: no-repeat;
  background-position: center;
}

.btn_term li{float: left;}
.btn_term li a{background:#f5f5f5; color:#333; font-size:12px; border: 1px solid #ddd; margin:0 -3px 4px; padding:5px 20px; display:inline-block}
.btn_term li.active a, .btn_term li:hover a{background:#fff;}


td > ul > li.active{
  background: #2993d4;
  font-weight: 300;
  color:#f5f5f5;
}

.view_part{
  vertical-align:top;
  overflow-y:scroll;
}
.suboverlay-loader {
  /* background-color: rgba(36, 35, 35, 0.6);   */
  z-index: 9999999;
  /* width: 100%; */
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  background-image: url('/images/subloading.gif ');
  background-repeat: no-repeat;
  background-position: center;
}

.img_view img{width:180px;cursor: pointer;}

tr.active{
  background-color:#2993d4
}

tr.current{
  background-color:#e2e2e2;
  color:white;
}

.change{
  background-color:#9FC93C;
}
.metal{
  background-color:#3DB7CC;
}



.float_rmid {
	position: fixed;
	right: 57%;
	top: 30%;
/* 	margin-right: -720px; */
    margin-right: -50%;
	text-align: center;
	width: 300px;
}


.chk_img {
	position: relative;
	top: -110px;
	left:-330px;
	width:20px;
	height:20px;
	accent-color:red;
}


.new_img {
	position: relative;
	top: -100px;
	left:-60px;
	width:20px;
	height:20px;
	font-size:30px;
	font-weight:1000;
	color:#ffff00;
	margin-right: -25px;
}


/*+++*
.modal-open {overflow: hidden;}
.modal {display: none;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1250;-webkit-overflow-scrolling: touch;outline: 0;}
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-content {position: relative;background-color: #ffffff;border: 1px solid #999999;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 1px;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;outline: 0;}
.modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000000;}
.modal-backdrop.fade {opacity: 0;filter: alpha(opacity=0);}
.modal-backdrop.in {opacity: 0.5;filter: alpha(opacity=50);}
.modal-header {padding: 0px;border-bottom:none;height: 15px;position:relative;}
.modal-header .close {position:absolute;right:15px;top:15px;margin:0;z-index:9;}
.modal-title {margin: 0;line-height: 1.54;}
.modal-body {position: relative;}
.modal-footer {padding: 20px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn {margin-left: 5px;margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

.scrollup, .back {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 15px;
    text-align: center;
    color: #fff !important;
    font-size: 3rem;
    background:rgb(64,146,212);
    z-index: 9999;
    border-radius:100%;
    text-transform:uppercase;
    letter-spacing:-0.05rem
}
.scrollup i, .back i { line-height: 40px }
.back {
    right: 60px;
}
.scrollup {
    display: none;right: 15px;
}
a.scrollup:hover i,
a.scrollup:focus i {
    text-decoration: none;
    outline: none;
}
---*/