/* Member Common */
.member-tit {
	font-size:4.6rem;
}

.member-txt {
	font-size:1.8rem;
}

.member .comment {
	padding-bottom:16px;
	border-bottom:2px solid #bababa;
}

.member .comment p {
	display: flex;
	align-items: center;
	font-size:2.8rem;
	font-weight:700;
}

.member .comment p span {
	display: inline-block;
	vertical-align:bottom;
	font-size:2rem;
	font-weight:500;
	color:#ff2727;	
	margin-left:6px;
}

.member .comment p span.pin-gray {
	color:#999999;
}

.member .comment p::before {
	content: "";
	display: block;
	width:4px;
	height:32px;
	background-color: #023178;
	margin-right:10px;
}

.member .block {
	margin-bottom:80px;
}

.member .block:last-child {
	margin-bottom:40px;
}

.member .form-btn {
	display: flex;
	justify-content: center;
}

.member .form-btn button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:400px;
	width:100%;
	height:64px;
	font-size:2rem;
	font-weight:500;
	color:#ffffff;
}

.member .form-btn #nextBtn,
.member .form-btn #sendBtn {
	background-color: #222;
}


@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.member-tit {
		font-size:3.4rem;
	}

	.member-txt {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	
	.member .block {
		margin-bottom:60px;
	}
	
	.member .block:last-child {
		margin-bottom:30px;
	}
	
	.member .comment {
		padding-bottom:10px;
	}

	.member .comment p {
		font-size:2.4rem;
	}

	.member .comment p::before {
		height:26px;
	}

	.member .comment p span {
		font-size:1.8rem;
	}

	.member .form-btn button {
		max-width:320px;
		height:54px;
		font-size:1.8rem;
	}
}
@media (max-width:768px) {
	.member-tit {
		font-size:2.8rem;
	}

	.member-txt {
		font-size:1.4rem;
	}

	.member .block {
		margin-bottom:40px;
	}
	
	.member .block:last-child {
		margin-bottom:24px;
	}

	.member .comment {
		padding-bottom:6px;
	}

	.member .comment p {
		font-size:2rem;
	}

	.member .comment p::before {
		width:3px;
		height:20px;
		margin-right:6px;
	}

	.member .comment p span {
		font-size:1.6rem;
	}

	.member .form-btn button {
		max-width:260px;
		height:48px;
		font-size:1.6rem;
	}

}
@media (max-width:576px) {
	.member-tit {
		font-size:2.4rem;
	}

	.member-txt {
		font-size:1.3rem;
	}

	.member .block {
		margin-bottom:30px;
	}
	
	.member .block:last-child {
		margin-bottom:18px;
	}

	.member .comment {
		padding-bottom:4px;
	}

	.member .comment p {
		flex-wrap: wrap;
		font-size:1.8rem;
	}

	.member .comment p::before {
		height:16px;
		margin-right:4px;
	}

	.member .comment p span {
		font-size:1.5rem;
	}

	.member .comment p span.pin-gray {
		display: block;
		width:100%;
		margin-left:0px;
		margin-top:4px;
	}
	

	.member .form-btn button {
		max-width:200px;
		height:42px;
		font-size:1.5rem;
	}

}


/* Member Login */
.member-login input {
	width: 100%;
	height:50px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
}

.member-login .btn {
	width: 100%;
	height:60px;
	background-color: #191919;
	border-radius:10px;
	font-size:1.8rem;
	color:#fff;
}

.member-login .guide {
	font-size:1.6rem;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.member-login input {
		font-size:1.4rem;
	}
	
	.member-login .btn {
		font-size:1.6rem;
	}
	
	.member-login .guide {
		font-size:1.4rem;
	}
}
@media (max-width:1024px) {
	.member-login input {
		height:44px;
		padding:0px 16px;
	}

	.member-login .btn {
		height:48px;
	}
}
@media (max-width:768px) {
	.member-login input {
		font-size:1.3rem;
	}
	
	.member-login .btn {
		font-size:1.4rem;
	}
	
	.member-login .guide {
		font-size:1.3rem;
	}
}
@media (max-width:576px) {
	.member-login input {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
	}
	
	.member-login .btn {
		height:40px;
		font-size:1.3rem;
	}
	
	.member-login .guide {
		font-size:1.2rem;
	}
}

