@charset "UTF-8";

.member-inner-box {
	width: 28.75rem;
	max-width: 58.125rem;
	margin: 7.5rem auto 0;
}

.member-inner-box.w-58 {
	width: 36.5rem;
}

.member-inner-box.w-71 {
	width: 44.375rem;
}

.member-inner-box .member-box .member-tit {
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.625rem;
	line-height: 2.5rem;
}

.member-inner-box .member-box .member-tit.tit-line {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--d-lc2);
	margin-bottom: 2.5rem;
}

.member-inner-box .member-box .login-wrap {
	display: grid;
	margin: 1.125rem 0 1.25rem;
	gap: 1rem;
	grid-template-columns: 280px 164px;
	grid-template-areas: "loginId loginBtn" "loginPw loginBtn";
	/* 그리드 영역 */
	/* 그리드 영역 */
}

.member-inner-box .member-box .login-wrap .item-id {
	grid-area: loginId;
}

.member-inner-box .member-box .login-wrap .item-pw {
	grid-area: loginPw;
}

.member-inner-box .member-box .login-wrap .item-submit {
	grid-area: loginBtn;
}

.member-inner-box .member-box .login-wrap .input-control .input-default
	{
	width: 100%;
	max-width: 100%;
	height: 60px;
}

.member-inner-box .member-box .login-wrap .login-btn {
	background-color: var(--d-primary1);
	color: var(--d-bg2);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
	border-radius: 0.625rem;
	height: 140px;
	transition: all 0.188s ease-in;
}

.member-inner-box .member-box .login-wrap .login-btn:hover {
	background-color: var(--d-primary3);
}

.member-inner-box .member-box .login-infoWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.member-inner-box .member-box .login-infoWrap .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
}

.member-inner-box .member-box .login-infoWrap .btn-wrap .btn-txt {
	font-size: 0.9375rem;
	line-height: 1.5rem;
	color: var(--d-fc4);
	transition: all 0.188s ease-in;
}

.member-inner-box .member-box .login-infoWrap .btn-wrap .btn-txt:hover {
	color: var(--d-primary3);
}

.member-inner-box .member-box .naver-login {
	width: 100%;
	margin-top: 1.5rem;
	border-radius: 0.625rem;
	background-color: #378546;
	color: var(--d-bg2);
	padding: 1em 0;
	text-align: center;
	font-weight: 500; 
	font-variation-settings: "wght" var(--font-weight-m);
	font-size: 1.125rem;
	line-height: 1.75rem;
	background-image: url(../img/icon/icon-naver.svg);
	background-repeat: no-repeat;
	background-position: left 1.75rem center;
	background-size: 1.125rem 1.125rem;
}

.member-inner-box .member-box .mem-info-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 3.75rem;
}

.member-inner-box .member-box .mem-info-wrap .info-txt {
	text-align: center;
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2.125rem;
	margin-bottom: 1rem;
}

.member-inner-box .member-box .mem-info-wrap .info-txt .color-g {
	color: var(--d-primary1);
}

.member-inner-box .member-box .mem-info-wrap .info-detail {
	text-align: center;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--d-fc3);
}

