@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
 font-family: 'Nanum barun Gothic';
 font-style: normal;
 src: url(../fonts/NanumBarunGothic.eot);
 src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
			url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
			url(../fonts/NanumBarunGothic.woff) format('woff'),
			/*url(../font/NanumGothic-Regular.ttf) format('truetype');*/
}
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
@-ms-viewport       { width: device-width; }
/*@import "font-awesome-sprockets";*/
@import "font-awesome";

body{background: #edf4fa;}
#body.login{background: url(../images/bg_login.png);background-size: cover;}
body.login{
  /* background: url(../images/bg_login.png);background-size: cover; */
  background: #4092d4;
}
/*body, header, nav, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td, span, input,select,button, strong{margin:0; padding:0; font-family:'Nanum barun Gothic', 'NanumGothic','Nanum Gothic','나눔고딕',dotum,sans-serif; font-size:11px; color:rgb(80, 80, 80); line-height:160%;word-break:keep-all;}*/
body, header, nav, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td, span, input,select,button, strong{margin:0; padding:0; font-family:dotum,'Nanum barun Gothic', 'NanumGothic','Nanum Gothic','나눔고딕',sans-serif; font-size:11px; color:rgb(80, 80, 80); line-height:160%;word-break:keep-all;}
h1, h2, h3, h4, h5, strong, b{font-weight:500;}
dl,ul,ol,menu,li{list-style:none;}
input,select,textarea {vertical-align:middle;border-radius:3px;border:1px solid #e3e3e3;padding:3px 5px;box-sizing: border-box;}
select{padding:3px; }
select.sm{padding:1px;font-size: 11px}
input:focus{outline:1px solid #2993d4}
input.input_sm{padding:1px 3px;font-size: 11px}
textarea{resize: none;box-sizing:border-box;width:100%}
button {vertical-align:middle;border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:middle;}
a {text-decoration:none; color:#666;border:none}
a:focus {outline:none;}
a:hover{color:#2993d4;}
@fa-font-path:   "../font";
 /*scrollbar*/
::-webkit-scrollbar {width: 12px; height: 12px}
::-webkit-scrollbar-track {background-color: #fff;border: 1px solid #ddd;}
::-webkit-scrollbar-thumb {background-color: #d4d7df;}
::-webkit-scrollbar-thumb:hover {background-color: #c6cdde;}

/*form*/
::-webkit-input-placeholder {color:#999; font-family:'NanumGothic','Nanum Gothic','나눔고딕',dotum,sans-serif; font-size:12px;}/* WebKit, Blink, Edge */
:-moz-placeholder {color:#999; opacity:1; font-family:'NanumGothic','Nanum Gothic','나눔고딕',dotum,sans-serif; font-size:12px;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999; opacity:1; font-family:'NanumGothic','Nanum Gothic','나눔고딕',dotum,sans-serif; font-size:12px;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999; font-family:'NanumGothic','Nanum Gothic','나눔고딕',dotum,sans-serif; font-size:12px;}/* Internet Explorer 10-11 */
input + label span{margin-left:5px;margin-right:15px;}
input:checked + label span{font-weight:600;color:#2993d4}
input:disabled{background:#eee}
input [type="file"]{background:#999;}

/*table*/
.table{width: 100%;}
.table_board tr:nth-child(2n){background:#f4f6f8}
table.bgnon tr:nth-child(2n){background:none}
/*table.table_board tr:hover{background:#ecf0f4}*/
table.table_board tr:hover{background:#d0d0d0!important}
/*table.bgnon tr:hover{background:#d0d0d0!important}*/
.table .bg{background:#f4f6f8}
.table .bg_2{background:#CFE5B8!important}
.table .bg_3{background:#CFEBF6}
.table .bg_4{background:#f8e8e4;}
.table .bg_5{background:#b0ead6!important}
.table .bg_6{background:#95cef1!important}
.table .bg_7{background:#f8e8e4!important}
.table .bg_8{background:#CFEBF6!important}
.table .bg_9{background:#fce94f!important}
.table .bg_10{background:#edd400!important}
table.table .bg_2.active{background:#88d4b9}
table.table .bg_3.active{background:#8ec7ea}
table.table .noneactive{background:#e4e4e4!important;}

/*.table .bg_7{background:#CFEBF6!important}*/

table.bgnon th, table.bgnon td{color:#333;}

.table thead{border-bottom: 1px solid #ddd}
.table th{text-align: left; padding: 1px 3px;background:#ecf0f4;border: 1px solid #ccc}
.table td{padding: 1px 3px; border: 1px solid #ccc}

.table.table_search td, .table.table_search th{border: 1px solid #ccc;padding:0 5px}

.table_board thead{border-top:2px solid #373f52;}

.table tr.total{background:#f8e8e4;text-align: center}

.table_bill, .table_bill th, .table_bill td{border:1px solid #aaa;font-size: 12px;padding:2px 5px;text-align: center;}
.table_bill input + label span{font-size: 12px}
.table_bill input:checked + label span{color:#333;}


table.table_03 th, table.table_03 td{padding:1px 5px}
.more_search th{border:1px solid #ccc}
table.t_sm th, table.t_sm td{font-size:9px;}
table.t_center th, table.t_center td{text-align: center;}
.css_non, .css_non th, .css_non td{border:0;background:none}

.table_list{}
.table_list th{text-align:center; padding: 1px 3px; background:#ecf0f4;border: 1px solid #ccc}
.table_list td{text-align:center; padding: 1px 3px; border: 1px solid #ccc}

th.th_left{text-align: left;}
td.td_left{text-align: left;}

.table_bill{border:2px solid #666;}
.table_bill, .table_bill thead{border-bottom: 2px solid #333;}
.table_bill, .table_bill th{font-size: 14px; color:#000;}
.table_bill, .table_bill td{font-size: 13px;}
.table_bill, .table_bill th.line_deep{border-bottom:2px solid #000 !important;}
.table_bill, .table_bill tr.line_deep:last-of-type{border-bottom:2px solid #000 !important;}
.table_bill, .table_bill tr.last_rowgroup td{border-bottom:2px solid #000 !important;}

.btn_plus_more a{background:#999; color:#fff; font-weight:bold; padding:5px 7px; line-height:20px;}

/*table_scroll*/
.scroll{width:100%;overflow-x: scroll;}
.table_over th,
.table_over td{white-space: nowrap;}
/* y-scroll */
.y_scroll{overflow-y:scroll;height:300px; }

header{position: fixed;top:0;z-index: 999; width:100%;height:50px;background: #282a32;color:#fff;padding:5px 20px;box-sizing:border-box; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);}
.menu_trigger{text-align: center;  width: 122px;position:relative;}
.menu_trigger > a{display: inline-block; color: #fff; margin: 10px 0}
.target_menu{position:absolute;right:0; background: #fff; border: 1px solid #ccc; width:160px; display: none;z-index:999;border-radius:3px}
.target_menu li{text-align: center; }
.target_menu li a{display: block; color: #666; padding:5px 10px;font-size:12px}
.target_menu li a:hover{color: #333; font-weight: bold}


.nav{
	position: fixed;
	background:#35363f;
	width:210px;
	top:50px;
  left:0;
  bottom:0;
	padding:20px 0;
	box-sizing:border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 999;
}
.nav h2{height: 60px; line-height: 60px; text-align: center; color: #fff; }
.nav .nav_menu .nav_title a{display: block; font-size: 13px; padding: 10px 0px 10px 15px; border-bottom: 1px solid #373f52;color:#fff;}
.nav .nav_menu ul li a{display: block;padding: 9px 0 9px 42px;color: rgba(255, 255, 255, 0.8);font-size: 11px}
.nav .nav_menu a:hover{color:#2993d4}
.nav .nav_menu ul{border-bottom: 1px solid #373f52; display: none;}
.nav .nav_menu .active .panel{display: block}
.nav_menu .panel li.active{background:#2993d4;}
.nav_menu .panel li.active a{color:#fff}
.nav_btn{margin:20px 20px 0px;}

.conts_body{margin:60px 20px 20px 230px;width:cals(100% - 230px);min-width:1300px;}
.conts_body h2{font-size:16px;color:#333;}
.conts_body h2 span{font-weight:normal;color:#666}
.box{width:100%;background:#fff;padding:10px;box-sizing:border-box; border-radius:3px; box-shadow: 2px 3.464px 8px 0px rgba(0, 0, 0, 0.1);border: 1px solid #e3e3e3}
div.box_line{box-shadow:none;border:1px solid #e3e3e3}
footer{margin:60px 20px 20px 230px;width:cals(100% - 230px);min-width:1300px;}
footer{border-top:1px solid #ccc;margin-top:20px;padding-top:10px;overflow:hidden;clear: both;}
footer h2{font-size:20px}

.foot_cont li a{display:inline-block;}
.foot_cont li a:hover{color:#2993d4}

/*윈도우팝업*/
.pop{padding:20px;}
.pop_sp{background:#fff;min-height:270px}
.pop_title h1{font-size:30px;color:#333;font-weight:500;text-align:center}
.pop_title h2{padding:10px;background:#35363f;color:#fff;}
.pop_conts{padding:10px;}

/*common*/
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px!important;}
.mt40{margin-top:40px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px!important;}
.mg20{margin:10px 0;}
.mrg5{margin:5px;}
.mrg10{margin:10px;}
.mrg20{margin:20px;}
.mrg30{margin:30px;}
.pdt20{padding-top:20px!important;}

.w_100{width:100%;}

.row{overflow: hidden;}
.f_left{float:left;margin-right:10px;box-sizing:border-box;}
.f_1ea{width:19.2%;}
.f_2ea{width:39.5%;}
.f_3ea{width:59.5%;}
.f_4ea{width:79.5%;}
.f_5ea{width:100%;}
.f_half{width:49.4%;}
.f_left:last-child{margin-right: 0;}
.f_right{float:right;}
.t_center{text-align:center!important;}
.t_left{text-align:left!important;}
.t_right{text-align:right;}
.t_bottom{vertical-align:text-bottom!important;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

hr{clear:both;overflow:hidden; margin:10px 0;border:0; border-top: 1px solid #ddd;}

.blue{color:#056FB8 !important;}

.rel{position: relative;}

/*font*/
h1{font-size:20px;color:#fff;}
h3{font-size:16px;}
.t_sm{font-size:9px!important}
.t_md{font-size:16px;}
.t_lg{font-size:24px;}
.t_circle{background:#ff5918;border-radius:50%;padding:1px 3px 2px;font-size:9px;color:#fff}
/*color*/
.t_point{color:#2993d4;}
.t_point2{color:#ff5918;}
.t_gray{color:#999;}
.t_wh{color:#fff!important;}

/*buttons*/
.btn_rc a{border-radius:3px;color:#fff;box-sizing:border-box;text-align:center;background:#2993d4;margin-left:1px;}
.btn_big a{width:100%;display:block;padding:12px 0;}
.btn_sm a{display:inline-block;padding:2px 10px; font-size:12px;}
.btn_xs a{display:inline-block;padding:3px 4px;font-size:12px;background:#f5f5f5;border:1px solid #ddd;color:#999;line-height:100%;cursor:pointer;}
.btn_sd a{display:inline-block;padding:3px 10px;font-size:11px;background:#2993d4;}
.btn_md a{display:inline-block;padding:7px 20px;background:#2993d4;}
.btn_md_line a{display:inline-block;padding:6px 20px;color:#2993d4;border:1px solid #2993d4;background:none;}

.btn_gray a{background:#abb4ba}
.btn_point a{background: #e84f70}
.btn_green a{background: #4e9a06}
.btn_yellow a{background:#edd400}
.btn_line a{color:#2993d4;border:1px solid #2993d4;background:none;}
.btn_line_gray a{background: #fff; border: 1px solid #ccc; color:#999;padding:1px 5px}
.btn_line_point a{background: #fff; border: 1px solid #e84f70; color:#e84f70;padding:3px 10px}

.btn_bundle{overflow: hidden;border-radius:3px;border:1px solid #ccc;}
.btn_bundle li{float: left;border-right:1px solid #ddd;}
.btn_bundle li:last-child{border-right:none;}
.btn_bundle li a{font-size: 11px;display: block;padding:2px 15px;}
.btn_bundle li a.active{color:#2993d4; }

.btn_under {margin:0 5px;}
.btn_under a{border-bottom: 1px solid #02935e;color:#02935e;padding:2px 7px;}
.btn_under a:hover{font-weight:600;}
.btn_under.red a{color:#d44750;border-color:#d44750}
.btn_under.blue a{color:#2993d4;border-color:#2993d4}

.btn_01{background:#666; color:#fff; font-size: 12px; border-radius: 2px; padding: 3px 10px;}
/* Paging  */
.paging{margin:10px 0;text-align:center; }
.paging a {display:inline-block;text-align:center; color:#555; padding:2px 7px;width:10px;}
.paging a:hover { text-decoration:none;color:#2993d4;}
.paging span.active a { font-weight:bold; color:#2993d4; font-size: 12px;}
.paging .prev, .paging .next {display: inline-flex;}
.paging span.prev a {border:1px solid #ddd;  margin-right:3px;}
.paging span.next a {border:1px solid #ddd; margin-left:3px;}

.paging{margin:10px 0;}
.paging ul {text-align:center; }
.paging ul li { display:inline-block; text-align:center; }
.paging ul li a {color:#555; padding:2px 5px; display: block;}
.paging ul li a:hover { text-decoration:none;color:#a4b6c2;}
.paging ul li.active a { font-weight:bold; color:#2993d4; font-size: 11px;}
.paging ul .prev a {border:1px solid #ddd;  margin-right:3px;}
.paging ul .next a {border:1px solid #ddd;  margin-left:3px;}

.paging a:hover { text-decoration:none;color:#2993d4;}
.paging a.active  { font-weight:bold; color:#2993d4; font-size: 16px;}


/* modal 공통 레이아웃 */
.modal2{position: fixed; width:500px; z-index: 1000; top: 45%; left: 50%; transform: translate(-50%, -50%); display: none; }
.modal2 .md_content{ color: #666; background: #fff; position: relative; border-radius: 4px; margin: 0 auto; padding: 15px;}
.modal2 h3{color: #333; font-size: 20px; text-align: left}
.modal2 span.md_close{display: block; font-size: 18px; position: absolute; right: 15px; top:15px; cursor: pointer}
.modal2 span.md_close:hover{color: #333}
.md_overlay{position: fixed; width: 100%; height: 100%; top:0; left:0; background: rgba(0,0,0,.5); opacity: 0; visibility: hidden; z-index: 200}


.nt_table{overflow: hidden;border:1px solid #ccc;}
.nt_table li{float: left;padding:0 ;height: 27px;}
.nt_thead{
	display:inline-block;
	padding:0 5px;line-height:27px;
	font-weight:bold;
	background:#ecf0f4;
	height: 27px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.div_radios{float: left;}

.text_over{display: inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}

/* datepicker */
input.datepicker{width: 150px}
.ui-widget{font-size: 1.1em; z-index: 999!important}
.ui-datepicker select.ui-datepicker-month{width: 40%; min-width: 40%; margin-left: 8px; vertical-align: middle}
.ui-datepicker select.ui-datepicker-year{width: 44%; min-width: 44%; margin-right: 5px; vertical-align: middle}
.ui-widget-header .ui-icon{background-image: url("../images/jquery_ui/ui-icons_444444_256x240.png")}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 7px}