@charset "utf-8";
/* CSS Document */

@font-face {
	font-family : ng;
	src         : url(../../../font/NanumGothic/NanumGothic.eot);
	src         : local(※), url(../../../font/NanumGothic/NanumGothic.woff) format('woff')
}

@font-face {
	font-family : NanumGothicBold;
	src         : url(../../../font/NanumGothic/NanumGothicBold.eot);
	src         : local(※), url(../../../font/NanumGothic/NanumGothicBold.woff) format('woff')
}


@font-face {
	font-family : NanumBarunGothic;
	src         : local(※), url(../../../font/NanumBarunGothic/NanumBarunGothic.woff) format('woff')
}

@font-face {
	font-family : NanumBarunGothicBold;
	src         : local(※), url(../../../font/NanumBarunGothic/NanumBarunGothicBold.woff) format('woff')
}

@font-face {
	font-family : NanumBarunGothicLight;
	src         : local(※), url(../../../font/NanumBarunGothic/NanumBarunGothicLight.woff) format('woff')
}

@font-face {
	font-family : NanumBarunGothicUltraLight;
	src         : local(※), url(../../../font/NanumBarunGothic/NanumBarunGothicUltraLight.woff) format('woff')
}

/* 공통선언 ▼*/
body {
	margin:0;
	padding:0px;
	background-color:#fff;
	font-family: NanumGothic, '나눔고딕', ng, '맑은고딕', 'Noto Sans KR', 돋움, 굴림, Arial, AppleGothic, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.4em;
}
th, td, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, iframe { margin:0;	padding:0; }
ol, ul, li { list-style:none; padding:0; margin:0; }
hr, h1, h2, h3, h4 { display: none; }
img { border:none; vertical-align:top; }
fieldset { border:none;}
legend { display:none; margin:0; padding:0;}
form {padding: 0px 0px;}
a {color:#3399ff;}




/* 공통선언 ▲*/

/* 상단 ▼*/
#new_wrap {width:981px; min-height:500px;}
#gnb {width:1390px; height:56px; border-bottom:1px solid #e1e4e8;}
#gnb #top_logo {width:200px; height:55px; float:left; border-bottom: 1px solid #e1e4e8;}
#gnb #use_descri { height:22px; float:right; margin:19px 20px 0 0; font-size:12px; color:#4f4f4f; font-weight:bold; letter-spacing:-1px; background:url(../../../images/egovframework/com/yellow_bull.gif) no-repeat; padding:2px 0 0 22px; }
#gnb #use_descri li {display:inline;}
#gnb #use_descri li img { margin:0 0 0px 5px;}
/* 상단 ▲*/


/* 상단메뉴 ▼*/
#new_topnavi {background:url(../../../images/egovframework/com/navi_bg.gif) no-repeat; width:961px; height:33px; padding:14px 0 0 20px;}
#new_topnavi li {display:inline; padding:12px 0 0 2px;}
#new_topnavi li.gap {color:#a8d7f2; font-size:11px; padding:0 6px}
#new_topnavi li a{font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}
#new_topnavi li a:hover{font-weight:bold; color:#c9e2f7; text-decoration:none;}
/* 상단메뉴 ▲*/

/* 좌측메뉴 ▼*/
#new_container #left_menu {width:210px;float:left; min-height:500px; min-height:500px; height:500px; padding:28px 0 0 0;}
#new_container #left_menu .link{ text-decoration:none; font-weight:bold; color:#427daf }
#new_container #contents {width:760px;float:left; padding:28px 0 0 0;}
/* 좌측메뉴 ▲*/
/* 하단 ▼*/
#new_footer { background:url(../../../images/egovframework/com/bottom_bg.gif) repeat-x; width:941px; height:60px; clear:both; padding:12px 0 0 40px}
#new_footer li.gap {padding:0 0 0 50px;}
#new_footer li { display:inline; }
/* 하단 ▲*/
/* 하단_login ▼*/
/* #new_footer_login { background:url(../../../1.gif) repeat-x; width:700px; height:60px; clear:both; padding:12px 0 0 40px} */
#new_footer_login li.gap {padding:0 0 0 50px;}
#new_footer_login li { display:inline; }
/* 하단_login ▲*/


/*검색영역 스타일 수정*/
input.hasDatepicker{
	float: left;
}
.form-control{
	width:80%;
}
img.ui-datepicker-trigger {
	float: left;
	margin : 6px 2px;
}
.control-label {
	margin-top : 6px;
	font-size : 13px;
}
.control-label-long {
	margin-top : 6px;
	font-size  : 13px;
	width	   : 10%;
}
div.row{
	padding-bottom : 3px;
}
.form-control {
	height : 30px;
}

/* all */

a:focus, a:hover {
	color: #3399ff;
}

/* menu */
.nav > li > a:focus, .nav > li > a:hover {
	background-color: #1462ae;
	color: #fff;
}

.menu {
	background:#3399ff;
	height: calc(100% - 55px);
	width:200px;
    position: absolute;
    margin-top:-1px;
}

.menu ul li a {
	color:#fff;
	padding-left:30px;
}

.nav-pills > li > a {
	border-radius: 0;
	font-size:13px;
	height:40px;
}

.nav-pills > li > a:hover {
	background: #1462ae;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	background: #1462ae;
}

.nav-stacked > li + li {
	margin-top:0;
}

.nav-stacked > li {
	border-top:1px solid #83bbef; 
	color:#bcbcbc;
}

.nav-stacked > li:first-child {	
}

.nav-stacked > li:last-child {
	border-bottom:1px solid #83bbef; 
}

.sub.click {
	background: #1462ae;
	color: #bcbcbc !important;	
}

.sub.click.submenu {
	background: #1462ae;
	color: #fff;	
}

.click.active{
	color:#fff;
}

.click{
	color:#bcbcbc;
}

/* body */
.btn-search-wrap{
	top: 20px; right: 28px; position: absolute;
}

.btn-search {
	padding:0 8px;
	line-height: 28px;
	float:right;
	color: #3399ff !important;
	font-weight: 700;
}

.btn-gray {
	background-color : #939496;
	border-color: #939496;
}
.btn-blue-sky{
	background: #3399ff;
	border-color: #3399ff;
}

div.row {
	padding-bottom:8px;
}

.form-control {
	width:82%;	
}

.well {
	padding:20px 20px 14px 20px;
	border-radius:3px;
	box-shadow: none;
}

.calandar_overflow{
	min-height:44px;
}

#bodyFrame {
	margin-top: 5px;
}

