#member_page .member_info{}
#member_page .page_title{font-size:22px;font-weight:600;color:#000;margin-bottom:15px;}
#member_page .page_title_desc{margin-bottom:8px;font-size:13px;color:#777;font-weight:400;}
#member_page .member_info table{border-spacing: 0; border-collapse:collapse; width: 100%;border-top:2px solid #969696;border-bottom:1px solid #dddddd;}
#member_page .member_info table tbody{}
#member_page .member_info table tbody tr th{width:160px;background-color:#eef1f8;padding:5px 20px;height:40px;text-align:left;box-sizing:border-box;color:#333;font-size:12px;font-weight:600;}
#member_page .member_info table tbody tr td{padding:5px 20px;color:#333;font-size:13px;font-weight:400;}
#member_page .member_info table tbody tr:nth-child(n+2){border-top:1px solid #dddddd;}
#member_page .member_info table input[type="text"],
#member_page .member_info table input[type="email"],
#member_page .member_info table input[type="tel"],
#member_page .member_info table input[type="password"]{border:1px solid #ccc;max-width:300px;width:100%;box-sizing:border-box;font-size:13px;font-weight:400;padding:0 10px;height:35px;}
#member_page .member_info .krZip input[type="text"]{max-width:150px;width:100%;}
#member_page .member_info table label{font-size:12px;}
#member_page .member_info table label + label{margin-left:10px;}
#member_page .member_info table .help-inline{margin-top:5px;font-size:12px;color:#888;}

#member_page .member_info .button_list{margin:20px 0 0;text-align:right;}
#member_page .member_info .button_list ul{margin:0;padding:0;list-style:none;display:inline-block;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;overflow:hidden;}
#member_page .member_info .button_list ul:after{content:"";display:block;clear:both;}
#member_page .member_info .button_list ul li{float:left;font-size:13px;font-weight:600;color:#000;line-height:30px;}
#member_page .member_info .button_list ul li:hover{background-color:#fafafa;}
#member_page .member_info .button_list ul li:nth-child(n+2){border-left:1px solid #ccc;}
#member_page .member_info .button_list ul li a,
#member_page .member_info .button_list ul li button,
#member_page .member_info .button_list ul li input[type="submit"],
#member_page .member_info .button_list ul li input[type="button"]
{color:#000;display:block;padding:0 20px;text-decoration:none;display:block;border:0;background-color:transparent;height:30px;cursor:pointer;}

#member_page .agreement_boxs{}
#member_page .agreement_boxs .agreement_box{margin-top:50px;}
#member_page .agreement_boxs .agreement_box:first-child{margin-top:30px;}
#member_page .agreement_boxs .agreement_title{font-size:15px;font-weight:600;margin:0 0 15px;background-image:url(../img/dot.jpg);padding-left:20px;background-repeat:no-repeat;}
#member_page .agreement_boxs .agreement_title span{color:#888;font-size:12px;margin-left:10px;}
#member_page .agreement_boxs .agreement_content{height:300px;overflow:auto;border:1px solid #ddd;padding:10px;}
#member_page .agreement_boxs .agreement_check{margin:10px 0 0;}
#member_page .agreement_boxs .agreement_check label{font-size:13px;}
#member_page .agreement_boxs .agreement_check label input[type="checkbox"]{margin-right:5px;}
#member_page .agreement_button{margin-top:40px;text-align:center;}
#member_page .agreement_button input[type="submit"]{background-color:#b674ad;border:0;height:40px;padding:0 20px;color:#fff;border:1px solid #ddd;font-size:13px;cursor:pointer;}


@media screen and (max-width: 800px) {
	#member_page .member_info .krZip input[type="text"]{display:block;max-width:400px;}
	#member_page .member_info .krZip div:nth-child(n+2){margin-top:5px;}
}
@media screen and (max-width: 660px) {
	#member_page .page_title{font-size:18px;}
	#member_page .member_info table tbody tr th{width:100px;min-width:100px;padding:5px 10px;}
	#member_page .member_info table tbody tr td{padding:5px 10px;}
}

@media screen and (max-width:500px) {
	#member_page .page_title{font-size:16px;}
	#member_page .member_info table tbody tr th{width:80px;min-width:80px;padding:5px 5px;}
	#member_page .member_info table tbody tr td{padding:5px 5px;}
	#member_page .member_info .button_list ul li a,
	#member_page .member_info .button_list ul li button,
	#member_page .member_info .button_list ul li input[type="submit"],
	#member_page .member_info .button_list ul li input[type="button"]{padding:0 8px;}
	
	#member_page .agreement_boxs .agreement_title{font-size:14px;}
	#member_page .agreement_boxs .agreement_content{height:200px;}
}