/* -------------- Agree -------------- */
.member-agree .box {
	padding-top:40px;
}

.member-agree .title {
	font-size:2rem;
	font-weight:500;
	color:#191919;
}

.member-agree .title span {
	color:#ff2727;
}

.member-agree .textarea {
	width:100%;
	height:280px;
	margin:20px 0px 16px;
	overflow-y: auto;
	background-color: #fff;
	border:1px solid #c9c9c9;
	border-radius:10px;
}

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

.member-agree .textarea p {
	font-size:1.8rem;
	line-height:2;
}

.member-agree .check {
	position: relative;
}

.member-agree .check label {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

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

.member-agree .check i {
  display: block;
  width:18px;
  height:18px;
  background: url('../../asset/img/member/btn_check_off.png') no-repeat center;
  margin-right:10px;
}

.member-agree .check span {
  display: block;
  font-size:1.6rem;
	font-weight:500;
}

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


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

}
@media screen and (max-width:1024px) {
	.member-agree .box {
		padding-top:30px;
	}

	.member-agree .title {
		font-size:1.8rem;
	}

	.member-agree .textarea {
		height:240px;
		margin:16px 0px 10px;
	}

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

	.member-agree .check i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.member-agree .check span {
		font-size:1.5rem;
	}	
}
@media screen and (max-width:768px) {
	.member-agree .box {
		padding-top:24px;
	}

	.member-agree .title {
		font-size:1.6rem;
	}

	.member-agree .textarea {
		height:200px;
		margin:10px 0px 6px;
	}

	.member-agree .textarea div {
		padding:10px;
	}
	
	.member-agree .textarea p {
		font-size:1.5rem;
	}

	.member-agree .check i {
		width:14px;
		height:14px;
		background-size:auto 14px;
		margin-right:6px;
	}
	
	.member-agree .check span {
		font-size:1.4rem;
	}	
}
@media screen and (max-width:576px) {
	.member-agree .box {
		padding-top:18px;
	}

	.member-agree .title {
		font-size:1.5rem;
	}

	.member-agree .textarea {
		height:160px;
		margin:6px 0px 4px;
	}

	.member-agree .textarea div {
		padding:6px;
	}
	
	.member-agree .textarea p {
		font-size:1.4rem;
	}

	.member-agree .check i {
		width:12px;
		height:12px;
		background-size:auto 12px;
		margin-right:4px;
	}
	
	.member-agree .check span {
		font-size:1.3rem;
	}	
}
/* ---------------------------- */

/* -------------- Join -------------- */
.member-join .form-table {
	padding-top:40px;
}

.member-join .form-table .row {
	display: flex;
	margin-top:20px;
}

.member-join .form-table .row:first-child {
	margin-top:0px;
}

.member-join .form-table .th {
	width:190px;
	padding:16px 0px;
	font-size:2rem;
	font-weight:500;
	color:#191919;
}

.member-join .form-table .th span {
	color:#ff2727;
}

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

.member-join .form-table input {
	width:100%;
	height:56px;
	padding:0px 20px;	
	background-color: #fff;
	border:1px solid #c9c9c9;
	border-radius:6px;
	font-size:1.8rem;
	font-weight:500;
}

.member-join .form-table select {
	width:100%;
	height:56px;
	padding:0px 20px;	
	background-color: #fff;
	border:1px solid #c9c9c9;
	border-radius:6px;
	font-size:1.8rem;
	font-weight:500;
	background-size:20px auto;
	background-image: url('../../asset/img/member/select.png');
	background-repeat: no-repeat;
	background-position:right 20px center;
}

.member-join .form-table .err-msg,
.member-join .form-table .ok-msg {
	/* display: none; */
	margin-top:12px;
	font-size:1.6rem;
	font-weight:500;
}

