*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

table{
	/*
	border-collapse:collapse - 서로 이웃하는 테이블이나 셀의 테두리선을 겹쳐서 표현 합니다.
	border-collapse:separate - 서로 이웃하는 테이블이나 셀의 테두리선을 분리시켜 표현 합니다.
	*/
	border-collapse:collapse;
}

th *,
td *{
	vertical-align:middle;
}

/*이미지에 링크 시 테리두선 없애기*/
img{
	border:none;
}

/*ul 자동 이미지 없애기*/
ul{
	list-style:none;
}

/*IE6에서 float:left OR right 속성의 자식을 가진 부모*/
.fp{
	_height:1%;
}

/*float 해제*/
.clear{
	clear:both;
}
.lfloat{
	float:left;
}
.rfloat{
	float:right;
}
.clearfix{*zoom:1; *display:inline-block;}
.clearfix::after{
	clear:both;
	content:".";
	display:block;
	font-size:0px;
	height:0px;
	line-height:0;
	visibility:hidden;
}

/*해상도 상관없이 엘레먼트 위치 고정할 때 부모창*/
.fixing{
	position:relative;
	top:0;
	left:0;
}

input.calendar{
	cursor:pointer;
}

.pointer{
	cursor:pointer;
}

.vtop{
	vertical-align:top;
}
.vmiddle{
	vertical-align:middle;
}
.vbottom{
	vertical-align:bottom;
}

.txtCenter{
	text-align:center;
}
.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;
}

.dpinblk{
	display:inline-block;
}
.ui-datepicker-trigger{
	cursor:pointer;
	margin-left:3px;
}

