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

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
    url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

body {

}




.lh200 {line-height:200%;}
.lh180 {line-height:180%;}

.fs8{font-size:8px;font-family: 'Nanum Gothic';line-height:150%;}
.fs8v{font-size:8px;font-family: vedana,굴림,gulim;line-height:150%;}
.fs11{font-size:11px;font-family: 'Nanum Gothic';line-height:150%;}
.fs11g{font-size:11px;font-family: 굴림,gulim;line-height:150%;}
.fs11v{font-size:11px;font-family:vedana;line-height:150%;}
.fs12{font-size:12px;font-family: 'Nanum Gothic';line-height:150%;}
.fs12m{font-size:12px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;}
.fs13{font-size:13px;font-family: 'Nanum Gothic';line-height:150%;}
.fs13m{font-size:13px;font-family: 'Malgun Gothic','Nanum Gothic';}
.fs14{font-size:14px;font-family: 'Nanum Gothic';line-height:150%;}
.fs14m{font-size:14px;font-family: 'Malgun Gothic','Nanum Gothic';}
.fs15{font-size:15px;font-family: 'Nanum Gothic';line-height:150%;}
.fs15m{font-size:15px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;}
.fs16{font-size:16px;font-family: 'Nanum Gothic';line-height:150%;}
.fs17{font-size:17px;font-family: 'Nanum Gothic';line-height:150%;}
.fs20{font-size:20px;font-family: 'Nanum Gothic';line-height:150%;}
.fs25{font-size:25px;font-family: 'Nanum Gothic';line-height:150%;}
.fs25m{font-size:25px;font-family: 'Malgun Gothic','Nanum Gothic';line-height:150%;}
.fs30{font-size:30px;font-family: 'Nanum Gothic';line-height:150%;}
.fs40{font-size:40px;font-family: 'Nanum Gothic';line-height:150%;}
.fs50{font-size:50px;font-family: 'Nanum Gothic';line-height:150%;}


.fs11g{font-size:11px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;}
.fs12g{font-size:12px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;}
.fs13g{font-size:13px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;}
.fs14g{font-size:14px;font-family:돋움,dotum,굴림,gulim;letter-spacing:-1;}

.fs11b{font-size:11px;font-family: 'easyNanumGothicBold';}
.fs12b{font-size:12px;font-family: 'easyNanumGothicBold';}
.fs13b{font-size:13px;font-family: 'easyNanumGothicBold';}
.fs14b{font-size:14px;font-family: 'easyNanumGothicBold';}
.fs15b{font-size:15px;font-family: 'easyNanumGothicBold';}
.fs16b{font-size:16px;font-family: 'easyNanumGothicBold';}
.fs17b{font-size:17px;font-family: 'easyNanumGothicBold';}
.fs20b{font-size:20px;font-family: 'easyNanumGothicBold';}

.b {font-weight:bold;}
.un {text-decoration:underline;}

