/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, nav2, output, ruby, section, summary, time, mark, audio, video {
		margin:0; 
		padding:0; 
		border:0; 
		font-size:100%; 
		font:inherit; 
		vertical-align:baseline; 
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, nav2 {
		display:block; 
	}

	body {
		line-height:1; 
		-webkit-text-size-adjust:none; 
	}

	ol, ul {
		list-style:none; 
	}

	table {
		border-collapse:collapse; 
		border-spacing:0; 
	}
/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		box-sizing:border-box; 
	}

/* Containers */

	.container {margin-left:auto; margin-right:auto}
	.container.\31 25\25 {width:100%; max-width:125%; min-width:100%}
	.container.\37 5\25 {width:75%}
	.container.\35 0\25 {width:50%}
	.container.\32 5\25 {width:25%}
	.container {width:100%}

	@media screen and (min-width:737px) {
		.container.\31 25\25 {width:100%; max-width:125%; min-width:100%}
		.container.\37 5\25 {width:75%}
		.container.\35 0\25 {width:50%}
		.container.\32 5\25 {width:25%}
		.container {width:100%}
	}

	@media screen and (min-width:1201px) {
		.container.\31 25\25 {width:100%; max-width:125%; 	min-width:100%}
		.container.\37 5\25 {width:75%}
		.container.\35 0\25 {width:50%}
		.container.\32 5\25 {width:25%}
		.container {width:100%}
	}

	@media screen and (min-width:737px) and (max-width:1200px) {
		.container.\31 25\25 {width:100%; max-width:125%; 	min-width:100%}
		.container.\37 5\25 {width:75%}
		.container.\35 0\25 {width:50%}
		.container.\32 5\25 {width:25%}
		.container {width:100%}
	}

	@media screen and (min-width:737px) and (max-width:1000px) {

		.container.\31 25\25 {width:100%; max-width:125%; min-width:100%}
		.container.\37 5\25 {width:75%}
		.container.\35 0\25 {width:50%}
		.container.\32 5\25 {width:25%}
		.container {width:100%}
	}

	@media screen and (max-width:736px) {
		.container.\31 25\25 {width:100%; max-width:125%; min-width:100%}
		.container.\37 5\25 {width:75%}
		.container.\35 0\25 {width:50%}
		.container.\32 5\25 {width:25%}
		.container {width:100% !important}
	}
	
/* Basic */

	body {
		background-color:#e8e8e8; 
		background-image:url("images/bg02.png"); 
		font-family:'Source Sans Pro', sans-serif; 
		font-weight:400; 
		color:#565656; 
	}

	body.is-loading * {
		-moz-transition:none !important; 
		-webkit-transition:none !important; 
		-ms-transition:none !important; 
		transition:none !important; 
		-moz-animation:none !important; 
		-webkit-animation:none !important; 
		-ms-animation:none !important; 
		animation:none !important; 
	}

	input, textarea, select {
		font-family:'Source Sans Pro', sans-serif; 
		font-weight:400; 
		color:#565656; 
	}

	a {
		color:#0072bb; 
	}

	strong, b {
		font-weight:700; 
		color:#232323; 
	}

	h2, h3, h4, h5, h6 {
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:700; 
		color:#232323; 
	}

	h2 a, h4 a, h5 a, h6 a {
		text-decoration:none; 
		color:inherit; 
	}

	blockquote {
		border-left:solid 5px #ddd; 
		padding:1em 0 1em 2em; 
		font-style:italic; 
	}

	em, i {
		font-style:italic; 
	}

	hr {
		border:0; 
		border-top:solid 1px #ddd; 
		padding:1.5em 0 0 0; 
		margin:1.75em 0 0 0; 
	}

	sub {
		position:relative; 
		top:0.5em; 
		font-size:0.8em; 
	}

	sup {
		position:relative; 
		top:-0.5em; 
		font-size:0.8em; 
	}

	br.clear {
		clear:both; 
	}

	p, ul, ol, dl {
		margin-bottom:1em; 
	}
	
/* List */
	ul.default {list-style:disc; padding-left:1em}
	ul.default li {padding-left:0.5em}
	ol.default {list-style:decimal; 	padding-left:1.25em}
	ol.default li {padding-left:0.25em}
	
