/* Login */
.login .login-title {
	padding-bottom:20px;
	border-bottom: 2px solid #f26521;
}

.login .login-title p {
	font-size:4rem;
}

.login form {
	display: block;
	position: relative;
	margin: 40px 0px;
	padding-right:160px;
}

.login .row {
	margin-bottom:24px;
}

.login .row:last-child {
	margin-bottom:0px;
}

.login input {
	width: 100%;
	height:56px;
	padding:0px 20px;
	background-color: transparent;
	border:1px solid #bababa;
	border-radius: 5px;
	font-size:2rem;
}

.login .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top:0;
	right:0;
	max-width:136px;
	width: 100%;
	height: 100%;
	background-color: #333333;
	border-radius: 5px;
	font-size:2.4rem;
	font-weight:600;
	color:#fff;
}

.login .util {
	display: flex;
	justify-content: flex-end;
	margin:0px -20px;
}

.login .util li {
	position: relative;
	padding:0px 20px;
}

.login .util li:not(:last-child)::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right:0;
	transform: translateY(-50%);
	width: 2px;
	height: calc(100% - 8px);
	background-color: #000;
}

.login .util a {
	font-size:2rem;
}

.login .img {
	margin-top:60px;
}

@media screen and (max-width:1024px) {
	.login .login-title {
		padding-bottom:16px;
	}

	.login .login-title p {
		font-size:3.6rem;
	}	

	.login form {
		margin:30px 0px;
		padding-right:152px;
	}
	
	.login .row {
		margin-bottom:16px;
	}

	.login input {
		height:48px;
		padding:0px 16px;
		font-size:1.8rem;
	}

	.login .btn {
		font-size:2.2rem;
	}

	.login .util {
		margin: 0px -16px;
	}

	.login .util li {
		padding:0px 16px;
	}

	.login .util a {
		font-size:1.8rem;
	}

	.login .img {
		margin-top:40px;
	}
}
@media screen and (max-width:768px) {
	.login .login-title p {
		font-size:3.2rem;
	}	

	.login form {
		padding:0px;
	}

	.login .table {
		margin-bottom:16px;
	}

	.login input {
		font-size:1.6rem;
	}

	.login .btn {
		position: relative;
		top:unset;
		right: unset;
		max-width:100%;
		height:48px;
		font-size:2rem;
	}

	.login .util a {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.login .login-title {
		padding-bottom:10px;
	}

	.login .login-title p {
		font-size:2.6rem;
	}	

	.login form {
		margin:20px 0px;
	}

	.login .table {
		margin-bottom:10px;
	}

	.login .row {
		margin-bottom:10px;
	}

	.login input {
		height:40px;
		padding:0px 12px;
		font-size:1.5rem;
	}

	.login .btn {
		height:40px;
		font-size:1.8rem;
	}

	.login .util {
		margin: 0px -10px;
	}

	.login .util li {
		padding:0px 10px;
	}

	.login .util li:first-child::before {
		width:1px;
	}

	.login .util a {
		font-size:1.5rem;
	}

	.login .img {
		margin-top:30px;
	}
}


/* Join Common */
.join .join-title {
	padding-bottom:20px;
	border-bottom: 2px solid #f26521;
}

.join .join-title p {
	font-size:4rem;
}

.join .step {
	border:1px solid #d7d7d7;
	border-radius:10px;
}

.join .step-ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:40px 0px;
}

.join .step-ul li {
	flex:1 1;
	padding:0px 70px;
	text-align: center;
}

.join .step-ul .icon {
	position: relative;
	width:80px;
	height:80px;
	margin:0 auto;
	border-radius:50%;
	background-color:#d7d7d7;
}

.join .step-ul .icon:not(.icon03)::before {
	content: "";
	display: block;
	position: absolute;
	top:50%;
	left:70px;
	transform: translateY(-50%);
	width:180px;
	height: 2px;
	background-color: #d7d7d7;
	z-index: -1;
}

.join .step-ul .icon::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index:10;
}

.join .step-ul .icon01::after {
	background-image: url('../img/sub/member/join_step_ico01.png');
}

