a > img
{
	vertical-align: middle;
}

.captcha-img
{
	cursor: pointer;
	vertical-align: middle;
}

.captcha-text
{
	width: 4em;
}

.utcdatetime
{
	font-size: inherit;
}

.blink
{
	animation: blinker 2s linear infinite;
}

@keyframes blinker
{  
	50% { opacity: .2; }
}

.ui-dialog-content > iframe
{
	height: 100%;
}

.hb-wrapper
{
	padding: 1ex;
}

	.hb-wrapper form nav:not(.except)
	{
		text-align: center;
		padding: 1ex;
	}

	.hb-wrapper .note
	{
		color: black;
		font-size: 90%;
		background-color: #fdfbba;
		border: 1px solid #efeea2;
		border-left: 20px solid #f3f2b0;
		padding: .3em .5em;
		box-shadow: darkgray 3px 4px 4px;
	}

	.hb-wrapper span.note
	{
		display: inline-block;
		margin: 0 0 1ex 0;
		min-width: 12em;
	}

	.hb-wrapper .hcenter
	{
		text-align: center;
	}

	.hb-wrapper input[readonly]
	{
		border: none;
		padding: 3px;
		background-color: transparent;
	}

	.hb-wrapper input[type=button], .hb-wrapper input[type=submit]
	{
		min-width: 6em;
		min-height: 2.2em;
	}

	.hb-wrapper fieldset
	{
		border: none;
		padding: 0;
		margin: 1em 0;
	}

		.hb-wrapper fieldset legend
		{
			display: block;
			width: 100%;
			color: darkslategray;
			font-size: 14pt;
			margin-bottom: .5em;
			font-weight: 200;
			border-bottom: 1px solid silver;
		}
				
		.hb-wrapper fieldset > ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.hb-wrapper fieldset > ul li
		{
			margin-bottom: 0.4em;
		}

		.hb-wrapper .fields label[for]::after
		{
			content: ':';
		}

		.hb-wrapper .fields
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.hb-wrapper .fields > li
		{
			margin: 0 0 1ex 0;
			padding-left: 8em;
			white-space: normal;
		}

		.hb-wrapper .fields > li > label:first-child
		{
			margin-left: -8em;
			vertical-align: top;
		}

		.hb-wrapper .fields > li label:not(.error)
		{	
			min-width: 7.7em;
			padding: 0 .3em 0 0;
			text-align: right;
		}

		.hb-wrapper .fields > li > label:not(.error):first-child
		{
			display: inline-block;		
		}

		.hb-wrapper .fields > li input[type="radio"] + label
		{
			display: inline;
			padding: 0 2em 0 0;
		}

		/*.hb-wrapper .fields > li input[type=text], 
		.hb-wrapper .fields > li input[type=password], 
		.hb-wrapper .fields > li input[type=email],*/
		.hb-wrapper .fields > li textarea
		{
			width: 90%;
		}

	.hb-wrapper .warn
	{
		color: #e53007;
		font-weight: 600;
	}

	.hb-wrapper .subtext
	{
		color: darkgray;
		font-size: 90%;
	}

	.hb-wrapper nav > div
	{
		min-height: 2em;
	}

	.hb-wrapper	nav a
	{		
		color: #104586;
		text-decoration: none;
		transition: all ease-out 0.3s;
		margin: 0 1ex 1ex 0;
	}

	.hb-wrapper	nav a:hover
	{
		color: dimgray;
	}

	.hb-wrapper	.lt
	{
		/*float: left;*/
		display: inline-block;
		margin-left: 1ex;
	}

	.hb-wrapper	.rt
	{
		float: right;
		display: inline-block;
		/*padding: .5ex;*/
		margin-right: 1ex;
	}

	.hb-wrapper iconify-icon
	{
		font-size: 140%;
		vertical-align: bottom;
		margin-right: 3px;
	}

.hb-forum-anchors
{	
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;	
	padding: 0 0 1ex 0;
}

.noti-window
{
	position: fixed;
	top: 8em;
	right: 2em;
	font-weight: bold;
	padding: .5ex;
	margin-bottom: 1ex;	
	background-color: #fdfbba;
	border: 1px solid #efeea2;
	border-radius: 3px;
	box-shadow: gray 1px 3px 5px;
}

.noti-error
{
	color: crimson;
	background-color: pink;
	border: 1px solid lightpink;
}

.noti-close
{
	margin: 0 1ex;
}

.noti-close:link
{
	text-decoration: none;
}

.noti-count
{
	border-radius: 3px;
	background-color: tomato;
	color: white;
	padding: 0 .3em;
}


/* font awesome */
a.fa:before
{
	padding-right: .3ex;
	font-size: 22px;
	vertical-align: middle;
	display: inline-block;
}

.hb-wrapper .fa
{
	font-family: FontAwesome, 'Noto Sans CJK KR', NanumBarunGothic, 'Malgun Gothic', 'Segoe UI';
}