@charset "utf-8";

/* CSS Document */
#wrap{position:relative;}

/* login */
#login_wrap {position:relative; height:100%; background:url(../../../../images/egovframework/com/mng/diagonal_bg.gif) 0px 0px repeat;}
#login_container{ position:relative; min-height:100%; margin:0 0 -35px;overflow:hidden;}
#login_content {position:relative; top:176px; width:762px; height:590px; margin:0 auto; overflow:hidden; background:url(../../../../images/egovframework/com/mng/login_bg.png) 0px 0px no-repeat;}
#login_content h1 {margin:70px 0 0 50px; font-size:30px;}
#login_content h1 span {color:#69bb47;}
#login_content > p {font-size:12px; margin:12px 0 0 50px;}
.login_util {position:relative; margin:30px 0 90px 50px;}
.login_util div input {border:0px; padding:5px; line-height:12px; width:172px; height:12px;}
.login_id {width:182px; height:22px; padding:8px 10px 8px 47px; background:url(../../../../images/egovframework/com/mng/input_login.gif) 0px 0px no-repeat;}
.login_pw {width:182px; height:22px; padding:8px 10px 8px 47px; background:url(../../../../images/egovframework/com/mng/input_pw.gif) 0px 0px no-repeat;}
.btn_login {position:absolute; top:0px; left:245px;}
#footer_login {position:relative; height:35px; margin:0 auto; text-align:center;}
#footer_login .copyright span {margin-left:10px; font-size:12px; line-height:12px; color:#828386;}
#footer_login .copyright span a {color:#828386;}

/* header */
#header {position:relative; padding-top:0px; width:100%; min-width:620px; height:auto; background:#f5f6f7;}
#header .skip {position:absolute; left:0; top:-10000px; display:block; width:100%; text-align:center; font-size:0; z-index:100;}

