@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

html { height:100%; background:#000000;}
body { height:100%; background:url(/home_kr/intro/bg.png) center no-repeat; font-family: 'Open Sans', sans-serif;}


a:link, a:visited, a:hover, a:focus, a:active {text-decoration:none}


.intro_t01 { font-size:65px; font-weight:400; color:#30d5ff; line-height:60px;}
.intro_t02 { font-size:22px; font-weight:400; color:#ffffff; letter-spacing:1px;}

.intro_bt { float:left; margin-bottom:10px;}
a .intro_bt { font-size:22px; font-weight:400; color:#fff; padding:7px 25px; margin-right:10px; border:#fff solid 1px; border-radius:50px; text-align:center;}
a:hover .intro_bt { background:rgba(255,255,255,0.1);}

.intro_bt02 { float:left; margin-bottom:10px;}
a .intro_bt02 { font-size:22px; font-weight:400; color:#666; padding:7px 25px; margin-right:10px; border:#666 solid 1px; border-radius:50px; text-align:center;}

#suldo {position:absolute; border-radius:3px; padding:1px 10px; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.2); color:rgba(255,255,255,0.7); font-size:12px; z-index:999;}

.txthtml_right { position:absolute; top:140px;}

.conteneur
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; bottom: 0;
  left:0; right: 0;
  overflow: hidden;
}

.html5_div
{
  position: absolute;
  top: 20%;
  width: 900px;
  margin-left: 50%;
  left:-200px;
}

.txthtml01
{
  text-align: left;
  overflow: hidden;
  padding-bottom:50px;
}

.txthtml02
{
  text-align: left;
  overflow: hidden;
  padding-top:50px;
}
.txthtml_right
{
  text-align: left;
  overflow: hidden;
}
.txthtml_right02
{
  text-align: left;
  overflow: hidden;
  position:absolute;
  left:-150px;
  top:227px;
}

@media screen and (max-width:767px){
.txthtml01 { width:600px; margin-left:-350px; margin-top:-60px;}
.txthtml02 { width:260px; margin-left:-500px;}
}