@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);



body, div, img, section, h1, h2, h3, h4, h5, h6, h7, span, a, nav, input, ul, li {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Nanum Gothic', sans-serif;
	background-color: #ebebeb;
}

.link {
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

#section1 {
	 height:2276px;
}

.top{
	position: fixed;
	background-color: #303474;
	margin: 0 auto;
   	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
}

.body_center {
    width: 1200px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: -4px;
}

.logo {
	font-family: Helvetica;
	height:52px;
	line-height: 52px;
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	margin-left: 27px;
	float:left;
	display: flex;
}

.logo>img {
	width: 36px;
    margin-top: 7px;
    height: 36px;
} 

.logo>span{
	display: inline-block;
	line-height: 54px;
	margin-left: 8px;
}


.navi {
	float:right;
	height:52px;
	line-height: 52px;
	margin-top: 0px;
	margin-right:27px;
}

.navi > ul > li {
	display: inline-block;
	margin-left: 20px;
	font-size:  14px;
	color: #ffffff;
	font-family: 'Nanum Gothic', sans-serif;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.7px;
}

.navi > ul > .activity {
	color: #62c2fa;
	background-image:url(../img/navi_over_background.jpg?ver=4);
	background-repeat: repeat-x;
}

.section_wrap {
	margin-top: 52px;
}

.setsion1_bg{
	position: absolute;
}

.btn_goto_whitepaper {
	position: absolute;
	margin-top: 400px;
	margin-left: 95px;
}

.btn_download_appstore {
	
}
.btn_download_googleplay {
	margin-left: 25px;
}
.btn_download_guide {
	margin-left: 25px;	
}

.witepaper_wrap {
	display: flex;
	position: relative;
	z-index: 100;
    padding-top: 300px;
    margin-left: 275px;
    margin-right: 275px;
    flex-direction: row;
    justify-content: space-between;
    height:409px;
}


.footer {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #7d7d7d;
	text-align: center;
	background-color: #ebebeb;
}

.footer > span {
	display: inline-block;
}

.footer > .divider{
	width: 50px;
	text-align: center;
} 
.footer > .company_name{
	font-weight: bold;
} 

.footer a:link {
	color: #7d7d7d;
	text-decoration: none;
}

.footer a:visited {
	color: #7d7d7d;
	text-decoration: none;
}

.footer a:hover {
	color: #7d7d7d;
	text-decoration: none;
}

.footer a:active {
	color: #7d7d7d;
	text-decoration: none;
}

.bottom_wrap {
	position:fixed;
	bottom:10px;
    width: 100%;
}

.bottom_wrap > .language_list {
	z-index: 98;
	width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -4px;
}
  
  .show {
	transition: all 0.4s;
    transform: translateY(-13px);
    opacity: 1;
  }

  .start {
	transition: all 0s;
    transform: translateY(0px);
    opacity: 0;
  }
  
  .hide {
	transition: all 0.4s;
    transform: translateY(10px);
    opacity: 0;
  }


.bottom_wrap > .language_list > .zh {
	display: inline;
	margin-left:1280px;
}

.bottom_wrap > .language_list > .ko {
	display: inline;
	margin-left:1280px;
	margin-top: 8px;
}

.bottom_wrap > .language_list > .en {
	display: inline;
	margin-left:1280px;
	margin-top: 8px;
}

.bottom_wrap > .bottom {
	z-index: 999;
	width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -4px;
    margin-top: 10px;
}

.bottom_wrap > .bottom > .btn_top {
	position: absolute;
	display: inline;
	margin-left:1220px;
}

.bottom_wrap > .bottom > .btn_lang {
	display: inline;
	margin-left:1280px;
}

.bottom_wrap > .bottom > .btn_download {
	display: inline;
	margin-left:1350px;
}

.navi_language_list {
	display: none;
}