.body {
    margin-left: 200px;
/*     min-width: 1050px; */
}

.container {
	width: 1170px !important;	
}

.container_header_text {
	font-size:20px;
	color:#3399ff;
	font-weight: 700;
	line-height: 22px;
	display: inline-block;
}

#navigation1 {
	font-size:14px;
	color:#868686;
	font-weight: 600;
	line-height: 22px;
	float:right;
	display: inline-block;
	padding-right: 8px;
}

#navigation2 {
	font-size:14px;
	color:#868686;
	display: inline-block;
	float:right;
	line-height:22px;
	font-weight: 600;
	margin-right:6px;
}

.navigation1_styleblock {
	background: #3399ff;
	margin-right: 8px;
	width: 8px;
	height: 22px;
	float: left;
}

.ui-jqgrid .ui-jqgrid-hbox {
	border-bottom: 2px solid #3399ff;
}

.table-bordered {
	border-bottom:none;
}

/* footer */

.footer {
	position:absolute;
	bottom:12px;
	left:23px;
	color:#fff;
	font-size:11px;
}

/* popup */

.gray_table th{
	background: #f5f5f5;
}

.gray_table th, .gray_table td {
	border:1px solid #dddddd;
	height:27px;
}

.gray_inner_table{
	overflow-x: scroll;
	overflow-y: scroll;
	border:hidden;
}

.gray_inner_table th{
	background: #f5f5f5;
}

.gray_inner_table th, .gray_inner_table td {
	border:1px solid #dddddd;
	height:27px;
	text-align: center;
}

.blue_sky {
	background: #3399ff;
}

.modal-header {
	border-bottom:none;
	height: 40px;
}

.container-fluid thead tr td {
/*  	background: #3399ff !important; */
}

/* media query */

/* @media only screen and (min-width : 321px) { */
	
/* } */

/* @media (min-width : 768px) { */
/* 	.login_container { */
/* 		width: 750px; */
/* 	} */
/* } */

/* element */

.w-94-p {
	width:94%;
}

.w-9jum7-p {
	width:9.7%;
}

.ui-jqgrid tr.jqgrow td {
	padding: 4px 8px !important;
}

.ellipsis div{
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* 2018.05.08 검색조건 삭제를 위한 css 추가 */
html, body { width: 100%; }
.d-searchclear {
    position: absolute;
    right: 60px;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 14px;
    margin: auto;
    font-size: 12px;
    cursor: pointer;
    color: rgba(51, 51, 51, 1);
    z-index: 999;
}

/* 2023-09-14 : 마이페이지 css */
.my_page .info_box {
	display: flex;
	align-items: center;
	height: 72px;
	display: none;
}
/* .my_page .info_box b,
.my_page .info_box .info_data {
	font-size: 13px;
	padding: 0px 10px;
} */

.m-l_25 { margin-left: 25px; }


.my_page .innerContainer {
	/* margin-top: 120px; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.my_page .sub_tit {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	background-color: #3399ff;
	padding: 10px;
	margin-bottom: 15px;	
}
.my_page .my_content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0px 15px;
	margin-bottom: 10px;
	font-size: 13px;
}
.my_page .my_content span:first-child {
	padding-right: 5px;
}

.my_page .my_content span input { border: 0; }

.my_page .my_content .btn-default {
	width: 140px;
	margin-left: auto;
}
.p-c_r {
	color: #ff0000;
	padding-left: 5px;
}

.my_page .content-frame { 
	width: 49%;
	margin-bottom: 30px;
	border: 1px solid #ddd;
	padding-bottom: 5px;
}
@media (max-width: 550px) {
	
	html, body { height: 100%; }
	
	.my_main { width: 100% !important; height: 100%; }
	.my_main .content { height: calc(100% - 30px);}
	
	.my_main #gnb {
		width: 100% !important;
		min-width: 380px
	}
	
	.my_main #bodyFrame { height: calc(100% - 70px); }
	.my_page,
	.my_main .container {
		padding: 0px 10px;
		width: 100% !important;
	}
	
	

	.my_page .my_content { padding: 0px 10px; }
	.my_page .info_box { width: 100%; }
	.my_page .content-frame {
		width: 100%;
	}
	.my_page .content-frame { margin-bottom: 15px; }
	
	.my_page .my_content .btn-default {
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}
	
	/* 메뉴 */
	.my_main .menu { width: 110px; height: calc(100% - 30px);}
	
	.my_main #gnb { height: 30px; }
	.my_main #gnb #top_logo { width: 110px; height: 30px; }
	.my_main #gnb #top_logo img{ width: 100%; }
	
	.my_main #gnb #use_descri {
		margin-top: 4px;
	}
	
	
	.my_main .menu ul li a { padding-left: 15px; }
	.my_main .menu ul li ul li a { padding-left: 8px; }
	
	.my_main .body { margin-left: 110px; height: 100%; }
	.my_main .footer { display: none; }
}