/* Table */
	table {margin-bottom:1em; width:100%}
	table.default tbody tr:nth-child(2n+2) {background:#f4f4f4}
	table.default td {padding:0.5em 1em 0.5em 1em}
	table.default th {text-align:left; font-weight:700; padding:0.75em 1em 0.75em 1em}
	table.default thead {border-bottom:solid 1px #ddd}
	table.default tfoot {border-top:solid 1px #ddd; background:#eee}
		
/* Button */
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		cursor:pointer; 
		background-color:#0072bb; 
		background-image:url("images/bg01.png"); 
		border-radius:0.4em; 
		text-align:center; 
		/*box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15); */
		color:#fff; 
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:700; 
		text-decoration:none; 
		-moz-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		-webkit-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		-ms-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5); */
	}

	input[type="button"]:disabled, input[type="button"].disabled,
	input[type="submit"]:disabled,
	input[type="submit"].disabled,
	input[type="reset"]:disabled,
	input[type="reset"].disabled,
	button:disabled,
	button.disabled,
	.button:disabled,
	.button.disabled {
		opacity:0.35; 
		cursor:default; 
	}

	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	button:hover,
	.button:hover {background-color:#004672}

	input[type="button"]:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	button:active,
	.button:active {background-color:#004672}

	input[type="button"].alt,
	input[type="submit"].alt,
	input[type="reset"].alt,
	button.alt,
	.button.alt {}

	input[type="button"].alt:hover,
	input[type="submit"].alt:hover,
	input[type="reset"].alt:hover,
	button.alt:hover,
	.button.alt:hover {background-color:#465060}

	input[type="button"].alt:active,
	input[type="submit"].alt:active,
	input[type="reset"].alt:active,
	button.alt:active,
	.button.alt:active {}

/* Form */
	form label {
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:700; 
		color:#232323; 
		margin:0 0 0.75em 0; 
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		display:block; 
		border-radius:0.4em; 
		-webkit-appearance:none; 
		border:solid 1px #ddd; 
		padding:0.5em 0.75em; 
		width:100%; 
		line-height:1.25em; 
	}

	form input[type="text"]:focus,
	form input[type="email"]:focus,
	form input[type="password"]:focus,
	form select:focus,
	form textarea:focus {}

	form ::-webkit-input-placeholder {color:#aaa}
	form :-moz-placeholder {color:#aaa}
	form ::-moz-placeholder {color:#aaa}
	form :-ms-input-placeholder {color:#aaa}

/* Section/Article */
	header {	margin:0 0 2em 0}

	header > p {
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:300; 
		display:block; 
		margin-top:1em; 
		color:#999; 
	}

	section, article {	margin-bottom:3em}
	section > :last-child,
	section > .inner > :last-child, section:last-child, article > :last-child,
	article > .inner > :last-child, article:last-child {margin-bottom:0}

/* class=Pagination */

	.pagination .pages {
		display:inline-block; 
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:700; 
	}

	.pagination .pages span {
		display:inline-block; 
		width:1.5em; 
		text-align:center; 
		margin:0 0.4em 0 0; 
	}

	.pagination .pages a {
		cursor:pointer; 
		display:inline-block; 
		text-align:center; 
		text-decoration:none; 
		color:inherit; 
		background-color:#e8e8e8; 
		background-image:url("images/bg02.png"); 
		color:#565656; 
		margin:0 0.4em 0 0; 
		border-radius:0.4em; 
		-moz-transition:background-color .25s ease-in-out; 
		-webkit-transition:background-color .25s ease-in-out; 
		-ms-transition:background-color .25s ease-in-out; 
		transition:background-color .25s ease-in-out; 
		/*box-shadow:inset 0 0.075em 0.25em 0 rgba(0, 0, 0, 0.1); */
	}

	.pagination .pages a:hover {
		background-color:#dadada; 
	}

	.pagination .pages a.active {
		background-color:#364050; 
		color:#fff; 
		box-shadow:none; 
		/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5); */
	}

/* class=Box */
	.box.calendar .inner {
		position:relative; 
		background-color:#272E39; 
		background-color:rgba(0, 0, 0, 0.15); 
		border-radius:0.4em; 
		padding:0.75em 0.5em 0.75em 0.5em; 
		/*box-shadow:0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25); */
	}

	.box.calendar caption {
		font-weight:700; 
		color:#fff; 
		margin:0 0 0.25em 0; 
	}

	.box.calendar table {margin:0 auto}

	.box.calendar td {
		cursor:default; 
		padding:0.35em 0 0.35em 0; 
		border-top:solid 1px rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
	}

	.box.calendar th {
		cursor:default; 
		padding:0.35em 0 0.35em 0; 
		border-top:solid 1px rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
		font-weight:700; 
		color:#fff; 
	}

	.box.calendar td a, .box.calendar td span {
		display:block; 
		margin:0 auto; 
		width:1.5em; 
		height:1.5em; 
		text-align:center; 
		line-height:1.4em; 
		border-radius:0.4em; 
		-moz-transition:background-color .25s ease-in-out; 
		-webkit-transition:background-color .25s ease-in-out; 
		-ms-transition:background-color .25s ease-in-out; 
		transition:background-color .25s ease-in-out; 
		text-decoration:none; 
		color:#ccc
	}

	.box.calendar td a {
		color:#fff; 
		font-weight:700; 
	}

	.box.calendar td a:hover {
		background-color:rgba(200, 225, 255, 0.1); 
		color:#fff; 
	}

	.box.calendar td.today a {
		background-color:#4a9dd2; 
		background-image:url("images/bg01.png"); 
		/*box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25); */
		color:#fff !important; 
	}

	.box.post {
		position:relative; 
	}

	.box.post .info .stats {
		margin:0; 
		cursor:default; 
	}

	.box.post .info .stats a {
		font-size:0.8em; 
		text-decoration:none; 
		color:#232323; 
		font-weight:700; 
		line-height:1em; 
	}

	.box.recent-posts li {
		border-top:solid 1px rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
		padding:0.5em 0 0.5em 0; 
	}

	.box.recent-posts li:first-child {
		border-top:0; 
		/*box-shadow:none; */
		padding-top:0; 
	}

	.box.recent-posts li:last-child {
		padding-bottom:0; 
	}

	.box.recent-comments li {
		border-top:solid 1px rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
		padding:0.5em 0 0.5em 0; 
	}

	.box.recent-comments li:first-child {
		border-top:0; 
		/*box-shadow:none; */
		padding-top:0; 
	}

	.box.recent-comments li:last-child {
		padding-bottom:0; 
	}

	.box.search form {
		position:relative; 
	}

	.box.search form input {
		position:relative; 
		padding-right:34px; 
	}

	.box.search form:before {
		display:inline-block; 
		font-family:FontAwesome; 
		font-size:18px; 
		text-decoration:none; 
		font-style:normal; 
		font-weight:normal; 
		-webkit-font-smoothing:antialiased; 
		-moz-osx-font-smoothing:grayscale; 
		content:'\f002'; 
		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); 
		-moz-transform:scale(-1, 1); 
		-webkit-transform:scale(-1, 1); 
		-ms-transform:scale(-1, 1); 
		transform:scale(-1, 1); 
		position:absolute; 
		right:0.5em; 
		top:0.25em; 
		z-index:1; 
		text-shadow:none; 
		color:#c8ccce; 
	}

	.box.text-style1 .inner {
		position:relative; 
		background-color:#272E39; 
		background-color:rgba(0, 0, 0, 0.15); 
		border-radius:0.4em; 
		padding:1.25em; 
		/*box-shadow:0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25); */
	}

/* class=stu_group_m */
	.stu_group {display:block}
	.stu_group_m {display:none}

/* class=form_table   ==================================================================================== */ 
	.form_table {border-collapse:collapse; width:100%; table-layout:fixed; border-top:2px solid #252525; color:#555; font-size:0.917em}
	.form_title {font-size:12px; height:20px; background-color:#5e6165; color:#fff; padding:0.667em; font-weight:bold; border:solid 1px #484b4e; letter-spacing:-1px}
	
	.form_table thead th {background-color:#F3F3F3; text-align:center; color:#222; padding:10px 0; font-weight:bold; border-top:solid 1px #F3F3F3; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; border-left:none; line-height:20px}
	.form_table thead th:last-child {border-right:none}
	.form_table tbody th {display:table-cell; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd}
	.form_table tbody td {display:table-cell; padding:0.250em; border-bottom:solid 1px #ddd}
	.form_table tbody td {}
	
	.form1_2 {background-color:#e5ecf4; text-align:center; color:#111; padding:0.667em 0; font-weight:bold; border:solid 1px #bbc6d9; line-height:110%; letter-spacing:-1px} 
	.form1_3 {background-color:#f6f7f9; text-align:center; color:#595959; padding:5px; letter-spacing:-1px; border-bottom:solid 1px #d2d2d2}
	.form1_4 {background-color:#ffffff; padding:5px; border-bottom:solid 1px #ccc}  
	
	.form_table tfoot td {background-color:#f4f4f4; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc}		
	
/* class=list_table_cont   ==================================================================================== */ 
	.list_table_cont {overflow:hidden}
	.list_table_cont li {overflow:hidden; text-align:center; padding:10px 0; border-bottom:1px solid #ccc}
	.list_table_cont li .no {float:left; width:5%; color:#555}
	.list_table_cont li .subject_group {float:left; width:25%; color:#555}
	.list_table_cont li .subject_group .cate {float:left; width:18%}
	.list_table_cont li .subject_group .subject {float:left; width:82%; text-align:center; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
	.list_table_cont li .name {float:none; width:100%; color:#555} 

/* ID = Content */
	#content2 {position:relative; background-color:#fff; padding:3em 3em}
	#content2 > .inner {position:relative; z-index:1; width:100% !important}
	#content {position:relative; background-color:#fff; background-image:url("images/bg02.png")}
	#content > .inner {	position:relative; z-index:1}
	#content1 {position:relative; background-color:#fff; padding:3em 8em}
	#content1 > .inner {position:relative; z-index:1; width:100% !important}

/* ID = Nav */

	#nav > ul > li > ul {display:none}
	#nav ul {margin:0}
	#nav li {
		border-top:solid 1px rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
		padding:0.5em 0 0.5em 0; 
	}

	#nav li:first-child {
		border:0; 
		/*box-shadow:none; */
		padding-top:0; 
	}

	#nav li:last-child {
		padding-bottom:0; 
	}

	#nav li a {
		display:block; 
		padding:0.4em 1em 0.4em 1em; 
		text-decoration:none; 
		border-radius:0.4em; 
		outline:0; 
		-moz-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		-webkit-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		-ms-transition:background-color .25s ease-in-out, color .25s ease-in-out; 
		transition:background-color .25s ease-in-out, color .25s ease-in-out; 
	}

	#nav li.current a {
		background-color:#272E39 !important; 
		background-color:rgba(0, 0, 0, 0.15) !important; 
		/*box-shadow:0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0.25em 0 rgba(0, 0, 0, 0.25); */
		font-weight:700; 
		color:#fff; 
	}

	#nav li:hover a {
		background-color:rgba(255, 255, 255, 0.1); 
		color:#fff; 
	}

/* Nav2 */
	#nav2 {
		background-color: #282828;
		text-align: center;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 10000;
		cursor: default;
	}
	#nav2 ul { margin-bottom: 0; }
	#nav2 li { display: inline-block; }
	#nav2 a {
		position: relative;
		display: block;
		color: #fff;
		text-decoration: none;
		outline: 0;
	}
	#nav2 a:hover { color: #fff !important; }

	#nav2 a.active:before {
		content: '';
		display: block;
		position: absolute;
		bottom: -0.6em;
		left: 50%;
		margin-left: -0.75em;
		border-left: solid 0.75em transparent;
		border-right: solid 0.75em transparent;
		border-top: solid 0.6em #282828;
	}
	/* Nav2 */
	#nav2 a {
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
		-ms-transition: background-color .2s ease-in-out;
		transition: background-color .2s ease-in-out;
		padding: 0.2em 1em 0.2em 1em;
		margin: 0.6em 0.2em 0.6em 0.2em;
		font-weight: 600;
		border-radius: 8px;
		color: #fff;
	}
	#nav2 a:hover { background: #383838; }
	#nav2 a:active { background: #484848; }
	
/* ID = Sidebar */

	#titleBar {
		-moz-backface-visibility:hidden; 
		-webkit-backface-visibility:hidden; 
		-ms-backface-visibility:hidden; 
		backface-visibility:hidden; 
		-moz-transition:-moz-transform 0.5s ease; 
		-webkit-transition:-webkit-transform 0.5s ease; 
		-ms-transition:-ms-transform 0.5s ease; 
		transition:transform 0.5s ease; 
		display:none; 
		height:44px; 
		left:0; 
		position:fixed; 
		top:0; 
		width:100%; 
		z-index:10001; 
		background:#364050 url("images/bg01.png"); 
	}

	#titleBar .title {
		display:block; 
		color:#fff; 
		line-height:44px; 
		font-size:1.25em; 
		font-family:'Open Sans Condensed', sans-serif; 
		font-weight:700; 
		letter-spacing:0.1em; 
		/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5); */
		/*box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.25); */
		text-align:center; 
	}

	#titleBar .title a {
		color:inherit; 
		text-decoration:none; 
	}

	#titleBar .toggle {
		width:80px; 
		height:60px; 
		position:absolute; 
		top:0; 
		left:0; 
	}

	#titleBar .toggle:before {
		font-family:FontAwesome; 
		text-decoration:none; 
		font-style:normal; 
		font-weight:normal; 
		-webkit-font-smoothing:antialiased; 
		-moz-osx-font-smoothing:grayscale; 
		content:'\f0c9'; 
		display:block; 
		position:absolute; 
		top:7px; 
		font-size:14px; 
		width:50px; 
		height:30px; 
		line-height:30px; 
		background:#0072bb url("images/bg01.png"); 
		border-radius:5px; 
		color:#fff; 
		text-align:center; 
		/*box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25); */
		/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5); */
		left:7px; 
	}

	#titleBar .toggle:active:before {
		background-color:#4a9dd2; 
	}

	#sidebar {
		color:#fff; 
		color:rgba(255, 255, 255, 0.55); 
		/*text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.5); */
		width:14em; 
		padding:3em 1.35em 1em 1.15em; 
		background:#364050 url("images/bg01.png"); 
		overflow-y:auto; 
		left:0; 
		box-shadow:inset -0.1em 0em 0.35em 0em rgba(0, 0, 0, 0.15); 
	}

	#sidebar form input, #sidebar form select, #sidebar form textarea {
		border:0; 
	}

	#sidebar section, #sidebar nav {
		position:relative; 
		margin:2em 0 0 0; 
		font-size:0.9em; 
	}

	#sidebar section:before, #sidebar nav:before {
		content:''; 
		border-top:solid 1px; 
		border-bottom:solid 1px; 
		border-color:#171E29; 
		border-color:rgba(0, 0, 0, 0.25); 
		/*box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.075), 0px 1px 0px 0px rgba(255, 255, 255, 0.075); */
		display:block; 
		height:0.5em; 
		margin:0 0 2em 0; 
	}

	#sidebar strong, #sidebar b {
		color:#fff; 
	}

	#sidebar a {
		color:#d4dde0; 
	}

	#sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color:#fff; 
	}

	#sidebar header {
		margin:0 0 1.25em 0; 
	}
	