.join .step-ul .icon02::after {
	background-image: url('../img/sub/member/join_step_ico02.png');
}

.join .step-ul .icon03::after {
	background-image: url('../img/sub/member/join_step_ico03.png');
}

.join .step-ul p {
	font-size: 2rem;
	line-height:1.3;
	color:#d7d7d7;
	margin-top:20px;
}

.join .step-ul p span {
	font-size:2.4rem;
}

.join .step-ul li.on .icon {
	background-color: #f26521;
}

.join .step-ul li.on p {
	color:#373737;
}

.join .step-ul li.on p span {
	color:#f26521;
}

@media screen and (max-width:1024px) {
	.join .join-title {
		padding-bottom: 16px;
	}

	.join .join-title p {
		font-size:3.6rem;
	}

	.join .step-ul {
		padding:30px;
	}

	.join .step-ul li {
		padding:0px;
	}

	.join .step-ul p {
		font-size:1.8rem;
		margin-top:16px;
	}

	.join .step-ul p span {
		font-size:2.2rem;
	}
}
@media screen and (max-width:768px) {
	.join .join-title p {
		font-size:3.2rem;
	}

	.join .step-ul .icon {
		width:68px;
		height:68px;
	}

	.join .step-ul .icon:not(.icon03)::before {
		left:48px;
	}

	.join .step-ul .icon::after {
		background-size:auto 30px;
	}

	.join .step-ul p {
		font-size:1.6rem;
	}

	.join .step-ul p span {
		font-size:2rem;
	}
}
@media screen and (max-width:576px) {
	.join .join-title {
		padding-bottom: 10px;
	}

	.join .join-title p {
		font-size:2.6rem;
	}

	.join .step-ul {
		display: block;
		padding:20px;
		margin:-10px;
	}

	.join .step-ul li {
		display: flex;
		align-items: center;
		gap:10px;
		text-align: left;
		padding:10px;
	}

	.join .step-ul .icon {
		width:54px;
		height:54px;
		margin:unset;
	}
	
	.join .step-ul .icon:not(.icon03)::before {
		width: 1px;
		height:100%;
		top:50px;
		left:50%;
		width:1px;
		height:100%;
	}

	.join .step-ul .icon::after {
		background-size: auto 24px;
	}

	.join .step-ul p {
		font-size:1.5rem;
		margin:0px;
	}

	.join .step-ul p span {
		font-size:1.8rem;
	}
}


/* Join Agree */
.join-agree .unity {
	padding:20px 0px;
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}

.join-agree .tit {
	font-size:2rem;
}

.join-agree .textarea {
	width: 100%;
	height:180px;
	border:1px solid #bababa;
	border-radius:5px;
	overflow-y: auto;
}

.join-agree .textarea div {
	padding:20px;
}

.join-agree .textarea p {
	font-size: 1.8rem;
	color:#7d7d7d;
}

.join-agree .check {
	display: inline-flex;
	align-items: center;
	gap:16px;
	position: relative;
	cursor: pointer;
}

.join-agree .check input {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	opacity:0;
	visibility: hidden;
}

.join-agree .check i {
	width:20px;
	height:20px;
	background: url('../img/sub/member/join_check_off.png') no-repeat center;
}

.join-agree .check span {
	font-size:1.8rem;
}

.join-agree .check input:checked + i {
  background-image: url('../img/sub/member/join_check_on.png');
}

.join-agree .btns {
	display: flex;
	gap:40px;
}

.join-agree .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex:1 1 calc(50% - 40px);
	max-width: 50%;
	height:64px;
	border-radius:100px;
	font-size:2rem;
	font-weight:600;
}

.join-agree .btns .btn01 {
	color:#fff;
	background-color: #7a7a7a;
}

.join-agree .btns .btn02 {
	color:#7a7a7a;
	background-color: #f4f4f4;
}

