@charset "UTF-8";

/*e-amusement 사이트 템플릿*/
#wrapper{overflow-x:hidden; width:100%;}
.ea_content_center{background-color:transparent;}

/*
================================================================================================================
TOP 패럴랙스 배경 - 최하층 고정 레이어
================================================================================================================
*/
#top-bg{
min-width:980px!important;
background-image:url("https://seo381137-seo381137.ktcdn.co.kr/infinitas/img/common/bg/bg01.jpg");
background-position:center top;
background-repeat:repeat-x;
background-size:100%;}

@media screen and (max-width:799px){
#top-bg{
min-width:300px !important;
width:100% !important;
top:0 !important;
left:0 !important;}}

@media screen and (max-width:640px){
#top-bg{background-size:250%;}}

/*
================================================================================================================
 TOP 패럴랙스 이미지 메인 이미지 영역
================================================================================================================
*/
#top-main{width:100%; height:auto; background-color:transparent;}
#top-main #top-img{position:relative; background-color:transparent;}

/*
================================================================================================================
 TOP パララックス用画像
================================================================================================================
*/
#top-main #top-img .top-img{
width:100%;
height:100%;
top:0;
bottom:0;
max-width:1800px;
margin:0 auto;}

#top-main #top-img .top-img .bg01,
#top-main #top-img .top-img .bg01::before,
#top-main #top-img .top-img .star01,
#top-main #top-img .top-img .star01::before,
#top-main #top-img .top-img .star02,
#top-main #top-img .top-img .star02::before{
display:block;
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
padding:0;
margin:0 auto;
opacity:1;
z-index:1;
transition:background-position 1s ease-out;}

#top-main #top-img .top-img .bg01::before,
#top-main #top-img .top-img .star01::before,
#top-main #top-img .top-img .star02::before{content:"";}

.bg01{
background-image:url("https://seo381137-seo381137.ktcdn.co.kr/infinitas/img/common/bg/bg02.jpg");
/*background-size:90%;*/
background-size:130%;
background-position:top;
background-repeat:no-repeat;}

.star01{
background-image:url("https://seo381137-seo381137.ktcdn.co.kr/infinitas/img/common/bg/bg_star01.png");
background-size:100%;
background-position:top;
background-repeat:no-repeat;
opacity:0.6 !important;}

.star02{
background-image:url("https://seo381137-seo381137.ktcdn.co.kr/infinitas/img/common/bg/bg_star02.png");
background-size:100%;
background-position:top;
background-repeat:no-repeat;
opacity:0.3 !important;}

@media screen and (max-width:640px){
.bg01{background-size:250%;}
.star01,.star02{background-size:150%;}}

#top-main #top-img .top-img .chara{
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
min-height:900px;
padding:0;
margin:0 auto;
opacity:1;
z-index:1;
background-image:url("https://seo381137-seo381137.ktcdn.co.kr/infinitas/img/top/chara.png");
background-position:top center;
background-repeat:no-repeat;}
@media screen and (max-width:800px){#top-main #top-img .top-img .chara{background-size:120% auto;}}
@media screen and (max-width:480px){#top-main #top-img .top-img .chara{background-size:150% auto;}}
@media screen and (max-width:420px){
#top-main #top-img .top-img .chara{
background-size:170% auto;
background-position:top -20px center;}}

/*
================================================================================================================
 TOP 로고
================================================================================================================
*/
#top-main #top-img #top-logo{
position:relative;
width:100%;
max-width:1000px;
height:auto;
margin:0 auto;
z-index:3;}
#top-main #top-img #top-logo > p{width:100%;}
#top-main #top-img #top-logo > p img{width:100%; height:auto;}

#top-main #top-img #top-logo p:first-child{position:relative;}
#top-main #top-img #top-logo p:nth-child(2),
#top-main #top-img #top-logo p:nth-child(3),
#top-main #top-img #top-logo p:nth-child(4){position:absolute; top:0; left:0;}

#top-main #top-img #top-logo p:nth-child(4){opacity:0; -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
#top-main #top-img #top-logo:hover p:nth-child(4){opacity:1;}

/*
================================================================================================================
 TOP 패럴랙스 배경 - 최하층 고정 레이어
================================================================================================================
*/
#top-bg,
#top-bg::before{
display:block;
width:100%;
height:100%;
padding:0;
top:50px;
left:0;
bottom:0;
right:0;
opacity:1;
position:fixed;
content:"";
z-index:1;
/*z-index:-1;*}