@charset "utf-8";
@import url("base.css");
h2.page-titl { text-align:center; }
.login-box { width:576px; margin:60px auto 50px auto; color:#4c4c4c; }
.field-box { margin:0 auto; padding:15px; border:1px solid #e4e4ec; border-radius:10px; }

.field-box fieldset { position:relative; width:380px; margin:0 auto; }
.field-box .login-ctrl dt { float:left; width:80px; line-height:28px; font-weight:bold; text-align:left; padding-top:4px; }
.field-box .login-ctrl dd { float:left; padding:2px 0; }
.field-box .login-button { clear:both; position:absolute; top:2px; right:30px;  }
.field-box .nomember-button { clear:both; position:absolute; top:2px; right:-40px;  }

.field-box .login-opt { width:480px; margin:30px auto 0 auto;}
.field-box .login-opt li { position:relative; text-align:left; line-height:24px; margin:2px 0 2px 0;}
.field-box .login-opt li span { display:inline-block; }
.field-box .login-opt li span.opt-btn { position:absolute;right:0;}
.sep-line { width:500px; margin:20px auto; border-top:1px solid #e4e4ec; }

.warn-box { width:550px; margin:5px auto; }
.warn-box .warn-titl { padding:5px 0;}
.warn-box p { line-height:180%;  text-align:left;  word-spacing:-1px;}

.login-input { width:200px; padding:6px 10px; border:1px solid #b4b4b4; }
.find-input { width:200px; padding:5px 5px; border:1px solid #b4b4b4; }


#findPage { width:850px; margin: 35px auto 100px auto; }
#id_find { float:left; width:400px; }
#pw_find { float:left; margin-left:50px; width:400px; }

#id_find_box, #pw_find_box { padding:20px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; }
#findPage h3.box-title { margin:15px; text-align:center; }
#findPage fieldset { height:100px; }
#findPage dt { float:left; width:80px; padding:10px 5px 0 5px; font-weight:bold; text-align:center; }
#findPage dd { padding:3px 5px; }
#findPage .sep-line2 { margin:10px; border-top:1px solid #e4e4ec; }
#findPage .sep-line-bottom { clear:both; padding:8px; border-bottom:1px solid #e4e4ec; }
#findPage .btn { padding-top:8px; text-align:center; }
#findPage .find-note { padding:8px; }


#passwd_change { width:600px; margin:30px auto 100px auto;  }
#passwd_change h3.box-title { margin:15px; text-align:center; }
#passwd_change_box { padding:15px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; }
#passwd_change fieldset { width:400px; margin:0 auto; }
#passwd_change dt { float:left; width:120px; padding:10px 5px 0 5px; font-weight:bold; text-align:center; }
#passwd_change dd { padding:3px 5px; }
#passwd_change .sep-line2 { margin:10px; border-top:1px solid #e4e4ec; }
#passwd_change .btn { padding-top:8px; text-align:center; }

.orange { color:#fb700a; font-weight:bold; }

#return_box { width:850px; margin:60px auto; padding:20px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; line-height:250%; }
#return_box #id_msg_box { text-align:center; }
#return_box #pw_msg_box { text-align:center; }
#return_box #err_msg_box { text-align:center; }
#return_box #err_msg_box p { color:#c1272d; }

.join-desc { width:680px; margin:45px auto; }
.member-desc { width:680px; margin:45px auto; }
.sub-titl { margin-bottom:8px; color:#2392fb; font-size:16px; font-weight: bold; }
.box-titl { margin:15px 5px 5px 5px; font-weight:bold; text-align:left; }
.docBox { width:700px; height:150px; padding:8px; background-color:#fafafa; border:1px solid #c4c4c4; overflow:auto;  text-align:left;}
.agree { margin:5px; text-align:right; }

.form-desc { width:800px; margin:25px auto; }
.member-table { width:100%; margin-bottom:8px; border-collapse: collapse; border:1px solid #dadadf; }
.member-table th { width:130px; padding:8px; color:#2a2a2a; font-weight:bold; background-color:#f6f6f2; text-align:justify; border-bottom:1px dashed #dadadf; }
.member-table td { padding:8px; border-bottom:1px dashed #dadadf; text-align:left; }
.member-table th.end, .member-table td.end { border-bottom:none; }



/*리뉴얼 스타일*/
label{vertical-align:-1px}
.input_chk{width:13px; height:13px; vertical-align:text-top}
.oh{overflow:hidden;}
.fl{float:left;}
.fr{float:right}
/*타이틀*/
.titlinebox{width:900px; height:48px; margin:63px auto 0;  border-bottom:1px solid #555; text-align:left;}
.titlinetxt{font:600 30px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#565656;}
.newlogin-box{padding-top:40px; width:900px; overflow:hidden;}
.inp-cm{background:#fafafa; border:1px solid #e1e1e1; padding:0 10px; height:28px;}

/*로그인페이지*/
	.boxtit{text-align:left; padding-left:19px; width:434px; background:#b1b1b1; font:600 16px/40px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#fff;}
	.lobox, .blobox{position:relative; width:434px; border-bottom:1px solid #e0e0e0;}
	.tbl-coll{table-layout:fixed; border-collapse:collapse;}
	.log-tit-u, .log-tit-c, .log-tit-d{width:92px; background:#f1f1f1; font:600 14px/30px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#525252; }
	.log-tit-u{padding:13px 0 3px 19px}
	.log-tit-c{padding:3px 0 3px 19px}
	.log-tit-d{padding:3px 0 13px 19px}

	.log-info{padding:0 15px; font:600 14px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#757575}
	.log-inp1{width:205px; margin-top:8px;}
	.log-inp2{width:205px; }
	.log-inp3{width:205px; margin-bottom:8px; }
	input.logbtn{display:inline-block; cursor:pointer; border:1px solid #3e3e3e; background:#494949; text-align:center; width:107px; font:600 14px/64px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#fff; }

	.sel-s{background:#fafafa; border:1px solid #e1e1e1; height:28px;}

	.lid-box{width:900px; margin:40px auto 30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9;}
	.lojo-txt{padding-bottom:8px; font:600 13px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#6f6f6f}
	.lojo-btn a{display:inline-block; padding:0 20px; background:#a4a4a4; border:1px solid #949494; font:600 14px/25px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#fff;}

/*ID/PW 찾기*/
	.tb-bgbox{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f9f9f9; width:435px; margin-bottom:66px;}
	.tb-bgbox span{ font:600 15px/24px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#404040;}
	.idpw-icon{padding:23px 0 20px;}
	.idpw{width:242px; text-align:left; margin-bottom:6px; overflow:hidden;}
	.idpw label{font:600 14px/30px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#525252;}
	.idpw input.idpw-inp{float:right; width:185px; background:#fff;}
	.inpbtn{width:138px; height:36px; border:1px solid #3e3e3e; background:#494949; font:600 14px/36px 'ng','NanumGothic','나눔고딕','돋움',dotum; color:#fff; cursor:pointer;}
	


/*
@charset "utf-8";
@import url("base.css");
h2.page-titl { text-align:center; }
.login-box { width:576px; margin:60px auto 50px auto; color:#4c4c4c; }
.field-box { margin:0 auto; padding:15px; border:1px solid #e4e4ec; border-radius:10px; }

.field-box fieldset { position:relative; width:380px; margin:0 auto; }
.field-box .login-ctrl dt { float:left; width:80px; line-height:28px; font-weight:bold; text-align:center; }
.field-box .login-ctrl dd { float:left; padding:2px 0; }
.field-box .login-button { position:absolute; top:2px; right:30px;  }

.field-box .nomember-button { position:absolute; top:2px; right:-40px;  }

.field-box .login-opt { width:480px; margin:30px auto 0 auto; }
.field-box .login-opt li { position:relative;}
.field-box .login-opt li span { display:inline-block; line-height:28px}
.field-box .login-opt li span.opt-btn { position:absolute;right:0;}
.sep-line { width:500px; margin:20px auto; border-top:1px solid #e4e4ec; }

.warn-box { width:550px; margin:5px auto; }
.warn-box .warn-titl { padding:5px 0; }
.warn-box p { line-height:180%; }

.login-input { width:200px; padding:6px 10px; border:1px solid #b4b4b4; }
.find-input { width:200px; padding:5px 5px; border:1px solid #b4b4b4; }


#findPage { width:850px; margin: 35px auto 100px auto; }
#id_find { float:left; width:400px; }
#pw_find { float:left; margin-left:50px; width:400px; }

#id_find_box, #pw_find_box { padding:20px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; }
#findPage h3.box-title { margin:15px; text-align:center; }
#findPage fieldset { height:100px; }
#findPage dt { float:left; width:80px; padding:10px 5px 0 5px; font-weight:bold; text-align:center; }
#findPage dd { padding:3px 5px; }
#findPage .sep-line2 { margin:10px; border-top:1px solid #e4e4ec; }
#findPage .sep-line-bottom { clear:both; padding:8px; border-bottom:1px solid #e4e4ec; }
#findPage .btn { padding-top:8px; text-align:center; }
#findPage .find-note { padding:8px; }


#passwd_change { width:600px; margin:30px auto 100px auto;  }
#passwd_change h3.box-title { margin:15px; text-align:center; }
#passwd_change_box { padding:15px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; }
#passwd_change fieldset { width:400px; margin:0 auto; }
#passwd_change dt { float:left; width:120px; padding:10px 5px 0 5px; font-weight:bold; text-align:center; }
#passwd_change dd { padding:3px 5px; }
#passwd_change .sep-line2 { margin:10px; border-top:1px solid #e4e4ec; }
#passwd_change .btn { padding-top:8px; text-align:center; }

.orange { color:#fb700a; font-weight:bold; }

#return_box { width:850px; margin:60px auto; padding:20px; background-color:#f7f7f7; border:1px solid #e4e4ec; border-radius:10px; line-height:250%; }
#return_box #id_msg_box { text-align:center; }
#return_box #pw_msg_box { text-align:center; }
#return_box #err_msg_box { text-align:center; }
#return_box #err_msg_box p { color:#c1272d; }

.join-desc { width:680px; margin:45px auto; }
.member-desc { width:680px; margin:45px auto; }
.sub-titl { margin-bottom:8px; color:#2392fb; font-size:16px; font-weight: bold; }
.box-titl { margin:15px 5px 5px 5px; font-weight:bold; }
.docBox { width:700px; height:150px; padding:8px; background-color:#fafafa; border:1px solid #c4c4c4; overflow:auto; }
.agree { margin:5px; text-align:right; }

.form-desc { width:800px; margin:25px auto; }
.member-table { width:100%; margin-bottom:8px; border-collapse: collapse; border:1px solid #dadadf; }
.member-table th { width:130px; padding:8px; color:#2a2a2a; font-weight:bold; background-color:#f6f6f2; text-align:justify; border-bottom:1px dashed #dadadf; }
.member-table td { padding:8px; border-bottom:1px dashed #dadadf; }
.member-table th.end, .member-table td.end { border-bottom:none; }

*/