/* Desktop */

	@media screen and (min-width:737px) {
		/* Basic */
		body {height:100%; line-height:1.75em}
		input, textarea, select {line-height:1.75em}
		h2 {font-size:1.2em}
		h3, h4, h5, h6 {font-size:1em}

		/* Button */
		input[type="button"], input[type="submit"],
		input[type="reset"], .button,
		button {display:inline-block; padding:0.167em 2em 0.167em 2em}

		input[type="button"].small, 	input[type="submit"].small,
		input[type="reset"].small, .button.small,
		button.small {font-size:0.85em; padding:0.35em 1.5em 0.35em 1.5em}

		input[type="button"].big, input[type="submit"].big,
		input[type="reset"].big, .button.big,
		button.big {font-size:1.25em; padding:0.75em 2em 0.75em 2em; 	}

		input[type="button"].huge, input[type="submit"].huge,
		input[type="reset"].huge, .button.huge,
		button.huge {font-size:1.5em; padding:0.75em 2em 0.75em 2em}

		/* Pagination */
		.pagination {	padding:3em 0 0 0}
		.pagination .previous {margin-right:0.6em}
		.pagination .next {margin-left:0.2em}
		.pagination .pages a {width:2.75em; height:2.75em; line-height:2.75em}
		.pagination .button {height:2.75em; padding-top:0; padding-bottom:0; line-height:2.75em}

		/* Box */
		.box.post .info .stats li a {
			border-radius:0.4em; 
			opacity:0.5; 
			-moz-transition:opacity .25s ease-in-out, background-color .25s ease-in-out; 
			-webkit-transition:opacity .25s ease-in-out, background-color .25s ease-in-out; 
			-ms-transition:opacity .25s ease-in-out, background-color .25s ease-in-out; 
			transition:opacity .25s ease-in-out, background-color .25s ease-in-out; 
		}

		.box.post .info .stats li:hover a {
			background-color:#f4f4f4; 
			opacity:1.0; 
		}

		/* Logo */
		#logo {
			font-family:'Open Sans Condensed', sans-serif; 
			font-weight:600; 
			font-size:1.6em; 
			letter-spacing:0.1em; 
		}

		#logo a {
			display:block;
			/*
			background-color:#4a9dd2; 
			background-image:url("images/bg01.png"); 
			*/
			background-color:#FFFFFF;
			padding:0.875em 0.25em; 
			border-radius:0.2em; 
			text-align:center; 
			/*box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15), 0 0.025em 0.15em 0em rgba(0, 0, 0, 0.25); */
			text-decoration:none; 
			color:#fff; 
		}

		/* Content */
		#content {/*box-shadow:0 0 0.25em 0em rgba(0, 0, 0, 0.25); */}

		#content > .inner {max-width:1038px; /*margin:0 auto*/
			/*
				This sets an upper limit on your page content to prevent it
				from looking insane on really wide displays. It's currently set
				to the width of the sample post images, but you can change it to
				whatever you like (or remove it entirely).
			*/
			}

		/* Sidebar */
		#sidebar {position:absolute; top:0}

		/* Copyright */
		#copyright {
			margin:2em 0 0 0; 
			text-align:center; 
		}

		#copyright p {
			font-size:0.8em; 
			line-height:2em; 
		}

		#copyright:before {
			height:0.5em; 
			margin:0 0 2em 0; 
		}
	}

