@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


@charset "utf-8";


/** 2018.05 디자이너 추가 **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body,div {line-height:1; font-family:맑은 고딕,Malgun Gothic,Dotum,applegothic,sans-serif,arial;box-sizing:border-box}
h1,h2,h3,h4,h5,h6 {font:inherit;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse:collapse; border-spacing: 0; width:100%;}
td div{line-height:normal}
a {color:inherit;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
a:focus {text-decoration:underline;}
/* form */
input, select, button, textarea {font:inherit; margin:0; padding:0; color:inherit;font-family:맑은 고딕,Malgun Gothic,Dotum,applegothic,sans-serif,arial;vertical-align:middle}
select, input {-webkit-appearance:none; appearance:none;-webkit-border-radius:0; outline:none;}
input[type=button],input[type=submit],button {cursor:pointer; background:transparent; border:0; text-align:center;}
input[type=radio],input[type=checkbox] {padding:0;}
button {width:auto; overflow:visible; vertical-align:middle; -webkit-appearance:none; outline:none;}
textarea {resize:none;}
select {vertical-align:middle;}
input,button,select,textarea {vertical-align:middle;}

input[type='text'],input[type='password'],input[type='search'],input[type='number'],input[type='tel'],input[type='email']{-webkit-appearance:none;-webkit-border-radius:0}
input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{cursor:pointer;-webkit-appearance:button;border:none}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration{display:none}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[disabled],button[disabled],[disabled]{cursor:default}
::-ms-clear {display:none;width:0;height:0}
::-ms-reveal {display:none;width:0;height:0}
::-webkit-input-placeholder{line-height:normal;color:#aaa}
:-moz-placeholder,::-moz-placeholder{color:#aaa;opacity:1}
:-ms-input-placeholder{line-height:normal;color:#aaa}
input:checked[type='checkbox']{-webkit-appearance:checkbox}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder,input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}
input:focus:-ms-inbtn_calenderput-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}


input,textarea,select  {background:#ffffff;border:1px solid #999999;outline:none;padding:3px;margin:0;}
input.readonly{background-color: #f0f0f0!important;border: 1px solid #cdcdcd!important}
textarea.readonly{background-color: #f0f0f0!important;border: 1px solid #cdcdcd!important}
select.readonly{background-color: #f0f0f0!important;outline:none;padding:0 3px;margin:0;border: 1px solid #cdcdcd!important}

input[type='checkbox']{
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    appearance: checkbox !important;
    width: 14px;
    height: 14px;
}
input[type='radio']{
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    -ms-appearance: radio !important;
    -o-appearance: radio !important;
    appearance: radio !important;
    width: 14px;
    height: 14px;
}

.w100 {
    width: 100%;
}

.w80 {
    width: 80%;
}

.red-dot {
    color: red;
}

.number-field {
    text-align: right !important;
}

.align-r {
    text-align: right !important;
}

.align-l {
    text-align: left !important;
}

.align-c {
    text-align: center !important;
}

input:disabled, textarea:disabled, select:disabled {background-color: #f0f0f0!important;border: 1px solid #cdcdcd!important}
input[type=checkbox] ,input[type=radio] { margin-right: 3px;  margin-top: -2px; vertical-align: middle;}
.moduImage{float: left;margin-right:5px}

.textarea144{height:144px}


/*버튼*/
.btn_calender{background:url(../img/btn_calendar.png) no-repeat left 4px}
.btn_calender:hover{background:url(../img/btn_calendarH.png) no-repeat left 4px }
.btn_calender:disabled{background:url(../img/btn_calendarD.png) no-repeat left 4px }
.btn_calender_readonly{background:url(../img/btn_calendarD.png) no-repeat left 4px }
.btn_search{background:url(../img/btn_search.png) no-repeat left 4px}
.btn_search:hover{background:url(../img/btn_searchH.png) no-repeat left 4px}
.btn_search:disabled{background:url(../img/btn_searchD.png) no-repeat left 4px}
.btn_search_readonly{background:url(../img/btn_searchD.png) no-repeat left 4px}
.btn_box{font-size:11px;border:1px solid #cdcdcd;height:30px;width:40px !important;padding:0 5px;background:#7abbf7;color:#004e97}
/*검색영역 버튼*/
.search_district .btn_calender,.search_district .btn_search{background-color: #ffffff;border-right:1px solid #999999;border-top:1px solid #999999;border-bottom:1px solid #999999}
.search_district .btn_calender:disabled,.search_district .btn_search:disabled{background-color: #f0f0f0!important;border: 1px solid #cdcdcd;border-top: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd}

/*테이블영역 버튼*/

/** 2018.05 디자이너 추가 끝 **/


.check_box_class:not(old),.radio_class:not(old){margin : 0;padding : 0;	font-size : 0;	opacity   : 0;}
.check_box_class:not(old) + label,.radio_class:not(old) + label{display: inline-block;margin-left :0px;line-height:40px;}
.check_box_class:not(old):not(old) + label > span {display: inline-block;	margin           : 10px;
    border           : 1px solid black;
    width            : 20px;
    height           : 20px;
    background       : white;

    vertical-align   : bottom;
}

.radio_class:not(old):not(old) + label > span {
    display          : inline-block;
    margin           : 10px;
    border           : 1px solid black;
    width            : 20px;
    height           : 20px;
    background       : white;
    border-radius:50%;
    vertical-align   : bottom;
}

.check_box_class:not(old):checked + label > span,
.radio_class:not(old):checked + label > span{
    border           : 1px solid black;
    background       : white;
}

.check_box_class:not(old):checked + label > span:before{
    content     : '✓';		/* content     : '?'; */
    display     : block;
    width       : 20px;
    color       : #19427b;
    font-size   : 18px;
    line-height : 20px;
    text-align  : center;

    font-weight : normal;
}

.radio_class:not(old):checked +  label > span > span{
    display          : block;
    width            : 12px;
    height           : 12px;
    margin           : 4px;
    border-radius: 50%;

    background       : #19427b;
}

/* select::-ms-expand{display:none} 되있던 코드 부분 제거(171206 코드제거) */

.compo_btn_bg {		/* +, - 버튼 관련 배경 디자인 */
    display:inline-block;
    background-color:#004e97;
    cursor:pointer;
    vertical-align: middle;
    margin-left:5px
}
/*.compo_btn_bg:hover{

	background-color:#004e97;

}*/

/*
.text_btn_bg {
	width:auto;
	height:30px;
	display:inline-block;
	background-color:#19427b;
	border-radius:2px;
	line-height:30px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	color:white;
	cursor: pointer;
	font-size:14px;
}
*/

/* ===== main_index.jsp jQuery Tab 화면에 contents_tab CSS 시작 ===== */
#contents_tab{
    width:100%;
    height:40px;	/* height:38px -> 40px으로 변경(170913 변경) */
    position:relative;
    /*margin:0px auto;*/
    background:white;
    border-bottom:1px solid #d4d4d4;	/* border-bottom:1px solid black -> 1px solid #d4d4d4로 수정 */
    box-sizing:border-box;	/* jQuery Tab 디자인 깨지는 현상때문에 css코드 추가(170907 추가) */
    margin-top:-30px;		/* margin-top:15px 추가(170907 추가), margin-top:-27px -> -30px(170913 변경) */
    margin-left:-8px;
}

.tab_sel {
    width:100%;
    height:35px;
    border-top:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid #d4d4d4;	/* border-bottom: white -> 1px solid #d4d4d4로 수정 */
    line-height:38px;
    text-align:center;
    font-size:12px;
    color:#19427b;
    font-weight:bold;
    cursor:pointer;
    float:left;
    position:relative;
    padding-left:15px;
    padding-right:15px;
    margin:0px;
    background:white;
    box-sizing:border-box;		/* jQuery Tab 디자인 깨지는 현상때문에 css코드 추가(170907 추가) */
}

.tab_unsel {
    width:100%;
    height:35px;
    border-top:1px solid #d4d4d4;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-bottom:1px solid #d4d4d4;	/* border-bottom:1px solid black -> 1px solid #d4d4d4로 수정 */
    line-height:38px;
    text-align:center;
    font-size:12px;
    color:#d4d4d4;
    cursor:pointer;
    float:left;
    position:relative;
    padding-left:15px;
    padding-right:15px;
    margin:0px;
    background:white;
    box-sizing:border-box;		/* jQuery Tab 디자인 깨지는 현상때문에 css코드 추가(170907 추가) */
}
/*===== main_index.jsp jQuery Tab 화면에 contents_tab CSS 종료 =====*/

/*===== jsp파일에 RealGrid 나오는 부분 CSS 시작 =====*/
.contents_grid {
    width:90%;
    height:100%;
    min-height:60%;
    position:relative;
    min-width:100%;
}

.contents_grid_option {
    width:100%;
    background:white;
    color:#004e97;
    letter-spacing:-1px;
    font-size:18px;
    font-weight:bold;
    position:relative
}

.contents_grid_grid {
    width:100%;
    height:auto;
    background:white;
    color:#004e97;
    padding-left:15px;
    margin-bottom:15px
}


.pop_window .contents_grid_grid {
    padding-left:0px;
    margin-bottom:0px
}
/*===== jsp파일에 RealGrid 나오는 부분 CSS 종료 =====*/


/* JSP 각각 페이지 탭 안쪽에 그리드 상단에 보여지는 제목 css */
.navi_title{
    font-size:20px;
    float:left;
    margin-right:10px;
}

/* JSP 각각 페이지 탭 안쪽에 그리드 상단에 보여지는 프로그램 설명 css */
.navi_exp{
    font-size:12px;
    float:left;
    margin-top:5px;
}

/* 팝업창 공통 부분 div로 묶은 css 정의 */
#divPopupSearch{
    width:100%;
    height:auto;
    float:left;
    font-size:14px;
    margin-top:5px;
    margin-bottom:5px;
}

/* 등록/수정 팝업창 띄웠을 경우 팝업창 바깥부분 배경색 css 추가(171121 추가) */
.afterBack {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
    /*z-index:9999999;*/	/* => z-index:9999999 주석처리(171129 주석처리) */
}

/* 등록/수정 팝업창 띄웠을 경우 팝업창 바깥부분 배경색 css 추가(170705 추가) */
.ui-widget-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
    z-index: 99;	/* z-index: 9999 => 99로 변경(171129 변경) */

    /* background: #aaaaaa url(../jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30); */
}

/* RealGridJS 1.1.17.2245 버전 이후 Popup, DropDown, Date 에디터에서 CSS 스타일 적용 가능한 부분 적용 시작(161228 추가) */
.rg-popup-menu {	/* 그리드의 Context 메뉴 실행될때 겉에 감싸는 부분 */
    background: #ffffff;	/* 원래 맨처음 색상 : #ffeeb6; */
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
    font-family: Malgun Gothic;	/* font-family: aritadm -> nanum gothic으로 변경(170907 변경) */
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11pt;
    color:#000000;
    padding: 4px;
    margin: 0px;
}

.rg-popup-item {		/* Context메뉴에서 각각의 메뉴(소메뉴)를 감싸는 부분 */
    padding-top: 2px;
    padding-bottom: 2px;
    height: 22px;		/* height:20px->22px으로 수정(170913 수정) */
    cursor: pointer;
    line-height:22px;	/* line-height:22px 추가(170913 추가) */
}

.rg-popup-item:hover {	/* 각각의 메뉴에 마우스를 올려놓았을때 메뉴 배경 색상 */
    background-color: #39FDF1;	/* 원래 맨처음 색상 : #ffd8d8; */
}

.rg-popup-separator-hr {	/* 그리드 메뉴 구분해 주는 선 관련 메뉴 */
    height: 1px;
    border: 0px;
    margin: 2px;
    color: #777;
    background-color: #777;
}

.rg-popup-expander {	/* 그리드 Context-Menu에서 하위메뉴 hover하는 부분 ▶표시 적용되는 부분 추가 */
    background-image: url("/FMS/js/script/assets/menu_expander.png");
    background-repeat: no-repeat;
    background-position: center center;
}
/* RealGridJS 1.1.17.2245 버전 이후 Popup, DropDown, Date 에디터에서 CSS 스타일 적용 가능한 부분 적용 종료 */


/* 통계 부분 안에 탭 디자인 시작 */
.tab_123_sel { position:relative;float:left;background-color:gray;margin-bottom:20px;color:white;padding:11px;margin-right:10px;font-size:12px;font-weight:bold;border:0px solid gray;cursor:pointer;background-image:url('../images/up_ar.png');background-repeat:no-repeat;background-position:50% 110%; }
.tab_123_unsel { float:left;background:white;margin-bottom:20px;color:gray;padding:10px;margin-right:10px;font-size:12px;font-weight:bold;border:1px solid #d4d4d4;cursor:pointer; }
.tab_123_unsel:hover { background:#f4f4f4; }
/* 통계 부분 안에 탭 디자인 종료 */


/* main_welcome.jsp(로그인 후 메인화면) 주간일정, 민원접수 현황, 최근접속 메뉴, 공지사항+주요지역 날씨 CSS */
.main_menu {margin-top:30px;}
.contents {margin-left:20px;}
.contents > span {margin-left:20px;}	/* contents span (자손 선택자)에서 contents > span (자식 선택자)으로 변경(171011 변경) */
.quickMenu {display:block; font-size:10pt; height:30px; font-weight:bold;}


/* 전현준 추가 (=> 탭 디자인) 시작 */
.buildTab {border:1px solid #d4d4d4; margin:0px; width: 100% ; border:0px; border-bottom:1px solid #0081db; height:auto; float:left; font-size:12px;padding-right:24px;margin-bottom:10px}
.buildTab li {	float:left;	margin-right:-1px; border:1px solid #d4d4d4; list-style:none; margin-top:0px; margin-bottom:-2px; border-bottom:1px solid #0081db;}
.buildTab li.Lcurrent { border:1px solid #0081db; border-bottom:1px solid white; margin-top:0px; margin-right:0px; z-index:99999999;}
.buildTab li span {display:block;}
.buildTab li.Lcurrent span { border:0px solid black; border-bottom:1px solid white; }
.buildTab li span a {display:block; line-height:20px; color:#7f7f7f; text-decoration:none;	padding:7px 20px 7px 20px;}
.buildTab li.Lcurrent span a {line-height:20px; color:#7f7f7f; text-decoration:none; padding:7px 20px 7px 20px; font-weight:bold; color:#3a6bcd;}
.buildTab li span a:hover,.buildTab li span a:active {color:#666;}
.buildTab li.Lcurrent span a:hover,.buildTab li.Lcurrent span a:active {color:#666;}
.buildTab > .Lclear{}	/* 팝업창안에 Tab 들어가는 경우 오른쪽으로 치우쳐지는 현상때문에 margin-left:-4.5% 추가(171116 추가) */



.contents_grid > .buildTab {margin-left:15px}



.wrap_jh { width:100%;min-width:1280px; }
#popupView html { min-width:none; }
#popupView html body { min-width:none; }


.pop_stitle{color:#004e97; font-size: 13px; font-weight: bold;height:30px;line-height:30px;margin-bottom:5px;padding-top:5px;padding-bottom:15px;float:left}
.pop_stitle span{margin-left:20px;font-size:12px; font-weight:bold; color:#999999;}

.table_class {border-collapse: collapse;	border-top:2px solid #004e97;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;margin-bottom:15px}

.table_class tr{display: table-row;}
.table_class th,
.table_class td { border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;font-size:13px;border-collapse: collapse;}
.table_class th{background: #f4f4f4;line-height:20px;padding:5px 10px;}
.table_class th.alignC,.table_class td.alignC{text-align: center!important}
.table_class th.alignR,.table_class td.alignR{text-align: right!important}


.table_class td {color:#000000;min-height:29px;padding:2px 7px 2px 7px;}
.table_class td a:hover{color:#000000;text-decoration: underline;cursor:pointer }
.table_class input[type=text],.table_class input[type=password] {background:#ffffff;border:1px solid #999999;outline:none;padding:0 3px;margin:0;height:23px;line-height: 23px}
.table_class select{background:#ffffff;border:1px solid #999999;outline:none;padding:0 3px;margin:0;height:23px;line-height: 23px;}
.table_class button{width:20px;height:26px;background-position: left 4px;margin-left:5px}
.table_class button:hover{background-position: left 4px}
.table_class .search{clear: both;float:left}
.table_class .search input[type=text]{width:calc( 100% - 40px )}

.table_class .calender{min-width: 115px;clear: both;float:left}
.table_class .calender input[type=text]{width:75px !important}
.table_class .pointred{color:#e60012}
.table_class .pointblue{color:#004e97}


.table_classB {	border-collapse: collapse;	border:1px solid #dbdbdb;margin-bottom:15px}

.table_classB tr{display: table-row;}
.table_classB th,
.table_classB td { border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;font-size:13px;border-collapse: collapse;}
.table_classB th{background: #e5eaee;line-height:20px;padding:7px 10px;}
.table_classB th.alignC,.table_class td.alignC{text-align: center!important}

.table_classB td {color:#000000;min-height:29px;padding:2px 7px 2px 7px;}
.table_classB td a:hover{color:#000000;text-decoration: underline;cursor:pointer }
.table_classB input[type=text],.table_classB input[type=password] {background:#ffffff;border:1px solid #999999;outline:none;padding:0 3px;margin:0;height:23px;line-height: 23px}
.table_classB select{background:#ffffff;border:1px solid #999999;outline:none;padding:0 3px;margin:0;height:23px;line-height: 23px;}
.table_classB button{width:20px;height:26px;background-position: left 4px;margin-left:5px}
.table_classB button:hover{background-position: left 4px}
.table_classB .search{clear: both;float:left}
.table_classB .search input[type=text]{width:calc( 100% - 40px )}

.table_classB .calender{min-width: 115px;clear: both;float:left}
.table_classB .calender input[type=text]{width:75px !important}


.pop_window .table_class th{text-align:left }
.pop_window .table_class th span{margin-left:4px}

.table_class2 { table-layout:fixed; }
.table_class2 th { min-width:80px; }
.table_class2 td { min-width:80px; }
/* .table_class td input[type=text] { width:calc( 100% - 25px ) !important; }	이재홍 차장님이 width:70% -> calc(85% -25px)로 수정 (171122 수정) => 일단 주석처리 */
/* .table_class select { width:calc( 100% - 18px ) !important;}	/* 이재홍 차장님이 width:70% -> 84%로 수정 (171122 수정) => select box width값 변경(171206 변경) => 일단 주석처리 */
.table_class .input_100 {	width:calc( 100% - 14px ) !important;	}	/* class_100 : 팝업창 안에 테이블 input box 꽉찬 소스 이재홍 차장님이 추가(171206 추가) */
.table_class .input_80 {	width:calc( 100% - 50px ) !important;	}	/* class_80 : 팝업창 안에 테이블 input box width:80%로 지정한 소스 이재홍 차장님이 추가(171206 추가), calc( 80% - 17px ) => calc( 100% - 50px ) 변경(171214 변경) */
.table_class #arrImgNote{	width:calc( 100% - 14px ) !important;	}

.table_class .select_100 {	width:calc( 100% - 4px ) !important;	}	/* class_100 : 팝업창 안에 테이블 input box 꽉찬 소스 이재홍 차장님이 추가(171206 추가) */
.table_class .select_80 {	width:calc( 100% - 50px ) !important;	}	/* class_80 : 팝업창 안에 테이블 input box width:80%로 지정한 소스 이재홍 차장님이 추가(171206 추가), calc( 80% - 7px ) => calc( 100% - 50px ) 변경(171214 변경) */

.table_class td input[type=text],.table_class td input[type=password]{
    width:calc( 100% - 8px )
}
.table_class td textarea{
    width:calc( 100% - 8px ) ;margin:2px 0
}
textarea
img{
    border:0;
}

a {
    text-decoration : none;
    color:#004e97;
}

a:hover {
    text-decoration : none;
    color:gray;
}

a:active{
    text-decoration : none;
}

/* 로그인 관련 CSS 시작 */
.login {background:url('../img/bg_loginbox.png') no-repeat center top #e5e5e5}
.login_wrap { background:url('../img/bg_loginpage.png') no-repeat -160px -160px;width:100%;height:100%; }
.login_district { width:400px;height:460px;padding-top:80px;margin:0 auto;z-index:99999999999; text-align:center}
.login_district img{margin-bottom:30px}
.login_input { position:relative;text-align:center }


.login_footer { width:100%;text-align:center;height:51px;position:fixed;bottom:0px;left:0px;background:#e5e5e5;z-index:99999999; }

.login_pannel{display:block;height:30px}
.login_pannel_left { height:30px;float:left;width:50%;text-align:left;position:relative;letter-spacing:0px;color:#666666;font-size:14px }
.login_pannel_left input[type='checkbox']{margin:-2px 0 0 0}
.login_pannel_right { height:30px;float:right;width:50%;text-align:right;position:relative;letter-spacing:0px;color:#004e97;font-size:14px }
.login_pannel_right span{margin-left:8px;background:url('../img/dot_login.png') no-repeat left 8px;padding-left:8px}
.login_pannel_right span a{color:#004e97;}
.login_pannel_right span a:hover{color:#003d76;text-decoration: underline}

.login_input { width:100%;display:inline-block;position:relative;text-align:left;text-decoration: normal }
.login_pannel_bottom { text-align:center;height:20px;font-size:14px;letter-spacing:-1px;color:#666666;line-height:18px;width:100%;padding-top:10px; }

.login_id { width:400px;height:50px;border:1px solid #999999;outline:none;padding:10px;margin-bottom:10px }
.login_id:focus { border:1px solid #004e97; }
.login_pw { width:400px;height:50px;border:1px solid #999999;;outline:none;padding:10px;margin-bottom:10px }
.login_pw:focus { border:1px solid #004e97; }
.login_btn { background:#004e97;border:1px solid #062542;text-align:center;line-height:45px;height:50px;width:400px;cursor:pointer;font-size:18px;font-weight:bold;color:#ffffff; }
.login_btn:hover{background:#00386d}

.eng_ls { letter-spacing:0px; }

.index_warp{margin: 0px; padding: 0px; width: 100%; height:100%;min-width: 1570px;box-sizing: border-box }

.header { width:100%;height:55px;text-align:left;position:relative; }
.header  h1{z-index:2; position:absolute; left:30px; top:14px;width:160px}
.header  h1 img{cursor:pointer;}

/*pms,fms*/
.change_channel {position:absolute;top:16px;left:180px;width:300px;margin-left:0px}
.change_channel > ul {float:left;}
.change_channel li {float:left;margin-right:5px}
.change_channel li a {display:block;height:22px;line-height:21px;padding:0 10px;font-size:12px;color:#6695c1;border:solid 1px #b2cae0;background:#ffffff}
.change_channel li.current a {color:#ffffff;border:solid 1px #004e97;background:#004e97}
.change_channel li:nth-child(2) a {color:#f06671;border:solid 1px #f7b2b7;background:#ffffff}
.change_channel li.current:nth-child(2) a {color:#ffffff;border:solid 1px #e60012;background:#e60012}
.change_channel li:nth-child(3) a {color: #f0830f;border:solid 1px #f6a90f;background:#ffffff}
.change_channel li.current:nth-child(3) a {color:#ffffff;border:solid 1px #f0830f;background:#f0830f}

/* .member_icon z-index값 999999 => 0으로 변경(171130 변경) */
.member_icon {position:absolute; z-index:0; top:18px; right:30px; cursor:pointer; }
/* 2018.05 디자이너 수정 */
.member_info_pannel {position:absolute;top:18px;left:600px;line-height:16px;text-align:left;color:#666666;font-size:12px;padding-left:20px;background:url('../img/ico_user.png') no-repeat left 2px }
.member_info_pannel .name { color:#004e97;letter-spacing:0px;font-weight: bold }
.member_info_pannel .dept {line-height:20px;text-align:left;color:#858585;font-size:11px; }


.header_btn_pannel{float:right;line-height:55px;text-align:left;padding-top:18px;padding-right:30px}
.header_btn_pannel > ul {float:left;}
.header_btn_pannel li {float:left;margin-right:9px;}
.header_btn_pannel li a {display:block;height:20px;line-height:19px;padding:0 10px;font-size:11px;color:#ffffff;border-radius:20px;border: 1px solid #aaaaaa;background:#aaaaaa;font-weight:bold}
.header_btn_pannel li a:hover {background: #838383}
.header_btn_pannel li:last-child a{background: #ffffff;color:#e60012}
.header_btn_pannel li:last-child a:hover{background: #e60012;color:#ffffff}


.PMS_gnb { width:100%;height:40px;background:#004e97;color:white;font-size:15px;font-weight:bold;padding-left:40px;padding-right:30px;}

.PMS_gnb2 { position:fixed;top:0px;left:0px;width:100%;height:40px;background:#004e97;color:white;font-size:15px;font-weight:bold;padding-left:45px;padding-right:30px;z-index:999999;min-width:1570px }



.PMS_gnb .gnb_cell, .PMS_gnb2 .gnb_cell { float:left;height:40px;background:#004e97; color:#dddddd!important;line-height:40px;padding-left:20px;padding-right:20px;cursor:pointer;letter-spacing:0px; }
.PMS_gnb .gnb_cell:hover, .PMS_gnb2 .gnb_cell:hover{ background:#003465; }
.PMS_gnb .active, .PMS_gnb2 .active { background:#003465; color:#dddddd!important}

.PMS_gnb .menu_all_btn, .PMS_gnb2 .menu_all_btn { width:40px;height:40px;float:right;background:#003465;text-align:center;line-height:40px;cursor:pointer; }
.PMS_gnb .menu_all_btn:hover, .PMS_gnb2 .menu_all_btn:hover { background:#00203e; }


.FMS_gnb {width:100%;height:40px;background:#606060;color:white;font-size:15px;font-weight:bold;padding-left:40px;padding-right:30px;}
.FMS_gnb2 { position:fixed;top:0px;left:0px;width:100%;height:40px;background:#606060;color:white;font-size:15px;font-weight:bold;padding-left:45px;padding-right:30px;z-index:999999;min-width:1570px }


.FMS_gnb .gnb_cell, .FMS_gnb2 .gnb_cell { float:left;height:40px;line-height:40px;padding-left:20px;padding-right:20px;cursor:pointer;letter-spacing:0px; }
.FMS_gnb .gnb_cell:hover, .FMS_gnb2 .gnb_cell:hover{ background:#4d4d4d; }
.FMS_gnb .active, .FMS_gnb2 .active { background:#e60012!important; color:#ffffff!important}

.FMS_gnb .menu_all_btn, .FMS_gnb2 .menu_all_btn { width:40px;height:40px;float:right;text-align:center;line-height:40px;cursor:pointer; }

.FMS_gnb .menu_all_btn{ background:#333333}
.FMS_gnb .menu_all_btn:hover{ background:#222222 }
.FMS_gnb2 .menu_all_btn{ background:#003465; }
.FMS_gnb2 .menu_all_btn:hover{ background:#00203e; }


.main_contents { background:#f9f9f9;float:left;width:100%;height:auto;padding-top:0px;padding-bottom:30px; }
.main_contents_in {width:1570px;padding:0 }
.main_1{margin:0 auto;padding-top:10px;width:1200px;margin-bottom:20px;overflow:hidden}
.main_2{margin:0 auto;padding-top:10px;width:1200px;height:400px;overflow:hidden}
.main_newnotice{float:left;width:585px;}
.main_newminwon{float:right;width:585px;}
.main_contents h3{color:#004e97;font-size:16px;font-weight:bold;line-height:29px}
.main_contents h4{color:#004e97;font-size:14px;font-weight:bold;line-height:23px}
.main_box{border:1px solid #acacac;padding:12px 15px;background:#fff}
.main_contents .table_class{margin-bottom: 5px}
.main_contents .table_class td{min-height: 23px}
.main_contents .contents_grid_grid{margin-bottom: 5px}
.main_contents .buildTab{margin-top:15px}
.main_1 .main_box{min-height:300px}
.main_2 .main_box{min-height:360px}

.sub_contents { background:#fff;width:100%;margin:0;padding-bottom:15px;min-height:660px;background: url(../img/left_dot.png) repeat-y 179px top}
.sub_contents::after{display: block}
.sub_lnb { padding-left:15px;padding-right:8px;position:absolute;left:0;top:95px;width:180px;}

.sub_lnb_in { width:100%;height:auto;min-height:400px; }
.sub_lnb_in_title { height:52px;width:100%;color:#004e97;font-size:20px;font-weight:bold;margin:0px;padding:0px;display:block; }	/* font-size:25px->21px 변경(171206 변경) */
.sub_lnb_in_title img { display:inline-block;vertical-align:bottom }
.sub_lnb_in_title{display:block;font-size:20px;font-weight:bold;color:#004e97;padding:20px 0 0 0;letter-spacing: -1px}



.sub_lnb_first_cell { height:40px;display:block;color:#666666;font-size:14px;letter-spacing:-1px;line-height:40px;cursor:pointer;padding-right:0%; }	/* font-size:18px->16px 변경(171206 변경) */
.sub_lnb_first_cell:hover { color:#e60012; }
.sub_lnb_first_cell_active { color:#e60012; }

.sub_lnb_second_cell_wrap { height:auto;padding:0 8px;display:block;margin:0px;background:#f5f5f5;margin-bottom:5px }
.sub_lnb_second_cell { width:100%;line-height:30px;color:#666666;font-size:14px;letter-spacing:-1px;cursor:pointer; }	/* font-size:14px->12px 변경(171206 변경) */
.sub_lnb_second_cell:hover { color:#e60012; }
.sub_lnb_second_cell_active { color:#e60012; }

.sub_right {height:auto;padding-right:30px;margin-left: 180px }
.sub_right_in { width: 100% ;height:auto;min-height:400px; }

.tab_district { width:100%;border-bottom:1px solid #e4e4e4;height:37px;line-height:37px;display:block;margin:0px;padding:0px; }
.tab_selected { padding-left:27px;padding-right:25px;height:37px;float:left;line-height:37px;color:#004e97;font-size:16px;font-weight:bold;border-right:1px solid  #cdcdcd }
.tab_selected_x { cursor:pointer;display:inline-block;vertical-align:middle;width:20px;height:20px;background:url('../img/btn_selectedX.png') no-repeat left top;margin:8px 0  0 15px }
.tab_selected_x:hover {background:url('../img/btn_selectedXh.png') no-repeat left top}
.tab_normal { padding-left:22px;padding-right:20px;height:37px;float:left;line-height:37px;font-size:14px;color:#999999;font-weight:normal;cursor:pointer;border-right:1px solid  #cdcdcd  }
.tab_normal:hover { color:#004e97 }
.tab_normal_x { cursor:pointer;display:inline-block;vertical-align:middle;width:10px;height:10px;background:url("../img/btn_normalX.png") no-repeat left top ;margin:0 0  0 10px}
.tab_normal_x:hover { background:url('../img/btn_normalXh.png') no-repeat left top }

/* 리스트 화면 검색조건 CSS 시작 */
.search_district { width:100%;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:15px;border-bottom:1px solid #e4e4e4;position:relative;display:block;height:auto;margin:0px;color:#444444;font-size:14px; background:#f9f9f9}
.search_district dl{width:100%;min-width:1315px;position:relative;vertical-align:middle;height:33px;margin-bottom:5px}
.search_district dt, .search_district dd{display: inline-block;}
.search_district dt{font-size: 14px; margin-left: 5px; vertical-align: middle;width:80px;padding:0;font-weight:bold}
.search_district dd{width:238px;padding-left:3px;font-weight:normal}
.search_district dd.input_long{width:572px!important;padding-left:3px}

.search_district button{width:24px;height:26px;}
.search_district input[type=text] {background:#ffffff;border:1px solid #999999;outline:none;padding:0px 4px;margin:0;height:24px;line-height:24px}
.search_district select { background:#ffffff;border:1px solid #999999;outline:none;padding:3px;margin:0;height:27px }

.search_district .calender{min-width: 242px;}
.search_district .calender input[type=text]{width:80px;border-right:none!important}
.search_district .calender span{display: inline-block;width:5px;padding-left:3px}
.search_district .search input[type=text]{width: 205px;border-right:none!important}

/* 팝업의 리스트 화면 검색조건 CSS 시작 */
.pop_window .search_district {padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;margin-bottom:10px!important;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;position:relative;display:block;height:auto;margin:0px;color:#444444;font-size:14px; background:#f9f9f9}
.pop_window .search_district dl{position:relative;vertical-align:middle;height:30px;margin-bottom:5px; min-width: 300px;}
.pop_window .search_district dt, .search_district dd{display: inline-block;}
.pop_window .search_district dt{font-size: 14px; margin-left: 5px; vertical-align: middle;width:70px;padding:0;font-weight:bold}
.pop_window .search_district dd{min-width:200px;padding-left:3px;font-weight:normal}
.pop_window .search_district dd.input_long{width:572px!important;padding-left:3px}




.search_district2 { width:100%;padding-left:22px;padding-right:22px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #cdcdcd;position:relative;display:block;height:auto;margin:0px;color:#404040;font-size:14px;margin-top:12px; }

.seemore { cursor:pointer;position:absolute;bottom:-16px;left:50%;margin-left:-33px;cursor:pointer;zindex:9999; }	/* bottom:-13px => -16px로 변경(171214 변경) */
.close { cursor:pointer;position:absolute;bottom:-1px;left:50%;margin-left:-33px;cursor:pointer;zindex:9999; }
.plus_search { cursor:pointer; }

#search_hide { margin-top:10px; }

#search_hide2 { margin-top:10px;width:100%;height:220px;overflow-y:auto; }
.spacer { width:100%;display:block;height:10px;margin:0px;padding:0px; }
/* 리스트 화면 검색조건 CSS 종료 */

.btn_district { width:100%;padding:10px 0 10px 15px;display:block;margin:0px;}	/* 이재홍 차장님이 float:left 추가(171122 추가) */

.pagination_district { width:100%;display:block;margin:0px;padding-top:40px;padding-bottom:20px;text-align:center;color:#c9c9c9;font-size:14px;font-weight:bold; }
.pagination_district img { margin-left:10px;margin-right:10px; }
.pagination_district .ac { color:#004e97;font-size:14px;font-weight:bold;cursor:pointer; }
.footer { width:100%;text-align:center;height:70px;;z-index:9999998;min-width:1570px;background: #efefef;color:#999999;font-size: 11px;padding-top:15px;display:inline-block}	/* 이재홍 차장님이 footer부분에 z-index값을 9999999999999999 => 9999998로 수정 (171122 수정), min-width:1280px 추가(171206 추가) */

.main_bn { width:705px;height:295px;float:left;border:1px solid #eaeaea;background:white; }	/* 이재홍 차장님이 height:360px->441px로 변경(171214 변경) */
.main_board_01 { width:514px;height:164px;float:left;margin-left:17px;border:1px solid #eaeaea;background:white;padding:16px;font-size:14px;font-weight:bold;color:#252a57; }

.blue_blit { width:7px;height:7px;display:inline-block;vertical-align:middle;background:#0088ce;margin-right:10px; }

.main_recent { width:514px;height:190px;padding:16px;float:right;border:1px solid #eaeaea;background:white;margin-top:20px;font-size:14px;font-weight:bold;color:#252a57; }	/* 이재홍 차장님이 height:108px->190px로 변경(171214 변경) */
.main_recent_cell { width:20%;float:left;height:77px;text-align:center;color:#6f6f71;font-size:14px;font-weight:bold;cursor:pointer; }
.main_recent_cell img { margin-top:7px; }

.sub_lnb_second_cell .float_right{margin-right:-5px}
.float_right { float:right;font-size:10px;font-weight:bold;color:#e60012;display:block }
.float_right2  { float:right;font-size:10px;font-weight:bold;color:#e60012;padding-right:0px;cursor:pointer;display:block }
.sub_lnb_first_cell .float_right { padding-right:0px;margin-right:-10px; }
.main_month_status { width:673px;height:250px;padding:16px;float:left;background:white;border:1px solid #eaeaea;font-size:14px;font-weight:bold;color:#252a57;margin-top:20px; }	/* 이재홍 차장님이 height:164px->190px로 변경(171214 변경) */
.main_month_status_cell { width:25%;text-align:center;height:123px;float:left;font-size:16px;color:#252a57;font-weight:bold;margin-top:17px;position:relative; }
.main_month_status_cell_title { width:100%;height:30px;border-bottom:1px solid #eaeaea;float:left;line-height:30px; }
.main_month_status_cell_contents { width:100%;float:left;height:92px;line-height:92px;font-size:45px;font-weight:bold;color:#399fd3;cursor:pointer; }	/* 이재홍 차장님이 font-size:48px->45px로 변경(171214 변경) */

.main_month_status2 { width:673px;height:250px;padding:16px;float:left;background:white;border:1px solid #eaeaea;font-size:14px;font-weight:bold;color:#252a57;margin-top:20px; }	/* 이재홍 차장님이 height:164px->190px로 변경(171214 변경) */
.recent_cell { width:calc( 21% - 25px );float:left;height:57px;background:none;border-right:1px solid #eaeaea;line-height:57px;font-size:11px;color:gray;font-weight:bold;padding-right:15px;cursor:pointer; }
.recent_cell:last-child { width:calc( 21% - 16px );float:left;height:57px;background:none;border-right:0px solid #eaeaea;line-height:57px;font-size:11px;color:gray;font-weight:bold;padding-right:15px;cursor:pointer; }

.recent_cell_icon { width:40px;height:100%;float:left;text-align:center; }
.recent_cell_name { width:calc( 100% - 56px );height:100%;float:left;text-align:left;line-height:16px;display:block;padding-left:15px;font-size:11px; }
.underline { position:absolute;width:64%;height:4px;left:18%;bottom:15px;background:#399fd3; }
.gun { font-size:28px; }
.main_notice { width:514px;height:190px;padding:16px;background:white;border:1px solid #eaeaea;float:right;margin-top:20px;font-size:14px;font-weight:bold;color:#252a57; }	/* 이재홍 차장님이 height:164px->190px로 변경(171214 변경) */

.blue_btn { text-align:center;min-width:76px;cursor:pointer;height:27px;line-height:27px;padding-left:13px;padding-right:13px;background:#0088ce;color:white;font-size:14px;font-weight:bold;display:inline-block;vertical-align:middle; }
.blue_btn:hover { background:#004e97; }

.btn_closeall { text-align:center;cursor:pointer;height:24px;line-height:24px;padding-left:18px;padding-right:18px;background:#939393;color:white;font-size:12px;display:inline-block;vertical-align:middle;margin-top:5px }
.btn_closeall:hover { background:#004e97; }

/* 텍스트 btn 추가 */
.text_btn_bg { text-align:center;min-width:90px;cursor:pointer;height:27px;line-height:27px;padding-left:17px;padding-right:17px;background:#004e97;color:white;font-size:14px;display:inline-block;vertical-align:middle;margin-right:3px;font-weight:normal }
.text_btn_bg:hover { background:#003e79; }
.text_btn_bg2 { text-align:center;min-width:29px;cursor:pointer;height:27px;line-height:27px;padding-left:13px;padding-right:9px;background:#004e97;color:white;font-size:14px;display:inline-block;vertical-align:middle;margin-right:3px;font-weight:normal }
.text_btn_bg2:hover { background:#003e79; }
.dimed_btn { text-align:center;min-width:90px;cursor:pointer;height:27px;line-height:27px;padding-left:13px;padding-right:13px;background:#bfbfbf;color:#e2e2e2;font-size:14px;display:inline-block;vertical-align:middle;margin-right:3px;font-weight:normal }

.dark_wall { position:fixed;background:black;opacity:0.5;width:100%;height:100%;top:0px;left:0px;z-index:9999999999; }

/* 팝업창 디자인 시작 */
.pop_window { width:100%;height:auto;background:white;z-index:999999999999999;margin:0px;padding:0px }
.pop_window_title { width:100%;line-height:43px;height:43px;padding-left:20px;padding-right:20px;color:white;background:#004e97;font-size:20px;font-weight:bold;margin:0px;}
.pop_window_contents{width:100%;height:100%;padding:10px 20px 20px 20px;}
.pop_window_title .float_right2{font-size:18px;width:20px;height:20px;cursor: pointer;color:#ffffff;font-family: Verdana ;margin-right:10px;font-stretch: ultra-expanded }

/*
.pop_window_contents input[type=text] { width:12%;background:#f5f5f5;border:none;outline:none;padding:5px;margin-left:10px;margin-right:20px;margin:0px; }
.pop_window_contents input[type=text]:focus { border-bottom:1px solid #848484; }

.pop_window_contents input[type=password] { width:12%;background:#f5f5f5;border:none;outline:none;padding:5px;margin-left:10px;margin-right:20px;margin:0px; }
.pop_window_contents input[type=password]:focus { border-bottom:1px solid #848484; }

.pop_window_contents select { width:12%;background:#f5f5f5;border:none;outline:none;padding:5px;margin-left:10px;margin-right:20px;margin:0px;}
.pop_window_contents select[type=text]:focus { border-bottom:1px solid #848484; }
/* 팝업창 디자인 종료 */


/* 슈퍼슬라이드 css시작 */
#slides {
    position: relative;
}
#slides .slides-container {
    display: none;
}

#slides .scrollable {
    *zoom: 1;
    position: relative;

    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

#slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}

#slides2 {
    position: relative;
}
#slides2 .slides-container {
    display: none;
}
#slides2 .scrollable {
    *zoom: 1;
    position: relative;

    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

#slides2 .scrollable:after {
    content: "";
    display: table;
    clear: both;
}

.slides-navigation {
    margin:0 auto;
    position: absolute;
    z-index:3;
    top: 0;
    width: 100%;
    height:100%;
    display:none;
}

.slides-navigation a {
    position: absolute;
    display: block;
}

.slides-navigation a.prev {
    left: 10px;
    top:50%;
    background:url('../img/left.png');background-repeat:no-repeat;
    width:32px;
    height:45px;
    margin-top:-12px;
}

.slides-navigation a.next {
    right:10px;
    top:50%;

    background:url('../img/right.png');background-repeat:no-repeat;
    width:32px;
    height:45px;
    margin-top:-12px;
}

#slides .slides-pagination {
    position: absolute;
    z-index: 9999;
    top: 20px;
    text-align: left;
    width: 100%;
    left:20px;
    display:block;
    height:12px;
}

#slides .slides-pagination a {
    border: 2px solid #252a57;
    border-radius: 50%;
    width: 12px;
    height: 12px;

    display: inline-block;
    vertical-align: middle;

    margin: 2px;

    overflow: hidden;
    text-indent: -100%;
    background:none;
    opacity:1;
}

#slides .slides-pagination a.current {
    background: #252a57;
    opacity:1;
}

#slides2 .slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 5px;
    text-align: center;
    width: 30%;
    right:20px;
}

#slides2 .slides-pagination a {
    border: 0px solid #222;
    border-radius: 15px;
    width: 7px;
    height: 7px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;

    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
    background:#fff;
    opacity:1;
    border:1px solid #999999;
}

#slides2 .slides-pagination a.current {
    background: #999999;
    opacity:1;
    width: 8px;
    height: 8px;
}
/* 슈퍼슬라이드 끝 */


/* 김준형 추가 아이프레임 관련 */
.frame_district {
    margin: 0;
    padding: 0px;
    width: 100%;
    height:auto;

}

/* 사이트맵 */
.see_all_menu_pop { width:calc( 100% - 120px );height:auto;position:absolute;background:#444444;top:88px;left:0px;margin:0px;padding:60px;z-index:9999999999999999999999;overflow-y:auto; }
.see_all_menu_pop { width:calc( 100% - 120px );height:auto;position:absolute;background:#444444;top:88px;left:0px;margin:0px;padding:60px;z-index:9999999999999999999999;overflow-y:auto; }
.see_all_menu_pop_close { width:30px;height:30px;border-radius:50%;background:white;color:#00ad83;font-size:18px;line-height:30px;cursor:pointer;text-align:center;position:absolute;top:48px;right:60px;z-index:9999999999999999999999999999999; }
.seeall_title {	font-size:40px;font-weight:bold;color:white; }

.seeall_cell_title {font-size:18px;font-weight:bold;color:white;}
.seeall_cell {	width:17%;height:auto;color:white;font-size:13px;line-height:17px;padding:0px;padding-left:2%;display:inline-block;vertical-align:top;margin:0px; }
.seeall_cell_detail_wrap {	width:100%;height:auto;padding-top:12px;padding-bottom:12px; }
.seeall_cell_detail {	font-size:11px;color:white;padding-left:20px;cursor:pointer; }
.seeall_cell_spacer {	width:100%;height:90px;float:left;border-top:1px solid white;margin-top:20px;opacity:0.5 }	/* 이재홍 차장님이 height:30px->90px로 변경, border-top:1px solid white;margin-top:20px;opacity:0.5 값 추가(171214 변경 및 추가) */

/*#realgrid1 div {	width:100% !important; overflow-x:auto	}*/

/* class_80 클래스 이재홍 차장님이추가(171206 추가) */
.class_80 { width:calc( 85% - 25px ) !important; }

/* 로그인 후 메인화면에 뜨는 업무보고, 커뮤니티 탭 관련 CSS => welcomeA / 각각 클릭했을때 on 효과인 CSS => welcomeB (171214 이재홍 차장님이 추가함)*/
.welcomeA {	width:19%; border:1px solid #d4d4d4; padding:2px; color:gray; display:inline-block; text-align:center; cursor:pointer; font-size:12px; font-weight:bold; float:left; background:white; border-bottom:1px solid #d4d4d4; margin-left:-1px; background:#f4f4f4;	}
.welcomeB {	border-bottom:1px solid white; background:white; color:blue; font-weight:bold;	}

/* 사용자 이미지 클릭했을때 메뉴 디자인 CSS (171214 이재홍 차장님이 추가함) */
.ffff {	color:black;background:white;	}
.ffff:hover {	color:white;background:black;	}


.sop_left { width:calc( 48% - 20px );padding:0px;height:200px;overflow-y:auto;float:left;padding-right:20px; }
.sop_left_cell { float:left;width:calc( 100% - 42px );padding:20px;border:1px solid #d4d4d4;margin-bottom:10px;border-radius:10px;background:#f4f4f4;color:black;font-size:13px;line-height:18px; }



.sop_right { width:calc( 48% - 20px );padding:0px;height:200px;overflow-y:auto;float:right;padding-right:20px; }
.sop_right_cell { float:left;width:calc( 100% - 42px );padding:20px;border:1px solid #d4d4d4;margin-bottom:10px;border-radius:10px;background:#fff;color:black;font-size:13px;line-height:18px; }

.sop_right_cell_pic { width:55px;height:55px;border-radius:50%;border:2px solid #f4f4f4;background:gray;margin-top:0px;margin-right:30px;float:left; }

.sop_right_cell_txt { width:calc( 100% - 100px );float:left;height:auto; }


.toggle_circle { min-width:27px;width:27px !important;height:27px;border-radius:50%;text-align:center;line-height:27px;padding:0px;font-size:9px;color:blue;background:white;border:1px solid #d4d4d4; }
.toggle_circle:hover { color:white; }
/*.div_main{ max-height: 700 !important; height: 650px; }*/
.div_main{  overflow: auto !important; }

/* 20180130 이재홍추가 */

.cell_two_j { background:#f4f4f4;padding:3%;width:94%;height:auto;display:block;font-size:13px;line-height:20px;margin:0px;border-bottom:1px solid #d4d4d4;cursor:pointer;color:gray;position:relative; }
.cell_two_j span { font-size:16px;font-weight:bold; }
.cell_two_j:last-child { border-bottom:0px solid #d4d4d4; }
.cell_two_j:hover { background:white; }
.cell_two_j_active { background:white; }

.cell_two_j_arrow { cursor:pointer;z-index:99;top:50%;margin-top:-25px;right:25px;;position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:black;font-size:15px;font-weight:bold;background:white;border-radius:50%;border:1px solid #d4d4d4; }

.cell_two_j_arrow:hover { color:white;background:green; }
.third_jh { width:calc( 30% - 10px );min-height:300px;border-left:0px solid #d4d4d4;border-right:0px solid #d4d4d4;display:inline-block;vertical-align:top;margin:0px;height:100%;color:gray; }
.third_jh_pic {width:140px;height:172px;background:gray;color:white;padding:0px;margin:0px;float:left;}
.third_jh_info { width:calc( 100% - 170px );height:86px;float:right;padding:10px;color:gray;font-size:16px;line-height:26px;padding-left:20px; }

.third_jh_info_border-top { height:2px;width:100%;float:left;background:black; }
.third_jh_info_left_cell { padding-left:12px;width:calc( 35% - 2px );float:left;height:26px;line-height:26px;color:gray;font-size:14px;border-bottom:1px solid #d4d4d4;background:#f4f4f4; }
.third_jh_info_right_cell { padding-left:12px;width:calc( 65% - 2px );float:left;height:26px;line-height:26px;color:gray;font-size:14px;border-bottom:1px solid #d4d4d4;background:#fff; }


.third_jh_info span { color:black;font-weight:bold; }
.third_jh_pic img { width:100%;height:100%; }


.third_jh_down { width:calc( 100% - 2px );border-radius:0px;height:220px;border:1px solid #d4d4d4;float:left;margin-top:12px;overflow-y:auto;padding:10px; }
.third_jh_down_cell { cursor:pointer;width:100%;height:30px;line-height:30px;color:black;font-size:13px;border-bottom:1px solid #d4d4d4;margin:0px;padding:0px;display:block;position:relative; }
.third_jh_down_cell_x { cursor:pointer;top:8px;right:0px;position:absolute;background:#d4d4d4;color:white;text-align:center;line-height:20px;width:20px;height:20px;font-size:10px;border-radius:50%; }

.third_jh_down_cell_x:hover { background:red; }




.dept_save_btn { cursor:pointer;margin-top:20px;width:48%;float:left;height:30px;line-height:30px;text-align:center;background:#00ad83;color:white;font-size:13px; }

.dept_initiate_btn { cursor:pointer;margin-top:20px;width:48%;float:right;height:30px;line-height:30px;text-align:center;background:gray;color:white;font-size:13px; }


.compo_btn_bg {

    cursor:pointer;
}
.search_district .compo_btn_bg {

    cursor:pointer;
}

.mngUserTable{
    width: 100%;
    border: 1px solid #d4d4d4;
    border-spacing: collapse;
}

.mngUserTable td{
    border: 1px solid #d4d4d4;
}


.lCol{
    /* position        : absolute; */
    z-index         : 1;
}
.rCol{
    z-index : 0;
}
.msg_err{font-size: 11px;color:#d2060d;line-height: 25px}
.btn_area{height:30px;text-align: left;float:right;font-size:13px;}
.btn_area .text_btn_bg { text-align:center;min-width:29px;cursor:pointer;height:25px;line-height:25px;padding-left:13px;padding-right:9px;background:#999999;color:#ffffff;font-size:14px;display:inline-block;vertical-align:middle;margin-right:2px;font-weight:normal }
.btn_area .text_btn_bg:hover { background:#555555; color:#ffffff;}


.addImg { text-align:center;min-width:29px;cursor:pointer;height:25px;line-height:25px;padding-left:13px;padding-right:9px;background:#999999;color:#ffffff;font-size:14px;display:inline-block;vertical-align:middle;margin-right:2px;font-weight:normal }
.addImg:hover { background:#555555; color:#ffffff;}

/* 근무구분 감싸고있는 Div CSS */
.workDiv{font-size:13px;height:30px;line-height:30px;margin-bottom:5px;margin-left:15px;padding-top:5px;padding-bottom:15px;}
.workDiv div{color:#004e97; font-size: 13px; font-weight: bold;float:left}
/* .workDiv:hover{height:75px; margin-bottom:1%; padding-left:2%; border:1px solid #d4d4d4; border-radius:15px; background:#65fe94;} */

/* 근무구분 라디오버튼 배열 감싸고 있는 Div 관련 CSS */
#radioDiv{font-size:13px; color:#404040; letter-spacing:1px;margin-left:15px;float:left}
#radioDiv span{ display:block;float:left;margin-top:2px;margin-left:10px}
#radioDiv label{margin-left:5px;}

.left15{margin-left:15px;width:calc( 100% - 15px ) !important}


.equipDiv{font-size:13px;color:#404040;height:30px;line-height:30px;margin-bottom:5px;margin-left:15px;margin-right:10px;padding-top:5px;padding-bottom:15px;display:inline-block}
.equipDiv input{margin-left:5px;}

/* 에너지사용현황 감싸고있는 Div CSS */
.emsDiv{font-size:14px;height:30px;line-height:30px;margin-bottom:5px;margin-left:10px;padding-top:15px;padding-bottom:15px;}
.emsDiv div{colo:#004e97; font-size: 14px; font-weight: bold;float:left;line-height:30px }
.emsDiv span{color:#999}

.layer_pop{position:absolute; width: 35%; top:37px; display: none;background:#ffffff;padding:3px;border:1px solid #004e97}



.alcenter{text-align: center}



.rg-dropdown-select{
    background-color: black !important;
    font-size: 10pt;
    color: white !important;
}

.rg-dropdown-item{
    background-color: white !important;
    font-size: 10pt;
    border-top: 1px solid darkgray !important;
    border-left: 1px solid darkgray !important;
    border-right: 1px solid darkgray !important;
}
.rg-dropdown-item:hover, .rg-dropdown-select:hover{
    background-color: #98b8a7 !important;

}

.rg-dropdown-item:last-child{
    border-bottom: 1px solid darkgray !important;
}#errorPage{font-size:18px;color:#000000;text-align:left;width:100%;background: url(../img/error_bg.png) 0 200px   no-repeat ; padding:160px 0 0 300px;line-height: 30px ;height:500px;box-sizing: border-box}
#errorPage{font-size:18px;color:#000000;text-align:left;width:100%;background: url(../img/error_bg.png) 0 200px   no-repeat ; padding:160px 0 0 300px;line-height: 30px ;height:500px;box-sizing: border-box}
#errorPage span{font-size:22px;font-weight:bold;line-height: 40px ;}
#errorPage img{position: absolute;top:100px;left:850px}

.deleted {display: none !important;}