@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;}
.topvisual{position:absolute;width:65.9%;height:auto;top:0;left:17%;}
.mainvisual{position:absolute;width:100%;top:16.4%}
.mainvisual img{width:100%;height:auto;}
.visual{width:100%;height:auto;}
.close01{position:absolute;width:13.6%;height:auto;left:81.7%;top:1.6%;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:74.3%;width:100%;}
.info img{width:100%;height:auto;}


.greeting{position:absolute;left:0;top:5.6%;}
.greeting .greetingimg{width:100%;height:auto;}
.video{position:absolute;left:0;top:5.6%;}
.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.6%;}
.map .detailmap{position:absolute;left:8%;top:12.5%;width:84%;height:73.6%;background:#fff;}
.map .zoom{position:absolute;left:79%;top:84.1%;width:16.3%;padding:2% 0 2% 0;height:auto;cursor:pointer;}
.guestbook{position:absolute;left:0;top:5.6%;width:100%;}
.guestbook .gbody{position:absolute;left:11.1%;top:12.5%;width:77.3%;height:51%;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:67%;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:74.2%;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;}

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

.connect table{position:absolute;left:19.9%;top:21.9%;width:62.2%}
.connect table tr td{width:25%;padding-top:8%;}
.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:17.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.8%;height:auto;left:2.8%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu2{position:absolute;width:16.6%;height:auto;left:23.3%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu3{position:absolute;width:13.8%;height:auto;left:42.7%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu4{position:absolute;width:21%;height:auto;left:58.6%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar div.menu5{position:absolute;width:15%;height:auto;left:82%;top:0;padding:2% 0 2% 0;cursor:pointer;}

.menubar.v{}z
.menubar.v div.menu1{position:absolute;width:16.4%;height:auto;left:2.8%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu2{position:absolute;width:12.4%;height:auto;left:25.5%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu3{position:absolute;width:16.6%;height:auto;left:42%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu4{position:absolute;width:13.8%;height:auto;left:63.3%;top:0;padding:2% 0 2% 0;cursor:pointer;}
.menubar.v div.menu5{position:absolute;width:15%;height:auto;left:82%;top:0;padding:2% 0 2% 0;cursor:pointer;}


.invitationbody0{}
.invitationbody0 .menubar{top:92.2%;}
.invitationbody0 .mainvisual{top:11%;}
.invitationbody0 .info{top:73.1%;}
.invitationbody0 .greeting{top:1.7%;}
.invitationbody0 .map{top:1.7%;}
.invitationbody0 .gallery{top:1.7%;}
.invitationbody0 .guestbook{top:1.7%;}
.invitationbody0 .connect{top:6%;}
.invitationbody0 .video{top:1.7%;}