@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: 45vh; animation: fadein 3s ease 1}

.subtitle {bottom: 8%;}

.cloud1 {left:15%;}
.cloud2 {right:15%;}

.dday {position: relative; text-align: center; padding-top: 2vh;
	font-family: 'Bodoni Moda', serif;
	font-size: 1.8em;
	color: #31337f;
	/*text-shadow: 0px 0px 5px #a34148, 0px 0px 5px #a34148;*/}
.dday .number {
	margin-top: -0.3em;
	font-family: 'Bodoni Moda', serif;
	font-size: 1.6em;
	color: #31337f;}


.fadein2 {animation: fadein 2s ease 1;}
.fadein3 {animation: fadein 3s ease 1;}
.fadein6 {animation: fadein 6s ease 1;}
.animebottom3  {animation: bottom 3s ease 1;}
.animetop5  {animation: top 5s ease 1;}
.animeleft4 {animation: left 4s ease 1;}
.animeright4 {animation: right 4s ease 1;}
.animeleft3 {animation: left 3s ease 1;}
.animeright3 {animation: right 3s ease 1;}
.animeleft2 {animation: left 2s ease 1;}
.animeright2 {animation: right 2s ease 1;}
.animeleft1 {animation: left 1s ease 1;}
.animeright1 {animation: right 1s ease 1;}

@keyframes bottom {0% {bottom:-40%;} }
@keyframes top {0% {top:-80%;} }
@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) {

.mobi0 {display:none;}
.mobi1 {width:100px;}
.mobi2 {width:200px;}
.mobi3 {width:300px;}
.mobi100 {width:100%;}
.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;}