@charset "utf-8";
html{ margin:0; padding:0;height: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%;}
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;}
.cover{position:absolute;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;}
.bg{position:absolute;width:100%;height:auto;top:auto;bottom:0;}

.invitationbody{position:relative;margin:0 auto;overflow:hidden;}
.mainvisual{position:absolute;width:75.6%;left:12%;top:12.9%}
.mainvisual img{width:100%;height:auto;}
.visual{width:100%;height:auto;}
.close01{position:absolute;width:13.6%;height:auto;left:77%;top:7.8%;padding:2% 0 2% 0;cursor:pointer;}
.btn01{position:absolute;left:73.9%;top:90.6%;width:18.2%;height:auto;}
.info{position:absolute;left:0;top:58.5%;width:100%;}
.info img{width:100%;height:auto;}


.greeting{position:absolute;left:0;top:5.4%;}
.greeting .greetingimg{width:100%;height:auto;}
.video{position:absolute;left:0;top:5.4%;}
.video .play{position:absolute;width:18.4%;height:auto;left:40.9%;top:61.5%;cursor:pointer;}
.videoplay{position:absolute;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;}
.map{position:absolute;left:0;top:5.4%;}
.map .detailmap{position:absolute;left:8%;top:18.3%;width:84%;height:63.7%;background:#fff;}
.map .zoom{position:absolute;left:72.6%;top:81%;width:16.3%;padding:2% 0 2% 0;height:auto;cursor:pointer;}
.guestbook{position:absolute;left:0;top:5.4%;width:100%;}
.guestbook .gbody{position:absolute;left:11.1%;top:16.1%;width:77.3%;height:42%;overflow:hidden;}
.guestbook .gbody ul li{border-bottom:1px solid #d2c8bd;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:61%;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:28.3%;top: 67.2%;width:62.7%;height:16.5%;}
.guestbook .inputbox input{width:97%;height:16.9%;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;}

.connect{position:absolute;left:0;top:5.4%;}

.connect table{position:absolute;left:19.9%;top:26.1%;width:62.2%}
.connect table tr td{width:25%;padding-top:13%;}
.connect table tr td img{width:85%;height:auto;}
.connect table tr:first-child td{padding-top:0;}

.connect .wrap{position:absolute;left:19.9%;top:24.9%;width:62.2%;}
.connect .wrap a{display:inline-block;*diaplay:inline;*zoom:1;width:24.8%;margin-top:5%;text-align:right;}
.connect .wrap a img{width:85%;height:auto;}



.gallery{position:absolute;left:5%;;top:4.9%;width:90%;height:89%;}
.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;}

.menubar{position:absolute;width:100%;left:0;top:93.2%;}
.menubar img{width:100%;height:auto;}
.menubar div.menu1{position:absolute;width:18.9%;height:auto;left:2.8%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu2{position:absolute;width:16.7%;height:auto;left:24.2%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu3{position:absolute;width:13.3%;height:auto;left:43.4%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu4{position:absolute;width:21.1%;height:auto;left:59.1%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu5{position:absolute;width:15%;height:auto;left:82.3%;top:0;padding:2% 0 2% 0;cursor:pointer;}

.menubar.v{}z
.menubar.v div.menu1{position:absolute;width:18.9%;height:auto;left:3.1%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu2{position:absolute;width:12.5%;height:auto;left:26.9%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu3{position:absolute;width:16.7%;height:auto;left:42.5%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu4{position:absolute;width:13.3%;height:auto;left:64.1%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu5{position:absolute;width:15%;height:auto;left:81.6%;top:0;padding:2% 0 2% 0;cursor:pointer;}

.invitationbody0{}
.invitationbody0 .menubar{top:91.7%;}
.invitationbody0 .mainvisual{top:7.4%;}
.invitationbody0 .info{top:62.4%;}
.invitationbody0 .greeting{top:1%;}
.invitationbody0 .map{top:1%;}
.invitationbody0 .gallery{top:1%;}
.invitationbody0 .guestbook{top:1%;}
.invitationbody0 .connect{top:1%;}
.invitationbody0 .video{top:1%;}