.login_box { position: relative; margin: 0 15px; padding-top: 100px;}
.login_box .logo { margin-bottom: 50px; text-align: center;}
.login_box .logo img { width: 102px;}
.login_box>input { margin-bottom: 10px;}
.login_box>.checkbox { text-align: left;}
.login_box button { margin-top: 30px;}
.login_box ul { margin-top: 40px; text-align: center;}
.login_box ul li { display: inline; padding: 0 4px;}

/* .login_bottom { position: absolute; bottom: 20px; width: 100%; text-align: center;} */
.login_bottom {padding-top: 60px; text-align: center;}

.joinagree_01 { padding-bottom: 10px;}
.joinagree_01 h2 { text-align: center;}
.joinagree_01 h3 { text-decoration: underline; margin-bottom: 5px;}
.joinagree_01>ul li { color: #888; padding-bottom: 2px; text-indent: -10px; margin-left: 10px;}
.joinagree_01>ul li::before { content: "- ";}
.joinagree_02 { margin: 20px auto; padding-top: 24px; width: 190px; height: 76px; font-size: 20px; font-weight: bold; line-height: 26px; color: #fff; text-align: center; background-position: center; background-size: cover; background-repeat: no-repeat;}
.joinagree_02_001 { background-image: url('../../../images/mx/member_img_01.png');}
.joinagree_02_002 { background-image: url('../../../images/mx/member_img_02.png');}
.joinagree_02_text_01 { color: #fdff5a;}
.joinagree_03 { margin-top: 20px;}
.joinagree_03_001 { margin: 10px 0; width: 100%; /* height: 140px; */ border: 1px solid #ddd; box-sizing: border-box; border-radius: 2px; background-color: #f5f5f5; /* overflow-y: auto; */}
.joinagree_03_button { margin-top: 20px;}
.joinagree_04 { margin-top: 70px; height: 100%;}
.joinagree_04_001 { margin: 10px 0; width: 100%; height: 100%; border: 1px solid #ddd; box-sizing: border-box; border-radius: 2px; background-color: #f5f5f5; /* overflow-y: auto; */}
 
.joinform_01>ul li { padding-bottom: 5px; text-indent: -10px; margin-left: 10px;}
.joinform_01>ul li::before { content: "- ";}
.joinform_01>ul li:last-child { padding-bottom: 0px;}
.joinform_01 p { margin: 10px 0;}
.joinform_02 table { width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
.joinform_02 tr { border-bottom: 1px solid #ddd;}
.joinform_02 th { padding-left: 2%; width: 30%; text-align: left; background-color: #ebeff5; border-right: 1px solid #ddd;  box-sizing: border-box;}
.joinform_02 td { padding: 5px 2%; height: 40px;}
.joinform_02_btn_box { padding: 5px 2% 5px 0 !important; width: 23%;}
.joinform_noline { border-top: 1px solid #fff;}
.joinform_02_info { padding-top: 0px !important; height: 20px !important; color: #888; border-bottom: 0px !important;}
.joinform_03 li { display: inline; float: left;}
.joinform_03_001 { width: 46%;}
.joinform_03_002 { width: 8%; text-align: center; line-height: 36px;}
.joinform_04 { margin-top: 10px;}
 
.findid_box>section { display: none;}
.findid_box>input { display: none;}
.findid_box>label { float: left; display: inline-block; width: 50%; height: 42px; line-height: 40px; text-align: center; border-bottom: 1px solid #ddd; box-sizing: border-box; background-color: #f5f5f5;}
.findid_box>label:hover { cursor: pointer;}
.findid_box>input:checked + label { border-bottom: 0px; text-align: center; box-sizing: border-box; background-color: #fff;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2 { display: block;}
.findid_box_01 { padding-top: 130px; height: 150px; text-align: center;}
.findid_box_01 p { padding-bottom: 20px;}
.findid_box_02 { text-align: center;}
.findid_box_02 li { display: inline; padding: 0 4px;}
.findid_box_03 { margin: 25px 15px 0 15px; padding: 15px 10px; border: 1px solid #ddd; box-sizing: border-box;}
.findid_box_03>ul li { font-size: 13px; line-height: 18px; color: #888; padding-bottom: 2px; text-indent: -10px; margin-left: 10px;}
.findid_box_03>ul li::before { content: "- ";}
.findid_box_03 h3 { margin-bottom: 5px;}
.findid_box_04 { padding-top: 52px; height: 248px; text-align: center;}
.findid_box_04>input { margin-bottom: 5px;}
.findid_box_04>button { margin-top: 10px;}