.member-join .form-table .err-msg {
	display: none;
}

.member-join .form-table #idMsg,
.member-join .form-table #pwMsg {
	color:#ff5555;
}

.member-join .form-table .ok-msg {
	color: #898989;
}

.member-join .form-table #codeMsg1 {
	color:#2c45fe;
}

.member-join .form-table #codeMsg2 {
	color:#ff5555;
}

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

.member-join .form-table .input-wrap input {
	padding:0px 156px 0px 20px;
}

.member-join .form-table .input-wrap button {
	position: absolute;
	top:0;
	right:0;
	width:136px;
	height:56px;
	border-radius:6px;
	background-color:#898989;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

.member-join .form-table .radio-wrap {
	display: flex;
	align-items: center;
	height:100%;
	gap:0px 90px;
}

.member-join .form-table .radio-wrap dd {
	position: relative;
}

.member-join .form-table .radio-wrap label {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.member-join .form-table .radio-wrap input {
	position: absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  visibility: hidden;
}

.member-join .form-table .radio-wrap i {
  display: block;
  width:24px;
  height:24px;
  background: url('/child/img/form/btn_radio_off.png') no-repeat center;
  margin-right:20px;
}

.member-join .form-table .radio-wrap span {
  display: block;
  font-size:1.6rem;
	font-weight:500;
}

.member-join .form-table .radio-wrap input:checked + i {
  background-image: url('/child/img/form/btn_radio_on.png');
}

.member-join .form-table .email-wrap {
	display: flex;
	align-items: center;
	position: relative;
	width:100%;
	height:56px;
	padding-right:34%;
	background-color: #fff;
	border:1px solid #c9c9c9;
	border-radius:6px;
	overflow: hidden;
}

.member-join .form-table .email-wrap .box {
	width:46%;
	height:100%;
	overflow: hidden;
}

.member-join .form-table .email-wrap .box:last-child {
	position: absolute;
	top:-1px;
	right:-1px;
	width: 34%;
	height:calc(100% + 2px);
	background-color: #fff;
	border:1px solid #c9c9c9;
	border-radius:6px;
}

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

.member-join .form-table .email-wrap input {
	height:100%;
	border:0px;
}

.member-join .form-table .email-wrap select {
	width:100%;
	height:100%;
	padding:0px 20px;
	font-size:1.8rem;
	font-weight:500;
	border:0px;
	background-size:20px auto;
	background-image: url('../../asset/img/member/select.png');
	background-repeat: no-repeat;
	background-position:right 20px center;
}

.member-join .form-table .address-wrap input {
	margin-top: 20px;
}

.member-join .form-table .address-wrap .box  {
	position: relative;
}

.member-join .form-table .address-wrap .box input {
	margin-top:0px;
	padding-right:156px;
}

.member-join .form-table .address-wrap .box button {
	position: absolute;
	top:0;
	right:0;
	width:136px;
	height:56px;
	border-radius:6px;
	background-color:#898989;
	font-size:2rem;
	font-weight:500;
	color:#fff;
}

/* 2024.11.27 추가 */
.member-join .form-table .err-msg.on {
	display: block;
}

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

}
@media screen and (max-width:1024px) {
	.member-join .form-table {
		padding-top:30px;
	}
	
	.member-join .form-table .row {
		margin-top:16px;
	}

	.member-join .form-table .th {
		width:160px;
		padding:10px 0px;
		font-size:1.8rem;
	}
	
	.member-join .form-table .td {
		width: calc(100% - 160px);
	}

	.member-join .form-table input {
		height:46px;
		padding:0px 16px;	
		font-size:1.6rem;
	}
	
	.member-join .form-table select {
		height:46px;
		padding:0px 16px;
		font-size:1.6rem;
		background-size:16px auto;
		background-position:right 16px center;
	}
	
	.member-join .form-table .err-msg,
	.member-join .form-table .ok-msg {
		margin-top:8px;
		font-size:1.5rem;
	}

	.member-join .form-table .input-wrap input {
		padding:0px 126px 0px 16px;
	}
	
	.member-join .form-table .input-wrap button {
		width:106px;
		height:46px;
		font-size:1.8rem;
	}

	.member-join .form-table .radio-wrap {
		gap:0px 60px;
	}

	.member-join .form-table .radio-wrap i {
		width:18px;
		height:18px;
		background-size:auto 18px;
		margin-right:16px;
	}
	
	.member-join .form-table .radio-wrap span {
		font-size:1.5rem;
	}

	.member-join .form-table .email-wrap {
		height:46px;
	}

	.member-join .form-table .email-wrap span {
		font-size:1.8rem;
	}
	
	.member-join .form-table .email-wrap select {
		padding:0px 16px;
		font-size:1.6rem;
		background-size:16px auto;
		background-position:right 16px center;
	}

	.member-join .form-table .address-wrap input {
		margin-top:16px;
	}

	.member-join .form-table .address-wrap .box input {
		padding-right:126px;
	}
	
	.member-join .form-table .address-wrap .box button {
		width:106px;
		height:46px;
		font-size:1.8rem;
	}
}
@media screen and (max-width:768px) {
	.member-join .form-table {
		padding-top:24px;
	}

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

	.member-join .form-table .th {
		width:100%;
		padding:0px 0px 10px;
		font-size:1.6rem;
	}

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

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

	.member-join .form-table select {
		height:38px;
		padding:0px 12px;
		font-size:1.5rem;
		background-size:12px auto;
		background-position:right 12px center;
	}
	
	.member-join .form-table .err-msg,
	.member-join .form-table .ok-msg {
		margin-top:6px;
		font-size:1.4rem;
	}

	.member-join .form-table .input-wrap input {
		padding:0px 106px 0px 12px;
	}
	
	.member-join .form-table .input-wrap button {
		width:86px;
		height:38px;
		font-size:1.6rem;
	}

	.member-join .form-table .radio-wrap {
		gap:0px 40px;
	}

	.member-join .form-table .radio-wrap i {
		width:14px;
		height:14px;
		background-size:auto 14px;
		margin-right:10px;
	}
	
	.member-join .form-table .radio-wrap span {
		font-size:1.4rem;
	}
	
	.member-join .form-table .email-wrap {
		flex-wrap: wrap;
		height:auto;
		padding-right:0px;
		border:0px;
		border-radius:0px;
	}

	.member-join .form-table .email-wrap .box:last-child {
		position: relative;
		top:unset;
		right:unset;
		width:100%;
		border:0px;
		border-radius:0px;
		margin-top:10px;
	}
	
	.member-join .form-table .email-wrap input {
		height:38px;
		border: 1px solid #c9c9c9;
		border-radius: 6px;
	}

	.member-join .form-table .email-wrap span {
		font-size:1.6rem;
	}
	
	.member-join .form-table .email-wrap select {
		height: 38px;
		padding:0px 12px;
		font-size:1.5rem;
		background-size:12px auto;
		background-position:right 12px center;
		border: 1px solid #c9c9c9;
		border-radius: 6px;
	}

	.member-join .form-table .address-wrap input {
		margin-top:10px;
	}

	.member-join .form-table .address-wrap .box input {
		padding-right:106px;
	}
	
	.member-join .form-table .address-wrap .box button {
		width:86px;
		height:38px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.member-join .form-table {
		padding-top:18px;
	}

	.member-join .form-table .th {
		font-size:1.5rem;
	}

	.member-join .form-table input {
		height:36px;
		font-size:1.4rem;
	}

	.member-join .form-table select {
		height:36px;
		font-size:1.4rem;
	}
	
	.member-join .form-table .err-msg,
	.member-join .form-table .ok-msg {
		margin-top:4px;
		font-size:1.3rem;
	}

	.member-join .form-table .input-wrap input {
		padding:0px 86px 0px 12px;
	}
	
	.member-join .form-table .input-wrap button {
		width:66px;
		height:36px;
		font-size:1.5rem;
	}

	.member-join .form-table .radio-wrap {
		gap:0px 30px;
	}

	.member-join .form-table .radio-wrap i {
		width:12px;
		height:12px;
		background-size:auto 12px;
		margin-right:6px;
	}
	
	.member-join .form-table .radio-wrap span {
		font-size:1.3rem;
	}
	
	.member-join .form-table .email-wrap {
		flex-wrap: wrap;
		height:auto;
		padding-right:0px;
		border:0px;
		border-radius:0px;
	}

	.member-join .form-table .email-wrap .box:last-child {
		position: relative;
		top:unset;
		right:unset;
		width:100%;
		border:0px;
		border-radius:0px;
		margin-top:10px;
	}
	
	.member-join .form-table .email-wrap input {
		height:36px;
		border: 1px solid #c9c9c9;
		border-radius: 6px;
	}

	.member-join .form-table .email-wrap span {
		font-size:1.5rem;
	}
	
	.member-join .form-table .email-wrap select {
		height: 36px;
		padding:0px 12px;
		font-size:1.5rem;
		background-size:12px auto;
		background-position:right 12px center;
		border: 1px solid #c9c9c9;
		border-radius: 6px;
	}

	.member-join .form-table .address-wrap input {
		margin-top:6px;
	}

	.member-join .form-table .address-wrap .box input {
		padding-right:86px;
	}
	
	.member-join .form-table .address-wrap .box button {
		width:66px;
		height:36px;
		font-size:1.5rem;
	}
}
/* ---------------------------- */

/* -------------- Complete -------------- */
.member--complete .img {
	display: flex;
	justify-content: center;
	text-align: center;
	font-size:0px;
	margin-bottom:40px;
}

.member--complete .btns {
	display: flex;
	justify-content: center;
	margin:0px -20px;
}

.member--complete .button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width:340px;
	width:100%;
	height:64px;
	margin:0px 20px;
	font-size:2rem;
	font-weight:500;
	color:#ffffff;
}

.member--complete .button--dark {
	color:#fff;
	background-color: #222;
}

.member--complete .button--darkgray {
	background-color: #636363;
}


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

}
@media screen and (max-width:1024px) {
	.member--complete .img {
		margin-bottom:30px;
	}
	
	.member--complete .img img {
		width: 120px;
	}
	
	.member--complete .btns {
		margin:0px -16px;
	}
	
	.member--complete .button {
		max-width:280px;
		height:54px;
		margin:0px 16px;
		font-size:1.8rem;
	}
	
}
@media screen and (max-width:768px) {
	.member--complete .img {
		margin-bottom:24px;
	}
	
	.member--complete .img img {
		width: 100px;
	}
	
	.member--complete .btns {
		margin:0px -10px;
	}
	
	.member--complete .button {
		max-width:220px;
		height:48px;
		margin:0px 10px;
		font-size:1.6rem;
	}
}
@media screen and (max-width:576px) {
	.member--complete .img {
		margin-bottom:18px;
	}
	
	.member--complete .img img {
		width: 80px;
	}
	
	.member--complete .btns {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin:-2px;
	}
	
	.member--complete .button {
		max-width:100%;
		height:42px;
		margin:2px;
		font-size:1.5rem;
	}
}
/* ---------------------------- */