/* Wide */

	@media screen and (min-width:1201px){

		/* Basic */
		body{min-width:1200px; font-size:12pt}
		input, textarea, select{font-size:12pt}

		/* Box */
		.box.post h2{font-size:3.25em; line-height:1.25em}

		/*.box.post header{padding:2.75em 0 0 0; margin:0 0 3em 0}*/
		.box.post header{}

		.box.post header > p{
			font-size:2.25em; 
			line-height:1.5em; 
			position:relative; 
			top:-0.65em; 
			margin-bottom:-0.65em; 
		}

		.box.post .info{
			position:absolute; 
			width:5.5em; 
			overflow:hidden; 
			background-color:#fff; 
			background-image:url("images/bg02.png"); 
			left:-10.5em; 
			top:0; 
			padding:1.5em 1em 1.5em 1em; 
			border-top-left-radius:0.4em; 
			border-bottom-left-radius:0.4em; 
			/*box-shadow:0.25em 0 0 0 #fbfbfb, 0 0 0.25em 0em rgba(0, 0, 0, 0.25); */
		}

		.box.post .info .date{
			position:relative; 
			z-index:1; 
			font-family:'Open Sans Condensed', sans-serif; 
			font-weight:400; 
			text-align:center; 
			display:block; 
			font-size:1.5em; 
			color:#999; 
			border-bottom:solid 1px #ddd; 
			padding:0 0 1em 0; 
			margin:0 0 0.75em 0; 
		}

		.box.post .info .date .year,
		.box.post .info .date .month span{
			display:none; 
		}

		.box.post .info .date .day{
			display:block; 
			margin:0.25em 0 0 0; 
			font-size:1.5em; 
			font-weight:700; 
			color:#1b252a; 
		}

		.box.post .info .stats{
			position:relative; 
			z-index:1; 
		}

		.box.post .info .stats li{
			margin:1.25em 0 0 0; 
		}

		.box.post .info .stats li a{
			position:relative; 
			display:block; 
			text-align:right; 
			padding:0 0.5em 0 0.5em; 
		}

		.box.post .info .stats li a:before{
			position:absolute; 
			left:0; 
			top:50%; 
			margin-top:-0.5em; 
			font-size:16px; 
			width:1.5em; 
			text-align:center; 
			opacity:0.35; 
		}

		/* Content margin-left: 21em => 14*/
		#content{margin:0 auto; padding:3em 5em 8em 5em; margin-left: 14em}
		#content.index{margin:0 auto; padding:3em 5em 8em 5em; margin-left:0 none !important}
	}
		/* Narrow */

	@media screen and (min-width:737px) and (max-width:1200px){

		/* Basic */
		body{	min-width:1000px; font-size:0.917em}
		input, textarea, select{font-size:0.917em}

		/* Box */
		.box.post h2{font-size:3.25em; line-height:1.25em}
		.box.post header{padding:1.5em 0 0 0; margin:0 0 3em 0}

		.box.post header > p{
			font-size:1.75em; 
			line-height:1.5em; 
			position:relative; 
			top:-0.75em; 
			margin-bottom:-0.75em; 
		}

		.box.post .info{
			width:100%; 
			padding:1em 0 0 0; 
			position:relative; 
			top:-2em; 
		}

		.box.post .info .date{display:inline}

		.box.post .info .stats{
			display:inline; 
			border-left:solid 1px #ddd; 
			margin-left:1em; 
			padding-left:1em; 
		}

		.box.post .info .stats li{
			display:inline-block; 
			margin-left:0.25em; 
		}

		.box.post .info .stats li a{
			display:inline-block; 
			padding-right:0.5em; 
		}

		.box.post .info .stats li a:before{
			position:relative; 
			width:1.75em; 
			text-align:center; 
			margin-right:0.35em; 
			opacity:0.35; 
		}

		/* Content */
		#content{padding:2em 3em 6em 3em; margin-left:14em}

	}

