@charset "utf-8";

/* SkipNavigation */
#skipNavigation{
	position: absolute;
	width: 100%;
	top: -200px;
	left: 0;
	margin: 0 auto;
	z-index: 9999
}
#skipNavigation a{
	display: block;
	height: 35px;
	background-color: #1c80cc;
	color: #fff;
	text-align: center
}
#skipNavigation a:active,
#skipNavigation a:focus{
	position: absolute;
	left: 0;
	top: 200px;
	width: 100%;
	color: #fff;
	background: #1c80cc;
	line-height: 35px;
	text-align: center;
	border-bottom:1px solid #dbdbdb;
	font-size: 16px
}

/* clear Style */
.clearfix{
	zoom: 1;
}
.clearfix:after{
	content: '';
	display: block;
	float: none;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden
}

/* Common Style */
legend, .blind{
	position: absolute;
	top: 0;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden
}
caption{
	top: 0;
	height: 0;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden
}
html,body,#wrap{height: 100%;}
#container{
	width: 100%;
	min-width: 900px;
}
.ir{
	overflow: hidden;
	text-indent: -9999em
}
.ir2{
	overflow: hidden;
	text-indent: 9999em !important
}
.d_b{
	display: block
}
.d_ib_m{
	display: inline-block !important;
	vertical-align: middle;
	zoom: 1;
	*display: inline
}
.d_i{
	display: inline !important
}
.f_l{
	float: left
}
.f_r{
	float: right
}
.clear{
	clear: both
}

/* input */
input[readonly] ,
input[disabled],
select[disabled] {
	background: #f5f5f5;
}
input.inputBox_B{
	width: 96%;
	padding: 0 2%;
	margin: 0;
	height: 36px;
	line-height: 37px;
	font-size: 16px;
	border: 1px solid #b5b5b5;
	border-radius: 3px;
}
input.inputBox_D{
	padding: 0 5px;
	margin: 0;
	height: 20px;
	line-height: 19px;
	font-size: 14px;
	border: 1px solid #b5b5b5;
	border-radius: 0;
}
select.selinp{
	height: 22px;
	padding-left: 3px;
	line-height: 21px;
	border: 1px solid #b5b5b5;
	border-radius: 0;
}
textarea.txa1{
	width: 96%;
	padding: 5px 1%;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #b5b5b5;
	resize: none;
}
.lab1{
	margin-right: 8px;
	padding-left: 6px;
	font-weight: bold;
	background: url('../images/bullet04.gif') no-repeat 0 5px
}

/* button */
.btn_wrap{
	padding: 15px 0;
}
.btn_wrap .left{
	float: left;
}
.btn_wrap .right{
	float: right;
}
.btn_wrap .center{
	text-align: center;
}
.btn_wrap .right button{
	margin-left: 4px;
}
.btn_wrap .center button{
	margin: 0 8px;
}
.btn1{
	min-width: 45px;
	padding: 0 22px;
	height: 22px;
	letter-spacing: -1px;
	text-align: center;
	overflow: hidden;
}
.btn2{
	min-width: 45px;
	padding: 0 22px;
	height: 26px;
	letter-spacing: -1px;
	text-align: center;
	overflow: hidden;
}

/* font */
.ff_mgothic{
	font-family: 'Malgun Gothic','맑은고딕',dotum,'돋움',vernade,arial,sans-serif;
}
.fc_blue{
	color: #05abdf
}
.fc_red{
	color: #e50012
}
.fc_gray{
	color: #8e8e8e
}
.ta_center{
	text-align: center
}
.ta_right{
	text-align: right
}
.t_over{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

/* background */
.bg_gray1{
	color: #fff !important;
	background-color: #2c2c2c;
	border: 1px solid #2c2c2c;
}

.bg_gray2{
	background-color: #f1f1f1;
	border: 1px solid #acacac;
}
.bg_blue1{
	color: #fff !important;
	background-color: #05abdf;
	border: 1px solid #05abdf;
}

.bg_orange1{
	color: #fff !important;
	background-color: #f56d3e;
	border: 1px solid #f56d3e;
}


/* wid, margin, padding */
.wid_p90{
	width: 90%
}
.wid_p92{
	width: 92%
}
.wid_p94{
	width: 94%
}
.wid_p96{
	width: 96%
}
.wid_p97{
	width: 97%
}
.wid_80{
	width: 80px
}
.wid_88{
	width: 88px
}
.wid_100{
	width: 100px
}
.wid_120{
	width: 120px
}
.wid_150{
	width: 150px
}
.wid_200{
	width: 200px
}
.wid_205{
	width: 205px
}
.wid_320{
	width: 320px
}
.mg_center{
	margin-left: auto;
	margin-right: auto
}
.mg_t5{
	margin-top: 5px
}
.mg_t10{
	margin-top: 10px
}
.mg_t15{
	margin-top: 15px
}
.mg_t25{
	margin-top: 25px
}
.mg_b10{
	margin-bottom: 10px
}
.mg_b25{
	margin-bottom: 25px
}
.mg_l5{
	margin-left: 5px
}
.mg_l15{
	margin-left: 15px
}
.mg_l50{
	margin-left: 50px
}
.mg_r15{
	margin-right: 15px
}

/* page Number */
.pagenumber_box{
	margin-top: 20px;
	text-align: center
}
.pagenumber_box > a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-left: 10px;
	text-align: center;
	line-height: 22px;
	overflow: hidden;
	border: 1px solid #999
}
.pagenumber_box > a.selected{
	border: 1px solid #5270b0;
	font-weight: bold;
	color : #5270b0;
	text-decoration: underline
}
.pagenumber_box > a:hover{
	text-decoration: underline
}
.pagenumber_box > a:first-of-type{
	margin-left: 0
}
.pagenumber_box > a.page_ctl{
	background-color: #35363a;
	border: 1px solid #232426;
	overflow: hidden
}
.pagenumber_box > a.page_ctl .is-icon{
	margin: 6px auto
}

.is-icon{
	display: block;
	background: url('../images/is_icon.png') no-repeat
}
.is-icon.isi-home{
	width: 11px;
	height: 11px;
	background-position: 0 0
}
.is-icon.isi-prev{
	width: 6px;
	height: 9px;
	background-position: -25px 0
}
.is-icon.isi-next{
	width: 6px;
	height: 9px;
	background-position: -33px 0
}
/* 161124 이노디스 추가 start */
.is-icon.isi-first{
	width: 10px;
	height: 9px;
	background-position: -13px 0
}
.is-icon.isi-end{
	width: 10px;
	height: 9px;
	background-position: -41px 0
}
.is-icon.isi-delete{
	width: 13px;
	height: 13px;
	background-position: -66px 0
}
.is-icon.isi-close{
	width: 13px;
	height: 13px;
	background-position: 0 -32px
}
.is-icon{
	line-height: 0;
	text-indent: -9999px
}

.st_txt_icon{
	display: inline-block;
	font-size: 12px;
	text-align: center;
	padding: 2px 5px;
	min-width: 50px;
}
.st_txt_icon.st01{
	color: #fff;
	background-color: #99a2c1
}
.st_txt_icon.st02{
	color: #fff;
	background-color: #f23b3b
}
.st_txt_icon.st03{
	color: #fff;
	background-color: #727272
}
.st_txt_icon.st04{
	color: #fff;
	background-color: #222
}

.dex2:after,
.dex3:after,
.dex4:after,
.dex5:after,
.dex6:after,
.btn_wrap:after{
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	overflow: hidden
}

.date_cal {background:url('../images/icon_calendar.png') no-repeat 95% center;}