/* Member Card */
.member-cards .row-group {
	gap:10px;
}

.member-cards .row-w50 {
	width: 50%;
}

.member-cards .th {
	font-size:1.8rem;
}

.member-cards .td input[type = "text"] {
	width: 100%;
	height:50px;
	padding:0px 20px;
	border:1px solid #a0a0a0;
	border-radius: 10px;
	font-size:1.6rem;
}

.member-cards .radio-wrap ul {
	display: flex;
	gap:30px;
}

.member-cards .radio-wrap label {
	display: flex;
	align-items: center;
	position: relative;
	gap:10px;
	cursor: pointer;
}

.member-cards .radio-wrap input {
	position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.member-cards .radio-wrap i {
	display: block;
	width:18px;
	height:18px;
	background: url('../../asset/img/member/card_radio_off.png') no-repeat center;
}

.member-cards .radio-wrap span {
	display: block;
	font-size:1.8rem;
	font-weight:500;
}

.member-cards .radio-wrap input:checked + i {
  background-image: url('../../asset/img/member/card_radio_on.png');
}

.member-cards .type-wrap {
	position: relative;
}

.member-cards .type-wrap .box {
	display: none;
	position: absolute;
	top:0;
	left:0;
}

.member-cards .type-wrap .box.on {
	display: block;
  position:relative;
	height:auto;
}

.member-cards .pw-wrap input {
	max-width:80px;
}

.member-cards .cards-notice p {
	font-size:1.8rem;
	border-bottom: 1px solid #a0a0a0;
}

.member-cards .cards-notice dd {
	display: flex;
	gap:6px;
	font-size:1.6rem;
	line-height: 1.6;
}

.member-cards .cards-agree .agree-tit {
	border-bottom: 1px solid #a0a0a0;
}

.member-cards .cards-agree .agree-chk {
	display: flex;
	justify-content: space-between;
	gap:20px;
}

.member-cards .cards-agree label {
	display: flex;
	position: relative;
	gap:10px;
	cursor: pointer;
	width: calc(100% - 55px);
}

.member-cards .cards-agree input {
	position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.member-cards .cards-agree i {
	display: block;
	width:20px;
	height:20px;
	background: url('../../asset/img/member/card_chk_off.png') no-repeat center;
	margin-top:2px;
}

.member-cards .cards-agree input:checked + i {
  background-image: url('../../asset/img/member/card_chk_on.png');
}

.member-cards .cards-agree .label-txt {
	display: block;
	width:calc(100% - 30px);
	font-size:1.6rem;
}

.member-cards .cards-agree .textarea-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap:4px;
	width:55px;
	height:25px;
	border:1px solid #a0a0a0;
	border-radius: 5px;
	font-size:1.4rem;
	line-height: 1;
}

.member-cards .cards-agree .textarea-btn::after {
	content: "";
	display: inline-block;
	width:9px;
	height:5px;
	background: url('../../asset/img/member/card_view_btn.png') no-repeat center;
	transition: all .3s ease;
}

.member-cards .cards-agree .textarea-btn.on::after {
	transform: rotate(180deg);
}

.member-cards .cards-agree .agree-textarea {
	display: none;
	height:150px;
	padding:20px;
	overflow-y:auto;
	background-color: #f5f5f5;
}

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

.member-cards .cards-agree .agree-textarea.on {
	display: block;
}

.member-cards .cards-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:60px;
	border-radius:10px;
	font-size:1.8rem;
	line-height: 1;
}

