@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* * {font-family: 'Nanum Gothic', sans-serif; } */

/* reset element */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
img, fieldset { border:none; }
table { border-collapse:collapse; }
ul, ol, li { list-style:none; }
address, em { font-style:normal; }
li img, object { vertical-align:top; }
input, select, textarea, form img { vertical-align:middle; }

/* font */
body { font: 75% /1.5 Dotum,"돋움",sans-serif; color: #535353;}
input, select, textarea, p { font:12px /1.5 Dotum,"돋움",sans-serif; color:#535353; }

/* anchor */
a { text-decoration: none; }
a:link { color: #666; text-decoration: none;}
a:visited { color: #666; text-decoration: none;}
a:hover { color: #999; text-decoration: none;}

/* skip */
.skip, legend { font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; }
hr { display:none; }


/* login */
#loginWrap { margin:30px auto 0 auto; overflow:hidden; background:url(/img/login_bg.png) no-repeat; width:556px; min-height:326px; }
#loginWrap h1 { margin:38px 0 0 56px; display:block; }
#loginBox { width:454px; height:203px; margin:6px 0 0 51px; overflow:hidden; }
#loginBox h2 { margin:72px 0 0 33px; float:left; }
.inputBox { float:left; margin:72px 0 0 46px; width:154px; }
.inputBox li:first-child { margin-bottom:5px; }
input.ed_login { height:29px; line-height:29px; padding-left:9px; width:145px; border:none; }
.btn { float:left; margin:72px 0 0 6px; }
.copyRight { text-align:center; margin-top:80px; font-size:11px; color:#8e8e8e; }
/*register*/
#registBox { font-family: 'Nanum Gothic', sans-serif;  }
#registUl { width:100%; overflow:hidden; }
#registUl li { float:left; }
#registUl li.bullet { margin:15px 16px 0; }
#registUl li > div { width:220px; padding:3px 0 10px; overflow:hidden; background:#dcd5d6; border:1px solid #d6cecf; text-align:center; color:#b5a8a9; line-height:20px; font-size:22px; font-weight:bold; }
#registUl li > div span { display:block; color:#f5f4f4; font-size:16px; }
#registUl li.on > div { background:#9d1728; border:1px solid #903e48; color:#fff; }
#registUl li.on > div span { color:#fff; }
#registBox h3 { margin:40px auto 30px; overflow:hidden; text-align:center; font-size:17px; color:#61595a; }
#registBox h3 span { text-decoration:underline; color:#dc883d; }
#registBox h3 p { font-size:13px; color:#595959; font-weight:normal; font-family: 'Nanum Gothic', sans-serif;  }
.agreeBox { border:1px solid #eee; border-top:2px solid #3c4249; background:#f5f5f5; overflow:hidden; width:98%; margin:20px auto; }
.agreeBox h4 { font-size:15px; color:#61595a; margin:18px 0 5px 10px;}
.agreeBox > textarea {  font-family: 'Nanum Gothic', sans-serif; width:97%; border:1px solid #ddd; margin:0 10px; }
.agreeBox > p { margin:8px 10px 0 10px; text-align:right; padding-bottom:10px;  }
.agreeBox > p label { color:#61595a; font-size:11px; }
.btnNext { text-align:center; }
.btn_id { color:#fff; background:#333; display:inline-block; padding:4px 5px 1px; cursor:pointer; }
.finishTxt { border-top:2px dotted #aaa; border-bottom:2px dotted #aaa; color:#454545; font-size:1.1em; line-height:22px;padding:10px 20px; text-align:; font-family: 'Nanum Gothic', sans-serif; }
.finishTxt span { font-weight:bold; color:#dc883d; font-size:1.3em; }
#registTable {font-family: 'Nanum Gothic', sans-serif; margin:5px auto 20px; border:1px solid #eee; border-top:2px solid #3c4249; width:98%;  }
#registTable th { background:#f5f5f5; padding:5px 0 4px 20px; text-align:left; color:#4d5763; border-bottom:1px dotted #ddd; }
#registTable td { font-family: 'Nanum Gothic', sans-serif;padding:5px 0 4px 10px; border-bottom:1px dotted #ddd; }
input.ed, select.ed { border:1px solid #ddd; }




/*common*/