@charset "utf-8";
/* -----------------------------------------------
	* 대문 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 : 
	- 최종 수정자 : 
--------------------------------------------------*/


/*********************************
	개인디자인 - 1920
**********************************/

.acce img {position: fixed;}

.acce .left {left:0;}
.acce .right {right:0;}
.acce .top {top:0;}
.acce .bottom {bottom:0;}
.acce .center {left:0; right:0; margin:0 auto;}

.title {position: relative; text-align: center; padding-top: 10vh;}

.acce .bamboo {top:18%;}

.acce .animeleft3 {animation: left 3s ease 1;}
.acce .animeright3 {animation: right 3s ease 1;}
.acce .animeleft2 {animation: left 2s ease 1;}
.acce .animeright2 {animation: right 2s ease 1;}
.acce .animeleft1 {animation: left 1s ease 1;}
.acce .animeright1 {animation: right 1s ease 1;}

@keyframes left {0% {left:-20%;} }
@keyframes right {0% {right:-20%;} }
@keyframes rotate_image{100% {transform: rotate(360deg);}}


/*********************************
	모바일
**********************************/

@media screen and (max-width: 1024px) {

.mobi {width:0px;}
.mobi2 {width:200px;}
.mobi3 {width:400px;}
.pcmymenu {display:none;}
.txt-center .mobi {width:0px;}
}


/*********************************
	인트로 스타일 정의
**********************************/

html, body {height:100%; margin:0; padding:0;}
html.single:before {content:""; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1;}

.enterWrapper {display:table; width:100%; height:100%; position:relative; z-index:1;}
.enterWrapper > .inner {display:table-cell; vertical-align:middle; text-align:center;}

.index-logo {display:block; padding:10px; word-break:keep-all; text-align:center;}
.index-logo img {max-width:70%;}
.index-logo p {padding:10px 0;}
.index-logo a {display:inline-block; text-decoration:none;}