.member-cards .cards-btns .btn01 {
	border:1px solid #191919;
}

.member-cards .cards-btns .btn02 {
	color:#fff;
	background-color: #191919;
}

.member-cards .business-guide {
	margin-top:10px;
}

.member-cards .business-guide dd {
	font-size:1.2rem;
	padding-bottom:2px;
}

.member-cards .business-guide dd:last-child {
	padding-bottom:0px;
}

@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.member-cards .th {
		font-size:1.6rem;
	}

	.member-cards .td {
		font-size:1.4rem;
	}

	.member-cards .td input[type = "text"] {
		font-size:1.4rem;
	}

	.member-cards .radio-wrap span {
		font-size:1.6rem;
	}

	.member-cards .cards-notice p {
		font-size:1.6rem;
	}

	.member-cards .cards-notice dd {
		font-size:1.4rem;
	}

	.member-cards .cards-agree .label-txt {
		font-size:1.4rem;
	}

	.member-cards .cards-agree .textarea-btn {
		font-size: 1.3rem;
	}

	.member-cards .cards-btns .btn {
		font-size:1.6rem;
	}

	.member-cards .business-guide dd {
		font-size:1.1rem;
	}
}
@media (max-width:1024px) {
	.member-cards .row-group {
		gap:6px;
	}

	.member-cards .td input[type = "text"] {
		height:44px;
		padding:0px 16px;
	}

	.member-cards .radio-wrap ul {
		gap:20px;
	}

	.member-cards .radio-wrap label {
		gap: 6px;
	}

	.member-cards .radio-wrap i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}

	.member-cards .cards-notice dd {
		gap:4px;
	}

	.member-cards .cards-agree .agree-chk {
		gap:16px;
	}

	.member-cards .cards-agree label {
		gap:6px;
	}

	.member-cards .cards-agree i {
		width:18px;
		height:18px;
		background-size:auto 18px;
	}

	.member-cards .cards-agree .label-txt {
		width: calc(100% - 24px);
	}
	
	.member-cards .cards-agree .textarea-btn {
		width:50px;
		height:22px;
	}
	
	.member-cards .cards-agree .textarea-btn::after {
		height:3px;
		background-size:auto 3px;
	}

	.member-cards .cards-btns .btn {
		height:48px;
	}

	.member-cards .business-guide {
		margin-top:6px;
	}
}
@media (max-width:768px) {
	.member-cards .th {
		font-size:1.4rem;
	}

	.member-cards .td {
		font-size:1.3rem;
	}

	.member-cards .td input[type = "text"] {
		font-size:1.3rem;
	}

	.member-cards .radio-wrap i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}

	.member-cards .radio-wrap span {
		font-size:1.4rem;
	}

	.member-cards .cards-notice p {
		font-size:1.4rem;
	}

	.member-cards .cards-notice dd {
		font-size:1.3rem;
	}

	.member-cards .cards-agree i {
		width:16px;
		height:16px;
		background-size:auto 16px;
	}
	
	.member-cards .cards-agree .label-txt {
		width: calc(100% - 22px);
		font-size:1.3rem;
	}

	.member-cards .cards-agree .textarea-btn {
		font-size: 1.2rem;
	}

	.member-cards .cards-btns .btn {
		font-size:1.4rem;
	}

	.member-cards .business-guide dd {
		font-size:1rem;
	}
}
@media (max-width:576px) {
	.member-cards .row-group {
		flex-wrap: wrap;
		gap:12px;
	}

	.member-cards .row-w50 {
		width:100%;
	}

	.member-cards .th {
		font-size:1.3rem;
	}

	.member-cards .td {
		font-size:1.2rem;
	}

	.member-cards .td input[type = "text"] {
		height:36px;
		padding:0px 12px;
		font-size:1.2rem;
	}

	.member-cards .radio-wrap i {
		width:12px;
		height:12px;
		background-size:auto 12px;
	}

	.member-cards .radio-wrap span {
		font-size:1.3rem;
	}

	.member-cards .cards-notice p {
		font-size:1.3rem;
	}

	.member-cards .cards-notice dd {
		font-size:1.2rem;
		gap:2px;
	}

	.member-cards .cards-agree .agree-chk {
		gap:12px;
	}

	.member-cards .cards-agree label {
		width: calc(100% - 56px);
		gap:4px;
	}

	.member-cards .cards-agree i {
		width:14px;
		height:14px;
		background-size:auto 14px;
	}
	
	.member-cards .cards-agree .label-txt {
		width: calc(100% - 18px);
		font-size:1.2rem;
	}

	.member-cards .cards-agree .textarea-btn {
		width:40px;
		height:19px;
		gap:2px;
		font-size: 1.1rem;
	}

	.member-cards .cards-btns .btn {
		height:40px;
		font-size:1.3rem;
	}

	.member-cards .business-guide {
		margin-top:4px;
	}

	.member-cards .business-guide dd {
		padding-bottom:2px;
	}
}


