@charset "UTF-8";

#joinHeader {
	padding:2.5rem 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
	background-color: #FAFAFA;
}
#joinHeader img {
	width: 13.8125rem;
	height: 2.75rem;
}
#container.login_container, 
#container.join_container {
	padding:7.5rem 0 6.25rem;
}
#container.login_container {
	background-image: url(../images/member/login-bg.png);
	background-repeat: no-repeat;
	background-position: 60vw bottom;
}
@media screen and (max-width: 480px) {
	#container.login_container {
		background-image: none;
	}
}

/* 로그인
---------------------------------- */
.login_find a {
	position: relative;
	color: #222;
	font-size: 1.125rem;
}
.login_find a:not(:last-of-type):after {
	position: absolute;
	top: 50%;
	left: calc(100% + 0.75rem);
	width: 1px;
	height: 12px;
	background-color: #ddd;
	transform: translateY(-50%);
	content:'';
}
.login_find a:hover,
.login_find a:focus {
	text-decoration: underline;
	text-underline-position: under;
}

@media screen and (max-width: 480px) {
	.login_find a {
		font-size: 1rem;
	}
	.login_find .form-check input[type=radio] ~ label, 
	.login_find .form-check input[type=checkbox] ~ label {
		font-size: 1rem;
		padding-left: 2rem;
	}
}


/* 회원가입
----------------------------------- */
.join_title {
	margin-bottom: 2.5rem;
	font-size: 3.75rem;
}
.join_sub_title {
	margin-bottom: 2rem;
	font-size: 2.875rem;
}
.join_sub_title small {
	color: #737478;
	font-size: 1.125rem;
}
.join_step {
	margin-bottom: 3.75rem;
}
.join_step ol {
	gap: 4.625rem;
}
.join_step ol li {
	position: relative;
	padding: 0.5rem 0 0.5rem 4.75rem;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: auto 100%;
}
.join_step ol li:nth-of-type(1) {
	background-image: url(../images/member/step1-icon.png);
}
.join_step ol li:nth-of-type(2) {
	background-image: url(../images/member/step2-icon.png);
}
.join_step ol li:nth-of-type(3) {
	background-image: url(../images/member/step3-icon.png);
}
.join_step ol li:nth-of-type(4) {
	background-image: url(../images/member/step4-icon.png);
}
.join_step ol li:nth-of-type(5) {
	background-image: url(../images/member/step5-icon.png);
}
.join_step ol li.on:nth-of-type(1) {
	background-image: url(../images/member/step1-icon-on.png);
}
.join_step ol li.on:nth-of-type(2) {
	background-image: url(../images/member/step2-icon-on.png);
}
.join_step ol li.on:nth-of-type(3) {
	background-image: url(../images/member/step3-icon-on.png);
}
.join_step ol li.on:nth-of-type(4) {
	background-image: url(../images/member/step4-icon-on.png);
}
.join_step ol li.on:nth-of-type(5) {
	background-image: url(../images/member/step5-icon-on.png);
}
.join_step ol li:not(:last-of-type):after {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M10.1445 8.19849L14.75 12.7991L10.1445 17.3997' stroke='%23393B44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transform: translate(100%, -50%);
	content:'';
}
.join_step ol li span {
	color: #737478;
	font-size: 1.125rem;
	font-weight: 600;
}
.join_step ol li.on span {
	color: #0A6DED;
	font-weight: 700;
}
.join_step ol li p {
	font-size: 1rem;
	font-weight: bold;
}
.join_noti {
	margin-bottom: 3.75rem;
	padding:2.5rem 1rem;
	font-size: 1.125rem;
	line-height: 1.66;
	word-break: keep-all;
}

