/*
  Css Name : rest.css
  Description : 커스터 마이징하면서 필요한 css

      수정일        	수정자      	    수정내용
    ----------     --------    ---------------------------
    2014.08.14		김민우			최초 생성
	2014.09.24		송옥수			css 시작

    author   : 김민우
    since    : 2014.08.14
*/
@charset "utf-8";

/* header setting */
.state_button {height: 20px; text-align: right; padding-top: 5px; width: 1078px; margin-left: 180px; background-color: #FFFFFF;}
.canpro_title {font-family: "Impact"; color: #ffffff; font-size: 20px; font-weight:lighter;}
.container-fluid{padding:0; width: 1260px; margin: 0 auto; border-left: 1px solid #e1f0dd}

/* navbar */
.navbar{border-radius:0px;}
.navbar-default {margin: 0 auto; border: 0px; max-width: 1260px;}
.navbar-header {height: 60px; width: 180px; padding:10px 15px; background-color: #FFFFFF;}
.navbar-collapse.collapse {height: 40px; padding: 0; background-color: #FFFFFF; border-bottom: 1px solid #DADADA;}
.navbar-nav {height: 40px; font-size: 15px; color: black;}
.navbar-nav>li>a {height: 42px; padding: 10px 15px;}
.navbar-default .navbar-nav>li>a {color: #ffffff;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus {color: orange;}
.nav .open>a{color: #2e2e2e; background-color: #f8f8f8;}
.navbar-nav .dropdown{min-width: 150px; top: inherit; text-align: center; padding-top: 2px; line-height: 28px }
.navbar-nav>li>.dropdown-menu{margin-top: 12px; padding: 0; background: #f8f8f8; border: 1px solid #b9e2b4; }
.dropdown-menu{min-width:150px; box-shadow:0 0 0 #b9e2b4; -webkit-box-shadow:0; border-radius:0}
.dropdown {height:28px;}
.dropdown-menu>li>a {font-size: 12px; color: #2e2e2e;}
/* menu mouse over */
/* .navbar-nav>li>.dropdown-menu:hover, .navbar-nav>li>.dropdown-menu:hover a { background:orange; color: black;} */
.dropdown-menu .open>a:hover{background:#fc5328; color: #ffffff;}
/* .open>.dropdown-menu {border-left:1px solid #b9e2b4; border-right:#b9e2b4; border-bottom:#f8f8f8} */

/* container setting */
.row {margin:0;}
.leftmenu {width: 14%;}
.col-lg-1 {padding-left: 0; padding-right: 0;}
.col-lg-11 {padding-left: 0; padding-right: 0;}
.rightmenu {width: 86%; float:right;border-left:1px solid #ECECEC!important; border-right:1px solid #e1f0dd;}

/* left menu */
.leftmenu_dept01{height: 32px; line-height: 30px; padding-left: 20px;}
.leftmenu_dept01 a{color: black;}
.leftmenu_dept02{height: 32px; line-height: 30px; padding-left: 30px;}
.leftmenu_dept02 a{color: #636363;}

@media (max-width: 768px){
	#left_nav{display: none}
}

.top {height: 56px; border-bottom:2px solid #BEE128; background-color: #4CAE41;}
.middle {height: 32px; line-height: 30px; font-weight: bold; padding-left: 10px;}

/* footer setting*/
.footer {background-color: #8f8f8f; color: #ffffff; max-width: 1260px; margin:0 auto; padding: 15px 0px 15px 200px}
.footer p {margin: 5px 0px}

/* wrap */
#wrap {font-family: "NanumGothic";}

/* basic */
.ta-c {text-align: center;}

/* main menu */
#cur_loc li{display: inline;}
.path_area{height:26px; padding: 5px; border-bottom: 1px solid #e1f0dd;}
.path{color: #999999; font-size:11px;}
.path_result{color: #4CAE41; font-size:11px;}
.title_area{margin:15px; font-size: 18px; font-family: "NanumGothic-Bold";}
.search_area{margin: 10px 10px 10px 10px; }
.search_area .btn {float: right;}
.field_search{padding: 10px 25px 10px 20px; background-color:#FBFBFB; border-top:1px solid #DADADA; border-bottom:1px solid #DADADA;}
.field_search-b{background-color:#fff;}
.field_search-span{padding: 10px 25px 10px 20px; background-color:#ffffff;}
.field_search-tab{padding: 10px 10px 10px 10px; background-color:#fbfbfb; border:1px solid #d9d9d9;}
/* contents */
.ui-jqgrid table {font-size: 11px !important;}
.grid_area{width:1080px; width:99%; margin:20px 0 30px; padding: 20px 20px 20px 20px; background-color:#e8e8e8;}
.grid_area .btn {float: right;}
/* .table_area{clear: both; margin: 0px 20px} */
/* original version -table_area */
/* .table_area{clear: both; padding:20px 20px; margin: 10px; background-color:#e8e8e8;}
.table_area-b{clear: both; margin: 10px; background-color:#e8e8e8;} */

/* sub1 version -table_area */
.table_area{clear: both; margin: 10px;}
.table_area-b{clear: both; margin: 10px;}

.option_area{height: 34px; margin: 0px 5px 10px 5px}
.option_area .result{color: #4CAE41;}
.option_area>label{margin-bottom: 0px; line-height: 34px;}

.option_area-b{height: 34px; margin: 10px 5px 0px 5px}
.option_area-b .result{color: #4cab3f;}
.option_area-b>label{margin-bottom: 0px; line-height: 34px;}

.option_result{float: left;}
.option_btn{float: right;}
.chart{margin-top: 20px;}
.freq,.frmlaAmount {background-color: #ffffff; }
.bottom_area{height: 20px; padding-top: 10px}

.chart-label { position:relative; top:-45px; width: 470px; display: inline-block; text-align: center; }
.chart-label1 { position:relative; top:-45px; left:115px; }
.chart-label2 { position:relative; top:-45px; left:220px; }

.chart-ty2-label1 { position:relative; top:-45px; left:70px; }
.chart-ty2-label2 { position:relative; top:-45px; left:85px; }
.chart-ty2-label3 { position:relative; top:-45px; left:115px; }

/* sub title */
.sub-title-a{padding:10px 12px; background-color: #D6E6EF; height: 34px; font-size:13px;}
.sub-title-b{padding:10px 12px; background-color: #DFD6ED; height: 34px; font-size:13px;}
.sub-title-c{padding:10px 12px; background-color: #F1D6B9; height: 34px; font-size:13px;}
.sub-title-d{padding:10px 12px; background-color: #C0F0B5; height: 34px; font-size:13px;}

/* component setting*/
.btn_gray{background-color:#666666; color: white; font-size: 12px; height: 30px; border-color:#555555; border-radius:0px;}
.btn_white01{background-color: #e9f7f0; color: #9bdec0; font-family: "NanumGothic"; font-weight: bold; font-size: 12px; height: 64px !important;}
.btn_white02{background-color: #d5f0e4; color: #6db092; font-family: "NanumGothic"; font-size: 12px; height: 30px}
.form-control{display: initial; font-size: 12px; height: 30px;}
input[type=radio],input[type=checkbox] {margin:0;}

h5{font-family: "NanumGothic-Bold";}
.btn:hover,.btn:focus {color: #ffffff;}
.btn:link {color: #ffffff;}

/* divide area - span*/
.span1{width: 8%; display: inline-block;}
.span2{width: 16%; display: inline-block;}
.span3{width: 24%; display: inline-block;}
.span4{width: 32%; display: inline-block;}
.span5{width: 41%; display: inline-block;}
.span6{width: 49%; display: inline-block;}
.span7{width: 58%; display: inline-block;}
.span8{width: 66%; display: inline-block;}
.span9{width: 74%; display: inline-block;}
.span10{width: 83%; display: inline-block;}
.span11{width: 91%; display: inline-block;}
.span12{clear:both; width: 99%; display: inline-block;}
[class*="span"] label {font-size:12px;}
[class*="span"] .left-label {width: auto; height: 20px;}
[class*="span"] input{width: 68%; height: 30px}
[class*="span"] select{width: 68%; height: 30px}
[class*="span"] input[type="checkbox"] {width: auto; height: 30px;}
[class*="span"] input[type="radio"] {width: 15px; margin-right: 5px}
.form-inline [class*="span"] .form-control {width: 68%; height: 30px}
[class*="span"] .form-inline .form-control {width: 68%; height: 30px}
.form-inline [class*="span"] .form-control[rest-date] {width: 100px; height: 30px}

/* divide area - span(grid)*/
.span1-grid{width: 8%; display: inline-block; border:1px solid #eaeaea;}
.span3-grid{width: 24%; display: inline-block; border:1px solid #eaeaea;}
.span4-grid{width: 32%; display: inline-block; border:1px solid #eaeaea;}
.span5-grid{width: 41%; display: inline-block; border:1px solid #eaeaea;}
.span6-grid{width: 49%; display: inline-block; border:1px solid #eaeaea;}
.span7-grid{width: 58%; display: inline-block; border:1px solid #eaeaea;}
.span8-grid{width: 66%; display: inline-block; border:1px solid #eaeaea;}
.span9-grid{width: 74%; display: inline-block; border:1px solid #eaeaea;}
.span10-grid{width: 83%; display: inline-block; border:1px solid #eaeaea;}
.span11-grid{width: 91%; display: inline-block; border:1px solid #eaeaea;}
.span12-grid{clear:both; width: 100%; display: inline-block; border:1px solid #eaeaea;}

.lbl-width15{width: 15%; text-align: right; padding-right: 5px}
.lbl-width20{width: 20%; text-align: right; padding-right: 5px}
.lbl-width30{width: 30%; text-align: right; padding-right: 5px}
.lbl-width35{width: 35%; text-align: right; padding-right: 5px}

.span3>.form-control {display:inline-block;}

/* horizontal tab */
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border-top: 2px solid #BEE22A; color: #252424; font-size:12px;}

/* vertical tab */
.ui-tabs-vertical .ui-tabs-nav { padding:0; float: left; width: 12em; font-family: "NanumGothic"; background-color: #ffffff;}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0; border-right-width: 0; margin: 0; }
.ui-tabs-vertical .ui-tabs-nav li .ui-tabs-anchor { display:block; width: 100%; height: 100% }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding:0; background-color: #f0f0f0;}
.ui-tabs-vertical .ui-tabs-panel { padding: 0px;}
 /* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border: 0;} */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{border: 1px solid #d3d3d3/*{borderColorDefault}*/; font-weight: normal/*{fwDefault}*/;	color: #555555/*{fcDefault}*/;}
.ui-state-hover a, .ui-state-hover a:link{font-weight: normal/*{fwDefault}*/;	color: #555555/*{fcDefault}*/;}
.ui-widget-header {background-color: #ffffff;}
.tab_control{height: 20%}

/* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius: 0;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius: 0;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius: 0;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius: 0;}

/* sub tab */
.sub-tab {margin-left: 170px;}
.sub-tab li {margin-left: -6px; display: inline-block; border: 1px solid; background-color: #eee}
.sub-tab li a {padding: 5px 20px; display: block;}
.sub-tab .active-sub-tab{background-color: white;}

/* modal */
.modal-footer {margin-top: 10px; padding: 10px 15px; clear: both;}
.modal-body .mandatory{color: red;}
.modal-body .mandatory-area{margin: 10px 5px}
.modal-body .modal-table{width: 100%;}
.modal-body tr{height: 32px}
.modal-body th{width: 20%; background: #dad7d2; height: 30px; text-align: center;}
.modal-body td{width: 80%; height: 30px}
.modal-body label{width: 100%;}
.modal-body input{width: 100%; height: 30px; padding-left: 10px;}
.modal-body a{width: 100%; height: 30px; padding-left: 10px;}
.modal-body textarea{width: 100%; height: 100px; padding-left: 10px; line-height: 1.5em; }
.modal-body select{width: 100%; height: 30px;  padding-left: 10px;}

.modal-body .search_area{margin: 10px 0px; }
.modal-body .search_area .btn {float: right;}
.modal-body .search_area .field_search{padding: 10px 25px 10px 20px; background-color:#FBFBFB;}

.modal-body .span1{width: 8%; display: inline-block;}
.modal-body .span2{width: 16%; display: inline-block;}
.modal-body .span3{width: 24%; display: inline-block;}
.modal-body .span4{width: 32%; display: inline-block;}
.modal-body .span5{width: 41%; display: inline-block;}
.modal-body .span6{width: 49%; display: inline-block;}
.modal-body .span7{width: 58%; display: inline-block;}
.modal-body .span8{width: 66%; display: inline-block;}
.modal-body .span9{width: 74%; display: inline-block;}
.modal-body .span10{width: 83%; display: inline-block;}
.modal-body .span11{width: 91%; display: inline-block;}
.modal-body .span12{clear:both; width: 99%; display: inline-block;}
.modal-body [class*="span"] label {height: 20px; width: auto;}
.modal-body [class*="span"] .left-label {width: auto; height: 20px;}
.modal-body [class*="span"] input{width: 68%; height: 30px}
.modal-body [class*="span"] select{width: 68%; height: 30px}
.modal-body [class*="span"] input[type="checkbox"] {width: auto; height: 30px;}
.modal-body [class*="span"] input[type="radio"] {width: 15px; margin-right: 5px}

.modal-body .full {margin-top: 5px;}
.modal-body .full label{width: 20%; text-align: right;}
.modal-body .full input{width: 79%}


/* grid */
.modal-body .ui-jqgrid .ui-jqgrid-pager .ui-pg-button {width: 10px}
.modal-body .ui-jqgrid .ui-pg-input {width: 30px !important;}
.modal-body .ui-jqgrid .ui-pg-selbox{width: 70px !important; margin: 0}
.modal-body .ui-jqgrid .ui-pg-table td{width: auto !important;}
.modal-body .ui-jqgrid .ui-pg-table #searchRegModalFoodGrid-pager_left{width: 0px !important;}

/*Firefox input red border*/
input:required {
    box-shadow:none;
}

/* table */
.rest-table tbody, .rest-table tbody{display: block;}
.rest-table tbody{ overflow: auto; height: 200px;}
.rest-table th{text-align: center; background: lightgray; border-bottom: 1px solid darkgray; height: 30px}
.rest-table input{ width: auto; text-align: right; padding-right: 15px;}
.rest-table .title{ width: 100%; background: lightgray; border-bottom: 1px solid darkgray}
.rest-table .title span{ margin-left: 10px}
.rest-table .value{ }

/* jquery ui popup */
.ui-dialog-titlebar { background-color: #A8F9A7; background-image: none; font-size: 12px }
.ui-widget-content a{color: blue;}
.ui-widget-content p{line-height: 25px}

.ui-widget-content .title{line-height: 25px; font-weight: bold;}
.ui-widget-content .title-r{line-height: 25px; font-weight: bold; color: red;}
.ui-widget-content .title-b{line-height: 25px; font-weight: bold; color: blue;}
.ui-widget-content .contents{line-height: 25px; padding-left: 20px;}
.ui-widget-content .contents-r{line-height: 25px; padding-left: 20px; color: red;}
.ui-widget-content .contents-b{line-height: 25px; padding-left: 20px; color: blue;}

.ui-widget-content .dialog-footer { margin-top: 10px; border-top: 1px solid darkgray; padding-top: 10px;}
.ui-widget-content .dialog-footer .close-btn { background: white;}

.ui-dialog .ui-dialog-buttonpane button {margin-right: 5px !important;}