/* Narrower */

	@media screen and (min-width:737px) and (max-width:1000px){

		/* Basic */
		body{	min-width:641px; font-size:0.917em}
		input, textarea, select{font-size:0.917em}

		/* Logo */
		#logo{display:none}

		/* Nav */
		#nav{	margin-top:0 !important}
		#nav:before{display:none !important}
		#nav li:hover a{background:none}

		/* Sidebar */
		#sidebar{padding:30px 20px 30px 20px}
	}

/* Mobile */

	@media screen and (max-width:736px){

		/* Basic */
		body, input, textarea, select{
			line-height:1.75em; 
			font-size:0.917em; 
			letter-spacing:0; 
		}

		h2, h3, h4, h5, h6{font-size:1.5em}

		/* Section/Article */
		section, article{clear:both}

		/* Button */
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		button,
		.button{
			display:block; 
			width:100%; 
			font-size:0.917em; 
			padding:0.250em 0 0.250em 0;
			margin:0.5em 0 0.5em 0; 
		}

		/* Pagination */
		.pagination .pages{display:none}

		/* Box */
		.box.post{	padding-bottom:5em; 	margin-bottom:6em}

		.box.post header > p{
			font-size:1em; 
			font-family:'Source Sans Pro', sans-serif; 
			line-height:1.5em; 
		}

		.box.post .info{
			width:100%; 
			position:absolute; 
			bottom:0; 
			left:0; 
			border-top:solid 1px #ddd; 
			padding-top:0.5em; 
		}

		.box.post .info .date{
			display:inline; 
		}

		.box.post .info .date .year, .box.post .info .date .month span{
			display:none; 
		}

		.box.post .info .stats{
			display:inline; 
			border-left:solid 1px #ddd; 
			margin-left:0.75em; 
			padding-left:0.75em; 
		}

		.box.post .info .stats li{
			display:inline-block; 
			margin-right:0.85em; 
		}

		.box.post .info .stats li a{
			display:inline-block; 
			opacity:0.5; 
		}

		.box.post .info .stats li a:before{
			position:relative; 
			top:0.1em; 
			margin-right:0.5em; 
			opacity:0.35; 
		}

		.box.post .info .stats li a:active{
			opacity:1.0; 
		}

		/* Logo */
		#logo{display:none}

		/* Nav */
		#nav{	margin-top:0 !important}
		#nav:before{display:none !important}
		#nav li:hover a{background:none}

		/* Content */
		#content{
			margin-top:44px; 
			padding:3em 20px 2em 20px; 
		}

		/* Sidebar */
		#sidebar{
			padding:20px 12px 20px 10px; 
			box-shadow:inset -1px 0 0 0 rgba(255, 255, 255, 0.15), inset -0.1em 0 0.5em 0 rgba(0, 0, 0, 0.25); 
		}

		/* Copyright */

		#copyright{
			margin:2em 0 0 0; 
			text-align:center; 
		}

		#copyright p{
			font-size:0.9em; 
			line-height:2em; 
		}

		#copyright:before{
			height:0.5em; 
			margin:0 0 2em 0; 
		}
		
		.stu_group						{display:none}
		.stu_group_m					{display:block}
		.list_table_head				{display:none}
		.list_table_cont				{overflow:hidden; border-top:2px solid #555}
		.list_table_cont li				{overflow:hidden; text-align:left;  padding:10px }
		.list_table_cont li .no			{display:none; float:left; width:5%; color:#888} 
		.list_table_cont li .subject_group 		{float:none; width:100%}
		.list_table_cont li .subject_group .cate		{float:none; width:100%}
		.list_table_cont li .subject_group .subject	{float:none; width:100%; text-align:left; font-size:1.1em; font-weight:bold; color:#333}
		.list_table_cont li .date		{display:none}
		.list_table_cont li .hit		{display:none}
		.list_table_cont li .name02		{display:block; font-size:0.9em; color:#888; padding:3px 0 0 0}		
	}

/* Off-Canvas Sidebar */

	@media screen and (max-width:1000px){

		/* Basic */
		html, body{overflow-x:hidden}

		/* Content */
		#content{
			-moz-backface-visibility:hidden; 
			-webkit-backface-visibility:hidden; 
			-ms-backface-visibility:hidden; 
			backface-visibility:hidden; 
			-moz-transition:-moz-transform 0.5s ease; 
			-webkit-transition:-webkit-transform 0.5s ease; 
			-ms-transition:-ms-transform 0.5s ease; 
			transition:transform 0.5s ease; 
			margin-top:44px; 
			margin-left:0; 
			margin-right:0; 
			min-height:0 !important; 
		}

		/* Sidebar */
		#titleBar{display:block}

		#sidebar{
			-moz-backface-visibility:hidden; 
			-webkit-backface-visibility:hidden; 
			-ms-backface-visibility:hidden; 
			backface-visibility:hidden; 
			-moz-transition:-moz-transform 0.5s ease; 
			-webkit-transition:-webkit-transform 0.5s ease; 
			-ms-transition:-ms-transform 0.5s ease; 
			transition:transform 0.5s ease; 
			display:block; 
			height:100% !important; 
			min-height:0 !important; 
			overflow-y:auto; 
			position:fixed; 
			top:0; 
			z-index:10002; 
			-moz-transform:translateX(-14em); 
			-webkit-transform:translateX(-14em); 
			-ms-transform:translateX(-14em); 
			transform:translateX(-14em); 
		}

		body.sidebar-visible #content, body.sidebar-visible #titleBar{
			-moz-transform:translateX(14em); 
			-webkit-transform:translateX(14em); 
			-ms-transform:translateX(14em); 
			transform:translateX(14em); 
		}

		body.sidebar-visible #sidebar{
			-moz-transform:translateX(0); 
			-webkit-transform:translateX(0); 
			-ms-transform:translateX(0); 
			transform:translateX(0); 
		}
	}