/* step1 - 회원 유형 */
.join_certify > div {
	padding:3.5rem 1rem;
}
.join_certify h4 {
	font-size: 2rem;
}
.join_certify h4:before {
	display: block;
	width: 7.5rem;
	height: 7.5rem;
	margin:0 auto 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.join_certify h4.ic_normal:before {
	background-image: url(../images/member/normal-certify.png);
	content:'';
}
.join_certify h4.ic_children:before {
	background-image: url(../images/member/children-certify.png);
	content:'';
}
.join_certify h4.ic_phone:before {
	background-image: url(../images/member/phone-certify.png);
	content:'';
}
.join_certify h4.ic_ipin:before {
	background-image: url(../images/member/ipin-certify.png);
	content:'';
}
.join_certify h4 small {
	font-size: 1.25rem;
	font-weight: 500;
}
.join_certify p {
	margin-top: 1rem;
	font-size: 1.125rem;
	font-weight: 300;
}

/* step2 - 약관 동의 */
.terms-agree-box {
	flex-flow: column;
	gap: 3.75rem;
}
.terms-agree-dl dd {
	overflow: hidden;
	word-break: keep-all;
}
.agree-tit {
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: 700;
}
.agree-cont {
	padding:2.5rem 1rem;
}
.figure_box {
	overflow-y: auto;
	height: 100%;
	max-height: 28.25rem;
	padding:0 1.5rem;
	font-family: 'Noto Sans KR';
}
.figure_box * {
	font-size: 1rem;
}
.figure_box h5{
	color: #0A6DED;
	font-weight: 500;
	text-decoration: underline;
}
.figure_box p{
	font-weight:400;
	color:#000;
	margin: 0px;
	padding: 0.5rem;
}
.figure_box p + h1,
.figure_box p + h2,
.figure_box p + h3,
.figure_box p + h4,
.figure_box p + h5,
.figure_box p + h6 {
	margin-top: 1.25rem;
}
.figure_box ul li{
	font-weight:400;
	color:#000;
	margin: 0px;
	padding: 0.5rem;
}
.figure_box table {
	width: 100%;
	margin-bottom: 0.5rem;
	text-align: center;
	border-top: 2px solid #222;
}
.figure_box table caption {
	overflow: hidden;
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	font-size: 0;
	z-index: -1;
}
.figure_box table th,
.figure_box table td {
	padding:1rem 0.5rem;
	border: 1px solid #ddd;
}
.agree-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	height: auto;
	padding: 1.5rem 2.5rem;
	font-size: 1.125rem;
}

.terms-agree-all {
	margin-top: 3.75rem;
	padding:2.5rem 1rem;
	text-align: center;
}

/* step5 가입완료 */
.join_success {
	padding:5rem 0;
}
.join_success h3 {
	font-size: 2.875rem;
}
.join_success h3:before {
	display: block;
	width: 100%;
	max-width: 560px;
	aspect-ratio: 1/0.3929;
	margin:0 auto 3.5rem;
	background-image: url(../images/member/step5-img.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	content:'';
}
.join_success p {
	margin-top: 2rem;
	font-size: 1.25rem;
	line-height: 1.7;
	word-break: keep-all;
}
@media screen and (max-width: 1080px) {
	.join_step ol {
		gap: 3rem;
	}
	.join_step ol li {
		padding:4.75rem 0 0;
		text-align: center;
		background-position: 50% 0;
		background-size: 3.75rem;
	}
	.join_step ol li:not(:last-of-type):after {
		top: 0;
		transform: translate(50%, 1.125rem);
	}
}
@media screen and (max-width: 768px) {
	#joinHeader {
		padding:1.5rem 0;
	}
	#joinHeader img {
		width: 8.25rem;
		height: 1.625rem;
	}
	#container.login_container, 
	#container.join_container {
		padding:5rem 0 3.5rem;
	}
	.join_title {
		font-size: 2rem;
	}
	.join_sub_title {
		margin-bottom: 1.5rem;
		font-size: 1.5rem;
	}
	.join_step {
		margin-bottom: 2.875rem;
	}
	.join_step ol {
		gap: 0;
	}
	.join_step ol li {
		padding:4rem 0.75rem 0;
		background-size: 3rem;
	}
	.join_step ol li:not(:last-of-type):after {
		transform: translate(-50%, 0.75rem);
	}
	.join_step ol li span {
		font-size: 0.875rem;
	}
	.join_step ol li p {
		font-size: 0.875rem;
	}
	.join_noti {
		margin-bottom: 3rem;
	}
	.join_certify > div {
		padding:2rem 1rem;
	}
	.join_certify h4 {
		font-size: 1.25rem;
	}
	.join_certify h4 small {
		font-size: 1.125rem;
	}
	.join_certify p {
		font-size: 1rem;
	}

	.terms-agree-box {
		gap: 2.875rem;
	}
	.agree-tit {
		margin-bottom: 1.5rem;
		font-size: 1.5rem;
	}
	.agree-cont {
		padding: 1.5rem 1rem;
	}
	.figure_box {
		padding: 0 0.5rem;
	}
	.agree-box {
		align-items: flex-start;
		flex-direction: column;
		padding: 1.5rem;
	}
	.agree-box .txt {
		margin-bottom: 1.5rem;
	}
	.terms-agree-all {
		margin-top: 2.5rem;
		padding: 1.5rem;
		text-align: left;
	}

	.join_success {
		padding:3.5rem 0;
	}
	.join_success h3 {
		font-size: 2rem;
	}
	.join_success p {
		font-size: 1.125rem;
	}
}
@media screen and (max-width: 660px) {
	.join_noti {
		padding:2rem 1rem;
	}
	.join_certify {
		flex-flow: column;
	}
}
@media screen and (max-width: 480px) {
	.join_step ol {
		justify-content: space-between;
	}
	.join_step ol li {
		padding:4rem 0 0;
	}
	.join_step ol li:not(:last-of-type):after {
		transform: translate(0%, 0.75rem);
	}
}


