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

body, td, p, input, button, textarea { 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; }

table { width:100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse; }
th, td { overflow-y:hidden;text-align:left;overflow:hidden;font-weight:normal; }

input { border:1px solid #ddd;font-family:'Noto Sans KR', sans-serif;font-size:9pt;min-height:20px; }
textarea { 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; }

a:link, a:visited, a:active { text-decoration:none; color:#00a1d6; outline:none; selector-dummy : expression(this.hideFocus=true); }
a:hover { text-decoration:none; color:#00a99d; }

.Clear { clear:both; }

#NewBack2015 { display:none;position:fixed;top:0px;left:0px;z-index:7000; }
#TempDiv2015 { display:none;position:absolute;top:0px;left:0px;z-index:7001;overflow:auto; }
#dragDiv2015 { display:none;position:fixed;padding-bottom:15px;z-index:9000;background-color:#05507d;text-align:center;box-shadow:0px 0px 20px #3e3e3e; }
#NewPopupTitle2015 { padding:15px 0px;font-size:12pt;font-weight:bold;text-shadow:1px 1px 2px black;color:white;cursor:move; }
#CloseBtn2015 { position:absolute;top:10px;width:32px;height:32px;cursor:pointer; }
#CloseBtn2015 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 { position:absolute;width:141px;left:0px;top:0px;display:none;z-index:10; }
#HelpDivHead { width:141px;height:22px;background-image:url(../share_img/HelpHead.png);background-repeat:no-repeat; }
#HelpDivCon { width:121px;min-height:40px;padding:0 10px 0 10px;background-image:url(../share_img/HelpMiddle.png);background-repeat:repeat-y;font-size:8pt;line-height:160%; }
#HelpDivBottom { width:141px;height:12px;background-image:url(../share_img/HelpBottom.png);background-repeat:no-repeat; }

/* 부드러운 경고창 */
.alertSoftWrap { position:absolute;padding:15px;font-weight:bold;font-size:12pt;background: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;
}
/* 버튼 스타일 20130722 추가 */


.AtoZStyleBtn {
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	font-family:'Noto Sans KR', sans-serif;
	box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 4px 0px;
	o-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 4px 0px;
	-moz-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 4px 0px;
	-webkit-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 4px 0px;
	background:#ffd66e;
	background:-o-linear-gradient(90deg, #ffd66e, #ffcd61);
	background:-moz-linear-gradient( center top, #ffd66e 5%, #ffcd61 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd66e), color-stop(1, #ffcd61) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd66e', endColorstr='#ffcd61');
	background:-webkit-linear-gradient(#ffd66e, #ffcd61);
	background:-ms-linear-gradient(#ffd66e, #ffcd61);
	background:linear-gradient(#ffd66e, #ffcd61);
	text-indent:0px;
	line-height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:12px;
	color:#9c7113;
	margin:10px 0px;
	padding:18px 12px 15px 12px;
	text-shadow:#ffe9ad 0px 1px 0px;
	border-color:#e3bf54;
	border-width:1px;
	border-style:solid;
}

.AtoZStyleBtn:active {
	box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 0 0px;
	o-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 0 0px;
	-moz-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 0 0px;
	-webkit-box-shadow:inset #ffffff 0px 1px 1px -1px,#b48c34 0px 0 0px;
	position:relative;
	top:4px
}

.AtoZStyleBtn:hover {
	background:#ffcd61;
	background:-o-linear-gradient(90deg, #ffcd61, #ffd66e);
	background:-moz-linear-gradient( center top, #ffcd61 5%, #ffd66e 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcd61), color-stop(1, #ffd66e) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd61', endColorstr='#ffd66e');
	background:-webkit-linear-gradient(#ffcd61, #ffd66e);
	background:-ms-linear-gradient(#ffcd61, #ffd66e);
	background:linear-gradient(#ffcd61, #ffd66e);
}

.AtoZStyleBtnSmall { 
	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 */
	padding:3px 6px 3px 6px;
	font-weight:bold;
	font-size:90%;
	text-shadow:1px 1px 1px white;
	box-shadow:1px 1px 3px #ccc;
	border:1px solid gray;
	border-radius:4px;
}

.AtoZStyleBtnSmall: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;
}

.AtoZStyleBtn2 {
	border: 1px solid #0a3c59;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	padding: 5px 8px 7px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	color: #ffffff;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	vertical-align: middle;
}

.AtoZStyleBtn2:hover {
	border: 1px solid #0a3c59;
	text-shadow: #1e4158 0 1px 0;
	background: #48a8db;
	background: -webkit-gradient(linear, left top, left bottom, from(#3a769c), to(#48a8db));
	background: -webkit-linear-gradient(top, #3a769c, #48a8db);
	background: -moz-linear-gradient(top, #3a769c, #48a8db);
	background: -ms-linear-gradient(top, #3a769c, #48a8db);
	background: -o-linear-gradient(top, #3a769c, #48a8db);
	background-image: -ms-linear-gradient(top, #3a769c 0%, #48a8db 100%);
	color: #fff;
	cursor:pointer;
}

.AtoZStyleBtn2:active {
	text-shadow: #1e4158 0 1px 0;
	border: 1px solid #0a3c59;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#48a8db));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	color: #fff;
}

/* 페이징 스타일 */
#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;
}

/* 상단 스타일 */
.Head {	z-index:10;width:100%;top:0px; }
.TitleWrap { position:relative;width:100%;background-color:#fff;text-align:center;background-color:#e6ebf2; }
.Title { position:relative;margin:15px 0px;display:inline-block;text-align:center;font-weight:bold;font-size:16pt;color:#344863; }
.HeadLine { width:100%;height:4px;background-color:#344863; }

#topLineContainer {
	position:fixed;
	z-index:100;
	padding:10px;
	width:100%;
	background-color:#05507d;
	color:white;
	font-weight:bold;
	font-size:14pt;
	box-shadow:0px 0px 10px #454545;
}
#topLineMenuBar {
	float:left;
	margin:0px 12px 0px 0px;
}
#topLineMenuBarImg {
	width:26px;
	height:26px;
	cursor:pointer;
}
#topLineMenuTitle {
	float:left;
	margin:0px 0px 0px 0px;
}
#topLineMenuLogo {
	float:right;
}
#topLineMenuLogoImg {
	margin:0px 20px -3px 0px;
	width:94px;
	height:30px;
}

/* 상단 메뉴 스타일 */
.MenuWrap {	
	position:fixed;
	z-index:10;
	top:0px;
	left:-300px;
	width:200px;
	height:100%;
	padding:60px 10px 10px 10px;
	background-color:#7c7c7c;
	text-align:center;
	box-shadow:0px 0px 10px #454545;
}
.Menu {	width:200px;height:40px;display:inline-block;text-align:left; }
.Menu a { position:relative;top:16%;margin:0px 10px;color:white;font-weight:bold;font-size:14pt; }
.Menu a:hover { color:#ffffcc; }
.Menu span { display:none; }
.RightContent { 
	position:absolute;
	width:98%;
	margin:40px 0px 0px 20px;
	text-align:left;
}

#menuBackground {
	position:fixed;
	display:none;
	z-index:9;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#ededed;
	opacity:0.3;
}

/* 하단 정보 스타일 */
#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; }

/*참여자 화면 스타일 */
#mainContainer { 
	width:100%;
	margin:10px 0px;
	padding:0px;
	text-align:center;
}

/* 관리자 화면 스타일 */
#ContentWrap { 
	width:300px;
	margin:20px 0px;
	text-align:center;
}
#ContentWrap table {

}
#ContentWrap th { 
	padding:6px;
	background-color:#eee;
	text-align:center;
	border:1px solid #ccc;
	font-weight:normal;
	font-weight:bold;
}
#ContentWrap td {
	padding:0px;
	text-align:center;
	border:0px;
}
#ContentWrap input { 
	width:90%;
}
#loginMsg { margin-bottom:20px;line-height:200%; }

#GroupRegistFormTable { width:95%;margin:0 0 20px 0; }
#GroupRegistFormTable th { width:120px;height:35px;font-weight:normal;font-weight:bold; }
#GroupRegistFormTable input { width:96%;border:0px;border-bottom:1px solid #ccc; }

#groupSelectContainer { text-align:left;margin:20px 0px; }
#groupSelectBoxTitle { float:left;width:440px;padding:6px 5px 7px 10px;margin-right:14px;border:3px solid #ccc;font-weight:bold;text-align:left;cursor:pointer; } 
#groupSelectBoxListWrap { display:none;position:absolute;width:600px;margin-top:36px;padding-right:10px;border:3px solid #ccc;background-color:white;z-index:2;box-shadow:0px 0px 20px black; }
#groupSelectBoxList { margin:10px 10px 10px -10px; }
#groupSelectBoxList li { margin-bottom:6px;text-align:left;font-weight:bold;line-height:150%;cursor:pointer; }
#groupSelectBoxList li span { font-family:'Noto Sans KR', sans-serif; }
#groupSelectBoxList li:hover { background-color:#ffffd2; }