@charset "utf-8";
/* CSS Document */

#agreement { font-size: 1.0em;}
#agreement h2 { display: block; padding: 10px 0; margin-top: 10px;}
#agreement h3 { display: block; padding: 10px 0; margin-top: 20px;}
#agreement h4 { display: block; padding: 10px 0; margin-top: 20px;}

.agreement_wraps { display: block; width: 893px; height: 250px; overflow: auto;  border: 1px solid #ccc; padding: 10px; font-size: 0.9em;}
p.consent_chk { display: block; padding: 5px; font-size: 1.2em;}
p.agree_submit { display: block; text-align: center; padding: 10px 0;}


/* 로그인 */	
.login_page {font-weight:bold; color:#878787; font-family:"나눔고딕","Nanum Gothic","맑은 고딕", "굴림", "돋움", "바탕"; background:url(../moa/member/images/login.png) no-repeat ;; padding:50px; margin-left:100px}
	.login_page p {font-weight:bold;}
	.login_block { width:525px; height:190px; border:0px solid #6b7c99; padding-top:15px }
		.idpw_box {width:377px; padding:50px 0 30px 20px;overflow:hidden;} 
			.idpw {float:left;}
			.idpw { color:#000;}
			.login_btn {float:left; margin-left:10px; width:98px; height:55px;}
				.pw input {margin:3px 0 0 6px;}
				.idbox {border:1px solid #d1d1d1; background-color:#fafafa; margin-left:10px; width:180px; height:15px; padding:4px 8px;}
		.join_box {border-top:1px solid #ccc; margin:0 22px; overflow:hidden;}
			.join_box p {float:left; padding:10px 25px 10px 20px; background:#7b7b7b; margin-top:10px;}
				.join_box p.join {margin:10px 50px 0 70px;}
				.join_box p a{ color:#fff; font-weight:bold;font-family:"나눔고딕","Nanum Gothic","맑은 고딕",  "굴림", "돋움", "바탕"; }
					
		.login_notice{ padding:10px 20px; border:1px solid #ccc; margin-top:10px;}
		.login_notice p{ line-height:20px; color:#0066FF;}
		
		

.member_page{ min-height:400px;}


		
/*회원가입*/
#id_chk_msg2{ color:#FF0000; font-weight:bold;}
.join_notice{ padding-top:10px;}


/*회원가입*/

.join_wraps {  }
.join_wraps table.table { width: 100%; border-top: 3px solid #121212; border-bottom: 1px solid #e5e5e5; }
.join_wraps table.table th { background: #f8f8f8; color: #2e2e2e; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-weight: 400; font-size: 1.2em;  vertical-align: middle; }
.join_wraps table.table td { font-size: 1.10em; border-right: 1px solid #e5e5e5; vertical-align: middle; }
.join_wraps table.table td label { font-weight: 400;}
.join_wraps table.table td p { font-size: 0.9em; display: block; padding: 5px 0;}
.join_wraps table.table td .box { border: 1px solid #d2d2d2; line-height: 1.8em; padding: 0 0 0 5px; font-size: 1.0em; color: #000; }

.join_wraps table.table td #user_passwd_text span { font-size: 0.8em;}

.join_wraps table.table td .juso { width: 90%;}

	/*아이디 체크*/
	#id_chk_error{ color:#FF0000;}
	#id_chk_pass{ color:#0066FF;}
	#id_len_error{ color:#FF0000;}
	
	/*비밀번호 체크*/
	#pass_error, #pass_len_error, #pass_confirm_error{color:#FF0000;}
	#pass_confirm_chk { color:#FF6600;}
	#pass_confirm_ok { color:#0066FF;}

.join_wraps table.table tr th { width:15%; display:table-cell; text-align: center;}	
	.join_wraps table.table tr td { display:table-cell; padding: 8px;}
	.join_wraps table.table tr th i { color: tomato;}	


/*이용약관*/
.clause_ul{width:620px; padding:10px;}
	.clause_ul li{ list-style:none; font-weight:bold; padding-bottom:20px;}
		.clause_ul li ul { margin-left:10px;}
		.clause_ul li li { font-weight:normal; line-height:22px; padding-bottom:0px;}

	
	.clause_ul .step1 { padding-left:30px;}
	.clause_ul .step0 { font-weight:bold;}


	
/* 아이디/패스워드 찾기 */

	.green{border-top:2px solid #75a82a;border-bottom:2px solid #75a82a; font-size:9pt; color:#555; padding-top:10px; margin-top: 20px; margin-bottom: 20px; background:#f7f7f7;}
	.green strong{font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕"; color:#666;}
	.green .box{ border:1px solid #ccc;}

	#search_id { width:90%; margin:0 auto; }
	#search_id h3 { font-size:12px; padding-top:2px; font-weight:bold; color:#75a82a; background:url(/moa/member/images/arr001.gif) no-repeat 0 0; padding-left:20px; }
	#search_id .search_box { margin:20px 0; padding:10px 0; border-top:#c7dce1 2px solid; border-bottom:#c7dce1 1px solid; color:#555555; background-color: #f4f8f9; }
	#search_id fieldset { border:none; width:60%; margin:0 auto; }
	#search_id dt { height:24px; background:url(/moa/member/images/bullet_para.gif) no-repeat 0 0; padding-left:20px; font-weight:bold; }
	#search_id dd { height:24px; margin-top:-24px; padding-left:120px; }
	#search_id .submit { text-align:center; }
	#search_id .result { text-align:center; padding:20px 0; }
	
	#search_passwd { width:90%; margin:0 auto; }
	#search_passwd h3 { font-size:12px; padding-top:2px; font-weight:bold; color:#607BB0; background:url(/moa/member/images/arr001.gif) no-repeat 0 0; padding-left:20px; }
	#search_passwd .search_box { margin:20px 0; padding:10px 0; border-top:#c7dce1 2px solid; border-bottom:#c7dce1 1px solid; color:#555555; background-color: #f4f8f9; }
	#search_passwd fieldset { border:none; width:60%; margin:0 auto; }
	#search_passwd dt { height:24px; background:url(/moa/member/images/bullet_para.gif) no-repeat 0 0; padding-left:20px; font-weight:bold; }
	#search_passwd dd { height:24px; margin-top:-24px; padding-left:120px; }
	#search_passwd .submit { text-align:center; }
	#search_passwd .result { text-align:center; padding:20px 0; }

/*조회*/
	.member_search { width: 100%;}

	.search_wraps { width:865px; padding: 25px; margin-bottom: 20px;}

	.member_search h2 { font-size: 1.3em; font-weight: 700; display: block; padding: 0 0 15px 0;}

	.idpasssearch { width:863px;  border:1px solid #cbc9c5; padding: 25px}
	
	.idpasssearch span { display:block; padding:0 0 0 0; width:800px; color:#696464;}
	.idpasssearch ul { margin:2% 0 ; width:100%; }
	.idpasssearch ul li { padding:0 0 0 0; width:100%; text-align:left; padding: 5px 0;}
	.idpasssearch ul li b { display:inline-block; padding:0; width:60px; padding-top:6px; font-weight:bold; }
	
	.search_box{ border: 1px solid #d2d2d2; padding: 3px; color: #000; border-radius: 0px; line-height: 1.0em; font-size: 1.5em; width: 750px; }
	
	.search_wraps .search_btn_wrap  { display: block; width: 100%; text-align: center; padding-top: 15px; }
	.search_wraps .search_btn_wrap .search_btn {  width: 78px; height: auto; }