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

/* 로그인 */	
.login_page { width:470px; margin:auto; padding:30px 100px; border:1px solid #929a50; margin-top:50px;}
	.login_page h3 { color:#525252; font-size:2.0em; font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕"; display:block; padding-bottom:10px; border-bottom:1px solid #c3c3c3; }
	.login_page p {font-weight:bold; font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕"; }
		.idpw_box {width:470px; } 
			.idpw p{ color:#3e3e3e; display:block; width:470px; padding:15px 0 10px 0; font-size:1.3em;}

			input.idbox {border:1px solid #d1d1d1; width:452px; height:42px; padding:4px 8px; border-radius:5px; background:#fdfdfd; font-size:1.4em;}
				
			.login_btn {padding:15px 0 0 0;}
				
		.join_box { margin-top:15px;}

				.join_box a{ color:#5e5e5e; }
				.join_box b { display:inline-block; padding:0 10px; font-weight:400;}
				.join_box a:hover { text-decoration:underline;}
					
		.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;}

html, body{ height:100%; margin:0;}
.mwLogin{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
.mwLogin.open{ display:block;}
.mwLogin .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#login{ position:absolute; width:328px; top:50%; left:50%; padding:28px 28px 0 28px; margin:-150px 0 0 -194px; border:2px solid #555; font-size:12px; font-family:Tahoma, Geneva, sans-serif; line-height:normal; background:#fff; white-space:normal; color:#767676;}
#login form{ display:none; margin:0; padding:0;}
#login fieldset{ border:0; margin:0; padding:0;}
#login legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
#login .btnLogin,
#login .btnLogin input{ position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px; font-size:12px; font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; background:transparent url(../images/btnLogin.gif) no-repeat;}
#login .btnLogin{ margin:0 4px 0 0; background-position:left top;}
#login .btnLogin input{ left:4px; background-position:right top; *vertical-align:top; padding:0 24px 0 36px;}
#login .item{ position:relative;}
#login .iLabel{ display:block; position:static; top:9px; font:bold 11px Tahoma; }
#login .iText{ position:relative; display:block; font:bold 11px Tahoma; height:14px; color:#767676; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}
#login .help{ position:relative; float:none; display:block; border:0; border-top:1px solid #d9d9d9; background:#fafafa; padding:15px 0; margin:0 -28px; list-style:none; text-align:center; *zoom:1;}
#login .help li{ display:inline; float:none; border-left:1px solid #c3c3c3 !important; padding:0 6px 0 10px; margin:0; line-height:1;}
#login .help li.first{ border:0 !important;}
#login .help a{ float:none; display:inline; background:none; line-height:1; padding:0; font-size:11px; color:#767676; text-decoration:none; font-family:Dotum, 돋움, Sans-serif;}
#login .help a:hover,
#login .help a:active,
#login .help a:focus{ text-decoration:underline; color:#000;}
#login .gLogin .iLabel{ left:10px;}
#login .gLogin .iText{ width:316px; padding:8px 0 6px 10px; margin:0 0 5px 0;}
#login .gLogin .btnLogin{ position:absolute; top:133px; right:28px;}
#login .gLogin .keeping{ float:none; height:32px; line-height:32px; margin:10px 0; padding:0;}
#login .gLogin .keeping label{ position:static; cursor:pointer; font-family:Dotum, 돋움, Thahoma;}
#login .gLogin .iCheck{ width:13px; height:13px; margin:0 4px 0 0; padding:0; vertical-align:middle;}
#login .gLogin .warning{ display:none; float:none; margin:10px 0; line-height:1.4;}
#login .gLogin .warning.open{ display:block;}

#login .oJoin{ text-align:center;}
#login .oJoin .iLabel{ left:10px; text-align:left; }
#login .oJoin .iText{ width:316px; padding:8px 0 6px 10px; margin:0 0 5px 0;}
#login .oJoin .warning{ float:none; margin:10px 0; line-height:1.4; text-align:left; }
#login .oJoin .btnLogin{ margin-top:10px; margin-bottom:10px;}
#login.gLogin .gLogin,
#login.oJoin .oJoin{ display:block;}
#login .close{ position:absolute; top:0; right:0; width:25px; height:25px; border:0; padding:0; background:transparent; overflow:visible; cursor:pointer; text-align:center; font:11px/25px Verdana, Geneva, sans-serif; color:#ccc; text-decoration:none !important;}
		
		
/*회원가입*/
#id_chk_msg2{ color:#FF0000; font-weight:bold; }
.join_notice{ padding-top:10px;}

.join_form{ width:680px; margin:0 auto; background:#fff; padding:0 20px; border:1px solid #ccc; font-family:"맑은 고딕";}
.join_form h2{ font-size:14px; padding:5px 0; font-weight:700;}
.info1{ overflow:hidden; }
	.info1 li{ float:left; width:340px; padding:5px 0;}
	.info1 li.user_id{ width:680px;}
	.info1 li .box{ width:300px; height:42px; padding:4px 8px; border-radius:5px; background:#fdfdfd; font-size:1.4em;}
	.info1 li.join_cauction{ width:600px;}

.info2{ padding:10px 20px; margin-bottom:10px; background:#faf7f7; border:1px solid #ccc;}
	.info2 ul{}
	.info2 ul li{padding:5px 0; overflow:hidden;}
	.info2 ul li p{ display:block; width:110px; font-weight:bold; float:left; padding-left:15px; height:30px; padding-top:5px}
		.info2 ul li p.must{ background:url(../moa/member/images/check.gif) no-repeat 0 10px;}
	.info2 ul li .box{border:1px solid #d1d1d1; width:452px; height:42px; padding:4px 8px; border-radius:5px; background:#fdfdfd; font-size:1.4em;}
	.info2 ul li .tel{ width:50px;}
	.info2 ul li .juso{ width:450px;}
	.info2 ul li span{ display:block;  float:left;}
	.info2 ul li .btn-group{ margin-top:6px; margin-left:10px; float:left;}
	.info2 ul li .join_button2{ display:inline-block; padding:0px 0 0 10px;;}
	#email_type{ margin-left:10px;}
		#user_zipcode { width:150px;}
		
		

.clause_wrap{ padding-bottom:20px;}
	.clause_wrap .clause_txt{ width:660px; height:300px; border:1px solid #ccc; font-size:12px; overflow:auto; padding:10px;background:#faf7f7;}
		.clause_wrap .clause_txt .agreeInner { line-height:20px;}
		.clause_wrap p.agree_ck { padding:5px 0; width:1005; text-align:right;}
		.clause_wrap .must{ background:url(../moa/member/images/check.gif) no-repeat 0 10px; padding-left:15px;}

	
	/*아이디 체크*/
	#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;}

/*이용약관*/
.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{ overflow:hidden; padding:20px 0 0 20px; font-family:"맑은 고딕", "나눔고딕", "굴림", "돋움", "바탕";}

	.idpasssearch{width:350px; height:307px; padding:20px 0 24px 13px; border:1px solid #cbc9c5; float:left;}
	
	.idpasssearch span{ display:block; padding:10px 0 10px 0px; width:330px; color:#696464;}
	.idpasssearch ul{ margin:36px 0 61px 0; width:259px;}
	.idpasssearch ul li{ padding:5px 0;width:314px; text-align:left;}
	.idpasssearch ul li span{ display:inline-block; padding:0; width:60px; padding-top:6px; font-weight:bold;}
	.idpasssearch .search_btn{ margin-left:107px;}
		.search_box{ border:1px solid #ccc; height:20px; line-height:20px; width:192px; }
	
	
	.passsearch{ float:left; margin-left:50px; margin-top:0;}
	.passsearch .search_btn{ margin-left:107px;}
		.passsearch span{ display:block; padding:10px 0 10px 0px; width:330px; color:#696464;}
		.passsearch ul{ margin:21px 0 29px 0; width:259px;}