@charset "utf-8";

@import url(https://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: #666;}
input, select, textarea{ font:12px /1.5 Dotum,"돋움",sans-serif; color:#666; }

/* 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?v=3) no-repeat; width:556px; min-height:326px; position:relative;}
#loginWrap > ul { position:absolute; bottom:30px; right:65px; z-index:99; }
#loginWrap > ul li { text-align:right; margin:4px 0;}
#loginWrap h1 { margin:28px 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*/
body { background:#eaeaea; }
#wrap { background:#fff url(/img/bg.gif?v=3) repeat-x top; overflow:hidden; width:100%; }

#header { width:1000px; margin:0 auto; height:109px; }
h1 { float:left; margin:40px 0 0 21px; }
#gnb { float:right; margin-top:29px; overflow:hidden;}
#gnb li { float:left; background:url(/img/bullet_gnb.gif?v=3) no-repeat; margin-right:8px; padding-left:8px; }
#gnb li:first-child { background:none; }
#lnb { clear:right; float:right; margin:28px 5px 0 0; }
#lnb li { float:left; margin-left:36px; }


#footer { width:1000px; margin:0 auto; overflow:hidden; padding-bottom:15px; }
#footer > dl { float:left; margin-top:25px; }
#footer > dl dt { font-weight:bold; color:#4a4d50; }
#footer > dl dt span { color:#a5182a; }
#footer > dl dd { color:#5f6468; line-height:20px; }
#footer > dl dd.copyright { font-size:11px; margin-top:4px; }
#footer > ul { float:right; margin-top:25px;}
#footer > ul li { font-size:11px; background:url(/img/bullet_bt.gif?v=3) no-repeat 0 3px; float:left; margin-right:8px; padding-left:8px; line-height:20px;}
#footer > ul li:first-child { background:none; }
#footer > ul li a { color:#4a4d50; font-weight:bold; }
#footer > ul li.last a { color:#666; font-weight:normal; }
#footer > ul li.count { font-size:12px; clear:both; float:right; background:none;}
#footer > ul li.count span { color:#4a4d50; font-weight:bold; }