/* Member Complete */
.member-complete .complete-info {
	padding:30px;
	border:1px solid #a0a0a0;
	border-radius:10px;
}

.member-complete .complete-info dd {
	font-size: 1.6rem;
	line-height:2;
}

.member-complete .complete-btns .btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width:50%;
	height:60px;
	border-radius:10px;
	font-size:1.8rem;
}

.member-complete .complete-btns .btn01 {
	border:1px solid #191919;
}

.member-complete .complete-btns .btn02 {
	color:#fff;
	background-color: #191919;
}


@media (min-width:1201px) {

}
@media (max-width:1200px) {	
	.member-complete .complete-info dd {
		font-size: 1.4rem;
	}
	
	.member-complete .complete-btns .btn {
		font-size:1.6rem;
	}
}
@media (max-width:1024px) {
	.member-complete .complete-info {
		padding:20px;
	}

	.member-complete .complete-btns .btn {
		height:48px;
	}
}
@media (max-width:768px) {
	.member-complete .complete-info dd {
		font-size: 1.3rem;
	}
	
	.member-complete .complete-btns .btn {
		font-size:1.4rem;
	}
}
@media (max-width:576px) {
	.member-complete .complete-info {
		padding:12px 16px;
	}

	.member-complete .complete-info dd {
		font-size: 1.2rem;
	}
	
	.member-complete .complete-btns .btn {
		height:40px;
		font-size:1.3rem;
	}
}