/* class=access   ==================================================================================== */ 
	section.login { width: 100%; padding:3em; }
	section.login .container { position: relative; width: 100%; padding: 0px 10px 10px 10px; margin: 0 auto; }
	section.login .access { position: relative; display: inline-block; overflow: hidden; width: 100%; padding: 10px 10px 0 0; }
	section.login .access .input { width: 300; height: 40px; line-height: 40px; border-color: #194e91; border-radius: 0 0 0 2px; padding: 0 15px; }
	section.login .access .input:first-child { border-bottom: 0; border-radius: 2px 0 0 0; }
	section.login .access .btn { position: absolute; top: 10px; left: 300; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;  border-radius: 0 2px 2px 0; border-left: 0; background-color: #194e91; }
	section.login .access .combo { position: relative; left: 0; }

	/* index �߰� kaengs@jiran.com 20210127 */
	header span.logo{display:block; width:100%; /*text-align:right*/}
	header span.logo img{}
	.htit_gray{color:#333333}
	.htit_gray>span{font-weight:bold; color:#0079c3}
	.htit_search{margin-bottom:-35px !important; color:#333; font-weight:bold; font-size:1.500em !important}

	.login_box_area{ margin:40px 0 5px 0; padding:20px 0; width:100%; text-align:center; background-color:#f5f6f8; border:1px solid #cecece; }
	.login_box{ display: inline-block; width:350px; }
	.login_box form{text-align:center;}
	.login_box form input{display:inline-block; height:34px;}
	.login_box form input[type="text"]{width:80%; border:1px solid #ccc}
	.login_box form input[type="password"]{width:80%; border:1px solid #ccc}
	.login_box form input.btn{line-height:1.0em; width:100px; border:0 none}
	.login_box form input.chk{border:0 none; margin-right:4px; vertical-align:middle}

	.search_box{ margin:40px 0 5px 0; padding:20px 0; background-color:#f5f6f8; border:1px solid #cecece}
	.search_box form{text-align:center; width:400px;margin-left: auto;margin-right: auto;}
	.search_box form input{display:inline-block; width:80%; height:34px; border:1px solid #ccc}
	.search_box form input.btn{display:inline-block; line-height:1.0em; width:100px; border:0 none}
	.search_box form input.btn4{display:inline-block; top: 10px; right: 0; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;  border-radius: 0 2px 2px 0; border-left: 0; background-color: #194e91; }
	.search_box form input.rdo{text-align:left; display:inline-block; line-height:1.0em; width:20px; height:16px; vertical-align:middle; border:0 none}
	.search_box form input.rdo2{line-height:1.0em; width:20px; height:16px; vertical-align:middle; border:0 none}

	.search_box2{max-width:1200px; margin:40px 0; padding:15px 30px; background-color:#fff; border:1px solid #cecece}
	.search_box2 form{text-align:left}
	.search_box2 form input{display:inline-block; margin:0; margin-top:5px; border:1px solid #cecece; color:#555; vertical-align:middle}
	.search_box2 form input[type="text"]{display:inline-block; margin-top:5px; font-size:0.917em}
	.search_box2 form input[type="button"]{display:inline-block; margin-top:5px; color:#fff}
	.search_box2 form textarea{margin-top:5px; padding:10px; border:1px solid #cecece; background:#fff; color:#555; resize:vertical}
	.search_box2 form textarea:focus{border-color:#333}
	.search_box2 form input.btn{display:inline-block; width:150px; border:0 none}
	.search_box2 form input.chk{border:0 none; margin-right:4px; vertical-align:middle}
	.search_box2 form select{display:inline-block; margin:0; margin-top:5px; padding-left:5px !important; border:1px solid #cecece; color:#555; vertical-align:middle}

	.main_con{margin-top:70px}
	.main_con>p{background:url("../images/icon_01.png") no-repeat top left; padding-left:40px; font-size:1.167em; font-weight:bold}
	.main_con ul.sub_cont01{margin-left:20px; padding-right:10px; font-size:0.917em; line-height:24px}
	.main_con ul.sub_cont01 li{margin-top:10px; font-family:'���� ���','AppleGothic'; list-style-type:disc}
	.main_con ul.sub_cont01 li.sub_list01{margin-top:0; margin-left:20px; font-family:'���� ���','AppleGothic'; list-style-type:square}

	.search_main_con{width:100%}
	.search_main_con .s_txt p{display:inline-block; text-align:left; font-size:0.917em}
	.search_main_con .s_txt p>span{color:#0079c3; font-weight:bold}
	.search_main_con .s_txt p>i{color:#333; font-weight:bold; font-style:normal !important}
	.search_main_con .logo_img{float:right}
	.search_main_con .logo_img img{width:auto; height:20px}

	.page{width:100%; margin-top:50px; text-align:center}
	.page p{display:inline}
	.page p a{width:20px; height:20px; margin:0 5px; padding:5px 10px; border:1px solid #999; color:#555; text-decoration:none}
	.page p a:hover{color:#555}
	.page p a:active{color:#555}
	.page .start_page{width:20px; height:20px; margin:0 5px; padding:5px 10px; background-color:#e5f1f9; border:1px solid #6198b9; color:#555}

	.view_page{width:100%; margin-bottom:10px; text-align:right;}
	.view_page .s_txt {display:inline-block; float:left; font-size:0.917em}
	.view_page p{display:inline; margin-right:20px; padding:0.417em 0.833em; background-color:#0072bb; border-radius:0.417em}
	.view_page p:last-child{margin-right:0}
	.view_page p a{color:#fff; font-size:0.917em; text-decoration:none}

	.stu_group p{display:inline-block; width:100%; padding:0.833em; border:1px solid #ccc; text-align:left; font-size:0.917em; line-height:2em; white-space:pre-line}

	.mt10{margin-top:10px !important}
	.mt30{margin-top:30px !important}
	.mt50{margin-top:50px !important}
	.mt70{margin-top:70px !important}
	.ml10{margin-left:10px !important}