.color_red{color:#f00;}
.color_dred{color:#dc143c;}
.color_blue{color:#00f;}
.color_dblue{color:#99f;}
.color_green{color:#0f0;}
.color_dgreen{color:#690;}
.color_yellow{color:#ffff00;}
.color_orange{color:#ff8200;} 
.color_orangered{color:#ff3e3f;}
.color_lavender{color:#e6e6fa;}
.font_bold{font-weight:bolder;}

/****************************/
/***현재 사이트 설정(시작)***/
/****************************/
/*웹폰트*/
@font-face{
	font-family:'NanumGothic';
	src:url('../font/NanumGothic.eot'); /* IE9 호환성 보기 */
	src:url('../font/NanumGothic.eot?#iefix') format('eot'), /* IE6-IE8 */
		url('../font/NanumGothic.woff') format('woff'), /* Modern Browsers */
		url('../font/NanumGothic.ttf')  format('truetype');
}


html{
	min-width:1250px;
}


html{
	/*
	IE6에서 레이어 고정시 떨림방지
	background:url(temp) fixed;
	background:url(temp) fixed;
	*/
}


/*사이트 기본 글꼴 설정*/
body, input, textarea, a{
	color:#070024;
	/*font-family:'NanumGothic';*/
	font-family:'dotum';
	font-size:11px;
}

select{
	color:#070024;
	font-size:11px;
}


/*기본 링크*/
a:link{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:none;
}


/*테이블 스타일01*/
.TB01{
	border-top:1px solid black;
	border-left:1px solid black;
}

.TB01 th,
.TB01 td{
	padding:2px 5px;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

.TB01 th{
	background:#80dfff;
}

.TB01 td{
	background:#97ffff;
}


/*테이블 스타일02*/
.TB02 th,
.TB02 td{
	padding:2px 5px;
}

.TB02 thead th,
.TB02 thead td{
	background:#80dfff;
}

.TB02 tbody th,
.TB02 tbody td{
	border-bottom:1px solid black;
}


/*테이블 스타일02*/
.TB03 th,
.TB03 td{
	padding:2px 5px;
	border:1px solid black;
}

.TB03 thead th{
	background:#80dfff;
}

.TB03 tbody th,
.TB03 tbody td{
	background:white;
}


/*읽기 스타일01*/
.read01 .subject,
.read01 .writeInfo,
.read01 .content{
	padding:2px 5px;
}

.read01 .subject *,
.read01 .writeInfo *{
	vertical-align:middle;
}

.read01 .subject{
	background:#80dfff;
	font-weight:bolder;
}

.read01 .writeInfo{
	background:#97ffff;
}

.read01 .attach{
	padding:2px 5px;
}

.read01 .attach .attachViewButton{
	float:right;
}

.read01 .attach .attachView{
	display:none;
	position:absolute;
	z-index:6;
	top:-5px;
	right:0px;
	padding:5px;
	background:white;
	border:1px solid;
}


/*읽기 스타일02*/
.readStyle02 .subject,
.readStyle02 .writeInfo,
.readStyle02 .content{
	padding:8px 10px;
}

.readStyle02 .subject{
	background:#999999;
	color:white;
	font-weight:bolder;
}

.readStyle02 .subject *,
.readStyle02 .writeInfo *{
	vertical-align:middle;
}

.readStyle02 .writeInfo{
	background:#effdff;
}

.readStyle02 .attach{
	padding:2px 5px;
}

.readStyle02 .attach .attachViewButton{
	float:right;
}

.readStyle02 .attach .attachView{
	display:none;
	position:absolute;
	z-index:6;
	top:-5px;
	right:0px;
	padding:5px;
	background:white;
	border:1px solid;
}


/*댓글 목록 스타일01*/
.replyList01 .haed,
.replyList01 .writeInfo,
.replyList01 .content{
	padding:2px 5px;
}

.replyList01 .haed *,
.replyList01 .writeInfo *{
	vertical-align:middle;
}

.replyList01 .writeInfo{
	background:#97ffff;
}


/*댓글 목록 스타일02*/
.replyList02 .haed,
.replyList02 .writeInfo,
.replyList02 .content{
	padding:8px 10px;
}

.replyList02 .writeInfo{
	background:#effdff;
}

.replyList02 .haed *,
.replyList02 .writeInfo *{
	vertical-align:middle;
}


/*게시판 목록 스타일01*/
.boardList01 .subject .subjectView{
	cursor:pointer;
}


/*페이징 스타일01*/
.paging01{
	text-align:center;
	color:#4f4f51;
}

.paging01 *{
	vertical-align:middle;
}

.paging01 span{
	cursor:pointer;
}

.paging01 span.current{
	font-weight:bolder;
}

/*페이징 스타일02*/
.paging02 *{vertical-align:middle;}
.paging02{text-align:center;}
.paging02 span{
	cursor:pointer;
	font-size:8pt;
	border:1px solid #c63;
	color:#4b4b4b;
	display:inline-block;

	width:20px; height:20px;
	line-height:20px;
	background: #ffefbf; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #ffefbf 0%, #ff8a19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefbf), color-stop(100%,#ff8a19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffefbf 0%,#ff8a19 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefbf', endColorstr='#ff8a19',GradientType=0 ); /* IE6-8 */
}
.paging02 span.current{
	cursor:pointer;
	font-size:8pt;
	border:1px solid #7f9fff;
	color:#fff;
	display:inline-block;

	width:20px; height:20px;
	background: #9fcfff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #9fcfff 0%, #00475f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fcfff), color-stop(100%,#00475f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9fcfff 0%,#00475f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fcfff', endColorstr='#00475f',GradientType=0 ); /* IE6-8 */
}

.paging02 span.prevBtn,
.paging02 span.nextBtn{
	font-size:7pt;
	letter-spacing:-4px;
	border:1px solid #930;

	width:20px; height:20px;
	background: #abdc65; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #abdc65 0%, #549000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abdc65), color-stop(100%,#549000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #abdc65 0%,#549000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #abdc65 0%,#549000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #abdc65 0%,#549000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #abdc65 0%,#549000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abdc65', endColorstr='#549000',GradientType=0 ); /* IE6-8 */
}

.paging02 span.lastBtn,
.paging02 span.firstBtn{
	font-size:7pt;
	letter-spacing:-4px;
	border:1px solid #7f9fff;

	width:20px; height:20px;
	background: #9f9f9f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #9f9f9f 0%, #5f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(100%,#5f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9f9f9f 0%,#5f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9f9f9f 0%,#5f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9f9f9f 0%,#5f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9f9f9f 0%,#5f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f9f9f', endColorstr='#5f5f5f5',GradientType=0 ); /* IE6-8 */
}

/*페이징 스타일03*/
.paging03 *{vertical-align:middle;}
.paging03{text-align:center;}

.paging03 span{
	cursor:pointer;
	color:#666;
	font-size:7pt;
	font-family:'Verdana', 'sans-serif';
}
.paging03 span:hover{
	color:#a8daf1;
}
.paging03 span.current{
	color:#c00;
}

.paging03 span.prevBtn,
.paging03 span.nextBtn{
}

.paging03 span.lastBtn,
.paging03 span.firstBtn{
}

/*페이징 스타일04*/
.paging04 *{vertical-align:middle;}
.paging04{text-align:center; margin-top:15px;}

.paging04 span{
	cursor:pointer;
	color:#2f2f2f;
	font-size:13px;
	font-family:'Verdana', 'sans-serif';
	border:1px solid #fff;
	padding:4px 8px 4px 9px;
	*padding:4px 7px 4px 7px;
	line-height:normal;
	vertical-align:top;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
}

.paging04 span:hover,
.paging04 span.current{
	color:#d63f18 !important;
	border:1px solid #e9e9e9;
}

.paging04 span.prevBtn{
	border:1px solid #b4b4b4;
	border-radius:0 2px 2px 0;
	color:#e0e0e0;
	font-size:10px;
	vertical-align:middle;
}
.paging04 span.nextBtn{
	border:1px solid #b4b4b4;
	border-radius:2px 0 0 2px;
	color:#999;
	font-size:10px;
	vertical-align:middle;
}

.paging04 span.lastBtn{
	border:1px solid #b4b4b4;
	border-radius:0 2px 2px 0;
	color:#999;
	font-size:10px;
	vertical-align:middle;
	letter-spacing:-2px;
}
.paging04 span.firstBtn{
	border:1px solid #b4b4b4;
	border-radius:2px 0 0 2px;
	color:#e0e0e0;
	font-size:10px;
	vertical-align:middle;
	letter-spacing:-2px;
}

/*팝업 스타일01*/
.popup01 .subject,
.popup01 .writeInfo,
.popup01 .content{
	padding:2px 5px;
	border-bottom:1px solid;
}

.popup01 .subject{
	background:#80dfff;
	font-weight:bolder;
}

.popup01 .writeInfo{
	background:#97ffff;
}

.popup01 .attach{
	padding:2px 5px;
}

.popup01 .attach .attachViewButton{
	float:right;
}

.popup01 .attach .attachView{
	display:none;
	position:absolute;
	z-index:6;
	top:-5px;
	right:0px;
	padding:5px;
	background:white;
	border:1px solid;
}

.popup01 .buttons{
	padding:2px 5px;
	text-align:right;
}


/*선택창 스타일01*/
.selectBoxStyle01{
	border:1px solid #cccccc;
	background:white;
	text-align:left;
}

.selectBoxStyle01 .topBar{
	padding:2px;
	background:#666666;
	color:white;
	font-weight:bolder;
}

.selectBoxStyle01 .topBar .left{
	float:left;
}

.selectBoxStyle01 .topBar .right{
	float:right;
}

.selectBoxStyle01 .checkArea{
	padding:5px;
}

.selectBoxStyle01 .checkArea .partition{
	float:left;
	margin-right:10px;
	line-height:20px;
}


/*다중 선택창 스타일01*/
.multiSelect01 .selectText{
	cursor:pointer;
	background:url('/images/icon/arrow05Down.png') no-repeat 95% center #eeeeee;
}

.multiSelect01 .selectArea{
	border:1px solid #cccccc;
	border-radius:2px;
	background:white;
	text-align:left;
	display:none;
	position:absolute;
	z-index:1000;
	top:0;
	left:0;
}

.multiSelect01 .selectArea .topArea{
	padding:5px 3px;
	background:#fff;
	color:white;
	border-bottom:1px solid #ccc;
}
.multiSelect01 .selectArea .topArea .btnArea div{
	margin-right:5px;
}

.multiSelect01 .selectArea .topBar{
	padding:2px;
	background:#666666;
	color:white;
	font-weight:bolder;
}

.multiSelect01 .selectArea .topBar .left{
	float:left;
}

.multiSelect01 .selectArea .topBar .right{
	float:right;
}

.multiSelect01 .selectArea .checkArea{
	padding:5px;
	z-index:2;
}

.multiSelect01 .selectArea .checkArea .partition{
	float:left;
	margin-right:10px;
	line-height:20px;
}

.multiSelect01 .selectArea .checkArea .partition li{
	width:100%;
}
.multiSelect01 .selectArea .checkArea .partition li:hover{
	background:#dfdfdf;
}

.multiSelect .selectArea .checkArea{
	overflow:auto;
}

/*입력 스타일01*/
.inputText01{
	padding:2px 4px;
	border:1px solid #cccccc;
	height:14px;
	font-size:11px;
	background:#eeeeee;
}


/*입력 스타일02*/
.inputText02{
	padding:2px 4px;
	border:1px solid #cccccc;
	height:14px;
	font-size:11px;
	background:white;
}


/*입력 스타일03*/
.inputText03{
	padding:2px 4px;
	border:1px solid #757575;
	height:14px;
	font-size:11px;
	background:#757575;
}


/*버튼 스타일01*/
.button01{
	padding:2px 5px;
	background:#7db1ff;
	font-size:11px;
	cursor:pointer;
	text-align:center;
	margin-left:3px;

	color:#070024;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#176ab1 #4862a3 #176ab1 #4862a3;
	border-radius:3px;
}


/*목록 스타일01*/
.listStyle01 td{
	padding:5px 0;
	text-align:center;
	background:#ffe8b6;
	color:black;
}


/*목록 스타일02*/
.listStyle02 td{
	padding:5px 0;
	text-align:center;
	background:#ffddd3;
	color:black;
}


/*목록 스타일03*/
.listStyle03 td{
	padding:5px 0;
	text-align:center;
	color:black;
}

.listStyle03Even{
	background:#dedede;
}


/*목록 스타일04*/
.listStyle04 thead th,
.listStyle04 tbody td{
	padding:8px 10px;
}

.listStyle04 thead th{
	background:#999999;
	color:white;
}

.listStyle04 tbody td{
	background:#effdff;
}

/*목록 스타일05*/
.listStyle05 td{
	background:#f8f8f8;
	text-align:center;
}
.listStyle05Even td{
	background:#ffd1fd;
}

.divListStyle{
	padding:5px 0;
	color:#666;
	text-align:center;
}

.divListStyleEven{
	background:#dedede;
}

/*new목록 스타일*/
.newlist01 table{ width:100%; margin-bottom:10px; }
.newlist01 table th{ background:#005f7f; height:27px; color:#fff; padding:8px 0;}
.newlist01 table td{ border-bottom:1px solid #808080; background:#fff; font-family:"tahoma"; font-size:8pt;	color:#4f4f4f; height:27px; }
.newlist01 table tr.listEven td{ background:#f2f9e8; }
.newlist01 table .checkbox{ width:20px; text-align:center;}
.newlist01 table .no{ width:40px; text-align:center;}
.newlist01 table .name{ width:80px; text-align:center;}
.newlist01 table .date{ width:80px; text-align:center;}
.newlist01 table .hit{ width:30px; text-align:center;}
/*new목록 스타일*/

td.lineColor1{
	background:#dedede;
}
td.lineColor2{
	background:#ffffff;
}


/*검색 스타일01*/
.searchStyle01{
	margin-left:10px;
	background:#e6e6e6;
}

.searchStyle01 th{
	padding:5px 20px;
	background:#676767;
	color:white;
}

.searchStyle01 td{
	padding:5px 15px;
}


/*검색 스타일02*/
.searchStyle02 th{
	height:20px;
	background:#676767;
	border-top:1px solid white;
	border-left:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid white;
	color:white;
	font-weight:normal;
}

.searchStyle02 td{
	padding:0 2px;
	height:30px;
	background:#999999;
	text-align:center;
}

.searchStyle02 .searchButton{
	position:absolute;
	z-index:2;
	top:-7px;
	left:20px;
	cursor:pointer;
}


/*폼 스타일01*/
.formStyle01 .labelOL{
	border:1px solid;
}

.formStyle01 .label{
	padding:5px 10px;
	/*border-top:1px solid;*/
	/*font-weight:bolder;*/
	text-align:center;
	letter-spacing:5px;
}

.formStyle01 .inputsOL{
	/*
	padding:10px 10px 0 10px;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#999999;
	*/
	border:4px double #4b4b4b;
}

.formStyle01 .inputAreaOL{
	margin-bottom:10px;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#676767;
}

.formStyle01 .inputArea{
	padding:1px 0;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#d2d2d2;
}

.formStyle01 .table01{
	border-collapse:separate;
}

.formStyle01 .table01 .partition{
	border:0;
	height:1px;
	background:#d2d2d2;
}

.formStyle01 .table01 th,
.formStyle01 .table01 td{
	font-weight:normal;
	height:28px;
}

.formStyle01 .table01 th{
	color:white;
}

.formStyle01 .table01 td{
	padding:0 10px;
}

.formStyle01 .buttons{
	margin-bottom:10px;
}


/*폼 스타일02*/
.formStyle02 th,
.formStyle02 td{
	padding:8px 10px;
}

.formStyle02 th{
	background:#999999;
	color:white;
}

.formStyle02 td{
	background:#effdff;
}

.formStyle02 .fileInfo{
	margin-bottom:3px;
}

/*라인 스타일01*/
.lineStyle01{
	padding:10px 0;
	height:1px;
	background:url('../../../../images/etc/line01.png') repeat-x 0 center;
	overflow:hidden;
	font-size:0px;
}

.helpArea{
	margin-top:15px;
	font-weight:normal;
	font-size:12px;
	line-height:22px;
	border:1px solid #dfdfdf;
	background:#fffff2;
	padding:5px;
}

.manualArea{
	width:99%;
	margin:15px auto 15px auto;
	font-weight:normal;
	font-size:12px;
	background:#e9eaed;
	border:1px solid;
	border-color:#3b5998 #1a356e #1a356e #3b5998;
	border-radius:3px;
}
.manualArea ul{
	padding:10px;
	line-height:22px;
}

/************************/
/*** 버튼 스타일 정의 ***/
/************************/
.btnType1, .btnType1_2, .btnType1_4, .btnType1_6, .btnType1_8, .btnType1_10{
	height:22px;
	line-height:22px;
	color:#4b4b4b;
	font-family:tahoma;
	font-size:9pt;
	border-top:1px solid #c63;
	border-left:1px solid #c63;
	border-bottom:1px solid #930;
	border-right:1px solid #930;
	cursor:pointer;
	text-align:center;

	background: #ffefbf; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #ffefbf 0%, #ff8a19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffefbf), color-stop(100%,#ff8a19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffefbf 0%,#ff8a19 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffefbf 0%,#ff8a19 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefbf', endColorstr='#ff8a19',GradientType=0 ); /* IE6-8 */
}
.btnType1{	/* 1글자 */
	width:20px; 
}
.btnType1_2{	/* 2글자 */
	width:40px; 
}
.btnType1_4{	/* 4글자 */
	width:60px;
}
.btnType1_6{	/* 6글자 */
	width:80px;
}
.btnType1_8{	/* 8글자 */
	width:110px;
}
.btnType1_10{	/* 10글자 */
	width:140px;
}

.btnType2, .btnType2_2, .btnType2_4, .btnType2_6, .btnType2_8, .btnType2_10{
	height:22px;
	line-height:22px;
	color:#fff;
	font-family:tahoma;
	font-size:9pt;
	border:1px solid #7f9fff;
	cursor:pointer;
	text-align:center;

	background: #dddddd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #dddddd 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.btnType2{	/* 1글자 */
	width:20px; 
}
.btnType2_2{	/* 2글자 */
	width:40px; 
}
.btnType2_4{	/* 4글자 */
	width:60px;
}
.btnType2_6{	/* 6글자 */
	width:80px;
}
.btnType2_8{	/* 8글자 */
	width:110px;
}
.btnType2_10{	/* 10글자 */
	width:140px;
}

.btnType3, .btnType3_2, .btnType3_4, .btnType3_6, .btnType3_8, .btnType3_10{
	height:22px;
	line-height:22px;
	color:#fff;
	font-family:tahoma;
	font-size:9pt;
	border:1px solid #7f9fff;
	cursor:pointer;
	text-align:center;

	background: #9fcfff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #9fcfff 0%, #00475f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fcfff), color-stop(100%,#00475f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9fcfff 0%,#00475f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9fcfff 0%,#00475f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fcfff', endColorstr='#00475f',GradientType=0 ); /* IE6-8 */
}
.btnType3{	/* 1글자 */
	width:20px; 
}
.btnType3_2{	/* 2글자 */
	width:40px; 
}
.btnType3_4{	/* 4글자 */
	width:60px;
}
.btnType3_6{	/* 6글자 */
	width:80px;
}
.btnType3_8{	/* 8글자 */
	width:110px;
}
.btnType3_10{	/* 10글자 */
	width:140px;
}

.btnType4, .btnType4_2, .btnType4_4, .btnType4_6, .btnType4_8, .btnType4_10{
	height:22px;
	line-height:22px;
	color:#fff;
	font-family:tahoma;
	font-size:9pt;
	border:1px solid green;
	cursor:pointer;
	text-align:center;

	background: #abdc65; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(top,  #abdc65 0%, #549000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abdc65), color-stop(100%,#549000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #abdc65 0%,#549000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #abdc65 0%,#549000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #abdc65 0%,#549000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #abdc65 0%,#549000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abdc65', endColorstr='#549000',GradientType=0 ); /* IE6-8 */
}
.btnType4{	/* 1글자 */
	width:20px; 
}
.btnType4_2{	/* 2글자 */
	width:40px; 
}
.btnType4_4{	/* 4글자 */
	width:60px;
}
.btnType4_6{	/* 6글자 */
	width:80px;
}
.btnType4_8{	/* 8글자 */
	width:110px;
}
.btnType4_10{	/* 10글자 */
	width:140px;
}

.btnTypeSmall, .btnTypeSmall_2, .btnTypeSmall_4, .btnTypeSmall_6, .btnTypeSmall_8, .btnTypeSmall_10{
	line-height:normal;
	color:#fff;
	font-family:dotum;
	font-size:7pt;
	border:1px solid #ddd;
	cursor:pointer;
	text-align:center;

	background: #505050;
}
.btnTypeSmall{	/* 1글자 */
	width:20px; 
}
.btnTypeSmall_2{	/* 2글자 */
	width:40px; 
}
.btnTypeSmall_4{	/* 4글자 */
	width:60px;
}
.btnTypeSmall_6{	/* 6글자 */
	width:80px;
}
.btnTypeSmall_8{	/* 8글자 */
	width:110px;
}
.btnTypeSmall_10{	/* 10글자 */
	width:140px;
}

.btnTypeSrc, .btnTypeSrc_2, .btnTypeSrc_4, .btnTypeSrc_6, .btnTypeSrc_8, .btnTypeSrc_10{
	height:20px;
	line-height:20px;
	color:#666;
	font-family:tahoma;
	font-size:9pt;
	border:1px solid #dbdbdb;
	cursor:pointer;
	text-align:center;

	background:#efefef;
}
.btnTypeSrc{	/* 1글자 */
	width:20px; 
}
.btnTypeSrc_2{	/* 2글자 */
	width:40px; 
}
.btnTypeSrc_4{	/* 4글자 */
	width:60px;
}
.btnTypeSrc_6{	/* 6글자 */
	width:80px;
}
.btnTypeSrc_8{	/* 8글자 */
	width:110px;
}
.btnTypeSrc_10{	/* 10글자 */
	width:140px;
}

/************************/
/*** 버튼 스타일 정의 ***/
/************************/


#toTop{
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:0.75rem;
	right:0.75rem;
	overflow:hidden;
	width:43px;
	height:43px;
	border:none;
	z-index:1000;
}
#toTop img{
	width:43px; height:43px;
}


/**************************/
/***현재 사이트 설정(끝)***/
/**************************/
.gridHeadStyle thead th:first-child {
	background:#f0f0f0;
}
.gridHeadStyle thead th{
	background-image:url('/images/icon/grid_bar.png');
	background-repeat:no-repeat;
	background-position:left 50%;
	background-color:#f0f0f0;
	color:#4e5665;
	font-size:11px;
	line-height:1em;
	border-top:1px solid #858585;
	border-bottom:1px solid #ababab;
	padding:8px 0;
}
.gridHeadStyle thead td{
	background:#f0f0f0;
	font-size:11px;
	line-height:1em;
	border-bottom:1px solid #ababab;
	padding:4px 0;
}
.gridHeadStyle tfoot td{
	height:24px;
	text-align:center;
	border-top:2px solid #858585;
	border-bottom:1px solid #ababab;
	background-color:#f0f0f0;
	font-size:11px;
}

.fileInfo{
	padding:5px;
	background:#fff7b2;
	border:1px dashed #c1f47f;
}

.postBtn{
	width:65px;
	height:19px;
	line-height:19px;
	text-align:center;
	color:#6e6e6e;
	margin-left:3px;
	background-color:#e6e7e8;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
	letter-spacing:-1px;
}

.boxBtn{
	width:18px; height:18px; line-height:23px;
	vertical-align:middle;
	text-align:center;
	color:#fff7b2;
	margin-left:3px;
	background-color:#5b7bbe;
	box-shadow:inset 0px 1px 0px #fff;
	border:1px solid;
	border-color:#7192d6 #6e86b7 #7192d6 #6e86b7;
	border-radius:3px;
}
.upboxBtn{
	width:18px; height:18px; line-height:23px;
	vertical-align:middle;
	text-align:center;
	color:#fff7b2;
	margin-left:3px;
	background-color:#96005f;
	box-shadow:inset 0px 1px 0px #fff;
	border:1px solid;
	border-color:#7192d6 #6e86b7 #7192d6 #6e86b7;
	border-radius:3px;
}
.downboxBtn{
	width:18px; height:18px; line-height:23px;
	vertical-align:middle;
	text-align:center;
	color:#fff7b2;
	margin-left:3px;
	background-color:#002e89;
	box-shadow:inset 0px 1px 0px #fff;
	border:1px solid;
	border-color:#7192d6 #6e86b7 #7192d6 #6e86b7;
	border-radius:3px;
}

.attachBtn_s{
	width:50px; height:19px; line-height:23px;
	text-align:center;
	margin-left:3px;
	color:#6e6e6e;
	background-color:#d0d3da;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
}

.redBtn{
	text-align:center;
	color:#fff;
	background-color:#f00;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
	padding:6px 10px;
}
.blackBtn{
	text-align:center;
	color:#fff;
	background-color:#000;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
	padding:6px 10px;
}
.greyBtn{
	text-align:center;
	color:#565656;
	background-color:#e2e2e2;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
	padding:6px 10px;
}
.darkgreyBtn{
	text-align:center;
	color:#fff;
	background-color:#858585;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #5b5b5b #5b5b5b #d3d7db;
	border-radius:3px;
	padding:6px 10px;
}
.darkgreyBtn_s{
	height:16px; line-height:18px;
	font-size:8pt;
	letter-spacing:-1px;
	text-align:center;
	color:#fff;
	background-color:#666;
	border:1px solid;
	border-color:#d3d7db #5b5b5b #5b5b5b #d3d7db;
	border-radius:3px;
	padding:0 3px;
}
.orangeBtn{
	text-align:center;
	color:#fff;
	background-color:#ff9227;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#d3d7db #9ea1a6 #9ea1a6 #d3d7db;
	border-radius:3px;
	padding:6px 10px;
}

.orangeButton {
	display:inline-block;
	height:12px;
	padding:2px 10px;
	border:1px solid #ff5500;
	vertical-align:top;
	background-color:#fba027;
	color:#555;
}
.orangeButton:hover {
	text-decoration:none;
}

.blueBtn{
	text-align:center;
	color:#fff;
	background-color:#4e69a2;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	border:1px solid;
	border-color:#435a8b #3c5488 #334c83;
	border-radius:3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
	box-sizing:content-box;
	padding:6px 10px;
}
.blueBtn2{
	text-align:center;
	color:#fff;
	background-color:#4e69a2;
	box-shadow:inset 0px 1px 1px #fff;
	border:1px solid;
	border-color:#435a8b #3c5488 #334c83;
	border-radius:3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
	box-sizing:content-box;
	padding:6px 10px;
}
.blueBtn_s{
	text-align:center;
	color:#fff;
	background-color:#4e69a2;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	border:1px solid;
	border-color:#435a8b #3c5488 #334c83;
	border-radius:3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
	box-sizing:content-box;
	padding:2px 5px;
}
.greenBtn{
	text-align:center;
	color:#fff;
	background-color:#549000;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	border:1px solid;
	border-color:#abdc65 #97d461 #98de61;
	border-radius:3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
	box-sizing:content-box;
	padding:6px 10px;
}
.excelBtn{
	background-image:url(/images/icon/iconExcel.png);
	background-repeat:no-repeat;
	background-color:#fafafa;
	background-size:auto;
	background-position:3px 4px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	border:1px solid;
	border-color:#419a2a #5b8e59 #318926;
	border-radius:3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.2);
	box-sizing:content-box;
	padding:6px 10px 6px 23px;
}
.plusBtn{
	background-color:#f6f7f8;
	box-shadow:0px 1px 1px rgba(0,0,0,0.05);
	border:1px solid;
	border-color:#cccccc #c5c6c8 #b6b7b9;
	border-radius:3px;
	color:#4e5665;
	text-shadow:0px 1px 0px #fff;
	box-sizing:content-box;
	padding:3px 10px 2px;
}
.plusBtn span{
	font-family: helvetica, arial, sans-serif;
	font-size: 17px;
	font-weight:bold;
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}



.smallIcon{
	display:inline-block;
	border-radius:2px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.7);
	background:#ff9614;
	color:#fff;
	width:70%;
	padding:1px 3px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.4);
	line-height:auto;
	font-size:9pt;
}

.button {    
	background-color: #4CAF50;
	color: white;
    border: none;    
    padding: 2px 10px 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 8px;    
    cursor:pointer;
}

.button.bg-blue {background-color: #008CBA;color: white;} /* Blue */
.button.bg-red {background-color: #f44336;color: white;} /* Red */ 
.button.bg-gray {background-color: #e7e7e7; color: black;} /* Gray */
.button.bg-orange {background-color: #f4511e;color: white;} /* orange */ 
.button.bg-black {background-color: #555555;color: white;} /* Black */

.button:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #4CAF50;}
.button.bg-blue:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #008CBA;}
.button.bg-red:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #f44336;}
.button.bg-gray:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #e7e7e7;}
.button.bg-orange:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #f4511e;} 
.button.bg-black:hover {padding: 1px 9px 3px 9px;background-color: white; color: black; border: 1px solid #555555;}