@charset "utf-8";

/*---------- reset ----------*/
html{margin: 0; padding: 0; width:100%; height:100%; }
body{margin: 0; padding: 0; height:100%;font-family: 'Noto Sans KR',sans-serif; font-size: 15px; letter-spacing: -0.05em; line-height: 1; color: #333333; -webkit-text-size-adjust: none;}
header, h1, h2, h3, h4, h5, h6, section, p, ol, ul{margin: 0; padding: 0;}
button, select, input, textarea{font-family: 'Noto Sans KR',sans-serif, Arial, Helvetica, sans-serif;}
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding: 0;	border: 0;}
iframe, img, button{border: 0;}
li{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none; color: #555;}
hr{display: none;clear:both; }
section{max-height: 999999px;}
caption{left: -9999px; width: 0.01em; height: 0.01em; font-size: 0.1em; line-height: 0.01em; visibility: hidden; overflow: hidden;}
strong {font-family: 'Noto Sans KR',sans-serif;}
button{cursor:pointer}


/* link */
	
a{ text-decoration:none; color:#777777; outline:0; }
a:hover{ text-decoration:none; color:#00baf9;outline:0; }
a img{ border:none; }


a {selector-dummy: expression(this.hideFocus=true);}
a,img {selector-dummy: expression(this.hideFocus=true);}
a,img,input{selector-dummy: expression(this.hideFocus=true);}

/* float */
.FL {float:left;}
.FR {float:right;}
.clear {clear:both;}


/* font */
.point {color:#ee6f5e;}
.fB {font-weight:500;}
.text-r {text-align:right;}
.text-l {text-align:left;}
.text-c {text-align:center;}
.mar_t30 {margin-top:30px;}
.mar_b30 {margin-bottom:30px;}
.mar_b10 {margin-bottom:10px;}

.mar20 {margin:20px;}
.f_red {color:#e0002a;}
.f_blue {color:#1e96fc;}
.f_gray {color:#999999;}

.f_sky {color:#00baf9;}
.f_pink {color:#e21b82;}
.f_green {color:#18d889;}
.f_orange {color:#ff6f0b;}
.f_yellow {color:#ffa22b}

.txt_notice {color:#00baf9;display:block;margin-bottom:10px;font-size:15px;}

i {vertical-align:middle;margin-right:3px;}


/* form */
select {border:1px solid #ccc;padding:5px;background:#fff;}



input {border:1px solid #e1e1e1;padding:9px;vertical-align:middle;margin-top:-4px; }

input:focus { outline: none; }
input::placeholder{font-size:15px;letter-spacing:-0.05em;color:#909090}

input:-ms-input-placeholder {
      color: #909090;
    }
    input::-webkit-input-placeholder {
      color: #909090;
    }
    input::-moz-placeholder {
      color: #909090;
    }

input[type='file'] {border:0px;background:transparent;display:none;}


textarea {font-size:100%;border:1px solid #e0e1e3; padding:.6em 0.5em;height:60%;width:98%;box-sizing:border-box}
textarea::placeholder{font-size:100%;letter-spacing:-0.05em;color:#909090}


/**/
select {

padding: 7px 15px 8px 9px;
border: 1px solid #e0e1e3;
background: url('../img/ico_select_arrow.png') no-repeat right 9px center;
background-color:#fff;
background-size:8px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color:#999;
font-size:15px;
letter-spacing:-0.05em;
}

select::-ms-expand {
display: none;
}


/*container----------------------------------------------------------------------------------------------------------------------------------------*/
body{height:100%;box-sizing: border-box;margin:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#wrapper {width:100%;height:100%;position:relative;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.header{padding:0px 30px; padding-top:10px; position: fixed;top:0;left:0;border-bottom:1px solid #e4e8f0;background:#fff;z-index:100;width:100%;
box-sizing:border-box;}
.header .p_logo{color:#000;letter-spacing:-0.08em;float:left;padding-top:18px;height:30px;}
.header .p_logo img{vertical-align:bottom;max-height:100%;margin-right:5px;}
.header .p_logo span{margin-bottom:4px;display:inline-block;font-size:21px;font-weight:bold;}

.header nav{float:right;margin:0 auto;margin-right:20px;}
.header .lnb{text-align:center;margin:0 auto;}
.header .lnb .depth1{float: left; position: relative;  text-align: center; margin-left:60px;margin-right:60px;margin-top:10px;height:62px;}
.header .lnb .depth1 > a{display: inline-block; font-size: 19px; line-height: 45px; text-decoration: none; color: #666;text-align:center;padding-bottom:15px;font-weight:400}
.header .lnb .depth1 > a:hover {color:#014099;}
.header .lnb .depth1:hover > a:after{width: 100%; left: 0;}
.header .lnb .depth1 > a.on{width: 100%; ;color:#014099;font-weight:bold;border-bottom:3px solid #014099;padding-bottom:15px;}
.header:after{clear:both; display:block; content:""}


.header .lnb .depth1 > a:after {
	content: ""; display: block; position: absolute;  top:60px; left: 0; width: 0; height: 3px; background-color: #014099;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -kthtml-transition: width 0.3s ease;
  transition: width 0.3s ease;
 }


.header .util {float:right; padding-top:18px;}
.header .util li{position: relative;float:left;padding:0px 25px;color:#bfc6d3;cursor:pointer;}
.header .util li.user{color:#bfc6d3;}
.header .util li.user span{display:inline-block;padding-top:4px;padding-right:15px;}
.header .util li a{color:#bfc6d3;}
.header .util li a.on{color:#014099;}
.header .util li a:hover{color:#777;}
.header .util:after{clear:both;display:block; content:""}
.header .util li img{vertical-align:middle;margin-top:3px;}


footer{padding:30px;background:#f4f6fc;font-size:13px;text-align:right;border-top:1px solid #e1e1e1;color:#7b8796;font-weight:normal;letter-spacing:0.01em;}

.sub_depth {background:#e8f0f8;border-bottom:1px solid #e4e8f0;padding:0px 20px;position:fixed;top:80px;left:0;width:100%;display:block;}
.sub_depth .menu {float:left;padding:25px 20px 0px 10px;color:#666;letter-spacing:-0.02em;font-weight:bold;font-size:16px;}
.sub_depth .menu li{display:inline-block;margin-right:50px;padding-bottom:25px;}
.sub_depth .menu li a.on{color:#00baf9;text-align:left;padding-bottom:18px;border-bottom:3px solid #00baf9;font-weight:bold;}
.sub_depth .menu li div {background:#00baf9;width:6px;height:6px;border-radius:100%;display:block;margin:8px auto;margin-bottom:0px;border-bottom:2px solid #00baf9;}
.sub_depth:after{display:block; content:""; clear:both;}


.m_cont {background:#f6f9fc;width:100%;padding:40px 60px;box-sizing: border-box;overflow:auto;padding-bottom:50px;position:absolute;top:145px; height:calc(100% - 145px);}
.m_cont2 {background:#fff;width:100%;height:calc(100% - 85px);box-sizing: border-box;overflow:hidden;position:absolute;top:85px;}

.cont {margin-left:281px; background:#f4f6fc;float:left;position:absolute;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:30px;}
.cont_box {background:#fff;width:100%;display:block;height:100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:30px;overflow:auto;}
.cont_tit {border-bottom:1px solid #d2d3d4;}
.cont_tit h2{font-size:27px;font-weight:bold;padding-bottom:30px;letter-spacing:-0.08em;float:left;margin-right:10px;color:#000}
.cont_tit h2 span{font-size:20px;margin-left:10px;color:#777;font-weight:normal;}
.cont_tit h2 label {display:inline-block;background:#00baf9;color:#fff;font-size:18px;padding:5px;border-radius:5px;font-weight:normal;margin-left:5px;letter-spacing:-0.05em;}
.cont_tit:after{clear:both; display:block; content:""}
.cont_div {padding-top:20px;}
.cont h3 {font-size:22px;font-weight:500;letter-spacing:-0.08em;margin-bottom:20px;}
.cont h4 {margin-bottom:10px; font-size:17px; font-weight:500}
.cont:after{clear:both; display:block; content:"";}

.cont_top {padding-bottom:20px;}
.cont_top:after{clear:both; display:block; content:"";}

/*��ư*/
.search_btn{padding:7px 20px;background:#4b4b4b;color:#fff;font-size:14px;font-weight:500;border-radius:3px;margin:0 5px;cursor:pointer;}
.act_button {padding:12px 5px;background:#014099;font-size:15px;font-weight:500;letter-spacing:-0.05em;
 border:0px;border-radius:1px;width:150px;color:#fff;margin:10px;display:inline-block;border-radius:3px;}
.act_button:hover {background:#1b2e5a;}
.dis_button {padding:12px 5px;border:1px solid #e1e1e1; background:#969494; border:0; color:#fff;font-size:15px;font-weight:500;letter-spacing:-0.05em;
 width:150px;margin:10px;display:inline-block;border-radius:3px;}
.dis_button:hover {background:#d2d2d2;}


 .w_btn {border:1px solid #d2d2d2; background:#fff; font-size:14px; color:#111;padding:8px 10px;border-radius:3px;cursor:pointer;margin:0 5px}
 .w_btn img{margin:0 5px;}
 .w_btn:hover {background:#fafafa;}
 .w_btn:active {background:#eee;}
 .w_btn i{font-size:15px;margin:0;padding:0;margin-top:-2px;margin-right:4px;font-weight:bold;color:#333}

.top_btn {float:right;width:50%;text-align:right;}
.top_btn:after {clear:both; display:block; content:""}
.darkgray {padding:15px 20px; background:#222222; color:#fff;font-size:15px;font-weight:500;}
.darkgray img{margin-right:20px;}
.redline {padding:15px 20px; border:1px solid #ea002c; background:#fff; color:#ea002c;font-size:15px;font-weight:500;}
.grayline {padding:15px 20px; border:1px solid #51555e; background:#fff; color:#51555e;font-size:15px;font-weight:500;}
.grayline img{margin-right:20px;}


.b_btn {border:0; background:#4b4b4b; border-radius:3px; color:#fff;font-size:15px;font-weight:500;margin:0 5px;cursor:pointer;padding:8px 10px;}
.b_btn img{margin:0 5px;}
.b_btn:hover {background:#333;}
.b_btn:active {background:#222;}

.btn img{vertical-align:top;margin-top:3px;margin-right:10px;}
.btn{border:0px; padding:5px 15px;border-radius:3px;font-weight:500;}
.btn_blue{background:#1e96fc; color:#fff}
.btn_red {background:#e0002a; color:#fff}
.btn_gray {background:#999999; color:#fff}
.btn_sky {background:#00baf9; color:#fff}
.btn_green {background:#18d889; color:#fff}
.btn_orange {background:#ff6f0b; color:#fff}
.btn_yellow {background:#ffcc00; color:#000}
.btn_white {background:#fafafa; border:1px solid #e1e1e1; color:#000}
.btn_dark {background:#333; color:#fff}


.btn_lightgray {background:#fff;font-size:12px;}

.sms_btn {float:right;position:relative; font-size:14px; padding:12px 10px;border-radius:3px;margin:0px;font-weight:500;}
.sms_btn span{display:inline-block;font-weight:500;padding-right:5px;}

/* datepicker*/
.date_btn{width:140px;display:block;border:1px solid #d2d2d2; background:#fff; font-size:14px; color:#111;padding:8px 10px;border-radius:3px;}


.date-icon {display:block; width:16px; height:15px; background:url(../img/datepick.png) left top no-repeat; position:absolute; z-index:1; 
top:11px; right:8px;} 
.input-a {position:relative;} 

.date-inpt {cursor:pointer; z-index:99; position:relative;} 
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0px !important; border-color:#ebebeb;  background:#fff;} 

.ui-widget-header {background:#fff !important; border:0px !important;}
.ui-datepicker .ui-datepicker-title {font-size:12px; font-family: 'Montserrat'; text-transform:uppercase; font-weight:normal; color:#4c4c4c;background:#fff}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-family: 'Montserrat';  
border:0px !important; font-size:11px; font-weight:normal; border-radius:0px !important; display:block;}
.ui-datepicker table{background:#fff;}
.ui-datepicker td span, .ui-datepicker td a {padding:5px 5px 10px 10px !important; font-weight:normal !important; width:20px !important; height:20px !important; background:#fafafa !important;}
.ui-datepicker td {padding:0px !important; color:#000; border:1px solid #eaeaea;}
.ui-datepicker td a:hover {background:#ff7200 !important; color:#fff;}
.ui-state-default.ui-state-active {background:#ff7200 !important; color:#fff;}
.ui-datepicker th {font-size:11px; font-weight:normal;}
.ui-datepicker {padding:10px 14px 10px 14px;margin-left:-8px; margin-top:15px; width:252px;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {width:4px; height:8px; left:10px;
background:url(../img/cal-left.png) left top no-repeat; background-position:0px 0px;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {width:4px; height:8px; left:auto; margin-left:0px; right:0px; 
background:url(../img/cal-right.png) left top no-repeat; background-position:0px 0px;}
.ui-datepicker .ui-datepicker-prev {left:0px; cursor:pointer;}
.ui-datepicker .ui-datepicker-next {right:0px; cursor:pointer;}
.ui-corner-all.ui-state-hover {border-color:transparent; background:transparent; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover {left:-1px;}
.ui-datepicker .ui-datepicker-next.ui-state-hover {right:-1px;}


/*Radio ��ư ������*/
.checks {position: relative;float:left;margin-right:1em;}
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0;  overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label {font-size:14px; color:#666;display: inline-block; position: relative; padding-left: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #e0e1e3; border-radius: 100%; }
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {  }
.checks input[type="radio"]:checked + label:before { background: #fff; border-color: #626262; }
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 3px; left: 5px; width: 10px; height: 10px; background: #333; border-radius: 100%; }

.checks:after{clear:both;display:block;content:""}
/*Radio ��ư ������ end*/

.table { border-top: 1px solid #6f6f6f; background:#fff}
.table table{width:100%;border-collapse: collapse;}
.table table th { text-align:center;padding:13px 0;background:#fafafa;border:1px solid #e1e1e1;font-size:15px;font-weight:bold;}
.table table td { text-align:center;padding:10px 0;border:1px solid #e1e1e1;}
.table table td.text_l { text-align:left;padding:10px 0;border:1px solid #e1e1e1;padding-left:20px;line-height:18px;}

.list tr:hover{background:#fafafa;cursor:pointer;}
.list tr.disable{color:#ccc;background:#fafafa}
.list tr:active{color:#000;background:#ddd}
.list th span{font-size:6px;vertical-align:middle;padding-bottom:5px;display:inline-block;padding-left:5px;color:#000}
.list tbody tr{height:45px;}


.view { background:#fff;line-height:20px;box-sizing:border-box;}
.view table{width:100%;border-collapse: collapse;}
.view table th { text-align:center;padding:13px 0;background:#fafafa;border:1px solid #e1e1e1;font-size:15px;font-weight:500;}
.view table td { text-align:left;padding:10px 0;border:1px solid #e1e1e1;padding-left:20px;box-sizing:border-box;}
.view table td.text_c { text-align:center;padding:10px 0;border:1px solid #e1e1e1;}
.view td li{line-height:25px;}
.view td input{padding:9px 10px;}
.view td span.not {color:#ff6f0b; font-size:13px;padding-left:10px;}
.view_btn {margin-top:15px;text-align:right;}
.view_btn:before {content:"";display:block;clear:both;}

.r_table { border-top: 1px solid #de071a; background:#fff}
.r_table table{width:100%;border-collapse: collapse;}
.r_table table th { text-align:center;padding:13px 0;background:#fafafa;border:1px solid #e1e1e1;font-size:15px;font-weight:500;}
.r_table table td { text-align:center;padding:10px 0;border:1px solid #e1e1e1;}
.r_table table td.text_l { text-align:left;padding:10px 0;border:1px solid #e1e1e1;padding-left:20px;}

.m_no_data {font-size:14px;text-align:center;padding-top:30px;color:#999}
.m_no_data img {display:block;margin:0 auto;margin-bottom:10px;}


.no_data {border-top:1px solid #6f6f6f;font-size:18px;text-align:center;padding-top:100px}
.no_data img {display:block;margin:0 auto;margin-bottom:50px;}

.pr_table { border:0px; background:#fff}
.pr_table table{width:100%;border-collapse: collapse;}
.pr_table table th { text-align:center;padding:10px 0;background:#fafafa;border:1px solid #e1e1e1;font-size:15px;font-weight:500;border-top:0px;}
.pr_table table td { text-align:center;padding:8px 0;border:1px solid #e1e1e1;}
.pr_table table td .text_l { text-align:left;padding:8px 0;border:1px solid #e1e1e1;padding-left:20px;}
.pr_table table th:first-child{border-left:0;}
.pr_table table th:last-child{border-right:0;}
.pr_table table td:last-child{border-right:0;}

.pjt_table table th{padding:6px 0}
.disa_table table th{padding:10px 0}
.disa_table table td{line-height:20px;}


.tab_ui{margin:20px 0 5px 0; border-bottom:1px solid #51555d}
.tab_ui li{padding:15px 0px;width:228px;text-align:center;font-size:15px;color:#666;background:#fafafa;float:left;border:1px solid #e1e1e1;border-bottom:0px;border-right:0px;cursor:pointer;}
.tab_ui li:last-child{border-right:1px solid #e1e1e1}
.tab_ui li.on {color:#fff;font-weight:500; background:#51555d; border:1px solid #51555d;border-bottom:0px;z-index:100}
.tab_ui:after{clear:both; display:block; content:"";}


.mar10{margin:10px;}

.graph {border:1px solid #e1e1e1;height:340px;margin-bottom:20px;}

.date_pick{border:1px solid #e1e1e1;border-radius:2px;font-size:14px;padding:9px 8px;width:100px;
	background:url('../img/datepick.png') no-repeat 93% center #fff;cursor:pointer;margin-right:5px;}

/*Page*/

.page_div {text-align:center;padding-top:20px;}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 13px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  font-size:14px;font-family:open sans;
  color:#616161
}

.pagination a.active {
  background-color: #fff;
  color: #00baf9;
  border: 1px solid #00baf9;
  font-weight:bold;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

.bottom_btn_div{text-align:right; margin-top:15px;}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ff6f0b;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ff6f0b;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 50px;
}

.slider.round:before {
  border-radius: 50%;
}


.login_img {
	background: url('../img/img_background.jpg') no-repeat top left;
	background-size:cover;
	width:100%; height:100%;
	position:relative;
	text-align:center;
	box-sizing:border-box;
}

.login_div {width:500px;height:500px;background:rgba(255,255,255,0.8);text-align:center;box-sizing:border-box;
border-radius:10px;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-250px;
box-shadow:5px 5px 30px rgba(0,0,0,0.2);webkit-box-shadow:5px 5px 30px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 30px rgba(0,0,0,0.2);}
.login_tit{margin-bottom:40px;}
.login_tit .logo_img{height:30px;}
.login_tit .logo_img img{max-height:100%;}
.l_tit {font-size:22px;font-weight:bold;color:#000;padding-top:15px;letter-spacing:-0.08em;}
.l_tit span{display:block; font-size:17px;color:#999;font-weight:normal;margin-top:8px;letter-spacing:-0.05em;}
.login_form {}
.login_form input{padding:15px;font-size:15px;border-radius:5px;display:block;margin:15px 0;width:100%;box-sizing:border-box;}
.login_box {padding:50px;box-sizing:border-box;}
.login_btn button{padding:20px 0; width:100%;margin-top:40px;font-size:18px;background:#014099;color:#fff;border-radius:5px;}
.alt_cap {position:absolute; top:50px; right:50px;z-index:100;color:#fff;font-size:20px;font-weight:bold;opacity:0.7;}


.yellow_card {background:#ffcc00; color:#000;padding:10px 15px;display:block;border-radius:3px;width:60px;text-align:right;margin-bottom:20px;}
.yellow_card label {font-size:20px; font-weight:500;}


.pad3 {padding:3px;}
.right_btn {float:right; padding-right:10px;}
.right_btn:after{clear:both; display:block; content:"";}


/* modal style */
.modal-sheet .modal-dialog {
  width: 380px;
  transition: bottom .75s ease-in-out;
}
.modal-sheet .modal-footer {
  padding-bottom: 2rem;
}