@charset "utf-8";
/* CSS Document */
/*left_menu*/
.member_navi{}
	#sub_navi .member_navi > li > a{ font-size:14px;}

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

.agreement_wraps { display: block; width: 100%; 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_wraps1 { width: 100%; max-width: 912px; }
.login_wraps1 .top_border { border: 2px solid #00479d; height: 13px; display: block; background: #0068b7;}
.login_wraps { width: 100%; max-width: 912px; border: 1px solid #dcdcdc; margin: auto; padding: 8% 0%;}
.login_wraps h3 { color: #ff8a00; font-size: 2em; font-weight: 700; display: block; width: 100%; text-align: center; margin: 0 auto 4%;}
.login_wraps h4 { color: #696969; font-size: 1.1em; text-align: center; width: 80%; margin: auto; margin-bottom: 5%; line-height: 1.5em;}

.login_page { width: 93.42105263157895%; margin: auto; border: 1px solid #dcdcdc; padding: 5% 0; }

.login_page .idpw_box { overflow: hidden; width: 90.14084507042254%; max-width: 768px; margin: auto;}
.login_page .idpw_box .idpw_icon { float: left;  border: 1px solid #dcdcdc; width: 12.91079812206573%; max-width: 110px; text-align: center; padding: 1.0% 1% ; }
.login_page .idpw_box .idpw_icon img { width: 100%; max-width: 61px;}

.login_page .idpw_box .idpw { float: left; width: 58.85416666666667%;}
	.login_page .idpw_box ul { width: 100%;}
	.login_page .idpw_box ul li { overflow: hidden; width: 100%; }
	.login_page .idpw_box ul li:first-child { margin-bottom: 3%;}
	.login_page .idpw_box .idpw p { float: left; display: block; width: 21.46017699115044%; text-align: center; color: #1469c1; font-weight: 700; font-size: 1.2em; padding: 0 0;}
	.login_page .idpw_box .input_boxs { float: left; width: 78.53982300884956%; border: 1px solid #d2d2d2; padding: 0.5% 5px; color: #000; }

.login_page .idpw_box .login_btn { float: right; width: 24.17840375586854%;}
.login_page .idpw_box .login_btn input { width:100%; }

.join_box { width: 100%; max-width: 768px; margin: auto; text-align: center; font-size: 1.1em;}
.join_box a { font-size: 1.1em;}


@media only screen  and (min-width: 200px) {

	.login_wraps h3 { font-size: 1.2em; width: 90%; }

    .login_page .idpw_box .idpw_icon { display: none; }
	.login_page .idpw_box .idpw { width: 100%;  float: left; margin: 0; }

	.login_page .idpw_box .idpw p { width: 100%; text-align: left;}
	.login_page .idpw_box .input_boxs { width: 100%; }

	.login_page .idpw_box .login_btn { width: 100%; float: right; margin: 10px 0 0 0;  }
}
@media only screen and (min-width: 480px) {

	.login_wraps h3 { font-size: 1.3em; width: 90%;  }

    .login_page .idpw_box .idpw_icon { display: none; }
	.login_page .idpw_box .idpw { width: 100%;  float: left; margin: 0; }

	.login_page .idpw_box .idpw p { width: 100%; text-align: left;}
	.login_page .idpw_box .input_boxs { width: 100%; }

	.login_page .idpw_box .login_btn { width: 100%; float: right; margin: 10px 0 0 0;   }
}
@media only screen and (min-width: 768px) {

	.login_wraps h3 { font-size: 2em; width: 100%;  }

    .login_page .idpw_box .idpw_icon { width: 12.91079812206573%;  float: left; display: block;}
	.login_page .idpw_box .idpw { width: 58.85416666666667%;  float: left; }

	.login_page .idpw_box .idpw p { width: 21.46017699115044%; text-align: center;}
	.login_page .idpw_box .input_boxs { width: 78.53982300884956%; }

	.login_page .idpw_box .login_btn { width: 24.17840375586854%; float: right; margin: 0 0 0 0;  }
}
    
@media only screen and (min-width: 970px) {
	
	.login_wraps h3 { font-size: 2em; width: 100%;  }

    .login_page .idpw_box .idpw_icon { width: 12.91079812206573%;  float: left;  display: block;}
	.login_page .idpw_box .idpw { width: 58.85416666666667%;  float: left; }

	.login_page .idpw_box .idpw p { width: 21.46017699115044%; text-align: center;}
	.login_page .idpw_box .input_boxs { width: 78.53982300884956%; }

	.login_page .idpw_box .login_btn { width: 24.17840375586854%; float: right; margin: 0 0 0 0; }
}
    
@media only screen and (min-width: 1170px) {    

	.login_wraps h3 { font-size: 2em; width: 100%;  }

    .login_page .idpw_box .idpw_icon { width: 12.91079812206573%;  float: left; display: block;}
	.login_page .idpw_box .idpw { width: 58.85416666666667%;  float: left; }

	.login_page .idpw_box .idpw p { width: 21.46017699115044%; text-align: center;}
	.login_page .idpw_box .input_boxs { width: 78.53982300884956%; }

	.login_page .idpw_box .login_btn { width: 24.17840375586854%; float: right; margin: 0 0 0 0; }
}

.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;}

@media only screen and (min-width: 200px) {
   .join_wraps table.table tr th {  display:block; width:100%; text-align: left;} 
   .join_wraps table.table tr td { display:block; width:100%; padding: 8px 0;}
}
@media only screen and (min-width: 480px) {
    .join_wraps table.table tr th { display:block; width:100%; text-align: left; }
	.join_wraps table.table tr td { display:block; width:100%; padding: 8px 0;}
}
@media only screen and (min-width: 768px) {
    .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;}
}
    
@media only screen and (min-width: 970px) {
    .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;}
}
    
@media only screen and (min-width: 1170px) {    
    .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;}	
}


/*이용약관*/
.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-left:40px;}

	.idpasssearch{width:297px; height:307px; padding:20px 0 24px 13px; border:1px solid #cbc9c5; float:left;}
	
	.idpasssearch span{ display:block; padding:10px 0 10px 0px; width:259px; 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:259px; color:#696464;}
		.passsearch ul{ margin:21px 0 29px 0; width:259px;}