/* logo */
#header .top_util {position:relative; width:100%; height:53px; background: url(../../../../images/egovframework/com/mng/diagonal_bg.gif) 0px 0px repeat;}
#header h1 {position:absolute; top:16px; left:32px; z-index:10; font-size:18px; line-height:20px; font-weight:bold;}
#header h1 a {display:block; overflow:hidden; text-decoration:none; color:#fff; }
.global {position:absolute; top:20px; right:30px;}
.global span {color:#62ad42;}
.global .logout {padding-right:18px; background:url(../../../../images/egovframework/com/mng/icon_logout.png) right 0px no-repeat; color:#929292;}


#gnb {width:100%;}
#gnb ul {width:100%; border-top:1px solid #2d2f3c; border-bottom:1px solid #2d2f3c; min-height:5px; background:url(../../../../images/egovframework/com/mng/diagonal_bg.gif) 0px 0px repeat;}
#gnb ul:after {content:""; display:block; clear:both;}
#gnb ul li {float:left;}
#gnb ul li a {display:inline-block; vertical-align:top; padding:0 20px; color:#c1c2c2; font-size:13px; font-weight:bold; height:41px; line-height:41px; background:url(../../../../images/egovframework/com/mng/gnb_li_bg.gif) left 15px no-repeat;}
#gnb ul li:first-child {background:none;}
#gnb ul li a.on,
#gnb ul li a:hover,
#gnb ul li a:active {padding:0 19px; color:#fff; background:url(../../../../images/egovframework/com/mng/gnb_bg_on.gif) left top repeat; border:1px solid #559839; height:39px; line-height:39px; text-decoration:none;}

.left {position:fixed; width:226px; height:100%; border-right:1px solid #ececec; background:#d1d1d1; z-index:110;}/*top:96px; */
.left h2 {padding:20px 19px 20px; line-height:22px; font-size:24px; font-weight:bold; background:#fff;}
#lnb li a {display:block; background:#d1d1d1; border-bottom:1px solid #ABABAB; padding:14px 5px 14px 32px; font-size:14px; font-weight:bold;}
#lnb li a.on,
#lnb li a:hover,
#lnb li a:active {background:url(../../../../images/egovframework/com/mng/gnb_bg_on.gif) left top repeat; color:#fff; text-decoration:none;}
#lnb li ul {padding:15px 0;border-bottom:1px solid #fff; background:url(../../../../images/egovframework/com/mng/diagonal_bg.gif) left top repeat;}
#lnb li ul li a {display:block; padding:6px 5px 6px 40px;; line-height:12px; background:#d1d1d1; color:#fff; border-bottom:none; font-size:12px; font-weight:bold; background:url(../../../../images/egovframework/com/mng/lnb_li.gif) 32px 12px no-repeat;}
#lnb li ul li a.on,
#lnb li ul li a:hover,
#lnb li ul li a:active {background:url(../../../../images/egovframework/com/mng/lnb_li.gif) 32px 12px no-repeat; color:#fff; font-weight:bold; text-decoration:underline;}

/* right*/
/* .right {position:relative; margin-top:; padding-left:227px; background:#fff; z-index:90;} */
.right {position:relative; margin-top:; margin-left:227px; background:#fff; z-index:90;}
/* 
.content {position:relative; overflow-y:auto; padding:0 20px;}
*/
.content {position:relative; overflow-y:auto; padding:0 20px;}

/* location */
.location {position:relative; padding-bottom:10px; height:66px;}
.location h3 {display:block; height:64px; margin:0 20px 0px 20px; font-size:18px; line-height:18px; border-bottom:2px solid #e8e8e8;}
.location h3 span {display:inline-block; height:18px; line-height:18px;  padding:32px 0 14px 0; padding-bottom:14px; border-bottom:2px solid #69bb47;}
.navi {position:absolute; top:35px; right:30px; overflow:hidden; height:16px; line-height:16px;}
.navi li{ float:left; font-size:12px; text-align:left; height:16px; line-height:16px; background:url(../../../../images/egovframework/com/mng/location_li.gif) no-repeat right 3px;}
.navi li.last{ background:none; font-weight:bold;}
.navi li.last a{ padding-right:0;}
.navi li a {padding:0 13px 0 10px; height:16px;}
.navi li a img{ vertical-align:middle; margin-bottom:0px;}

/* footer */
#footer {display:block; position:fixed; width:100%; min-width:620px; margin:0 auto; height:80px; background:#fff; text-align:center; z-index:100;}
#footer .copyright {margin-top:25px; overflow:hidden; padding-left:226px;}
#footer .copyright img {padding-left:227px; vertical-align:text-bottom;}
#footer .copyright span {display:inline-block; margin-left:10px; font-size:12px; color:#828386;}
#footer .copyright span a {color:#828386;}

#footer .copyright_noleft {margin-top:25px; overflow:hidden; }
#footer .copyright_noleft img {padding-left:227px; vertical-align:text-bottom;}
#footer .copyright_noleft span {display:inline-block; margin-left:10px; font-size:12px; color:#828386;}
#footer .copyright_noleft span a {color:#828386;}

/* table */
.table_basic {width:100%; margin-top:15px; border:0; border-top:2px solid #666;color:#191919; border-collapse:collapse;}
.table_basic th {padding:8px 12px; line-height:20px; text-align:center; border-bottom:1px solid #e6e6e6; background:#eff1ef;}
.table_basic td {padding:7px 12px; line-height:20px; text-align:center; border-bottom:1px solid #e6e6e6;}
.table_basic td.al,.table_area table th.al {text-align:left;}
.table_basic td.ar,.table_area table th.ar {text-align:right;}
.table_basic td.th2 {padding-left:25px;}
.table_basic td.th3 {padding-left:45px;}
.table_basic td.nopad {padding:0; line-height:20px; border-bottom:1px solid #e6e6e6;}

/* input_style */
input{vertical-align:middle;}
.input_cell {width:10%; height:22px; line-height:22px; padding:0px 0 0 5px; border:1px solid #747474;}
.input_flat {width:20%; height:22px; line-height:22px; padding:0px 0 0 5px; border:1px solid #747474;}
.input_narrow {width:40%; height:22px; line-height:22px; padding:0px 5px; border:1px solid #747474;}
.input_wide {width:70%; height:22px; line-height:22px; padding:0px 5px; border:1px solid #747474;}
.input_full {width:95%; height:22px; line-height:22px; padding:0px 5px; border:1px solid #747474;}
.input_txtarea {width:95%; border:1px solid #747474; padding:0px 5px; font-family:NanumGothic; color:#666;}

/* table_border */
table.border th, table.border td {
	border:1px solid #e6e6e6;
	text-align:left;
}

/* table_spot */
.border_top {overflow:hidden;}
.border_top .page_total {padding-top:14px; float:left; color:#191919; font-size:12px; position:relative;}
.border_top .page_total span {margin-left:10px; font-weight:bold;}
.border_top fieldset{vertical-align:auto;}
.border_top .border_search {float:right;}
.border_top .border_search select {width:110px; line-height:32px; padding:5px; height:32px; font-size:13px; color:#6c6c6c; border:1px solid #dadada;}
.border_top .border_search input {vertical-align:middle;line-height:1;}
.border_top .search_input {display:inline-block;width:210px; height:26px; line-height:32px; margin:0 0 0 5px; padding:3px 5px 3px 34px; border:1px solid #dadada; background:url(../../../../images/egovframework/com/mng/btn_seach_bg.gif) 0px 0px no-repeat;}
.border_top .search_input_noimg {display:inline-block;width:210px; height:26px; line-height:32px; padding:0px 5px; border:1px solid #747474;}
.border_top .search_input_short {display:inline-block;width:100px; height:26px; line-height:32px; padding:0px 5px; border:1px solid #747474;}
.border_top .btn_search {display:inline-block; margin-left:5px; border:0;width:70px;height:34px; cursor:pointer; font-size:0; line-height:0; padding:0;}

/* paging */
.paging {clear:both; margin-top:15px; padding:0; text-align:center; color:#cccccc; font-size:13px; position:relative;overflow:hidden;}
.pagination {padding:0; text-align:center; line-height:normal; white-space:nowrap;}
.pagination * {position:relative; display:inline-block; margin:0; text-decoration:none; line-height:normal;}
.pagination a {display:inline-block;color:#868686; padding:1px 6px; height:26px; line-height:26px;}
.pagination a:hover, .pagination a:active, .pagination a:focus {color:#5f5f5f; font-weight:bold; text-decoration:underline;}
.pagination strong {padding:2px 5px;}
.pagination .direction {border:1px solid #dcdcdc; width:26px; padding:0; margin-top:-10px;}
.pagination .btn_page01 {background:url(../../../../images/egovframework/com/mng/btn_page.jpg) -1px 0px no-repeat; text-indent:-9999px;}
.pagination .btn_page02 {background:url(../../../../images/egovframework/com/mng/btn_page.jpg) -27px 0px no-repeat; text-indent:-9999px; margin-right:15px;}
.pagination .btn_page03 {background:url(../../../../images/egovframework/com/mng/btn_page.jpg) -53px 0px no-repeat; text-indent:-9999px; margin-left:15px;}
.pagination .btn_page04 {background:url(../../../../images/egovframework/com/mng/btn_page.jpg) -78px 0px no-repeat; text-indent:-9999px;}
.pagination .direction:hover,.pagination .direction:focus {border:1px solid #69bb47; text-decoration:none; background-position-y:-26px;}

/* button */
.btn_area_ar {margin-top:15px; text-align:right;}
.btn_area_al {margin-top:15px; text-align:left;}
.btn_area_ac {margin-top:15px; text-align:center;}
.btn_gray {display:inline-block; padding:7px 22px; font-weight:bold; margin:0 2px; vertical-align:middle; background:#646468; color:#fff !important;}
.btn_green {display:inline-block; padding:2px 12px; font-weight:normal; margin:0 4px; vertical-align:middle; background:#7abb5f; color:#fff !important;}
.btn_red {display:inline-block; padding:2px 12px; font-weight:normal; margin:0 4px 0 0; vertical-align:middle; background:#e14546; color:#fff !important;}
.btn_black {display:inline-block; padding:2px 12px; font-weight:normal; margin:0 4px; vertical-align:middle; background:#666666; color:#fff !important;}

/* write */
h4 { display:inline-block; margin:20px 30px 0 0; color:#323232; font-size:15px; font-weight:bold;}
.file_upload {position:relative; overflow:hidden; margin:4px 0;}
.btn_file {display:block; width:67px; height:22px; background:url(../../../../images/egovframework/com/mng/btn_file.gif) 0 0 no-repeat; position: absolute; top:0; right:29%;}
.file_text {float:left; height:20px; width:70%; background-color:#f6f6f6; border:1px solid #e0e4e8; color:#777;}
.file_add {filter:alpha(opacity:0); opacity:0; display:block; width:67px; height:22px; overflow:hidden;}
.file_list {clear:both; margin:5px 0;}
.file_list:after {content:""; display:block; clear:both;}
.file_list li {display:block; margin:5px 0;}
.file_list li span {position:relative; background:#e6e6e6; border:1px solid #bcbbbb; display:inline-block;}
.file_list li span > a:first-child {color:#323232; padding:0 15px 0 5px; margin-left:20px;}
.btn_file_del {position:absolute; top:0px; left:0px; }

/* error */
.error {width:702px; height:190px; padding-top:40px; margin:150px auto 0; background:url(../../../../images/egovframework/com/mng/error_bg.jpg) 0 0 no-repeat;}
.error strong {font-size:42px;}
.error strong span {color:#69bb47;}
.btn_error {display:inline-block; margin:0 5px; width:96px; height:35px; line-height:35px; text-align:center; font-weight:bold; border:1px solid #dadada;}
.btn_error.first {margin-left:0px;}

/* popup */
#header_popup {width:100%; height:52px; border:1px solid #559839; border-left:none; border-right:none; background:url(../../../../images/egovframework/com/mng/gnb_bg_on.gif) 0px 0px repeat;}
#header_popup h1 {float:left; margin-left:20px; font-size:14px; font-weight:bold; line-height:52px; color:#fff;}
#wrap_popup .btn_close { position:absolute; top:16px; right:20px;}

/* popup_button */
.btn_popup_area {margin:30px 20px 0 20px; padding-top:15px; text-align:center; border-top:1px solid #e2e2e2;}
.btn_popup_search {display:inline-block; margin-left:5px; border:0; width:24px; height:22px; cursor:pointer; font-size:0; line-height:0; padding:0;}
.border_top .page_popup_num {padding-top:14px; float:right; color:#191919; font-size: 12px; position:relative;}
.border_top .page_popup_num span {margin-left:10px; font-weight:bold;}

/***** tabmenu *****/
.tabmenu dl{position:relative; height:auto; margin:10px 0 30px 0;}
.tabmenu dt {position:absolute; top:0; width:25%; height:50px;}
.tabmenu .tab01 {left:0;}
.tabmenu .tab02 {left:25%;}
.tabmenu .tab03 {left:50%;}
.tabmenu .tab04 {left:75%;}
.tabmenu .tab05 {top:45px;left:0;}
.tabmenu .tab06 {top:45px;left:25%;}
.tabmenu .tab07 {top:45px;left:50%;}
.tabmenu .tab08 {top:45px;left:75%;}    
.tabmenu .tab01 a {border-left:1px solid #ddd;}
.tabmenu dt a {display:block; height:40px; border:1px solid #cfcfcf ;margin:0 0 0 2px; text-align:center; line-height:31px; color:#323232;}
.tabmenu dt a span {display:block; padding:5px 0 0 0;}
.tabmenu dt a.over {height:42px; border:0px; background:#646468; color:#fff; font-weight:600;}
.tabmenu dd {display:none; min-height:auto; padding:70px 0 0 0;}
.tabmenu dd.second_line {display:none; width:100%; min-height:auto; padding:115px 0 0 0;}
.tabmenu dt .first {margin:0px;}

.tabmenu ul {position:relative; height:auto; margin:10px 0 10px 0;}
.tabmenu ul:after {content:""; display:block; clear:both;}
.tabmenu li {float:left; width:20%; height:50px;}
.tabmenu li a span {display:block; padding:5px 0 0 0;}
.tabmenu li a {display:block; height:40px; border:1px solid #cfcfcf ;margin:0 0 0 2px; text-align:center; line-height:31px; color:#323232;}
.tabmenu li a.over,
.tabmenu li a:hover,
.tabmenu li a:active {height:42px; border:0px; background:#646468; color:#fff; font-weight:600;}


/* readonly 처리 */
*[readonly] {background-color:#EEF1F7;}

.noStyle {background:ButtonFace; BORDER-TOP:0px; BORDER-bottom:0px; BORDER-left:0px; BORDER-right:0px;}
.noStyle th{background:ButtonFace; padding-left:0px;padding-right:0px}
.noStyle td{background:ButtonFace; padding-left:0px;padding-right:0px}

/* 메뉴 댑스 박스 처리 */
.depth {
	color : #191919 !important;
	border : 1px solid !important;	        
    padding: 7px;
    border-radius:10px;
}

.depth1 {
	color : #fff !important;	
    background: #646468;    
    padding: 7px;
    border-radius:10px;        
}