/*상단바 배경*/
header .top-wrap {background-color: #666;}
header .top-wrap span.ver {font-size: small; color: transparent;}

/*최상단 링크*/
header .top-wrap .top-link {color: #fff;}
header .top-wrap .top-link li a {border: 1px solid #fff;  border-radius : 4px;}

@media screen and (max-width: 768px){
    header .top-wrap .top-link li a { border-radius : 0;}
}

/*전체메뉴보기 버튼 색상*/
header .bottom-wrap .all-menu {background: #fff;}

/*상단 메뉴 개수에 따라 설정*/
header .bottom-wrap .nav-wrap ul.nav > li {width: calc(100% / 8);}

/*상단 메뉴 hover 색상*/
header .bottom-wrap .nav-wrap ul.nav > li > a:hover {color: #19529d;}

/*전체메뉴 배경*/
header .all-menu-content-wrap {background-color: #2c2f40;}

/*전체메뉴 폰트 컬러*/
header .all-menu-content-wrap ul.nav li a {color: #fff;}
header .all-menu-content-wrap ul.nav li a:hover {color:#c0c0c0;}
header .all-menu-content-wrap ul.nav > li > a {border-bottom: 2px solid #fff;}

@media screen and (max-width: 1080px){
    header .all-menu-content-wrap ul.nav li a:hover {color:#fff;}
    header .all-menu-content-wrap ul.nav > li > a {border-bottom: 0;}
}
/*메인 퀵메뉴 테두리*/
.body-wrap .quick-menu-wrap .quick-menu {border: 1px solid #bbb; border-right: 0;}
.body-wrap .quick-menu-wrap .quick-menu:last-of-type {border-right: 1px solid #bbb;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div {border-top: 1px solid #bbb; border-right: 1px solid #bbb;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div:last-of-type {border-right: 0;}

@media screen and (max-width: 768px){
    .body-wrap .quick-menu-wrap .quick-menu {border: 1px solid #bbb;}
}

/*메인 퀵메뉴 hover */
.body-wrap .quick-menu-wrap > :nth-child(2n) {background:#f9f9f9;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover {background-color: #339E67;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover .menu1 {background: url("../image/quick_m01_on.png") no-repeat 50% 100%; opacity: 1; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover .menu2 {background: url("../image/quick_m02_on.png") no-repeat 50% 100%; opacity: 1; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover .menu3 {background: url("../image/quick_m03_on.png") no-repeat 50% 100%; opacity: 1; background-size: 103px;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover .menu4 {background: url("../image/quick_m04_on.png") no-repeat 50% 100%; opacity: 1; background-size: 103px;}

.body-wrap .quick-menu-wrap .quick-menu .quick-menu-top:hover h2 {color: #fff;}
.body-wrap .quick-menu-wrap .quick-menu .quick-menu-bottom div:hover a{color: #339E67; font-weight: 700;}



/*사이드바 메뉴 효과*/
.sub-body-wrap .content-wrap .sidebar ul.nav li:hover {background:#339e67; color: #fff; }
.sub-body-wrap .content-wrap .sidebar ul.nav li.focus {background:#339e67; color: #fff;}
.sub-body-wrap .content-wrap .sidebar ul.nav li.focus::after {opacity: 1;}

/*페이지 타이틀 배경*/
.sub-body-wrap .page-title-wrap .page-title-bg {background:#339E67;}

/*버튼 스타일*/
.sub-body-wrap .content-wrap .content .cont-post-wrap .btns .list {background: #339E67; color: #fff;}
.sub-body-wrap .content-wrap .content .cont-post-wrap .btns .modify {background: #9caaa3; color: #ffffff;}
.sub-body-wrap .content-wrap .content .cont-post-wrap .btns .remove {background: #dadada; color: #000000;}
.sub-body-wrap .content-wrap .content .cont-post-wrap .btns .back {background: #f0f0f0; color: #000000;}
.sub-body-wrap .content-wrap .content .cont-post-wrap .btns .save {background: #6D8768; color: #ffffff;}

/*사이드바 타이틀 배경*/
.sub-body-wrap .content-wrap .sidebar .sidebar-title {background: #3f70af;}

/*푸터 개인정보처리방침라인 배경색*/
footer .footer-top {background: #eee;}
footer .footer-top img {vertical-align: text-bottom; margin-left: 2px;}

/*인트로페이지*/
#intro_wrap{text-align:center; height:500px; background-color:#eee;}
#intro_wrap .intro_link{display:inline-block; position:relative; top:100px;}
#intro_wrap .intro_link > div{margin:20px;}
#intro_wrap .intro_link > div > a{}
.intro_logo{text-align:center; padding:20px;}

.gyeyak_link{/*background:url('../gyeyak_bg.gif') no-repeat; width:431px; height:556px;*/ float:left; background-color:#16186e !important; width:250px; height:170px;
background:url('../image/gyeyak_bg3.png') no-repeat; background-position:100% 100%;}
.ebudget_link{/*background:url('../ebudget_bg.gif') no-repeat; width:431px; height:556px;*/ float:left; background-color:#01a651 !important; width:250px; height:170px;
background:url('../image/ebudget_bg2.png') no-repeat; background-position:100% 100%;}


.gyeyak_link  a{background:url('../image/gyeyak_icon.png') no-repeat ;width:250px; height:170px; display:block;  background-position:50% 32%;}
.ebudget_link  a{background:url('../image/ebudget_icon.png') no-repeat ;width:250px; height:170px; display:block;  background-position:50% 30%;}

.gyeyak_link  span{ color:#fff; display:inline-block; font-size:14pt; position:relative; top:120px; height:200px;}
.ebudget_link  span{ color:#fff; display:inline-block; font-size:14pt; position:relative; top:120px; }

/*환경설정*/

/*환경설정 로그인페이지*/
.login_tb tbody tr th{border:0px solid #ccc;}
.login_tb tbody tr td{border:0px solid #ccc;}


#setuplogin_wrap{width:100%; margin-top:100px; margin-bottom:50px; background-color:#f2f2f2; padding:50px 0px 30px 0px;}
.login_tb{width:380px; margin:0 auto; border:0px solid silver; border-collapse:collapse; font-size:9pt; /*background-color:#fff;*/  }
.login_tb th{border:0px solid silver; text-align:right; padding:5px; width:100px;}
.login_tb td{border:0px solid silver; padding:5px;}
.login_tb input{margin-right:10px; border:1px solid #aaa; width:200px; height:20px;}
#setup_T1{margin:0 auto; font-weight:normal; font-size:16pt;  width:970px; position:relative; top:55px; text-align:center;}
.btn_wrap2{margin:0 auto; width:970px; text-align:center; border:0px solid red; padding-top:30px;}
.btn_wrap2 input{border:1px solid #000; background-color:#000; color:#fff; padding:5px; width:60px; cursor:pointer; }
.loginbtn_wrap{margin:0 auto; width:50px; border:0px solid red;}
.loginbtn_wrap input{border:1px solid #000; background-color:#000; color:#fff;  width:60px; height:58px; cursor:pointer; }
.login_mode{ime-mode:inactive !important;}

/*환경설정페이지*/
#setup_bottom{width:98%; display:inline-block; font-size:9pt; margin-top:40px;}
#setup_bottom > #copyWrap{position:relative; left:10px; display:inline-block; line-height:6px;}

h4{font-size:11pt; position:relative; left:12px; display:inline-block;}
.setup_tb{border-bottom:1px solid silver; width:97%; margin-left:12px;   border-top:1px solid #999; margin-top:10px; }
.setup_tb tr,td{border-bottom:1px solid #ddd; font-size:9pt; padding-top:3px;line-height:30px;  }
.setup_tb th{background-color:#f3f6f8;text-align:left; padding-left:10px; width:180px; border-bottom:1px solid silver;}
.setup_tb > td{padding-left:10px;}
.setup_tb tfoot{ text-align:right; }
.setup_tb td.tdS input{width:200px;}
.setup_tb td.tdS1 input{width:733px;}
.setup_tb input[type="text"]{border:0px solid #ccc; height:24px;}
.setup_tb select{border:1px solid #ccc; height:24px;}
.setup_tb select::-ms-expand{display:inline-block; }
.setup_tb2{border-bottom:1px solid silver; width:97%; margin-left:12px;   border-top:1px solid #555; text-align:center; }
.setup_tb2  tr,td{border-bottom:1px solid silver; font-size:10pt; padding-top:3px;line-height:20px; text-align:left; text-indent:3px;/* font-weight:bold;*/}
.setup_tb2  th{background-color:#f3f6f8; padding-left:10px; width:200px; border:1px solid #ddd; text-align: center;}
.setup_tb2  td{padding-left:10px; text-align:center; border:1px solid #ddd;}
.setup_c{padding:0px 40px 0px 40px;}


/*데이터집계*/
#data_wrap{width:100%; display:inline-block; text-align:left; font-size:10pt; height:200px;}
#data_wrap ul li{margin-top:5px;}
#data_wrap dl{width:400px;}
#data_wrap dt{border:0; width:130px; float:left; height:20px;}
#data_wrap dd{border:1px solid #fff; font-weight:bold; height:20px;}

div#data_wrap{height: 400px;}
div#data_wrap .data_agg{margin-top:15px;}
div#data_wrap table {width:30%; margin: 0;}
div#data_wrap table th {width:180px;border:1px solid black; text-align: center; background: #f3f6f8;}
div#data_wrap table th.colTh {height: 30px; border-bottom: 3px solid black;}
div#data_wrap table td {border:1px solid black;}

.data_sc{margin-top:10px;}
.data_sc input[type='text']{border:1px solid #aaa; padding:5px 0px 5px 0px; }
.data_sc input[type='submit']{border:1px solid #333; width:60px; display:inline-block; padding:4px 0px 6px 0px; margin-right:5px; font-size:10pt;
background:#333; cursor:pointer; color:#fff;}

#rightWrapS{border-bottom:1px solid #aaa; padding:0px 40px 0px 50px;}
#rightWrapS > ul#topnaviS{position:relative;display:inline-block; padding:0px;width:100%; }

#rightWrapS > ul#topnaviS>li.menu{float:left; border:1px solid #ccc; text-align:center; margin-left:-1px;}
#rightWrapS > ul#topnaviS>.menu > a{display:inline-block; /*width:230px;height:35px; padding-top:15px;*/ padding:10px 25px 10px 25px;} 
#rightWrapS > ul#topnaviS>.menu > a:hover{background:#4d4d5f; color:#fff;}

.file_btns form{display: inline;}
/*----------환경설정 끝----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*관리자 로그인 페이지*/
#login_wrap{background:url(/include/image/background_img.gif) repeat;}
#m{background:url(/include/image/login_bg.gif) no-repeat;width:928px; height:425px;margin:0 auto;display:block;color:#2b61a1;text-transform:uppercase;text-decoration:none;
 font-family:Geneva, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;margin-top:100px;}

.login_form{ position:relative; width:844px; height:170px; border:1px solid #d2d2d2; margin:0 auto; top:200px; border-top:2px solid #6a6a6a;}
.login_form  input[type=text]{width:300px; height:32px; border:1px solid #cecece; margin-left:20px; }
.login_form  input[type=password]{width:300px; height:32px; border:1px solid #cecece; margin-left:4px; }
.login_form  input[type=image]{margin-top:14px;}
 .login_form ul{width:520px; float:left; margin-left:110px; padding-top:26px;}
 .login_form ul li{padding:1px; float:left; list-style:none; font-size:12pt; color:#585858;}
 .login_form ul li.login_btn{float:right; margin-top:-48px;}
 .t{float:left; color:red; font-weight:normal; width:790px; text-align:center;}