@media screen and (max-width:1536px) {

}
@media screen and (max-width:1366px) {

}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:1200px) {
	
}
@media screen and (max-width:1024px) {
	.join-agree .unity {
		padding: 16px 0px;
	}

	.join-agree .tit {
		font-size:1.8rem;
	}

	.join-agree .textarea {
		height:140px;
	}
	
	.join-agree .textarea div {
		padding:16px;
	}
	
	.join-agree .textarea p {
		font-size: 1.6rem;
	}

	.join-agree .check {
		gap:10px;
	}

	.join-agree .check span {
		font-size:1.6rem;
	}

	.join-agree .btns {
		gap:20px;
	}

	.join-agree .btns .btn {
		flex:1 1 calc(50% - 20px);
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.join-agree .tit {
		font-size:1.6rem;
	}

	.join-agree .textarea p {
		font-size: 1.5rem;
	}

	.join-agree .check i {
		width:18px;
		height:18px;
		background-size:auto 18px;
	}

	.join-agree .check span {
		font-size:1.5rem;
	}

	.join-agree .btns .btn {
		height:56px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.join-agree .unity {
		padding:10px 0px;
	}

	.join-agree .tit {
		font-size:1.5rem;
	}

	.join-agree .textarea {
		height:120px;
	}

	.join-agree .textarea div {
		padding:12px;
	}

	.join-agree .textarea p {
		font-size: 1.4rem;
	}

	.join-agree .check {
		gap:6px;
	}

	.join-agree .check i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.join-agree .check span {
		font-size:1.4rem;
	}

	.join-agree .btns {
		gap:6px;
	}

	.join-agree .btns .btn {
		flex:1 1 calc(50% - 6px);
		height:44px;
		font-size:1.5rem;
	}
}


/* Join Form */
.join-form .speech .tit {
	font-size: 2rem;
}

.join-form .speech .txt {
	padding:40px;
	background-color: #fafafa;
}

.join-form .speech .txt .t01 {
	font-size: 2rem;
	line-height:2.4;
}

.join-form .essential {
	font-size:1.8rem;
	padding-bottom:16px;
	border-bottom:1px solid #c2c2c2;
}

.join-form .table .row {
	display: flex;
	/* align-items: center; */
}

.join-form .table .th {
	width:160px;
	font-size:2rem;
}

.join-form .table .td {
	width: calc(100% - 160px);
}

.join-form .table input {
	width: 100%;
	height:56px;
	padding:0px 20px;
	background-color: transparent;
	border:1px solid #bababa;
	border-radius: 5px;
	font-size:2rem;
}

.join-form .table select {
	width: 100%;
	height:56px;
	padding:0px 20px;
	font-size:2rem;
	background: url('../img/sub/member/join_select.png') no-repeat right 20px center;
	border-left:1px solid #bababa;
}

.join-form .table .err-msg {
	display: block;
	font-size:1.8rem;
}

.join-form .table .guide-msg {
	font-size:1.6rem;
}

.join-form .table .input-wrap {
	position: relative;
}

.join-form .table .input-wrap input {
	padding-right:160px;
}

.join-form .table .input-wrap .btn {
	position: absolute;
	top:0;
	right:0;
	display:flex;
	justify-content: center;
	align-items: center;
	width: 140px;
	height:100%;
	border-radius:5px;
	background-color: #333333;
	font-size:2rem;
	color:#fff;
}

.join-form .table .email-wrap {
	display: flex;
	align-items: center;
	border:1px solid #bababa;
	border-radius: 5px;
	overflow: hidden;
}

.join-form .table .email-wrap .email-box {
	width:32%;
}

.join-form .table .email-wrap span {
	display: block;
	width:4%;
	text-align: center;
	font-size:2rem;
	font-weight:500;
	color:#b5b5b5;
}

.join-form .table .email-wrap input {
	border:0px;
}

.join-form .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:64px;
	border-radius:100px;
	font-size:2rem;
	font-weight:600;
}

.join-form .btns .btn01 {
	color:#fff;
	background-color: #7a7a7a;
}

.join-form .btns .btn02 {
	color:#7a7a7a;
	background-color: #f4f4f4;
}

.join-form .btns .icon {
	display: block;
	position: absolute;
	top:50%;
	right:18px;
	transform: translateY(-50%);
	width:36px;
	height:36px;
	background: url('../img/sub/member/join_mark.png') no-repeat center;
	cursor: pointer;
}

.join-form .btns .hover {
	position: absolute;
	top:75px;	
	left:0;
	width: 100%;
	padding:30px;
	background-color: #cccccc;
	border-radius:5px;
	z-index:10;
	opacity: 0;
	visibility: hidden;
	transition:all .35s ease-out;
}

.join-form .btns .hover::before {
	content: "";
	display: block;
	position: absolute;
	top:-40px;
	right:12px;
	width: 0;
  height: 0;
  border-bottom: 20px solid #ccc;
  border-top: 20px solid transparent;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
}

.join-form .btns .hover p {
	font-size:2rem;
}

.join-form .btns .mobile-hovers {
	display: none;
}

@media screen and (min-width:1201px) {
	.join-form .btns .icon:hover + .hover {
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (min-width:1025px) {
	.join-form .table .th {
		padding:15px 0px;
	}
}
@media screen and (max-width:1024px) {
	.join-form .speech .tit {
		font-size: 1.8rem;
	}
	
	.join-form .speech .txt {
		padding:30px;
	}
	
	.join-form .speech .txt .t01 {
		font-size: 1.8rem;
		line-height: 2;
	}

	.join-form .essential {
		font-size:1.6rem;
	}
	
	.join-form .table .row {
		flex-wrap: wrap;
	}

	.join-form .table .th {
		width: 100%;
		padding-bottom:10px;
		font-size:1.8rem;
	}

	.join-form .table .td {
		width: 100%;
	}

	.join-form .table input {
		height:50px;
		padding:0px 16px;
		font-size:1.8rem;
	}
	
	.join-form .table select {
		height:50px;
		padding:0px 16px;
		background-position: right 16px center;
		font-size:1.8rem;
	}

	.join-form .table .err-msg {
		font-size:1.6rem;
	}

	.join-form .table .guide-msg {
		font-size:1.6rem;
	}

	.join-form .table .input-wrap input {
		padding-right:140px;
	}

	.join-form .table .input-wrap .btn {
		width:120px;
		font-size:1.8rem;
	}

	.join-form .table .email-wrap span {
		font-size:1.8rem;
	}

	.join-form .btns .btn {
		height:54px;
		font-size:1.8rem;
	}

	.join-form .btns .icon {
		display: none;
	}

	.join-form .btns .hover {
		display: none;
		padding:20px;
	}

	.join-form .btns .hover::before {
		display: none;
	}

	.join-form .btns .hover p {
		font-size:1.8rem;
	}

	.join-form .btns .mobile-hovers {
		display: block;
	}

	.join-form .btns .mobile-hovers .hover {
		display: block;
		opacity:1;
		visibility: visible;
		position: relative;
		top:unset;
		left: unset;
	}
}
@media screen and (max-width:768px) {
	.join-form .speech .tit {
		font-size: 1.6rem;
	}
	
	.join-form .speech .txt .t01 {
		font-size: 1.6rem;
	}

	.join-form .essential {
		font-size:1.5rem;
	}

	.join-form .table .row {
		flex-wrap: wrap;
	}

	.join-form .table .th {
		width: 100%;
		font-size:1.6rem;
	}

	.join-form .table .td {
		width: 100%;
	}

	.join-form .table input {
		height:44px;
		font-size:1.6rem;
	}
	
	.join-form .table select {
		height:44px;
		background-size:auto 9px;
		font-size:1.6rem;
	}

	.join-form .table .err-msg {
		font-size:1.5rem;
	}

	.join-form .table .guide-msg {
		font-size:1.5rem;
	}

	.join-form .table .input-wrap input {
		padding-right:120px;
	}

	.join-form .table .input-wrap .btn {
		width:100px;
		font-size:1.6rem;
	}

	.join-form .table .email-wrap span {
		font-size:1.6rem;
	}

	.join-form .btns .btn {
		height:48px;
		font-size:1.6rem;
	}

	.join-form .btns .hover p {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.join-form .speech .tit {
		font-size: 1.5rem;
	}
	
	.join-form .speech .txt {
		padding:20px;
	}
	
	.join-form .speech .txt .t01 {
		font-size: 1.5rem;
		line-height:1.6;
	}

	.join-form .essential {
		font-size:1.4rem;
	}

	.join-form .table .th {
		padding-bottom:6px;
		font-size:1.5rem;
	}

	.join-form .table input {
		height:38px;
		padding:0px 12px;
		font-size: 1.5rem;
	}

	.join-form .table select {
		height:38px;
		padding:0px 12px;
		background-size: auto 7px;
		background-position: right 12px center;
		font-size: 1.5rem;
	}

	.join-form .table .err-msg {
		font-size:1.4rem;
	}

	.join-form .table .guide-msg {
		font-size:1.4rem;
	}

	.join-form .table .input-wrap .btn {
		font-size:1.5rem;
	}

	.join-form .table .email-wrap {
		flex-wrap: wrap;
		border:0px;
		border-radius:0px;
	}

	.join-form .table .email-wrap .email-box {
		width: 47%;
		border:1px solid #bababa;
		border-radius:5px;
	}

	.join-form .table .email-wrap .email-box:last-child {
		width: 100%;
		margin-top:4px;
	}

	.join-form .table .email-wrap span {
		width:6%;
		font-size:1.5rem;
	}

	.join-form .btns .btn {
		height:40px;
		font-size:1.5rem;
	}

	.join-form .btns .hover {
		padding:12px;
	}

	.join-form .btns .hover p {
		font-size:1.5rem;
	}
}


/* Join Complete */
.join-complete .txt .t01 {
	font-size:2.8rem;
}

.join-complete .txt .t02 {
	font-size:2.8rem;
}

.join-complete .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height:64px;
	border-radius:100px;
	font-size:2rem;
	font-weight:600;
	color:#fff;
}

.join-complete .btns .btn01 {
	background-color: #7a7a7a;
}

.join-complete .btns .btn02 {
	background-color: #444;
}

@media screen and (max-width:1024px) {
	.join-complete .img img {
		width:128px;
	}

	.join-complete .txt .t01 {
		font-size:2.6rem;
	}
	
	.join-complete .txt .t02 {
		font-size:2.6rem;
	}

	.join-complete .btns .btn {
		height:54px;
		font-size:1.8rem;
	}
	
}
@media screen and (max-width:768px) {
	.join-complete .img img {
		width:108px;
	}

	.join-complete .txt .t01 {
		font-size:2.4rem;
	}
	
	.join-complete .txt .t02 {
		font-size:2.4rem;
	}

	.join-complete .btns .btn {
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.join-complete .img img {
		width:78px;
	}

	.join-complete .txt .t01 {
		font-size:2rem;
	}
	
	.join-complete .txt .t02 {
		font-size:2rem;
	}

	.join-complete .btns .btn {
		height:40px;
		font-size:1.5rem;
	}
}


/* Find Common  */
.find .find-title {
	border-bottom: 2px solid #f26521;
}

.find .find-title p {
	font-size:4rem;
}

.find .knell .tit {
	font-size:2.8rem;
}

.find .knell .txt {
	font-size:2rem;
}

.find .form-input {
	display: flex;
	flex-direction: column;
	gap:20px;
}

.find .bundle {
	justify-content: space-between;
	gap:20px;
}

.find .speech {
	padding:40px;
	background-color: #fafafa;
}

.find .speech p {
	font-size:2rem;
	font-weight:500;
	line-height:2.4;
}

.find .line {
	width:100%;
	height:1px;
	background-color: #c2c2c2;
}

.find input {
	width: 100%;
	height:56px;
	padding:0px 20px;
	background-color: transparent;
	border:1px solid #bababa;
	border-radius: 5px;
	font-size:2rem;
}

.find .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #333333;
	font-size:2.4rem;
	font-weight:600;
	color:#fff;
}

.find .btns .btn--min {
	height: 100%;
	border-radius: 5px;
}

.find .btns .btn--max {
	width: 100%;
	height: 72px;
	border-radius:100px;
}

.find .result .box {
	padding:40px;
	border:1px solid #bababa;
	border-radius:5px;
}

.find .result dl:not(.result-message) dd {
	display: flex;
	align-items: center;
	gap:10px;
	margin-bottom:20px;
}

.find .result dl:not(.result-message) dd:last-child {
	margin-bottom:0px;
}

.find .result dd:last-child {
	margin-bottom:0px;
}

.find .result dd span {
	font-size:2rem;
}

.find .result dl.result-message dd {
	justify-content: center;
}

.find .result dl.result-message p {
	font-size:2rem;
	line-height:1.6;
}

@media screen and (max-width:1024px) {
	.find .find-title p {
		font-size:3.6rem;
	}
	
	.find .knell .tit {
		font-size:2.6rem;
	}
	
	.find .knell .txt {
		font-size:1.8rem;
	}

	.find .form-input {
		gap:16px;
	}

	.find .bundle {
		gap:16px;
	}
	
	.find input {
		height:50px;
		padding:0px 16px;
		font-size:1.8rem;
	}

	.find .btns .btn {
		font-size:2.2rem;
	}

	.find .result .box {
		padding:30px;
	}
	
	.find .result dl:not(.result-message) dd {
		gap:6px;
		margin-bottom:16px;
	}
	
	.find .result dd span {
		font-size:1.8rem;
	}

	.find .result dl.result-message p {
		font-size:1.8rem;
	}

	.find .btns .btn--max {
		height: 58px;
	}

	.find .speech {
		padding:30px;
	}
	
	.find .speech p {
		font-size:1.8rem;
		line-height:2;
	}
}
@media screen and (max-width:768px) {
	.find .find-title p {
		font-size:3.2rem;
	}
	
	.find .knell .tit {
		font-size:2.4rem;
	}
	
	.find .knell .txt {
		font-size:1.6rem;
	}

	.find input {
		height:44px;
		font-size:1.6rem;
	}

	.find .btns .btn {
		font-size:2rem;
	}

	.find .result dd span {
		font-size:1.6rem;
	}

	.find .result dl.result-message p {
		font-size:1.6rem;
	}

	.find .btns .btn--max {
		height: 52px;
	}

	.find .speech p {
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.find .find-title p {
		font-size:2.6rem;
	}
	
	.find .knell .tit {
		font-size:2rem;
	}
	
	.find .knell .txt {
		font-size:1.5rem;
	}

	.find .form-input {
		gap:10px;
	}

	.find .bundle {
		flex-wrap: wrap;
		gap:10px;
	}

	.find input {
		height:38px;
		padding: 0px 12px;
		font-size:1.5rem;
	}

	.find .btns .btn {
		font-size:1.8rem;
	}

	.find .result .box {
		padding:20px;
	}
	
	.find .result dl:not(.result-message) dd {
		gap:4px;
		margin-bottom:10px;
	}
	
	.find .result dd span {
		font-size:1.5rem;
	}

	.find .result dl.result-message p {
		font-size:1.5rem;
	}

	.find .btns .btn--max {
		height: 46px;
	}

	.find .speech {
		padding:20px;
	}	

	.find .speech p {
		font-size:1.5rem;
		line-height:1.6;
	}
}


/* Find Id */
.form-id .table {
	width: 78%;
}

.form-id .btns {
	width:19%;
}

@media screen and (max-width:1024px) {
	.form-id .btns {
		width:calc(19% + 16px);
	}	
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:576px) {
	.form-id .table {
		width: 100%;
	}

	.form-id .btns {
		width: 100%;
		height:44px;
	}	
}


/* Find Pw */
.form-pw .row {
	display: flex;
	align-items: center;
}

.form-pw .th {
	width:160px;
	font-size:2rem;
	font-weight:600;
}

.form-pw .td {
	width: calc(100% - 160px);
}

.form-pw .btns {
	display: flex;
	gap:40px;
}

.form-pw .btns .btn {
	height:64px;
	border-radius:50px;
}

.form-pw .btns .btn01 {
	color:#7a7a7a;
	background-color: #f4f4f4;
}

.form-pw .btns .btn02 {
	background-color: #7a7a7a;
}

.find--pw .result .txt .t01 {
	font-size:4rem;
}

.find--pw .result .txt .t02 {
	font-size:2rem;
}

.find--pw .result .btns {
	display: flex;
	gap:40px;
}

.find--pw .result .btns .btn {
	height:64px;
	border-radius:50px;
}

.find--pw .result .btns .btn01 {
	color:#7a7a7a;
	background-color: #f4f4f4;
}

.find--pw .result .btns .btn02 {
	background-color: #7a7a7a;
}

@media screen and (max-width:1024px) {
	.form-pw .row {
		flex-wrap: wrap;
	}

	.form-pw .th {
		width:100%;
		padding-bottom:10px;
		font-size:1.8rem;
	}
	
	.form-pw .td {
		width:100%;
	}

	.form-pw .btns {
		gap:20px;
	}
	
	.form-pw .btns .btn {
		height:54px;
	}	

	.find--pw .result .txt .t01 {
		font-size:3.6rem;
	}
	
	.find--pw .result .txt .t02 {
		font-size:1.8rem;
	}

	.find--pw .result .btns {
		gap:20px;
	}

	.find--pw .result .btns .btn {
		height:54px;
	}
}
@media screen and (max-width:768px) {
	.form-pw .th {
		font-size:1.6rem;
	}
	
	.form-pw .btns .btn {
		height:48px;
	}	

	.find--pw .result .txt .t01 {
		font-size:3.2rem;
	}
	
	.find--pw .result .txt .t02 {
		font-size:1.6rem;
	}

	.find--pw .result .btns .btn {
		height:48px;
	}
}
@media screen and (max-width:576px) {
	.form-pw .btns {
		gap:6px;
	}
	
	.form-pw .btns .btn {
		height:40px;
	}	

	.find--pw .result .txt .t01 {
		font-size:2.6rem;
	}
	
	.find--pw .result .txt .t02 {
		font-size:1.5rem;
	}

	.find--pw .result .btns {
		gap:6px;
	}

	.find--pw .result .btns .btn {
		height:40px;
	}
}


/* Modal */
.modal {
	display: none;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height:100vh;
	padding:10px;
	z-index: 99999;
}

.modal.open {
	display: block;
}

.modal .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:640px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:0px auto;
	z-index:99;
}

.modal .modal-background {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.modal .modal-inner {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #fff;
}

.modal .modal-content {
	position: relative;
	padding:80px 20px;
}

.modal .modal-content .tit {
	font-size:2.8rem;
}

.modal .modal-content .btns {
	display: flex;
	justify-content: center;
	gap:40px;
}

.modal .modal-content .btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:160px;
	width: 100%;
	height:64px;
	border-radius:50px;
	font-size:2rem;
	font-weight:600;
}

.modal .modal-content .btns .btn01 {
	color:#333;
	background-color: #d7d7d7;
}

.modal .modal-content .btns .btn02 {
	color:#fff;
	background-color: #333;
}

@media screen and (max-width:1024px) {
	.modal .modal-content {
		padding:60px 16px;
	}
	
	.modal .modal-content .tit {
		font-size:2.6rem;
	}

	.modal .modal-content .btns {
		gap:20px;
	}

	.modal .modal-content .btns .btn {
		height:54px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.modal .modal-content .tit {
		font-size:2.4rem;
	}

	.modal .modal-content .btns .btn {
		height:48px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.modal .modal-content {
		padding:40px 10px;
	}
	
	.modal .modal-content .tit {
		font-size:2rem;
	}

	.modal .modal-content .btns {
		gap:6px;
	}

	.modal .modal-content .btns .btn {
		max-width:120px;
		height:40px;
		font-size:1.5rem;
	}
}