/* 회원가입 - step2(회원 정보) 
----------------------------- */
.fm_box {
	display: block;
	border-top: 2px solid #222;
}
.fm_box + .join_sub_title {
	margin-top: 3.75rem;
}
.fm_box table {
	display: block;
}
.fm_box table thead, .fm_box table tbody, .fm_box table tfoot {
	display: block;
}
.fm_box table tr {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid #ddd;
}
.fm_box table td, .fm_box table th {
	display: flex;
	flex-wrap: wrap;
	padding: 1.5rem;
}
.fm_box .fm_title {
	width: 11.25rem;
	min-height: 3.125rem;
	align-items: center;
}
.fm_box .fm_title.start {
	align-items: start;
	margin-top: 0.75rem;
}
.fm_box .fm_title_txt {
	font-weight: 500;
	font-size: 1.125rem;
	display: block;
}
.fm_box .fm_title + td, .fm_box .fm_title + th {
	width: calc(100% - 11.25rem);
}
.fm_box .fm_txt {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	min-height: 2.5rem;
	border-radius: 0.3125rem;
	width: 100%;
}
.fm_box .fm_txt > a:hover {
	color: #0A6DED;
}
.fm_info {
	display: flex;
	gap: 0.25rem;
	width: 100%;
	font-size: 1.125rem;
	color: #555555;
	margin-top: 1rem;
}
.fm_info:before {
	flex-shrink: 0;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23888888'/%3E%3Ccircle cx='11.9998' cy='16.9737' r='1.10529' fill='white'/%3E%3Cpath d='M10.7524 7.23692C10.7124 6.52233 11.2811 5.9209 11.9968 5.9209C12.7148 5.9209 13.2843 6.52602 13.2408 7.24271L12.833 13.9615C12.8056 14.4119 12.4324 14.7632 11.9811 14.7632C11.5283 14.7632 11.1543 14.4096 11.129 13.9575L10.7524 7.23692Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content:'';
}
.fm_info2 {
	display: flex;
	gap: 0.25rem;
	width: 100%;
	margin-top: 1rem;
	font-size: 1.125rem;
	color: #0A6DED;
}
.fm_info2:before {
	flex-shrink: 0;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%230A6DED'/%3E%3Crect x='15.9209' y='8.26221' width='1.56152' height='9.01055' rx='0.780761' transform='rotate(45 15.9209 8.26221)' fill='white'/%3E%3Crect x='11.7588' y='14.6333' width='1.56152' height='5.20507' rx='0.780761' transform='rotate(135 11.7588 14.6333)' fill='white'/%3E%3C/svg%3E%0A");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content:'';
}
.fm_info3 {
	display: flex;
	gap: 0.25rem;
	width: 100%;
	margin-top: 1rem;
	font-size: 1.125rem;
	color: #EE3F46;
}
.fm_info3:before {
	flex-shrink: 0;
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23EE3F46'/%3E%3Crect x='15.0732' y='7.84082' width='1.53431' height='10.2287' rx='0.767156' transform='rotate(45 15.0732 7.84082)' fill='white'/%3E%3Crect x='16.1592' y='15.0737' width='1.53431' height='10.2287' rx='0.767156' transform='rotate(135 16.1592 15.0737)' fill='white'/%3E%3C/svg%3E%0A");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content:'';
}
.fm_box ._file > li {
	display: block;
}
.fm_box ._file > li:not(:first-child) {
	margin-top: 0.2rem;
}
.fm_box ._file > li > a {
	display: inline-flex;
	align-content: center;
}
.fm_box ._file > li > a:hover {
	color: #0A6DED;
}
.fm_box ._file > li > a img {
	width: 1rem;
	height: 1rem;
	margin-right: 0.2rem;
	margin-bottom: -0.1rem;
}
.fm_box .fm_flex {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 1rem;
	min-height: 3.125rem;
	flex-wrap: wrap;
}
.fm_box .fm_flex .break {
	flex-basis: 100%;
}
.fm_box .fm_flex .fm_info {
	margin-top: 0;
}
.fm_box .fm_flex .fm_flex_text {
	margin: 0 -0.4444444444rem;
	font-size: 1.125rem;
}
.fm_box .fm_flex .fm_txt {
	width: auto;
}
.fm_box .fm_flex .addr_order_1 {
	order: 1;
}
.fm_box .fm_flex .addr_order_2 {
	order: 2;
}
.fm_box .fm_flex .addr_order_3 {
	order: 3;
}
.fm_box .fm_flex_2 {
	margin-left: auto;
	width: 60%;
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}
.fm_box .fm_flex_2._on {
	display: flex;
}
.fm_box .fm_flex_2 .break {
	flex-basis: 100%;
}
.fm_box .fm_flex_2 .fm_info {
	margin-top: 0;
}
.fm_box .fm_flex_2 .td {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.fm_box .fm_flex_2 .td .fm_title_txt {
	width: 7.619047619rem;
}
.fm_box .fm_flex_2 .td .fm_wrap {
	width: calc(100% - 10rem);
}
.fm_box .fm_wrap {
	width: 100%;
	max-width: 25rem;
}
.fm_box .fm_wrap .form-control, .fm_box .fm_wrap .form-control {
	max-width: 25rem;
}
.fm_box .fm_wrap._wid_full {
	width: 100%;
	max-width: none;
}
.fm_box .fm_wrap._wid_full .form-control, .fm_box .fm_wrap._wid_full .form-control, .fm_box .fm_wrap._wid_full .ft {
	width: 100%;
	max-width: none;
}
.fm_box .fm_wrap._wid_640 {
	max-width: 40rem;
}
.fm_box .fm_wrap._wid_640 .form-control, .fm_box .fm_wrap._wid_640 .form-control {
	max-width: 40rem;
}
.fm_box .fm_wrap._wid_400 {
	max-width: 25rem;
}
.fm_box .fm_wrap._wid_400 .form-control, .fm_box .fm_wrap._wid_400 .form-control {
	max-width: 25rem;
}
.fm_box .fm_wrap._wid_200 {
	max-width: 12.5rem;
}
.fm_box .fm_wrap._wid_200 .form-control, .fm_box .fm_wrap._wid_200 .form-control {
	max-width: 12.5rem;
}
.fm_box .fm_wrap._wid_160 {
	max-width: 10rem;
}
.fm_box .fm_wrap._wid_160 .form-control, .fm_box .fm_wrap._wid_160 .form-control {
	max-width: 10rem;
}
.fm_box .fm_mail {
	flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
	.fm_box table tr {
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	}
	.fm_box table td, .fm_box table th {
	padding: 0.75rem 1rem;
	}
	.fm_box .fm_wrap._wid_640 {
	max-width: none;
	}
	.fm_box .fm_wrap._wid_640 .form-control .form-control {
	max-width: none;
	}
	.fm_box .fm_title {
	display: flex;
	min-width: 8.75rem;
	width: 8.75rem;
	margin: 0;
	}
	.fm_box .fm_title + td {
	width: calc(100% - 8.75rem);
	}
	.fm_box .fm_mail {
	flex-wrap: wrap;
	}
	.fm_box .fm_mail > .fm_wrap._wid_200 {
	max-width: none;
	width: 34%;
	flex: 1 1 auto;
	}
	.fm_box .fm_mail > .fm_wrap._wid_200 > * {
	max-width: none;
	}
	.fm_box .fm_mail .fm_flex_text {
	flex: 0 1 auto;
	}
}
@media screen and (max-width: 768px) {
	.fm_box table tr {
		padding: 1.25rem 0;
		flex-wrap: wrap;
	}
	.fm_box table td, .fm_box table th {
		width: 100%;
		padding: 0;
		border: 0;
	}
	.fm_box .fm_title {
		width: 100%;
		min-height: auto;
		display: block;
		margin-bottom: 1rem;
	}
	.fm_box .fm_title.start {
		margin-top: 0;
	}
	.fm_box .fm_title_txt {
		font-size: 1.125rem;
	}
	.fm_box .fm_title + td, .fm_box .fm_title + th {
		width: 100%;
	}
	.fm_box .fm_txt {
		font-size: 1.125rem;
	}
	.fm_info {
		font-size: 1rem;
		margin-top: 0.75rem;
	}
	.fm_info2 {
		font-size: 1rem;
	}
	.fm_info3 {
		font-size: 1rem;
	}
	.fm_box .fm_flex {
		position: relative;
		gap: 0.75rem;
		min-height: auto;
	}
	.fm_box .fm_flex > * {
		flex: 1 1 auto;
	}
	.fm_box .fm_flex .addr_order_1 {
		order: 1;
	}
	.fm_box .fm_flex .addr_order_2 {
		order: 3;
	}
	.fm_box .fm_flex .addr_order_3 {
		order: 2;
	}
	.fm_box .fm_flex .mo_break {
		flex-basis: 100%;
	}
	.fm_box .fm_flex .fm_flex_text {
		/* width: 100%; */
		margin: 0 0;
		font-size: 1rem;
	}
	.fm_box .fm_flex.fm_flex_mo_nowrap {
		flex-wrap: nowrap;
	}
	.fm_box .fm_flex.fm_flex_mo_auto > * {
		flex: 0 1 auto;
	}
	.fm_box .fm_flex .fm_wrap {
	/* width: calc(100% - 13.125rem); */
	}
	.fm_box .fm_flex_2 {
		width: 100%;
		flex-direction: row;
		gap: 1.25em;
		margin-top: 0.5rem;
	}
	.fm_box .fm_flex_2 .break {
		flex-basis: 100%;
	}
	.fm_box .fm_flex_2 .fm_info {
		margin-top: 0;
	}
	.fm_box .fm_flex_2 .td {
		width: 100%;
		flex-direction: column;
	}
	.fm_box .fm_flex_2 .td .fm_title_txt, .fm_box .fm_flex_2 .td .fm_wrap {
		flex: 1 1 auto;
		width: 100%;
	}
	.fm_box .fm_wrap {
		max-width: none;
	}
	.fm_box .fm_wrap .form-control , .fm_box .fm_wrap .form-control  {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_640 {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_640 .form-control , .fm_box .fm_wrap._wid_640 .form-control  {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_400 {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_400 .form-control , .fm_box .fm_wrap._wid_400 .form-control  {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_200 {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_200 .form-control , .fm_box .fm_wrap._wid_200 .form-control  {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_160 {
		max-width: none;
	}
	.fm_box .fm_wrap._wid_160 .form-control , .fm_box .fm_wrap._wid_160 .form-control  {
		max-width: none;
	}
}
@media screen and (max-width: 480px) {
	.fm_box .fm_table .chk-area {
		flex-direction: row;
	}
}


/* 회원탈퇴
--------------------------- */
.btn_box + .join_sub_title {
	margin-top: 3.75rem;
}



/* 아이디/비밀번호 찾기
-------------------------*/
.mem_chk {
	margin-bottom: 2.25rem;
}
.mem_box {
	flex-direction: column;
	padding:5rem;
}
.mem_box.slim {
	padding:2rem;
}
.mem_box .btn_box {
	margin-top: 1rem;
}
.mem_info_text {
	font-size: 1.25rem;
}
.mem_info_text span {
	font-size: 1.5rem;
	font-weight: 700;
}
.form_wrap {
	flex-direction: column;
}
.form_wrap label {
	flex-shrink: 0;
	font-size: 1.25rem;
	font-weight: 700;
}
.form_wrap .form-control {
	height: 3.875rem;
}
.form_wrap .fm_info,
.form_wrap .fm_info2,
.form_wrap .fm_info3 {
	margin-top: 0;
	word-break: keep-all;
}
.form_wrap .pw-toggle {
	position: relative;
}
.form_wrap .pw-toggle button {
	position: absolute;
	top: 50%;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_515_5035)'%3E%3Cpath d='M2.18604 12.2978C2.18604 12.2978 5.61172 18.5478 12.7402 18.5478C19.8687 18.5478 23.2944 12.2978 23.2944 12.2978C23.2944 12.2978 19.8687 6.04785 12.7402 6.04785C5.61172 6.04785 2.18604 12.2978 2.18604 12.2978Z' stroke='%23666' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7419 16.0006C14.7869 16.0006 16.4447 14.3428 16.4447 12.2978C16.4447 10.2528 14.7869 8.59497 12.7419 8.59497C10.6969 8.59497 9.03906 10.2528 9.03906 12.2978C9.03906 14.3428 10.6969 16.0006 12.7419 16.0006Z' stroke='%23666' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='21.3315' y='3.10519' width='0.85' height='25.15' transform='rotate(45 21.3315 3.10519)' fill='%23D9D9D9' stroke='%23666' stroke-width='0.85' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_515_5035'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.740234 0.297607)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% auto;
	transform: translateY(-50%);
}
.form_wrap .pw-toggle button.on {
	background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_515_5019)'%3E%3Cpath d='M2.18604 12.2976C2.18604 12.2976 5.61172 18.5475 12.7402 18.5475C19.8687 18.5475 23.2944 12.2976 23.2944 12.2976C23.2944 12.2976 19.8687 6.04761 12.7402 6.04761C5.61172 6.04761 2.18604 12.2976 2.18604 12.2976Z' stroke='%23666' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7419 16.0003C14.7869 16.0003 16.4447 14.3425 16.4447 12.2975C16.4447 10.2525 14.7869 8.59473 12.7419 8.59473C10.6969 8.59473 9.03906 10.2525 9.03906 12.2975C9.03906 14.3425 10.6969 16.0003 12.7419 16.0003Z' stroke='%23666' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_515_5019'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.740234 0.297607)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media screen and (max-width:768px) {
	.mem_chk .form-check input[type=radio] ~ label, 
	.mem_chk .form-check input[type=checkbox] ~ label {
		padding-left: 1.5rem;
		font-size: 1rem;
	}
	.mem_chk .form-check input[type=radio] ~ label:before {
		width: 1.25rem;
		height: 1.25rem;
	}
	.mem_chk .form-check input[type=radio] ~ label:after {
		width: 1.25rem;
		height: 1.25rem;
	}
	.mem_box {
		padding:2.5rem;
	}
}
@media screen and (max-width:500px) {
	.mem_chk .form-check input[type=radio] ~ label, 
	.mem_chk .form-check input[type=checkbox] ~ label {
		padding-top: 1.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: center;
	}
	.mem_chk .form-check input[type=radio] ~ label:before {
		left: 50%;
		transform: translateX(-50%);
	}
	.mem_chk .form-check input[type=radio] ~ label:after {
		left: 50%;
		transform: translateX(-50%);
	}
	.mem_box {
		padding:2.5rem 1.5rem;
	}
	.mem_box.bg-white {
		padding: 0 0.5rem 2.5rem;
		background-color: transparent !important;
	}
	.mem_box.mo_p-0 {
		padding: 0;
	}
}