/* Privacy, Terms */
.member-privacy .textarea, .member-terms .textarea {
	height:600px;
	padding:20px;
	border:1px solid #a0a0a0;
	border-radius:10px;
	font-size:1.6rem;
	overflow-y: auto;
}

@media (max-width:1200px) {	
	.member-privacy .textarea, .member-terms .textarea {
		height:400px;
		font-size:1.4rem;
	}
}
@media (max-width:1024px) {
	.member-privacy .textarea, .member-terms .textarea {
		padding:16px;
	}
}
@media (max-width:768px) {
	.member-privacy .textarea, .member-terms .textarea {
		height:300px;
		font-size:1.3rem;
	}
}
@media (max-width:576px) {
	.member-privacy .textarea, .member-terms .textarea {
		padding:12px;
		font-size:1.2rem;
	}
}


#modalContainer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	place-items: center;
	z-index: 9999999;
}

#modalContainer.open {
	display: block;
}

#modalContainer .login-modal {
	position: relative;
	width: 100%;
	height: 100%;
}

#modalContainer .modal-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width:500px;
	max-height: none;
	width: 95%;
	height:auto;
	margin:10px auto;
}

#modalContainer .modal-background {
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

#modalContainer .modal-inner {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
}

#modalContainer .modal-area {
	position: relative;
	overflow: hidden;
	max-width: 480px;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	background-color: #fff;
	text-align: center;
}

