@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: right; padding-top: 30vh; padding-right:100px; animation: fadein 3s ease 1}

.pizza {top:1%;}
.starline {top:26%;right:34%;}
.barcode {right:4%;bottom:5%;}
.geometric {left:12%;bottom:16%;}


.acce .animefade1 {animation: fadein 1s;}
.acce .animefade2 {animation: fadein 2s;}
.acce .animefade3 {animation: fadein 3s;}
.acce .animefade4 {animation: fadein 4s;}

.acce .animebottom4 {animation: bottom 4s ease 1;}
.acce .animetop3 {animation: top 3s ease 1;}
.acce .animebottom3 {animation: bottom 3s ease 1;}
.acce .animetop2 {animation: top 2s ease 1;}
.acce .animebottom2 {animation: bottom 2s ease 1;}
.acce .animetop1 {animation: top 1s ease 1;}
.acce .animebottom1 {animation: bottom 1s ease 1;}

.acce .animeleft4 {animation: left 4s ease 1;}
.acce .animeright4 {animation: right 4s ease 1;}
.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 top {0% {top:-20%;} }
@keyframes bottom {0% {bottom:-20%;} }
@keyframes left {0% {left:-20%;} }
@keyframes right {0% {right:-20%;} }
@keyframes rotate_image{100% {transform: rotate(360deg);}}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


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

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

.title {padding-top: 30vh !important;}
.mobi0 {display:none;}
.mobi1 {width:100px;}
.mobi2 {width:200px;}
.mobi25 {width:250px;}
.mobi3 {width:300px;}
.mobi4 {width:400px;}
.pcmymenu {display:none;}

}


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

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;}