@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'codropsicons';
	src:url('/m/_fonts/codropsicons/codropsicons.eot');
	src:url('/m/_fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('/m/_fonts/codropsicons/codropsicons.woff') format('woff'),
		url('/m/_fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('/m/_fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background: #FFFFFF; }

/*
.container > header,
.codrops-top { color: #fff; font-family: 'Lato', Arial, sans-serif; }
.container > header { margin: 0 auto; padding: 2.2em 1em; background: #34495e; }
.container > header a {color: #566473;text-decoration: none; outline: none; }
.container > header a:hover { color: #4f7bab; }
.container > header h1 {	font-size: 3.2em; line-height: 1.3; margin: 0; font-weight: 300; }
.container > header span { display: block; font-size: 55%; color: #74818e; 	padding: 0 0 0.6em 0.1em; }
*/

h1 {color: #fff; margin: 0 auto; height: 132px; padding-top: 3.15em; padding-right: 2em; text-align: right; background: #34495e; font-size: 1.6em; line-height: 1.2; font-weight: 300; 
     font-family: 'Lato', Arial, sans-serif; width: 100%;}
h1 span { display: block; font-size: 70%; color: #828f9c; padding: 0 0 0.6em 0.1em; }
h2 {color: #fff; margin: 0 auto; height: 0px; width: 100%; border: 0px solid #000000;}
.container  .content { /*º»¹®*/	color: #666666 ; background: #FFFFFF; width: 100%; font-size: 1.0em; line-height: 1.4; }
.content_m { /*¸ÞÀÎ*/	background:url('/m/_img/bg_main.png'), repeat-y, left; ; width: 100%; margin: 0px; font-size: 1.0em; line-height: 1.4; border: 0px solid #FF0000;}

/*  ·Ñ¸µ CSS [½ÃÀÛ] */
.top_banner { border: 0px solid #FF0000; text-align:center; width: 100%; background: #303030; }
ul, li {padding: 0; margin: 0;}
.slideshow-container {
	position: relative;
	width: 360px;
	margin: 0px auto 0px auto;
}
 
.slideshow-link {
	position: absolute;
	left: 0px;
	top: 0px;
}
.slideshow {
	width: 360px ;
	height: 100px;
	overflow: hidden;
	position: relative;
} 
.slideshow ul {
	width: 10000px;
	list-style: none;
	position: relative;
}
.slideshow li { 
	float: left;
}
.slideshow-link{ z-index: 20; padding: 82px 0 0 160px; }
.slideshow-link a { margin-right: 10px; }
.slideshow-link a.off, .slideshow-link a.on { display: inline-block; height:  8px; width: 10px; bottom: 10px; }
.slideshow-link a.off { background: url('/m/_img/visual_off.png') no-repeat 0 0; }
.slideshow-link a.on { background: url('/m/_img/visual_on.png') no-repeat 0 0;
}
/* ¸ÞÀÎ ·Ñ¸µ CSS [³¡] */

/* footer */
.ft { width: 100%; border-top: 1px solid #dfdfdf;clear: both;color: #D5D6D8;text-align: center;white-space: nowrap; background: url("/m/_img/bg_bttm.gif") repeat-x scroll 0 0 #888888;}
.ft a {color: #666; text-decoration: none; }
.ft1 {color: #909090;padding: 3px 0 3px;}
.ft1 a { color: #D6D6D6; display: inline-block; font-size: 1.0em; padding: 0px ; text-decoration: none; }
.ft1 a.f {background: none repeat scroll 0 0 transparent; }
.ft3 { font-family: 'Lato', Arial, sans-serif; color: #DFDFDF; font-size: 0.8em;padding-top:1px; line-height: 130%; letter-spacing: -0.03em; }
.ft3 a { font-family: 'Lato', Arial, sans-serif; color: #f4f4f4; font-size: 107%; padding-top:1px; line-height: 130%; letter-spacing: -0.03em;  }
.cr {clear: both;color: #bfbfbf;  font-size: 0.75em;padding: 0px 0px 15px 0px; text-align: center;}
em, address {font-style: normal; }


/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #89867e;
	color: #89867e;
}

@media screen and (max-width: 1025px) {
	.container > header {
		margin: 0 auto;
		padding: 120px 50px;
		font-size: 70%;
		text-align: right;
	}
}

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

	.codrops-icon span {
		display: none;
	}

}