@charset "utf-8";


html{ margin:0; padding:0;height:100%;width:100%;}
body{margin:0;padding:0;font-size:12px;-webkit-text-size-adjust:none;font-family:'Malgun Gothic',Helvetica,Apple-Gothic,Sans-serif,Dotum,Gulim;height:100%;width:100%;}
body,form,fieldset,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,input,select,th,td,textarea,button{margin:0;padding:0}
ul, ol {list-style:none;}
em, var {font-style:normal;}
img, fieldset, input.type-image {border:0 none;}
div, p, span, li, table td {word-break:break-all;}
caption, legend, hr {display:none;border:0 none;}
th {font-weight:normal;}
table {border-collapse: collapse;}
ul,li{list-style:none;}
a:link,a:visited,a:hover,a:active {color:#000;text-decoration:none;}
img{border:none;}
textarea{resize:none;}

.scrollinfo{position:absolute;top:0;left:0;width:100%;height:110%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: .7;z-index:100;}
.scrollicon{position:absolute;top:30%;left:50%;width:32.1%;height:auto;z-index:999;margin-left:-16%;}

.cover{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: .7;z-index:100;}

#invitationbody{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;background:#fdfcfa;}
.back{position:relative;z-index:99;}
img{position:relative;height:auto;}
#box{width:100%;height:auto;position: fixed;top:0%;}
.fix{position:fixed;}
img{border:none;}
.con{display:inline-block;*display:inline;*zoom:1;width:21.5%;margin-top:5%;}
.con img{width:87%;height:auto;}
#connect{position:absolute;;width:89.2%;left:4.7%;top:auto;bottom:2.7%;}


.gallery{position:fixed;left:5%;;top:4.9%;width:90%;height:89%;z-index:101}
.gallery .gallerybody{position:absolute;top:14%;width:100%;height:85%;}
.gallery .gallerybody .item{width:100%;height:100%;text-align:center;}
.gallery .gallerybody .item img{width:97%;height:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.close02{position:absolute;width:10.9%;height:auto;left:87%;top:8%;padding:2% 0 2% 0;cursor:pointer;border:1px solid transparent;}

.map{position:fixed;left:0;top:5.6%;z-index:999;}
.map .detailmap{position:fixed;left:7%;top: 15.5%;width: 86%;height: 60.6%;background:#fff;z-index:99;}
.map .zoom{position:absolute;left:38.8%;top:87.1%;width:23.6%;padding:2% 0 2% 0;height:auto;cursor:pointer;}
.close01{position:absolute;width:13.6%;height:auto;left:81.7%;top:1.6%;padding:2% 0 2% 0;cursor:pointer;}
.visual{width:100%;height:auto;}

.guestbook{position:fixed;left:0;top:5.6%;width:100%;z-index:99;}
.guestbook .gbody{position:absolute;left:11.1%;top:12.5%;width:77.3%;height:49%;overflow:hidden;}
.guestbook .gbody ul li{border-bottom:1px solid #bec2a1;padding:0;margin:0;line-height:140%;padding-top:10px;padding-bottom:10px;}
.guestbook .gbody ul li .writer{text-align:right;padding:10px 10px 0 0;}
.guestbook .gbody ul li .writer span{text-align:right;padding:10px 10px 0 0;}
.guestbook .paging{position:absolute;top:65%;width:100%;height:4%;text-align:center;}
.guestbook .paging a{height:100%;display:inline-block;*display:inline;*zoom:1;margin:0 2% 0 2%;vertical-align:top;text-align:center;}
.guestbook .paging a img{height:100%;width:auto;vertical-align:top;padding:0 3px 0 3px;}
.guestbook .inputbox{position:absolute;left:29.3%;top:72.8%;width:62.7%;height:18.9%;}
.guestbook .inputbox input{width:97%;height:19%;margin-top:1.2%;border:none;line-height:140%;background:url('/onvi/newSample/commonimg/transbg.gif') no-repeat;}
.guestbook .inputbox textarea{width:97%;height:64%;margin-top:4%;border:none;background:url('/onvi/newSample/commonimg/transbg.gif') no-repeat;overflow:auto;}
.guestbook .inputbox .btn_write{position:absolute;width:30.1%;height:auto;top:71%;left:70%;cursor:pointer;}
.guestbook .inputbox .btn_modify{position:absolute;width:30.1%;height:auto;top:37%;left:70%;cursor:pointer;display:none;}
.guestbook .inputbox .btn_cancel{position:absolute;width:30.1%;height:auto;top:71%;left:70%;cursor:pointer;display:none;}


.video{position:fixed;left:0;top:6.2%;z-index:99;}
.video .play{position:absolute;width:18.4%;height:auto;left:40.9%;top:56.5%;cursor:pointer;}
.videoplay{position:fixed;left:0;top:0%;width:100%;height:100%;}
.videoplay video{position:absolute;width:100%;height:auto;top:30%;background:#000;}
.videoplay .close02{position:absolute;width:10.9%;height:auto;left:87%;top:24%;padding:2% 0 2% 0;cursor:pointer;}