html,body{}
body{}
#wrap{position:relative;width:100%;overflow:hidden;margin:0 auto;}
.body{max-width:640px;margin:0 auto;}
#invitation-wrap{position:relative;}

.img{display: block;width: 100%;height: auto;}

.scroll-invitate{position: relative;}
.scroll-invitate .item{position: relative;display: block;width: 100%;height: auto;}
.scroll-invitate .item .img{display: block;width: 100%;height: auto;}
.scroll-invitate .info{position: absolute;display: block;width: 100%;height: auto;left: 0;top:0;}
.scroll-invitate .info img{display: block;width: 100%;height: auto;}


.btn_map{display:block;position:absolute;width:22.2%;top:92%;left:38.8%;}
.btn_gallery{display:block;position:absolute;width:22.2%;top:92%;left:38.8%;}

.btn_con1{display:block;position:absolute;width:13.4%;top:82.2%;left:20.6%;}
.btn_con2{display:block;position:absolute;width:13.4%;top:82.2%;left:43.4%;}
.btn_con3{display:block;position:absolute;width:13.4%;top:82.2%;left:65.9%;}

.scroll-wrap{width:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;background:#ffffff;}


.layer{position:absolute;left:auto;top:0;width:100%;background:#fff;min-height:100%;height:auto;display:none;z-index:1;max-width: 640px;}
.layer .title{position: absolute;z-index:1;width:100%;}
.layer .title img{width:100%;height: auto;display:block;}
.layer .title_fake{width:100%;visibility: hidden;}
.layer .title_fake img{width:100%;height: auto;display:block;}
.layer .title .btn{position: absolute;width:13.6%;left:2.2%;top:0;}
.layer .title .btn img{width: 100%;height: auto;}
.layer .title .btnclose{position: absolute;width:14%;left:0%;top:0;height:100%;}
.layer .title .btnclose img{width: 100%;height: 100%;}
.layer.map{font-size: 0px;}
.layer.map .mapFrame{width:100% !important;height:100% !important;}
.layer .gallery {width:100%;min-height:100%;}
.layer .gallery .item{width:100%;height:auto;padding-top:10px;display:block;}
.layer .gallery .item:first-child{padding-top:0;}
.layer .agree{font-size:1em;padding:1em;line-height: 160%;}
.layer .agree div{border:1px solid #ccc;padding:1em;}


.video-wrap{position:absolute;top:40.9%;width:92.8%;left:3.6%;overflow:hidden;background:#000;}
.video-wrap .fake{visibility: hidden;width:100%;height: auto;display:block;}
.video-wrap .movie{position:absolute;left:0;top:0;width:100%;height: 100%}
.video-wrap .poster{position:absolute;left:0;top:0;width: 100%;height: auto;cursor:pointer;display: block;}


/*
.bg-wrap{width: 100%;height: 100%;background-size:100% auto;background-repeat:no-repeat;}
*/

.choose{position: absolute;display: block;background-size: 100% auto;background-repeat: no-repeat;}
.choose img{display: block;width: 100%;height: auto;visibility: hidden;}
.choose.on img{visibility: visible;}

input.input{display:block;position: absolute;border:none;padding-left: 10px;box-sizing: border-box;background:url(https://www.onvi.co.kr/onvibiz/goods/bizcommon/image/fake.png);}
textarea.input{display:block;position: absolute;border:none;padding: 10px;box-sizing: border-box;background:url(https://www.onvi.co.kr/onvibiz/goods/bizcommon/image/fake.png);resize:none;}
select.input{display:block;position: absolute;border:none;box-sizing: border-box;background:url(https://www.onvi.co.kr/onvibiz/goods/bizcommon/image/fake.png);text-indent:5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(https://www.onvi.co.kr/onvibiz//goods/bizcommon/image/selectbox_arrow.png);
	background-position : right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
select.iosselect{}
.btn_apply{position: absolute;display: block;}
.block{display:block;}
.imgw{display: block;width: 100%;height: auto;}

.staticMapFrame{position: absolute;display: block;}

.common-bg-wrap{position: fixed;width: 100%;height: auto;}
.common-bg-wrap .bg{display:block;width: 100%;max-width: 640px;min-width: 320px;}
.common-bg-wrap .bg .item .img{display: block;width: 100%;}

.layeritem{display:block;position: absolute;}
.layeritem img{display: block;width: 100%;height: auto;}

.anim-start-txtup{
	-webkit-transition: all 1000ms;
	-moz-transition: all 1000ms;
	-ms-transition: all 1000ms;
	-o-transition: all 1000ms;
	transition: all 1000ms;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity:0;
}
.anim-start-txtup.on{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
	opacity:1;	
}
@media screen and (max-width:640px){
	.layer{left:0;}
}