#modalContainer .modal-area p {
	font-size: 2rem;
	font-weight: 700;
}

#modalContainer .btns {
	display: flex;
	justify-content:center;
	gap:10px;
}

#modalContainer .btns button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex:1 1 calc(33.33% - 10px);
	max-width: 33.33%;
	height: 36px;
	background-color: #000;
	border-radius: 10px;
	font-display:1.8rem;
	font-weight: 700;
	color:#fff;
}

@media (max-width:1200px) {	
	#modalContainer .modal-area p {
		font-size: 1.8rem;
	}

	#modalContainer .btns button {
		font-size: 1.6rem;
	}
}
@media (max-width:1024px) {
	#modalContainer .modal-area {
		padding: 30px 20px;
	}

	#modalContainer .btns button {
		height: 30px;
	}
}
@media (max-width:768px) {
	#modalContainer .modal-area p {
		font-size: 1.6rem;
	}

	#modalContainer .btns button {
		font-size: 1.4rem;
	}
}
@media (max-width:576px) {
	#modalContainer .modal-area {
		padding: 20px 16px;
	}

	#modalContainer .modal-area p {
		font-size: 1.4rem;
	}

	#modalContainer .btns {
		gap:6px;
	}

	#modalContainer .btns button {
		height: 26px;
		font-size: 1.2rem;
	}
}