/* member_page */
#member_page .form_box p.item.check_box { padding-bottom: 15px; }
#member_page .form_box p.item.bookno { padding-bottom: 0; border-bottom: 0; }
#member_page .or { display: flex; flex-direction: column; align-items: center; }
#member_page .or:before , #member_page .or:after { width: 1px; height: 1%; background: #ccc; display: block; flex: 1 1 auto; content: ""; }
#member_page .or font { width: 3em; height: 2.7em; display: flex; justify-content: center; align-items: center; }
#member_page .other_btns { padding: 0 15px; }
#member_page .other_btns * { font-size: max(1.2 * (1vw + 1vh) / 2, 17px); }

/* more_btn */
.more_btn { padding: 10px; width: 150px; }
.more_btn span { font-size: max(1.2 * (1vw + 1vh) / 2, 16px); }

/* address_box */
.address_box { display: inline-grid; grid-template-columns: 150px 150px 1fr; grid-gap: 10px; }

/* birth_box */
.birth_box { display: inline-flex; align-items: center; gap: .3em; }
.birth_box span { min-width: 2em; text-align: center; }
.birth_box input { width: 3em; }
.birth_box select { width: 4em; }

#member_page[data-type="1"] { position: relative; display: grid; grid-template-columns: 1fr 3em 1fr; }
#member_page[data-type="1"] .more_btn { margin: 25px auto 0; display: block; }
#member_page[data-type="1"] .other_btns >div { text-align: center; }
#member_page[data-type="1"] #form2 .more_btn { margin-top: 0; }
#member_page[data-type="0"] .or , #member_page[data-type="0"] #form2 { display: none; }

/* notice_box */
.notice_box ol { margin-left: 1.3em; list-style: decimal; }

@media screen and (max-width: 1024px) {
	#member_page[data-type="1"] { grid-template-columns: 1fr; }
	#member_page .or { flex-direction: row; }
}
@media screen and (max-width: 980px) {
	.address_box { grid-template-columns: repeat(2, 1fr); }
	.address_box #MemberAddress { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3; }
}
@media screen and (min-width: 761px) {
	#member_page[data-type="0"] .form_box p.item.check_box font { width: calc(100% - 370px); }
	.form_box.chgpass p.item label { width: 200px; }
	.form_box.chgpass p.item font { width: calc(100% - 230px); }
}
@media screen and (max-width: 760px) {
	#member_page[data-type="0"] .form_box p.item.check_box font { width: calc(100% - 170px); }
	.address_box { display: grid; }
}
@media screen and (max-width: 550px) {
	#member_page[data-type="0"] .form_box p.item.check_box font { width: 100%; }
	.more_btn { margin: 25px auto -5px; }
	.address_box .nice-select { margin-bottom: 10px; }
	.birth_box span:not(:first-child) { min-width: 1em; }
	.birth_box input { padding: 5px .4em; width: 2em; }
	.birth_box select { padding: 10px .4em; width: 3.5em; }
}