/* Layout */
* { margin: 0; padding: 0;}
.l-page {
	min-width: 1250px;
}
.b-main, .l-footer, .b-header, .l-body {
	margin: 0 auto;
}
.b-header, .l-body, .l-footer {
	width: 1200px;
}
	/* Sticky footer layout */
		html, body, .l-page{
			height: 100%;
		}
		body > .l-page { height: auto; min-height: 100%; }
		.l-body {
			position: relative;
			top: -30px;
		}
		.l-body-with-flash td {
			vertical-align: top;
		}
		.b-main {
			padding-bottom: 100px;
		}
		.l-footer {
			position: relative;
			margin-top: -100px; /* negative value of footer height */
			height: 100px;
			clear:both;
		}
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		.clearfix {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html .clearfix {
			height: 1%;
		}
		.clearfix {
			display: block;
		}
		/* End hide from IE-mac */

/* Font global */
html { font-size: 100.01%; }
body {
	font-size:62.5%;
	font-family: Tahoma, sans-serif;
}

/* Header */
.b-header {
	font-size: 1.1em;
	height: 370px;
}
	.h-menus {
		padding-left: 45px;
	}
		.b-header-topline {
			font-family: Trebuchet MS, sans-serif;
		}
			.b-menu, .b-digits {
				clear: both;
				list-style-type: none;
				float: left;
			}
			.b-menu {
				padding-top: 20px;
				margin-right: 25px;
				width: 560px;
				overflow: hidden;
			}
				.b-menu li {
					border-left: 1px solid #FFF;
					margin-left: -1px;
				}
				.b-menu li a {
					display: block;
					padding: 0 0.9em 0 0.7em;
				}
				.b-menu li, .b-digits li {
					display: inline;
					float: left;
					color: #FFF;
				}
				.b-menu li {
				}
					.b-divider {
						padding: 0 0.7em;
					}
					.b-menu-link a, .b-digits-link {
						color: #FFF;
						text-decoration: none;
					}
					.b-menu-link a:hover, .b-digits-link:hover {
						text-decoration: underline;
					}
			.b-header-tel {
				float: left;
				width: 180px;
				height: 50px;
				background: url(/i/header-tel.png) no-repeat;
			}
			.b-header-bage {
				float: left;
				width: 310px;
				height: 50px;
				background: url(/i/header-bage.png) no-repeat;
				margin-right: 10px;
				text-decoration: none;
				cursor: hand;
			}
			.b-header-lang  {
				float: left;
				font-family: Arial;
				font-size: 1em;
				padding-top: 0.5em;
				line-height: 1.5em;			
			}
				.b-header-lang .inactive-lang {
					color: #FFF;
					text-decoration: underline;
				}
				.b-header-lang .active-lang {
					color: #275c71;
					text-decoration: none;
				}

		.b-digits {
			list-style-type: none;
			margin-top: 100px;
			margin-left: -70px;
		}
			.b-digits li {
				position:relative;
				padding-left: 60px;
				float:left;
				height: 110px;
				width: 90px;		
				list-style: none;
			}
				.b-digit-wrap {
					width: 90px;
					position:absolute;
					height: 110px;			
					overflow:hidden;
				}
					.b-digits-bg {
						width: 90px;
						height:1561px;
						position:absolute;
						background: url('/i/digits-sprite.png') no-repeat;
					}
					#b-digit-bg-1 { top: -5px}
					#b-digit-bg-2 { top:-224px; }
					#b-digit-bg-3 { top:-465px; }
					#b-digit-bg-4 { top:-682px; }
					#b-digit-bg-5 { top:-907px; }
					#b-digit-bg-6 { top:-1124px; }
					#b-digit-bg-7 { top:-1347px; }

					.active #b-digit-bg-1 { top: -106px}
					.active #b-digit-bg-2 { top: -325px}
					.active #b-digit-bg-3 { top: -567px}
					.active #b-digit-bg-4 { top: -782px}
					.active #b-digit-bg-5 { top: -1009px}
					.active #b-digit-bg-6 { top: -1226px}
					.active #b-digit-bg-7 { top: -1448px}

						.b-digit-link {
							font-size: 1.2em;
							display:block;
							position:absolute;
							width:50px;
							top: -35px;
							height: 125px;
							padding-left: 70px;
							color:#FFF;
							text-decoration:none;
						}
						.b-digit-link:hover {
							color:#F0FCE5;
							text-decoration:underline;
						}
						.b-digit-link:active {
							outline: none;
						}
						.b-digit-link:focus { -moz-outline: none; }

	.b-flash-slider { width: 450px }
	#b-slider:active, #b-flash object:active { outline: none ;}
	#b-slider:focus, #b-flash object:focus {-moz-outline-style: none;}

	.b-menu-with-flash {
		width: 190px;
		list-style-type: none;
	}
	.b-menu-with-flash .row {
		float: left;
		width: 190px;
		padding-bottom: 0.8em;
	}
	.b-menu-with-flash .text {
		float: left;
		width: 170px;
		font-size: 1.2em;
		font-family: Trebuchet MS, Tahoma, sans-serif;
	}
	.b-menu-with-flash .text a {
		color: #3571a2;
	}
	.b-menu-with-flash .row .marker {
		display: table-cell;
		vertical-align: top;
		float: right; 
		color: white;
		text-align: center;
		padding-top: 0.1em;
		height: 16px;
		width: 16px;
		background: url('/i/blue-red-marker.png') no-repeat 0 -16px;
	}
	.b-menu-with-flash .active .text a {
		color: #3e770b;
	}
	.b-menu-with-flash .active .marker {
		background-position: 0 0;
	}
	.b-flash-header h1 {
		font-family: Times, serif;
		color: #2f6991;
		font-size: 2.8em;
		margin-bottom: 0;
	}
	.b-flash-header h2 {
		font-family: Trebuchet MS, Tahoma, sans-serif;
		color: #326f96;
		font-size: 1.25em;
		font-style: italic;
		margin-left: 0;
		padding-bottom: 3em;
	}
	.b-flash-content {
		padding-left: 2em;
	}
	.b-flash-content p, .b-flash-content ul li, .b-flash-content ol li {
		color: #4d4d4d;
		font-size: 1.25em;
	}

	.b-content-with-left-menu {
		font-size: 0.9em;
	}
		.b-left-menu {
			list-style-type: none;
			font-size: 0.9em;
			margin-left: 50px;
			width: 300px;
		}
			.b-left-menu .row {
				padding: 0 1em 2em 2em;
			}
			.b-left-menu .row a {
				color: #4089A4;
				text-decoration: none;
			}
			.b-left-menu .active {
				background: url(/i/marker.gif) no-repeat;
			}
				.b-left-menu .active a, .b-left-menu .row a:hover {
					color: #3E770B;
					text-decoration: underline;
				}
		.b-form-wrapper	{
			width: 670px;
			margin: 0 auto;
			font-size: 1.2em;
		}
			.b-form-feedback {
				width:600px;
				margin: 0 auto;
			}
				.b-form-element {
					padding: 0.5em;
				}
					.b-form-element label {
						 color: #7A7B7B;
						 font-size: 1.2em;
						 padding-left: 1em;
						 text-transform: lowercase;
					}
					#b-name, #b-email, #b-captcha {
						width: 270px;
						height: 25px;
					}
					.b-input {
						border: 1px solid #ccc;
						padding: 0.3em 0 0 2em;
						font-size: 1.25em;
						color: #7A7B7B;
						font-family: Tahoma;
					}
					#b-name { background: url('/i/form-icons.png') no-repeat scroll 8px 8px; }
					#b-email { background: url('/i/form-icons.png') no-repeat scroll 8px -30px; }
					.b-textarea {
						border: 1px solid #ccc;
						padding: 1em;
						color:#7A7B7B;
						font-family: Tahoma;
					}
					.b-button, .b-button button {
						background: url(/i/button.png) no-repeat;
						dispay: -moz-inline-stack;
						display: inline-block;
						font-size: 14px;
					}
					.b-button {
						margin-right: 3px;
					}
					.b-button button {
						border: 0;
						margin: 0;
						padding: 0 16px 2px 8px;
						position: relative;
						line-height: 31px;
						left: 6px;
						height: 31px;
						background-position: top right;
						white-space: nowrap;
						color: #7a7b7b;
						text-transform: lowercase;
					}
	.content-table td {
		background-color: #EDF6F9;
		padding: 1em;
	}
	.content-table .odd td {
		background-color: #D8E9F0;
	}

	.b-form-order {
		float: left;
		width: 660px;
		margin: 0 auto;
	}	
		.b-form-order .b-form-element {
			clear: both;
			text-align: right;
		}
			.b-form-order .b-form-element label {
				float: left;
				line-height: 2em;
				padding: 0 1em;
				text-transform: none;
			}
			.b-form-order .b-form-element .b-input {
				height: 25px;
				width: 15em;
				padding: 0.3em 0.3em 0 0.3em;
				float: right;
			}
			.b-star { color: #f00;}
			.b-tip {
				float: right;
				clear: both;
				font-size: 0.9em;
				padding-top: 0.4em;
				color: #7A7B7B;
				width: 20em;
			}
			.errors{
				color: #f00;
				font-size: 1.3em;
				padding-left: 1.6em;
			}
			.invalid, input.required {
				border:1px solid rgb(237,116,122);	
			}
			label.invalid, label.required {
				border: 0 none;
			}
	.b-comments {
		width: 680px;
		margin: 0 auto;
		font-size: 1.2em;
	}
		.b-comments-nav {
			color: #7a7b7b;
			width: 400px;
			margin: 0 auto;
			text-align: center;
		}
		.b-comment {
			
			color:#7A7B7B;
			margin-bottom: 1em;
		}
			.b-comment-header {
				margin-bottom: 0.5em;
			}
				.b-comment-user {
					color: #1D84AE;
					font-weight: bold;
				}
				.b-comment-date {
					
				}
			.b-comment-entry {
				line-height: 1.3em;
			}
	.b-copyrights-r a {
		display:block;
		margin-top: 10px;
	}		
		.b-copyrights-r a img {
			border: 0 none;
		}
/* Body */
a:active { outline: none; } /* ??????????????????????????? ??????????????? ?????? ??????????????????. */
a:focus { -moz-outline-style: none; }
.l-page {
	background: transparent url('/i/header-bg-gradient.png') repeat-x scroll 0 0;
}
	.b-main {
		background: transparent url(/i/header-bg-pic.jpg) no-repeat scroll 50% 0;
	}
		.l-body {
			clear: left;
		}
			.l-body a:active, .l-body a:visited { color: #427F96; }

			h1 {
				font-size: 1.8em;
				font-weight: normal;
				margin-bottom: 0.5em;
			}
				h1.altHeader {
					font-family: "Trebuchet MS";
					font-size: 4em;
					font-style: italic;
				}
			h2 {
				font-size: 1.6em;
				font-weight: normal;
				color: #427f96;
				margin-left: 1em;
				margin-bottom: 0.5em;
			}
			h3 {
				font-size: 1.4em;
				font-weight: normal;
				color: #719cbe;
				margin-left: 3em;
				margin-bottom: 0.5em;
			}
				.b-flash-content h3 {
					margin-left: 0;
				}
			p {
				font-size: 1.4em;
				line-height: 1.3em;
				margin-bottom: 1em;
			}
			.l-body a {
				color: #3e770b;
			}
			.l-body img {
				padding: 1em;
			}
			.b-content {
				width: 100%;
				color: #427f96;
				font-size: 0.9em;
			}
				.b-content td {
					/*width: 33%;*/
					vertical-align: top;
					padding: 2em;
				}
					.fifty td {
						width: 50%;
					}
					.td_33 td {
						width: 33%;
					}
					.with-image { padding-right: 0; }
					.wide-one { width: 750px; }
				.b-content p {
					margin-bottom: 0.5em;
				}
				.b-content ol li, .b-content ul li {
					margin-left: 2em;
					margin-bottom: 0.5em;
					font-size: 1.4em;
				}
				.b-content ul li p, .b-content ol li p
				{
					font-size: 1em;
				}

			.b-content.gray {
				color: #7a7b7b;
			}
			
			.hr {
				margin: 2em 0;
				background: url('/i/hr.gif') no-repeat 50% 0;
				border: 0;
				height: 2px;
			}
/* Footer */
.b-banner {
	border-top: 1px solid #FFF;
	float: left;
	width: 400px;
	height: 70px;
	margin: 0 20px;
}
.b-copyrights {
	float: right;
	width: 745px;
	height: 70px;
	color: #70787b;
}
	.b-copyrights-l, .b-copyrights-r {
		border-top: 1px solid #629baf;
		float: left;
		padding: 1em 0.5em 0;
		width: 48%;
	}
		.b-copyrights-l p, .b-copyrights-r p {
			font-size: 1em;
			line-height: 1em;
		}
	.b-copyrights-r {
		text-align: right;
	}