@charset "utf-8";

/* Font Size */
/* PC => 11px : 0.92em / 12px : 1em / 13px : 1.11em / 14px : 1.21em / 15px : 1.26em / 16px : 1.36em / 17px : 1.46em */
/* Mobile => 11px : 0.79em / 12px : 0.86em / 13px : 0.93em / 14px : 1em / 15px : 1.08em / 16px : 1.16em / 17px 1.22em */

/* Tag Architecture */
html{overflow-y:scroll;overflow-y:hidden;width:100%;height:100%}
body{position:relative;font-size:76%;width:100%;height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, input, button{margin:0;padding:0}
body, h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Dotum','Gulim',Sans-serif;color:#444;font-style:normal;font-weight:normal}
a{color:#444}
a{color:inherit;text-decoration:none}
a:hover, a:focus{text-decoration:none}
a:hover{color:#000}
a:active{text-decoration:none}
img, fieldset, iframe{border:0 none}
li{list-style:none}
input, select, button{vertical-align:middle}
img{vertical-align:top}
button{background:none;border:0 none;cursor:pointer}
cite, em, address{font-style:normal}
em{font-weight:bold}
hr{display:none}
legend{position:relative;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0} /* For Screen Reader */
/* label{display:inline-block;position:relative;cursor:pointer} */
textarea{overflow-x:hidden;overflow-y:auto}
table{border-spacing:0;border-collapse:collapse}
table tr th, table caption{font-weight:bold}

/* Layout Architecture */
#wrap{overflow-y:scroll; height:100%;}
#header, #container, #footer{clear:both;float:left}
#header{position:absolute;top:0;left:0}
#header div.inner, #container div#content, #footer .inner{position:relative;margin:0 auto}

/* Skip Architecture */
#skip{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}

/* Common Architecture */
.blind{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.caption{width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;text-indent:-100em}
.center{text-align:center}
.color{color:#b70038}

/* Header Architecture */

#header{background:#454545; height:60px; width:100%;}
#header div.inner h1{left:10px; position:absolute; top:20px;}
#header div.inner ul#snb{padding-left:170px;}
#header div.inner ul#snb li{float:left; line-height:60px;}
#header div.inner ul#snb li a.on{background:url("../image/main/bg_snb_over.png") repeat; color:#ffe63f; font-size:12px; font-weight: bold; letter-spacing:-0.1em; width:140px;}
#header div.inner ul#snb li a{color:#bfbfbf; display:block; font-size:12px; letter-spacing:-0.1em; width:140px;}
#header div.inner ul#snb li a:hover{width:140px;}

#header div.inner ul.banner{position:absolute;bottom:0;left:-13px;width:203px;display:block;height:64px;background:url('../image/main/banner_bg.gif'); width:143px;padding:20px 0 0 20px}
#header div.inner ul.banner li{float:left;font-size:13px;text-align:center}
#header div.inner ul.banner li a{color:#fff}
#header div.inner ul.banner li.choice{padding:0 0px}
#header div.inner ul.banner li img{margin:0 0 0 0px}

/* Container Architecture */
#container{width:100%;}
#container div.inner div.eventCont{clear:both;overflow:hidden;padding:0 0 0 0;}
/* #container div.inner div.eventCont{clear:both;overflow:hidden;padding:0 0 0 150px;} */


/* 메인페이지 이미지 bg 순서대로입니다. */
/* #container div.inner div#expo{background:url('../image/main/21th_house/bg_img_21thhouse.jpg');} */
#container div.inner div#expo{background:url('../image/main/weddingoutlet_0502/20140502_1_bg.jpg') repeat-x right top}
#container div.inner div#gigigi{background:url('../image/main/weddingoutlet_0502/20140502_2_bg.jpg') repeat-x right top} 
/*#container div.inner div#hanbok{background:url('../image/main/21th_house/bg_21thhsevent.gif') repeat-x right top} */
#container div.inner div#open{background:#abd5ed}
#container div.inner div#skin{background:#ebf1fa}
#container div.inner div#participate{width:712px;height:650px;background:url('../image/main/bg_insert.gif') no-repeat left bottom;padding:30px 50px 100px;margin:100px auto 0}
#container div.inner div#participate p.bt_parti{margin:25px 0 0 0}
#container div.inner div#insret table{width:90%;margin:0 auto}

/* footer */
div#footer{clear:both; background:#f7e9d6;overflow:hidden;text-align:center;width:100%}
div#footer .inner{}
div.group_footer{width:1001px; height:92px; margin:0 auto;padding:0 0 0 288px; }
div.group_footer p.footerLogo{float:left;width:182px; text-align:center; padding:45px 0 0 10px;margin-left:38px}
div.group_footer div{width:600px; float:left; padding:29px 0 0 0;}
div.group_footer address{float:left; padding:10px 0 0 23px;}
div.group_footer ul{float:left;  width:600px;margin:0 0 0 10px}
div.group_footer ul li{float:left;margin:0 13px;}
div.group_footer p.QrCode{float:left; padding:15px 0 0 50px;}

/* insert */
#container fieldset label{display:none;}
#container fieldset input{padding:10px 5px; position:absolute; font-size:14px;}
#container fieldset select{padding:9px 5px; position:absolute; font-size:14px;}
#container fieldset #u_name{top:306px; left:350px; width:207px;}
#container fieldset #w_man{top:315px; left:673px; width:20px; height:20px;}
#container fieldset #w_woman{top:315px; left:772px; width:20px; height:20px;}
#container fieldset #email_id{top:368px; left:326px; width:207px;} 
#container fieldset #email_add{top:368px; left:611px; width:207px;} 
#container fieldset #email_add_sel{top:368px; left:843px;}
#container fieldset #numSel{top:376px; left:345px; width:126px;}
#container fieldset #HpF{top:376px; left:529px; width:100px;}
#container fieldset #HpS{top:376px; left:699px; width:100px;}
#container fieldset .memWedding #year{top:447px; left:345px; width:126px;}
#container fieldset .memWedding #month{top:447px; left:515px; width:76px;}
#container fieldset .memWedding #day{top:447px; left:636px; width:76px;}
#container fieldset .event_kind{text-align:left;line-height:25px;position:absolute; top:516px; left:345px; font-size:14px;}
#container fieldset .event_kind input{position:relative; width:20px; height:20px;}
#container fieldset #rBtn2{position:absolute; bottom:539px; left:492px;}
#container fieldset #rBtn2 .rBtnY{width:15px; height:15px; left:-2px;}
#container fieldset #rBtn2 .rBtnN{width:15px; height:15px; left:76px;}
#container fieldset .favorite {position:absolute; top:634px; left:330px; font-size:14px;}
#container fieldset .favorite input{position:relative; width:20px; height:20px; margin-right:15px;}
#container fieldset #privarcy{position:absolute; bottom:238px/* 175px */; left:218px;}
#container fieldset #privarcy div{background:#fff; border:1px solid #949494; padding:10px; height:115px; overflow-y:scroll;}
#container fieldset #privarcy #agreeY{width:15px; height:15px; margin:24px 0 0 0;left:80px;}
#container fieldset #privarcy #agreeN{width:15px; height:15px; margin:24px 0 0 0; left:182px;}
#container fieldset .bt_parti{position:absolute; bottom:37px; text-align:center; width:100%;}
#container fieldset .bt_parti input{display:inline-block; width:344px; height:85px; position:relative;}
/* #container fieldset .capital #cap_y {position:absolute; top:625px; left:562px; width:20px; height:20px;}
#container fieldset .capital #cap_n {position:absolute; top:625px; left:635px; width:20px; height:20px;} */

#container fieldset #rBtn3{position:absolute; bottom:428px; left:387px;}
#container fieldset #rBtn3 .rBtnY2{width:15px; height:15px; left:-2px;top:12px;}
#container fieldset #rBtn3 .rBtnN2{width:15px; height:15px; left:78px;top:12px;}