/* 공통 스타일 */
html { 
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-text-size-adjust: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

body, td, p, button { font-family:'Noto Sans KR', sans-serif;font-size:10pt;color:#222222;padding:2px;margin:0px;overflow-x:hidden; }
body { padding:0px;margin:0px;left:0px;top:0px; }
ul { margin-left:0px;font-family:'Noto Sans KR', sans-serif; }

table { width:100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse;font-family:'Noto Sans KR', sans-serif; }
th, td { overflow-y:hidden;text-align:left;overflow:hidden;font-weight:normal;font-family:'Noto Sans KR', sans-serif; }

input { font-family:맑은 고딕, malgun-gothic;border:1px solid #ddd;font-size:9pt;min-height:20px; }
textarea { font-family:맑은 고딕, malgun-gothic;border:1px solid #ddd; }
select { border:1px solid #ddd;font-family:'Noto Sans KR', sans-serif;font-size:9pt;min-height:26px; }
img { border:0px; }
form { margin:0px;font-family:'Noto Sans KR', sans-serif; }
pre { text-align:left; }

a:link, a:active { font-family:'Noto Sans KR', sans-serif;text-decoration:none; color:#00a1d6; outline:none; selector-dummy : expression(this.hideFocus=true); }
a:visited { font-family:'Noto Sans KR', sans-serif;color:#00a1d6; }
a:hover { font-family:'Noto Sans KR', sans-serif;text-decoration:none; color:#00a99d; }


#NewBack2015 { 
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	z-index:7000;
	animation-name:newBackAnimation;
	animation-duration: 0.2s;
}
@-webkit-keyframes newBackAnimation {
	0% {
		opacity:0;
	}
}
#TempDiv2015 { 
	position:absolute;
	top:0px;
	left:0px;
	z-index:7001;
	overflow:auto;
}
#dragDiv2015 { position:fixed;
	padding-bottom:15px;
	z-index:7001;
	background-color:rgb(0,148,126);
	text-align:center;
	box-shadow:0px 0px 20px #3e3e3e;
	animation-name:dragDivAnimation;
	animation-duration: 0.3s;
}
@-webkit-keyframes dragDivAnimation {
	0% {
		opacity:0;
	}
}
#NewPopupTitle2015 { padding:15px 0px;font-size:12pt;font-weight:bold;text-shadow:1px 1px 2px black;color:white;cursor:move; }
#CloseBtn2015 { position:absolute;top:12px;width:32px;height:32px;cursor:pointer; }
#CloseBtn2015 img { width:28px; }

#NewBack2015_2 { 
	position:fixed;
	top:0px;
	left:0px;
	z-index:8000;
	animation-name:newBackAnimation;
	animation-duration: 0.2s;
}
#TempDiv2015_2 { 
	position:absolute;
	top:0px;
	left:0px;
	z-index:8001;
	overflow:auto;
}
#dragDiv2015_2 { 
	position:fixed;
	padding-bottom:15px;
	z-index:8001;
	background-color:rgb(0,148,126);
	text-align:center;
	box-shadow:0px 0px 20px #3e3e3e;
	animation-name:dragDivAnimation;
	animation-duration: 0.3s;
}
#NewPopupTitle2015_2 { padding:15px 0px;font-size:12pt;font-weight:bold;text-shadow:1px 1px 2px black;color:white;cursor:move; }
#CloseBtn2015_2 { position:absolute;top:10px;width:32px;height:32px;cursor:pointer; }
#CloseBtn2015_2 img { width:32px; }

/* 달력 스타일 */
.ui-datepicker { font-size:12px; }
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 70px; }
.ui-datepicker-trigger { margin:-7px 0 -5px 4px;cursor:pointer; }
.ui-widget { font-family:'Noto Sans KR', sans-serif; }
#ui-datepicker-div { font-family:'Noto Sans KR', sans-serif; }

/* 도움 풍선 스타일 */
#HelpDiv { 
	display:none;
	position:absolute;
	width:141px;
	left:0px;
	top:0px;
	padding:8px;
	font-size:10pt;
	line-height:160%;
	border-radius:6px;
	background-color:white;
	border:2px solid #00588a;
	z-index:8001;
}
#HelpDiv:after {
    content:"";
    position: absolute;
    border-bottom: 12px solid #00588a;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -12px;
    left: 15px;
}
/* 부드러운 경고창 */
.alertSoftWrap { 
	position:absolute;
	margin:0px 10px;
	padding:15px;
	font-weight:bold;
	font-size:12pt;
	background-color:gray;
	color:white;
	border:1px solid gray;
	box-shadow:0px 0px 10px gray;
	border-radius:10px;
	text-align:center;
	line-height:180%;
}