.cr_gray 		  { letter-spacing:-1;  color:#666666; }
a.cr_gray:link 	  { letter-spacing:-1;color:#666666; }
a.cr_gray:visited  { letter-spacing:-1;color:#666666; }
a.cr_gray:active   { letter-spacing:-1;color:#666666; }
a.cr_gray:hover	  { letter-spacing:-1;color:#000000; text-decoration:none;}

.cr_green 		  { letter-spacing:-1;  color:green; }
a.cr_green:link 	  { letter-spacing:-1;color:green; }
a.cr_green:visited  { letter-spacing:-1;color:green; }
a.cr_green:active   { letter-spacing:-1;color:green; }
a.cr_green:hover	  { letter-spacing:-1;color:#f7931e; }

.cr_yellow 		  { letter-spacing:-1;  color:#fff600; }
a.cr_yellow:link 	  { letter-spacing:-1;color:#fff600; }
a.cr_yellow:visited  { letter-spacing:-1;color:#fff600; }
a.cr_yellow:active   { letter-spacing:-1;color:#fff600; }
a.cr_yellow:hover	  { letter-spacing:-1;color:#fff600; }

.cr_blue		  { letter-spacing:-1;  color:blue; }
a.cr_blue:link 	  { letter-spacing:-1;color:blue; }
a.cr_blue:visited  { letter-spacing:-1;color:blue; }
a.cr_blue:active   { letter-spacing:-1;color:blue; }
a.cr_blue:hover	  { letter-spacing:-1;color:#f7931e; }

.cr_red 		  { letter-spacing:-1;  color:red; }
a.cr_red:link 	  { letter-spacing:-1;color:red; }
a.cr_red:visited  { letter-spacing:-1;color:red; }
a.cr_red:active   { letter-spacing:-1;color:red; }
a.cr_red:hover	  { letter-spacing:-1;color:#f7931e; }

.cr_pink 		  { letter-spacing:-1;  color:#cc3377; }
a.cr_pink:link 	  { letter-spacing:-1;color:#cc3377; }
a.cr_pink:visited  { letter-spacing:-1;color:#cc3377; }
a.cr_pink:active   { letter-spacing:-1;color:#cc3377; }
a.cr_pink:hover	  { letter-spacing:-1;color:#f7931e; }

.cr_black 		  { letter-spacing:-1;  color:black; }
a.cr_black:link 	  { letter-spacing:-1;color:black; }
a.cr_black:visited  { letter-spacing:-1;color:black; }
a.cr_black:active   { letter-spacing:-1;color:black; }
a.cr_black:hover	  { letter-spacing:-1;color:#f7931e; }

.cr_aqua		  { letter-spacing:-1;  color:#1b8ffc; }
a.cr_aqua:link 	  { letter-spacing:-1;color:#1b8ffc; }
a.cr_aqua:visited  { letter-spacing:-1;color:#1b8ffc; }
a.cr_aqua:active   { letter-spacing:-1;color:#1b8ffc; }
a.cr_aqua:hover	  { letter-spacing:-1;color:#1b8ffc; }

.cr_white		  { letter-spacing:-1;  color:white; }
a.cr_white:link 	  { letter-spacing:-1;color:white; }
a.cr_white:visited  { letter-spacing:-1;color:white; }
a.cr_white:active   { letter-spacing:-1;color:white; }
a.cr_white:hover	  { letter-spacing:-1;color:white;}

.cr_white2		  { letter-spacing:-1;  color:#d7d7d7; }
a.cr_white2:link 	  { letter-spacing:-1;color:#d7d7d7; }
a.cr_white2:visited  { letter-spacing:-1;color:#d7d7d7; }
a.cr_white2:active   { letter-spacing:-1;color:#d7d7d7; }
a.cr_white2:hover	  { letter-spacing:-1;color:#d7d7d7;}

.cr_white4		  { letter-spacing:-1;  color:#a3a3a3; }
a.cr_white4:link 	  { letter-spacing:-1;color:#a3a3a3; }
a.cr_white4:visited  { letter-spacing:-1;color:#a3a3a3; }
a.cr_white4:active   { letter-spacing:-1;color:#a3a3a3; }
a.cr_white4:hover	  { letter-spacing:-1;color:#a3a3a3;}

.cr_white3		  { letter-spacing:0;  color:white;text-decoration:underline; }
a.cr_white3:link 	  { letter-spacing:0;color:white;text-decoration:underline; }
a.cr_white3:visited  { letter-spacing:0;color:white;text-decoration:underline; }
a.cr_white3:active   { letter-spacing:0;color:white;text-decoration:underline; }
a.cr_white3:hover	  { letter-spacing:0;color:white;text-decoration:underline; }

.cr_menu		  { letter-spacing:-1;  color:e7f32b; }
a.cr_menu:link 	  { letter-spacing:-1;color:e7f32b; }
a.cr_menu:visited  { letter-spacing:-1;color:e7f32b; }
a.cr_menu:active   { letter-spacing:-1;color:e7f32b; }
a.cr_menu:hover	  { letter-spacing:-1;color:e7f32b;text-decoration:none; }

.cr_menu2		  { letter-spacing:-1;  color:white; }
a.cr_menu2:link 	  { letter-spacing:-1;color:white; }
a.cr_menu2:visited  { letter-spacing:-1;color:white; }
a.cr_menu2:active   { letter-spacing:-1;color:white; }
a.cr_menu2:hover	  { letter-spacing:-1;color:white;text-decoration:none; }

.container > header,
.codrops-top {
	color: #fff;
	font-family: 'Nanum Gothic','Lato', Arial, sans-serif;
	margin:0;
	padding:0;
}

.container > header {
	margin: 0 auto;
	/*padding: 12em 2em;*/
	/*padding-left: 370px;*/
	padding:0;
	background: #333333;
}

.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;*/
	padding: 0 0 0.6em 0.1em;
}

/* 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: "\e005";
}

/* 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;
}