.member-inner-box .member-box .mem-info-wrap .info-detail .box-ul .box-il
	{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.member-inner-box .member-box .mem-info-wrap .info-detail .box-ul .box-il .il-dot
	{
	color: var(--d-fc3);
	font-size: 0.8rem;
}

.member-inner-box .member-box .mem-info-wrap .info-detail .box-ul .box-il .il-detail
	{
	padding-left: 0.5rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1rem;
	line-height: 1.5rem;
}

.member-inner-box .member-box .mem-btn-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01 {
	padding: 15px 24px;
	border-radius: 0.9375rem;
	background-color: var(--d-primary1);
	color: var(--d-bg2);
	padding: 18px 44px;
	transition: all 0.188s ease-in;
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01:hover {
	background-color: var(--d-primary3);
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01.bg-2 {
	background-color: var(--d-second5);
	padding: 18px 24px;
	color: var(--d-fc1);
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01.bg-2:hover {
	background-color: var(--d-second8);
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01.bg-3 {
	background-color: var(--d-second5);
	color: var(--d-fc1);
}

.member-inner-box .member-box .mem-btn-wrapper .btn-rec01.bg-3:hover {
	background-color: var(--d-second8);
}

.member-inner-box .member-box .pwEdit-wrap {
	display: flex;
	flex-direction: column;
	row-gap: 1.125rem;
	margin-bottom: 3.75rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .label-txt
	{
	width: 150px;
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.5rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control
	{
	width: calc(100% - ( 150px + 2.5rem));
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control .input-default
	{
	border: 1px solid var(--d-lc6);
	width: 100%;
	max-width: 100%;
	border-radius: 0.625rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
	padding: 0.75rem 1rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control .input-default::-moz-placeholder
	{
	color: var(--d-fc4);
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control .input-default::placeholder
	{
	color: var(--d-fc4);
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control .input-default:focus
	{
	outline: none;
	border-radius: 0.625rem;
	border: 1px solid var(--d-primary1);
}

.member-inner-box .member-box .login-personalInfo {
	list-style: none;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	padding-left: 0;
	margin-top: 1.5rem;
}

.member-inner-box .member-box .login-personalInfo .blod-txt {
	font-weight: 500;
	font-variation-settings: "wght" var(--font-weight-m); 
}

.member-inner-box .member-box .login-personalInfo li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	color: var(--d-fc2);
	line-height: 1.6;
}

.member-inner-box .member-box .login-personalInfo li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1rem;
}

.mem-crtfctn-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: max-content;
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
	margin-right: auto !important;
}

.mem-info-wrap {
	width: 100%;
}
/* .mem-crtfctn-wrap + .mem-info-wrap {
  margin-right: auto;
} */
.mem-info-wrap .info-detail {
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--d-fc3);
}

.mem-info-wrap .info-detail .box-ul .box-il {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mem-info-wrap .info-detail .box-ul .box-il .il-dot {
	color: var(--d-fc3);
	font-size: 0.8rem;
}

.mem-info-wrap .info-detail .box-ul .box-il .il-detail {
	padding-left: 0.5rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1rem;
	line-height: 1.5rem;
}

.member-join-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.member-join-box .join-tit {
	font-family: "GmarketSans";
	font-weight: 700;
	font-size: 1.75rem;
	line-height: 2rem;
	margin-top: 6.25rem;
	margin-bottom: 1.5rem;
	margin-right: auto;
}

.member-join-box .join-tit .color-p {
	color: var(--d-dc-p);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-join-box .join-step-box {
	display: flex;
	align-items: center;
	justify-content: center;
	-moz-column-gap: 10rem;
	column-gap: 10rem;
}

.member-join-box .join-step-box+.join-tit {
	width: 100%;
	margin: 58px auto 20px;
	text-align: left;
}

@media screen and (max-width: 1440px) {
	.member-join-box .join-step-box+.join-tit {
		text-align: center;
	}
	.member-inner-box .member-box .login-personalInfo li {
		font-size: 1rem;
	}
}

.member-join-box .join-step-box .join-step {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	row-gap: 0.75rem;
}

.member-join-box .join-step-box .join-step.on .step-cir {
	background-color: var(--d-primary1);
}

.member-join-box .join-step-box .join-step.on .step-cir .step-txt {
	color: var(--d-bg2);
}

.member-join-box .join-step-box .join-step.on .step-cir .step-num {
	color: var(--d-bg2);
}

.member-join-box .join-step-box .join-step.on .join-txt {
	color: var(--d-fc1);
}

.member-join-box .join-step-box .join-step .step-cir {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 5.75rem;
	height: 5.75rem;
	border-radius: 50%;
	row-gap: 0.25rem;
	background-color: var(--d-bg6);
}

.member-join-box .join-step-box .join-step .step-cir .step-txt {
	font-size: 0.875rem;
	line-height: 1.25rem;
	color: var(--d-fc8);
}

.member-join-box .join-step-box .join-step .step-cir .step-num {
	font-family: "GmarketSans";
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.5rem;
	color: var(--d-fc8);
}

.member-join-box .join-step-box .join-step .join-txt {
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--d-fc4);
}

.member-join-box .join-step-box .join-step:not(:last-child) .step-cir {
	position: relative;
}

.member-join-box .join-step-box .join-step:not(:last-child) .step-cir::before
	{
	content: "";
	display: inline-block;
	width: 13rem;
	height: 1px;
	background-color: var(--d-bg6);
	position: absolute;
	top: 50%;
	right: -13rem;
	transform: translateY(-50%);
	z-index: 0;
}

.member-join-box .join-header {
	border: 1px solid var(--d-lc5);
	border-radius: 0.875rem;
	margin-top: 2.5rem;
	padding: 2rem 3.75rem;
	box-shadow: 0 3px 20px 10px rgba(0, 0, 0, 0.03);
}

.member-join-box .join-header .join-header-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	-moz-column-gap: 3.75rem;
	column-gap: 3.75rem;
}

.member-join-box .join-header .join-header-wrap .join-txt {
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
	color: var(--d-fc2);
}

.member-join-box .join-tbl {
	width: 1440px;
}

.member-join-box .join-tbl .join-tr {
	padding: 1.25rem 0;
}

.member-join-box .join-tbl .join-tr:first-child {
	border-top: 2px solid var(--d-fc2);
	border-bottom: 1px solid var(--d-lc7);
}

.member-join-box .join-tbl .join-tr:not(:last-child) {
	border-bottom: 1px solid var(--d-lc7);
}

.member-join-box .join-tbl .join-tr .join-flexBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-column-gap: 3px;
	column-gap: 3px;
}

.member-join-box .join-tbl .join-tr .join-flexBox .label-txt {
	color: var(--d-fc1);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-join-box .join-tbl .join-tr .join-flexBox .label-txt .color-g {
	color: var(--d-primary1);
}

.member-join-box .join-tbl .join-tr .join-flexBox .btn-pill-02 {
	padding: 10px 38px 10px 20px;
	color: var(--d-fc1);
	border-radius: 2.5rem;
	border: 1px solid var(--d-lc3);
	background-color: var(--d-bg2);
	background-image: url(../img/main_icon/icon_arrow_right.svg);
	background-repeat: no-repeat;
	background-position: 76px center;
	background-size: 0.875rem 0.875rem;
	font-size: 0.9375rem;
	line-height: 1.4rem;
	transition: all 0.188s ease-in;
}

.member-join-box .join-tbl .join-tr .join-flexBox .btn-pill-02:hover {
	border: 1px solid var(--d-fc3);
}

.member-join-box .join-tbl .join-tr .join-gridBox {
	display: grid;
	grid-template-columns: 15.5rem calc(100% - 15.5rem);
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-th {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-th .label-txt {
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control
	{
	width: 458px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .custom-select .rec-select
	{
	width: 100%;
	height: 100%;
	border: 1px solid var(--d-lc5);
	border-radius: 0.25rem;
	padding: 0.75rem 1rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: var(--d-fc4);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/icon/icon-select-arrow.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center;
	background-size: 20px 20px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .custom-select .rec-select:focus
	{
	outline: none;
	border: 1px solid var(--d-primary1);
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone
	{
	width: -moz-max-content;
	width: max-content;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: max-content;
	-moz-column-gap: 6px;
	column-gap: 6px;
	grid-template-columns: 12.3vw 11px 12.3vw 11px 12.3vw 114px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone .input-default
	{
	width: 100%;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone .hyphen
	{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 11px;
	height: 56px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone .hyphen::after
	{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background-color: var(--d-fc4);
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email
	{
	width: -moz-max-content;
	width: max-content;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: max-content;
	-moz-column-gap: 6px;
	column-gap: 6px;
	grid-template-columns: 12.3vw 18px 12.3vw 2px 12.3vw 114px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email .input-default
	{
	width: 100%;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email .mail-hyphen
	{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 18px;
	height: 56px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email .mail-hyphen::after
	{
	content: "@";
	position: absolute;
	color: var(--d-fc4);
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .input-default
	{
	width: 100%;
	max-width: 100%;
	height: 56px;
}

.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .btn-rec02
	{
	margin-left: 8px;
}

@media screen and (max-width: 1440px) {
	.member-join-box .join-tbl {
		width: 100%;
	}
}

.member-join-box .btn-wrap {
	width: 100%;
	text-align: center;
	padding-top: 3rem;
	border-top: 1px solid var(--d-lc7);
	display: flex;
	justify-content: center;
}

.member-join-box .btn-wrap.no-line {
	border-top: unset;
}

.member-join-box .btn-wrap .btn-pill-05 {
	padding: 24px 45px;
	color: var(--d-bg2);
	border-radius: 6.25rem;
	background-color: var(--d-primary1);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding: 24px 45px 20px;
}

.member-join-box .join-complete-box {
	margin-top: 3.75rem;
	margin-bottom: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.member-join-box .join-complete-box .join-complete-img {
	margin: 0 0 0;
	width: 215px;
	aspect-ratio: 1.3/1;
}

.member-join-box .join-complete-box .join-complete-img img {
	width: 100%;
}

.member-join-box .join-complete-box .join-complete-tit {
	text-align: center;
	margin-top: 1.25rem;
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 2.125rem;
}

.member-join-box .join-complete-box .join-complete-tit .color-g {
	color: var(--d-primary1);
}

.member-join-box .join-complete-box .join-complete-txt {
	text-align: center;
	margin-top: 1rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.member-join-box .join-video-boxWrap {
	width: 934px;
	aspect-ratio: 1.77/1;
	position: relative;
	overflow: hidden;
}

.member-join-box .join-video-boxWrap .join-video-box {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.member-join-box .join-video-boxWrap .join-video-box:empty {
	content: "";
	display: block;
	background-color: #eee;
	position: absolute;
	top: 0;
	left: 0;
}

.member-join-box .join-video-boxWrap+.btn-wrap01 {
	width: 934px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.5rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
}

.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul {
	width: 934px;
	margin-top: 2.5rem;
}

.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul .box-il {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul .box-il .il-dot
	{
	margin-top: 0.5rem;
	color: var(--d-fc3);
	font-size: 0.5rem;
}

.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul .box-il .il-detail
	{
	padding-left: 0.5rem;
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1rem;
	line-height: 1.5rem;
}

@media screen and (max-width: 1240px) {
	.member-inner-box {
		width: 100%;
		max-width: 100%;
		margin: 30px auto;
	}
	.member-inner-box.w-58, .member-inner-box.w-71 {
		width: 100%;
	}
	.member-inner-box .member-box .member-tit {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.member-inner-box .member-box .member-tit.tit-line {
		padding-bottom: 8px;
		margin-bottom: 24px;
	}
	.member-inner-box .member-box .login-wrap {
		display: flex;
		flex-direction: column;
		margin: 20px 0;
		gap: 8px;
		grid-template-columns: unset;
		grid-template-areas: unset;
	}
	.member-inner-box .member-box .login-wrap .input-control .input-default
		{
		max-width: 100%;
		height: 40px;
	}
	.member-inner-box .member-box .login-wrap .login-btn {
		height: 40px;
		padding: 11px 12px;
		font-size: 13px;
		line-height: 21px;
		border-radius: 4px;
	}
	.member-inner-box .member-box .login-infoWrap .btn-wrap {
		-moz-column-gap: 12px;
		column-gap: 12px;
	}
	.member-inner-box .member-box .login-infoWrap .btn-wrap .btn-txt {
		font-size: 0.9375rem;
		line-height: 1.5rem;
		color: var(--d-fc3);
		transition: all 0.188s ease-in;
	}
	.member-inner-box .member-box .login-infoWrap .btn-wrap .btn-txt:hover {
		color: var(--d-primary3);
	}
	.member-inner-box .member-box .naver-login {
		margin-top: 30px;
		height: 40px;
		padding: 11px 12px;
		font-size: 13px;
		line-height: 19px;
		border-radius: 4px;
		background-size: 14px;
	}
	.member-inner-box .member-box .mem-info-wrap {
		flex-direction: column;
		margin-bottom: 24px;
	}
	.member-inner-box .member-box .mem-info-wrap .info-txt {
		text-align: center;
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 14px;
	}
	.member-inner-box .member-box .mem-info-wrap .info-detail {
		text-align: center;
		font-size: 14px;
		line-height: 20px;
	}
	.member-inner-box .member-box .mem-info-wrap .info-detail .box-ul .box-il .il-detail
		{
		padding-left: 0.5rem;
		font-size: 13px;
		line-height: 18px;
		text-align: left;
		letter-spacing: -0.7px;
	}
	.member-inner-box .member-box .mem-btn-wrapper {
		-moz-column-gap: 6px;
		column-gap: 6px;
	}
	.member-inner-box .member-box .mem-btn-wrapper .btn-rec01,
		.member-inner-box .member-box .mem-btn-wrapper .btn-rec01.bg-2 {
		width: 49%;
		height: 40px;
		padding: 11px 12px;
		font-size: 13px;
		line-height: 21px;
		border-radius: 4px;
	}
	.member-inner-box .member-box .mem-btn-wrapper>button:only-child {
		width: 100%;
	}
	.member-inner-box .member-box .pwEdit-wrap {
		display: flex;
		flex-direction: column;
		row-gap: 10px;
		margin-bottom: 30px;
	}
	.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box {
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
	.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .label-txt
		{
		text-align: left;
		font-size: 14px;
		line-height: 20px;
	}
	.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control
		{
		width: 100%;
	}
	.member-inner-box .member-box .pwEdit-wrap .pwEdit-inner-box .input-control .input-default
		{
		max-width: 100%;
		border-radius: 4px;
		font-size: 13px;
		line-height: 18px;
		padding: 8px 10px 6px;
	}
}

@media screen and (max-width: 1024px) {
	.mem-crtfctn-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: max-content;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}
	.mem-crtfctn-wrap .line-box {
		border-radius: 14px;
		padding: 16px;
		min-width: 48%;
		min-height: 156px;
		height: -moz-max-content;
		height: max-content;
	}
	.mem-crtfctn-wrap .line-box .mem-icon {
		width: 50px;
		height: 50px;
	}
	.mem-crtfctn-wrap .line-box .mem-icon img {
		width: 50%;
	}
	.mem-crtfctn-wrap .line-box .box-tit {
		margin: 8px 0 10px;
		font-size: 14px;
		line-height: 20px;
	}
	.mem-crtfctn-wrap .line-box .box-tit .txt-arrow {
		font-size: 14px;
		line-height: 24px;
		-moz-column-gap: 4px;
		column-gap: 4px;
		margin-top: 12px;
		letter-spacing: -0.7px;
	}
	.mem-crtfctn-wrap .line-box .box-tit .txt-arrow .ico {
		width: 20px;
		height: 20px;
		margin-top: -2px;
		background-size: 100%;
	}
	.member-join-box .join-step-box+.join-tit {
		width: 100%;
		text-align: center;
	}
	.member-join-box .join-tbl {
		width: 100%;
	}
	.member-join-box .join-tbl .join-tr {
		padding: 12px 0;
	}
	.member-join-box .join-tbl .join-tr .join-flexBox .chck-wrap {
		-moz-column-gap: 3px;
		column-gap: 3px;
	}
	.member-join-box .join-tbl .join-tr .join-flexBox .label-txt {
		font-size: 13px;
		line-height: 16px;
		letter-spacing: -0.7px;
		margin-top: 2px;
	}
	.member-join-box .join-tbl .join-tr .join-flexBox .checkbox_icon::before
		{
		width: 18px;
		height: 18px;
	}
	.member-join-box .join-tbl .join-tr .join-flexBox .btn-pill-02 {
		padding: 8px 24px 8px 12px;
		font-size: 11px;
		line-height: 14px;
		background-position: right 10px center;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox {
		display: grid;
		grid-template-columns: 100%;
		row-gap: 6px;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-th .label-txt {
		font-size: 14px;
		line-height: 20px;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control
		{
		width: 100%;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .custom-select .rec-select
		{
		width: 125px;
		height: 40px;
		border-radius: 4px;
		padding: 10px 12px 9px;
		font-size: 13px;
		line-height: 18px;
		background-position: right 8px center;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone
		{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 3px;
		grid-template-columns: unset;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone .hyphen
		{
		display: none;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.phone .input-default
		{
		max-width: 31%;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email
		{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		grid-template-columns: unset;
		gap: 3px;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email .mail-hyphen
		{
		width: 18px;
		height: 40px;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control.email .input-default
		{
		max-width: -moz-max-content;
		max-width: max-content;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .input-default
		{
		width: 100%;
		max-width: 100%;
		height: 40px;
	}
	.member-join-box .join-tbl .join-tr .join-gridBox .join-td .input-control .btn-rec02
		{
		margin-left: 0;
	}
	.member-join-box .join-video-boxWrap {
		width: 100%;
	}
	.member-join-box .join-video-boxWrap .join-video-box {
		border-radius: 10px;
	}
	.member-join-box .join-video-boxWrap+.btn-wrap01 {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 14px;
		gap: 6px;
	}
	.member-join-box .join-video-boxWrap+.btn-wrap01>button {
		width: 49%;
		font-size: 12px;
		line-height: 16px;
		padding: 10px 12px;
	}
	.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul {
		width: 100%;
		margin-top: 12px;
	}
	.member-join-box .join-video-boxWrap+.btn-wrap01+.box-ul .box-il .il-detail
		{
		padding-left: 0.5rem;
		font-size: 13px;
		line-height: 18px;
	}
}

@media screen and (max-width: 760px) {
	.member-join-box .join-tit {
		margin-top: 34px;
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.7px;
	}
	.member-join-box .join-step-box {
		flex-wrap: nowrap;
		-moz-column-gap: 5px;
		column-gap: 5px;
		align-items: flex-start;
	}
	.member-join-box .join-step-box:has(.join-step:nth-child(3)) .join-step
		{
		width: 33.333%;
	}
	.member-join-box .join-step-box .join-step {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		row-gap: 4px;
		width: 50%;
	}
	.member-join-box .join-step-box .join-step .step-cir {
		position: relative;
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 18vw;
		height: 18vw;
		row-gap: 0px;
	}
	.member-join-box .join-step-box .join-step .step-cir .step-txt,
		.member-join-box .join-step-box .join-step .step-cir .step-num {
		font-size: 14px;
		line-height: 20px;
	}
	.member-join-box .join-step-box .join-step .join-txt {
		font-size: 11px;
		line-height: 14px;
		word-break: keep-all;
		text-align: center;
	}
	.member-join-box .join-step-box .join-step:not(:last-child) .step-cir::before
		{
		content: "";
		width: 16vw;
		top: 50%;
		left: 18vw;
	}
	.member-join-box .join-header {
		margin-top: 34px;
		padding: 16px;
	}
	.member-join-box .join-header .join-header-wrap {
		flex-direction: column;
		row-gap: 10px;
	}
	.member-join-box .join-header .join-header-wrap>figure {
		height: 30px;
	}
	.member-join-box .join-header .join-header-wrap>figure img {
		width: 100%;
		height: 100%;
	}
	.member-join-box .join-header .join-header-wrap .join-txt {
		font-size: 12px;
		line-height: 16px;
	}
	.member-join-box .join-complete-box {
		margin: 20px auto;
	}
	.member-join-box .join-complete-box .join-complete-tit {
		font-size: 15px;
		line-height: 22px;
	}
	.member-join-box .join-complete-box .join-complete-txt {
		margin-top: 12px;
		font-size: 14px;
		line-height: 20px;
	}
	.member-join-box .join-complete-box .join-complete-img {
		width: 120px;
	}
	.member-join-box .join-video-boxWrap+.btn-wrap01>button {
		width: 100%;
	}
	.member-join-box .btn-wrap .btn-pill-05 {
		width: 100%;
		padding: 11px 12px 9px;
		border-radius: 4px;
		font-size: 13px;
		line-height: 18px;
	}
	.mem-info-wrap .info-detail {
		font-weight: 300;
		font-variation-settings: "wght" var(--font-weight-l); 
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
	.mem-info-wrap .info-detail .box-ul .box-il .il-detail {
		font-size: 13px;
		line-height: 18px;
		letter-spacing: -0.2px;
	}
}
/*20250422 회원가입 선택 */
.join-tit-wrap {
	display: flex;
	width: 100%;
}

.join-tit-wrap .join-tit.join-tit-left {
	text-align: left;
	width: 100%;
}

.join-tit-wrap .join-tit.join-tit-right {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	width: 100%;
}

.join-tit-wrap .join-tit.join-tit-right .chck-wrap {
	justify-content: flex-end;
}

.join-tit-wrap .join-tit.join-tit-right .chck-wrap .label-txt {
	color: var(--d-fc1);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-join-box .join-tit .color-g {
	color: var(--d-primary1);
	font-family: "GmarketSans";
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.member-join-box .join-tbl .dbchck-ul {
	border-radius: 0.5rem;
	border: 1px solid var(--d-lc5);
	padding: 1.5rem;
	width: 100%;
	margin-bottom: 10px;
}

.member-join-box .join-tbl .dbchck-ul .dbchck-li {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	-moz-column-gap: 0.5rem;
	column-gap: 0.5rem;
}

.member-join-box .join-tbl .dbchck-ul .dbchck-li .dbchck-txt {
	font-weight: 300;
	font-variation-settings: "wght" var(--font-weight-l); 
	font-size: 1rem;
	line-height: 1.5rem;
}

.member-join-box .join-tbl .join-tr .join-flexBox-left {
	justify-content: flex-start !important;
	padding-left: 30px;
	padding-top: 10px;
}

.member-join-box .join-tbl .join-tr .chkDisabled {
	background-color: var(--d-bg3);
}

.member-join-box .join-tbl .table-content {
	padding: 0px 10%;
	margin-bottom: 10px;
}

.member-join-box .join-tbl .table-content .row-td {
	justify-content: center;
}

.member-join-box .btn-wrap .btn-pill-05#btnInit {
	color: var(--d-fc3);
	background-color: var(--d-bg2);
	border: 1px solid var(--d-lc3);
	margin-right: 15px;
}

#divPopBody {
	line-height: 20px;
}

#divPopBody .font-blue {
	color: var(--d-badge2);
}

#divPopBody ul>li {
	position: relative;
	padding-left: 8px;
	text-indent: 0;
}

#divPopBody ul>li:after {
	content: "";
	width: 4px;
	height: 1px;
	background: #888;
	position: absolute;
	top: 11px;
	left: 0;
}

@media screen and (max-width: 1440px) {
	.member-join-box form {
		width: 100%;
	}
	.member-join-box {
		padding: 0 10vw;
	}
	.content-tit-wrap {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.member-join-box form {
		width: 100%;
	}
	.member-join-box {
		padding: 0px;
	}
	.join-tit-wrap .join-tit.join-tit-right .chck-wrap .label-txt {
		font-size: 13px;
		line-height: 16px;
	}
}

/* 로그인 : 네이버 이용 안내 정보 */
.login-use-guide {	
	background:var(--d-bg7);
	border-radius:0.625rem;
	margin-top:1.5rem;
	padding:1rem 1.5rem; 
}
.login-use-guide .txt-point {
	color:var(--d-primary5)
}
.login-use-guide .guide-tit {
	background-size: 1.25rem 1.25rem;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2300CE02'/%3E%3Crect x='9' y='5' width='2' height='7' fill='white'/%3E%3Crect x='9' y='13' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A");
	font-family: "GmarketSans";
	font-weight: 700;
	color:var(--d-fc2);
	margin-bottom: 0.5rem;
	padding-left:28px;
	padding-top:1px;
}
.login-use-guide .guide-desc,
.login-use-guide .guide-way {
	font-size:0.938rem;
	color:var(--d-fc3);
	word-break: keep-all;
}
.login-use-guide .guide-desc .txt-point {
	font-weight: 500;
	font-variation-settings: "wght" var(--font-weight-m); 
}
.login-use-guide .guide-way .way-tit {
	display:block;
	font-family: "GmarketSans";
	font-size:0.875rem;
	font-weight: 700;
	color:var(--d-fc2);
	margin-top: 0.5rem;
}
.login-use-guide .guide-way .way-tit:before {
	content: "·";
	margin-right: 0.25rem
}




/*# sourceMappingURL=member.css.map */