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, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
path{
	fill: #FFF;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
html {
 box-sizing: border-box;
 font-family: 'Signika', sans-serif;
}
*, *:before, *:after {
 box-sizing: inherit;
}
body {
 line-height: 1;
}
strong{
	font-weight: bold;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.container{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
nav{
	background-color: #EEE;
	height: 85px;
	padding: 15px 0px;
}
nav .container{
	padding: 0 19px;
}
.logo{
float: left;
}
.menu{
	float: left;
	margin-left: 20px;
}
.menu li{
	float: left;
	display: block;
	padding: 0 20px;
	height: 53px;
	border-left: 1px solid #E3E3E3;
	line-height: 53px;
}
.menu a:first-child li{
	border: 0;
}
.menu a{
	font: 16px/1.3em basic,sans-serif;
	color: #323A45;
	transition: color 0.4s ease 0s;
}
.menu a:hover{
	color: #8CDCF8;
}
.menu .active{
	color: #F72459;
}
.g_play{
	float: right;
	margin-top: 10px;
}
#first_screen{
	background-color: #16A9F2;
	padding-top: 45px;
	padding-bottom: 100px;
}
.first_left{
	width: 605px;
	text-align: center;
	float: left;
}
.first_left h1{
	font-size: 40px;
	color: #FFF;
	font-family: play,sans-serif;
	font-weight: bold;
	margin-top: 20px;
}
.first_left p{
	font-family: basic,sans-serif;
	font-size: 24px;
	color: #FFF;
	margin-top: 35px;
	line-height: 1.3;
}
.first_left .play-video{
	width: 115px;
	height: 115px;
	display: block;
	margin: 10px auto;
	background: url("images/play_video1.png") no-repeat;
}
.markets{
	margin-top: 40px;
	position: relative;
}
.markets span{
	display: block;
	font-family: basic,sans-serif;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	left: 145px;
	top: -20px;
}
.markets a{
	margin-left: 20px;
}
.first_right{
	width: 375px;
	float: right;
	text-align: center;
}
#second_screen{
	background-color: #eee;
	padding-top: 100px;
	padding-bottom: 100px;
}
.second_left{
	width: 375px;
	float: left;
	text-align: center;
}
.second_right{
	width: 605px;
	text-align: center;
	float: right;
}
.second_right h2{
	font-size: 36px;
	color: #323A45;
	font-family: play,sans-serif;
	font-weight: normal;
	margin-top: 100px;
	line-height: 1.3;
}
.second_right p{
	font-family: basic,sans-serif;
	font-size: 24px;
	color: #323A45;
	margin-top: 30px;
	line-height: 1.3;
}
#third_screen{
	background-color: #F72459;
	padding-top: 70px;
	padding-bottom: 70px;
}
.first_left{
	width: 605px;
	text-align: center;
	float: left;
}
.first_left h2{
	font-size: 36px;
	color: #fff;
	font-family: play,sans-serif;
	font-weight: normal;
	margin-top: 80px;
	line-height: 1.3;
}
.first_left p{
	font-family: basic,sans-serif;
	font-size: 24px;
	color: #FFF;
}
.first_left .play-video{
	width: 115px;
	height: 115px;
	display: block;
	margin: 10px auto 0;
	background: url("images/play_video1.png") no-repeat;
	transition: opacity 0.5s ease 0s;
}
.first_left .play-video:hover{
	background-image: url("images/play_video2.png");
	transition: opacity 0.5s ease 0s;
}
.first_right{
	width: 375px;
	float: right;
	text-align: center;
}
footer{
	background-color: #eee;
	padding-top: 30px;
	font: 14px/1.3em Arial,"ｍｓ ｐゴシック","ms pgothic","돋움",dotum,helvetica,sans-serif;
	color: #757070;
}
footer p{
	margin-bottom: 15px;
}
footer .info{
	width: 350px;
	float: left;
	margin-right: 100px;
}
footer .info a{
	display: inline-block;
	margin-right: 5px;
}
footer ul{

}
footer ul a{
	float: left;
	display: block;
	margin-right: 80px;
	color: #019CD2;
	transition: color 0.4s ease 0s;
	text-decoration: none;
}
footer ul a:last-child{
	margin-right: 0;
}
footer ul a:hover{
	color: #8CDCF8;
}
footer ul .active{
	color: #00739E;
}
footer .down{
	text-align: center;
}
footer .down span{
	margin-top: 20px;
	display: block;
}
.page-up{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	bottom: 50;
	background: transparent url(images/triangle.png) no-repeat;
	text-align: center;
}
.page-up a{
	font: bold 21px/1.3em basic,sans-serif;
	transition: color 0.4s ease 0s;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
	display: block;
}
.page-up a:hover{
	color: #F72459;
}
#about{
	background: #23A7F1 url("images/about-back.jpg") center;
	height: 446px;
	color: #FFF;
	padding-top: 30px;
}
#about .container{
	background-color: rgba(0, 0, 0, 0.63);
	padding: 13px 34px 50px;
}
#about h1{
	font-family: signika,sans-serif;
	font-size: 30px;
	font-weight: bold;
}
#about p{
	font-family: basic,sans-serif;
	font-size: 18px;
	margin-top: 60px;
	line-height: 1.34;
}
.quote{
	font-family: basic,sans-serif;
	font-size: 22px;
	margin: 60px 0 0 90px;
	line-height: 1.2em;
}
.quote-author{
	font-family: basic,sans-serif;
	font-size: 16px;
	display: block;
}
.about-map{
	width: 301px;
	height: 221px;
}
.text-content h2{
	font-family: basic,sans-serif;
	color: #FFF;
	font-size: 30px;
}
.text-content p{
	font-family: basic,sans-serif;
	color: #fff;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 20px;
}
#our-home{
	background-color: #F72459;
	padding: 40px 0 60px;
}
#press{
	background-color: #00ADED;
}
.text-content h2{
	font-family: signika,sans-serif;
	color: #FFF;
	font-size: 30px;
}
.text-content .container{
	padding: 69px 0px 69px 78px;
}
.text-content p{
	font-size: 18px;
	margin-top: 45px;
	margin-bottom: 0px;
	line-height: 1.3;
}
.text-content .container > span{
	font-family: basic,sans-serif;
	font-size: 20px;
	color: #FFF;
	margin-top: 60px;
	display: block;
	font-weight: bold;
}
#assets h2{
	color: #323A45 !important;
}
#assets p{
	color: #323A45 !important;
}
.press-kit{
	font: 27px/2 basic,sans-serif;
	transition: color 0.4s ease 0s;
	color: #FFF;
	display: inline-block;
	background-color: #F72459;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
	border: 0px solid #FFF;
	width: 259px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	margin-top: 40px;
}
.press-kit:hover{
	background-color: #00ADED;
}
#hiring-info{
	background-color: #F72459;
}
#hiring-info .container{
	padding: 69px 0px 69px 0px;
}
.hiring-about{
	width: 50%;
	text-align: center;
}
.svg{
	margin-top: 30px;
}
#hiring-1, #hiring-3{
	background-color: #00ADED;
	color: #fff;
}
#hiring-1 .container > span, #hiring-2 .container > span, #hiring-3 .container > span{
	margin-top: 0;
	font-weight: normal;
	font-size: 16px;
}
#hiring-2 h2, #hiring-2 .container > span{
	color: #00ADED;
}
.text-content ul{
	font-family: basic,sans-serif;
	line-height: 1.3em;
	font-size: 18px;
	margin-top: 30px;
}
#hiring-2 ul{
	color: #2A2738;
}
.video-container{
	width: 563px;
	height: 377px;
	margin-top: 20px;
}
.close-video{
	background-color: #F62459;
	width: 30px;
	height: 30px;
	display: block;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	border: 0px solid #FFF;
	text-align: center;
}
.close-video:hover{
	background-color: #FF5B84;
}
.close-video span{
	font: 22px/1.3em basic,sans-serif;
	transition: color 0.4s ease 0s;
	color: #FFF;
}