/* 기타 */
#waitingBack {
	position:absolute;left:0px;top:0px;width:100%;height:3000px;padding:200px 0px 0px 0px;font-weight:bold;font-size:20pt;color:white;background-color:gray;text-shadow:0px 0px 10px black;z-index:99999;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter: alpha(opacity=90);
		opacity: .9;
}

/* 애니메이션 로딩바 */
#loadingWrap {
	text-align:center;
}

#loadingBar {
	z-index:10000;
	position:fixed;
	display: inline-block;
	vertical-align:middle;
	margin:0px;
	width: 60px;
	height: 60px;
	top:50%;
	left:calc(50% - 38px);;
	border: 8px solid rgba(0,165,229,.3);
	border-radius: 50%;
	border-top-color: #00a5e5;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	-moz-animation: spin 1s ease-in-out infinite;
	-ms-animation: spin 1s ease-in-out infinite;
	-o-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  to { -ms-transform: rotate(360deg); }
}
@-o-keyframes spin {
  to { -o-transform: rotate(360deg); }
}

#loadingProgressBarWrap {
	position:fixed;
	margin:0px;
	width: 200px;
	top:calc(50% + 100px);
	left:calc(50% - 100px);
	border-radius:4px;
	text-align:left;
}
#loadingProgressBar {
	z-index:10001;
	display:inline-block;
	vertical-align:middle;
	background-color: #00a5e5;
	text-align:right;
	color:white;
	font-weight:bold;
	font-size:16pt;
	border-radius:4px;
/*	transition: .5s;*/
}

/* 버튼 스타일 20130722 추가 */

.AtoZStyleBtn, .AtoZStyleBtnForKISA, .AtoZStyleCancelBtn {
	padding:8px 12px;
	font-size:13pt;
	font-weight:normal;
	background-color:rgb(0,148,126);
	color:white;
	border:0px;
	cursor:pointer;
}

.AtoZStyleBtnForKISA {
	background-color:rgb(0,56,127);
}

.AtoZStyleCancelBtn {
	background-color:rgb(150,150,150);
}

/* 페이징 스타일 */
#pagingDiv {
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
	width:100%;
}

#paging {
	font-size:110%;
	text-align: center;
	margin: 0;
	padding: 10px;
	position: relative;
}

#paging li {
	display: inline;
	margin:0 2px 0 2px;
	padding:2px 6px 2px 6px;
	font-weight:bold;
	text-shadow:1px 1px 1px white;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid gray;
	border-radius:2px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 9%, rgba(238,238,238,1) 10%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(255,255,255,1)), color-stop(10%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 9%,rgba(238,238,238,1) 10%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#paging li.pager:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	cursor:pointer;
}

#paging li.current {
	color:white;
	font-weight: bold;
	margin:0 5px 0 5px;
	font-weight:bold;
	text-shadow:1px 1px 1px black;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid black;
	border-radius:2px;
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
}

#paging a { color:black; }


/* 메인 스타일 */
#MainWrap { 
	max-width:100%;
}
#AdmMainWrap { 
	max-width:100%;
	text-align:center;
}

/* 하단 정보 스타일 */
#Foot { position:relative;width:100%;padding:0px 0 10px 0;background-color:#f0f0f0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;line-height:200%;font-size:9pt;text-align:center;color:#a0a0a0;text-shadow: 0px 1px 0px rgba(255,255,255,0.75); }
#FootHead { width:100%;height:1px;background-color:white;margin-bottom:10px;font-size:1px; }