/*--------------------------------------------------------------
# 로그인 / 아이디, 비밀번호 찾기
--------------------------------------------------------------*/
.loginWrap{
	width:100%;
	position:relative;
	margin-top:10rem;
}
.logBox {
    padding: 0;
	width: 100%;
    background: var(--light_color, #F8F7FE);
	position: relative;
	padding:10rem 2rem 12rem 2rem;
}
.logSideBox {
	margin: 0 auto;
	max-width: 57rem;
    position: relative;
}

.loginTitle {
	text-align: center;
	margin-bottom:3rem;
	
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7rem;
}

.snsLoBox{
	display:flex;
	gap:1rem;
}
.snsLoNaver{
    width: 100%;
	position:relative;
	border-radius: 99px;
	background: linear-gradient(0deg, #42D31A 0%, #42D31A 100%), #F6F6F6;
}
.snsLoNaver a {
    gap: 1.6rem;
    color: #fff;
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    text-align: center;
    display: flex;
    width: 100%;
    padding: 1.6rem 1rem;
    align-items: center;
    justify-content: center;
}
.snsLoNaver a img{height:2rem;}
.snsLoKakao {
    width: 100%;
	position:relative;
	border-radius: 99px;
	background: linear-gradient(0deg, #FFEB3B 0%, #FFEB3B 100%), #F6F6F6;
}
.snsLoKakao a {
    gap: 1.6rem;
    color: #3C1E1E;
    font-family: 'Pretendard-Bold';
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    text-align: center;
    display: flex;
    width: 100%;
    padding: 1.6rem 1rem;
    align-items: center;
    justify-content: center;
}
.snsLoKakao a img{height:2rem;}

.localLogin {
    color: #AAA;
    margin: 4rem 0;
    position: relative;
    font-weight: 600;
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.5rem;
    font-family: "Pretendard-SemiBold";
}

.localLogin::before,
.localLogin::after{
	content:'';
	height:0.1rem;
	background:#ddd;
	position:absolute;
	width:42%;
	top:50%;
	transform:translateY(-50%);
}

.localLogin::before {left:0;}
.localLogin::after {right:0;}


.loin{
	width:100%;
	position:relative;
	margin-bottom:2rem;
}
.loin:last-child{
	margin-bottom:0rem;
}
.loin label {
    display: flex;
    align-items: flex-end;
	
	color: #111;
font-family: 'Pretendard-Medium';
font-size: 1.6rem;
font-style: normal;
font-weight: 500;
line-height: 2.4rem;
}
.loin input {
    border: 1px solid #ffffff;
    font-family: Pretendard;
    box-sizing: border-box;
    margin-top: 0.6rem;
    width: 100%;
    position: relative;
    height: 6rem;
    border-radius: 0.6rem;
	background: #ffffff;
    padding: 0rem 2.4rem 0rem 2.4rem;
	
	color: #111;
	font-family: 'Pretendard-Medium';
	font-weight: 500;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 3.2rem;
}
.loin input:-webkit-autofill,
.loin input:-webkit-autofill:hover,
.loin input:-webkit-autofill:focus,
.loin input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-text-fill-color: #263238 !important;
}
.loin input:focus,
.loin input:active {background:#FFF; border:1px solid #8754fb;}
.loin input:focus{outline: none;}

.loin input::placeholder {
	color: #888;
	font-family: 'Pretendard-Light';
	font-weight: 300;
	font-size: 1.6rem;
	font-style: normal;
	line-height: 3.2rem;
}



.lobtn {
    width: 100%;
    position: relative;
    margin-top: 4rem;
    margin-bottom: 1.8rem;
}
.lobtn button {
    cursor: pointer;
    width: 100%;
    border: none;
    background: var(--main_color, #8754FB);
    border-radius: 0.6rem;
    color: #FFF;
    text-align: center;
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 1.8rem;
    padding: 2.5rem 2rem;
}
.lobtn button:hover {background:#2F2C2C; color:#FFF;}

.login_infoGroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.find_info {
    margin-top:0;
    display: flex;
    justify-content: flex-end;
}
.find_info a {
	color: #888;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
}
.find_info a:first-child {
	position:relative;
	padding-right: 1rem;
	margin-right: 1rem;
}
.find_info a:first-child::before {
	content:'';
	width:0.1rem;
	height:1.2rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background: #D9D9D9;
}

.subloInfo{
	display:block;
	text-align:center;
}
.subloInfo p{
	
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 0em;
	text-align: center;
	color:#607D8B;
	display:block;
	margin-bottom:0.6rem;
}
.subloInfo a{
	display:inline-block;
	color: #888;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2rem;
}

.noneMemberBox.none-visible {
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.noneMemberBox {
	opacity: 0;
    visibility: hidden;
	
   /* opacity: 1; */
    /* visibility: visible; */
	
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.3);
    z-index: 400;
}
.nomemInner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nomemBox {
    width: 100%;
    display: block;
    padding: 0rem 2rem 0rem 2rem;
    max-width: 87rem;
    margin: 0 auto;
}
.nomem_contentBox {
    width: 100%;
    position: relative;
    overflow: hidden;
	background: #FFFFFF;
	border-radius: 0.7rem;
	padding:6rem 4rem 6rem 4rem;
}
.nomem_contentBox strong{
	display:block;
	
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 3.4rem;
	letter-spacing: 0em;
	text-align: center;
	color:#263238;
	margin-bottom:2rem;
}
.nomem_contentBox dl{
	display:block;
	
	font-size: 2rem;
	font-weight: 400;
	line-height: 3.2rem;
	letter-spacing: 0em;
	text-align: center;
	color:#607D8B;
}
.nonmemBtnBox{
	display:block;
	text-align:center;
	margin:6rem 0rem 3rem 0rem;
}
.nonmemBtn{
	display:inline-block;
	position:relative;
	background: #263238;
	border-radius: 0.8rem;
	width:41.4rem;
	height:6.8rem;
}
.nonmemBtn a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	
	font-size: 2rem;
	font-weight: 500;
	line-height: 6.8rem;
	letter-spacing: 0px;
	text-align: center;
	color:#FBFCFC;
}



/* ::::::::: ======= 아이디 비밀번호 찾기 START ~ ======= ::::::::: */

.find_areaBox {
    border-radius: 0.6rem;
    margin-bottom: 3rem;
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #f1eefa;
}
.find_areaBox .msgarea {
    border-radius: 0.6rem;
    padding: 4rem 2rem;
    border: 1px solid #eee;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    /* height: 200px; */
}
.msgpadT{
	padding-top:74px!important;
}
.find_areaBox .msgarea span {
    font-family: 'Pretendard-Bold';
    font-weight: 700;
    display: block;
    margin: 1rem 0 1rem 0;
    font-size: 2.2rem;
    /* font-style: normal; */
    /* font-weight: 600; */
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-align: center;
    color: #8754FB;
}
.find_areaBox .msgarea span dt {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    display: inline-block;
    font-size: 1.8rem;
    /* font-style: normal; */
    /* font-weight: 400; */
    line-height: 2.8rem;
    letter-spacing: 0em;
    text-align: center;
    color: #111;
}
/* ::::::::: ======= ~ 아이디 비밀번호 찾기 END ======= ::::::::: */
@media (max-width:1600px) {
	.loginWrap {
		margin-top: 9rem;
	}
}
@media (max-width:991px) {
	.loginWrap {
		margin-top: 8rem;
	}
	.logBox {
		padding: 8rem 2rem 10rem 2rem;
	}
	.loginTitle {
		margin-bottom: 2rem;
		font-size: 5rem;
		line-height: 6rem;
	}
}
@media (max-width:767px) {
	.loginWrap {
		margin-top: 6rem;
	}
	.logBox {
		padding: 5rem 2rem 5rem 2rem;
	}
	.loginTitle {
		margin-bottom: 2rem;
		font-size: 3rem;
		line-height: 4.4rem;
	}
	.snsLoBox {
		gap: 0.4rem;
		flex-direction: column;
	}
	.snsLoNaver a {
		gap: 1.2rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
		padding: 1.5rem 1rem;
	}
	.snsLoNaver a img {
		height: 1.8rem;
	}
	.snsLoKakao a {
		gap: 1.2rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
		padding: 1.5rem 1rem;
	}
	.localLogin {
		margin: 3rem 0;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
	
	
	.loin label {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.loin input {
		margin-top: 0.4rem;
		height: 5.2rem;
		border-radius: 0.6rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.loin input::placeholder {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.lobtn {
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.lobtn button {
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 2rem;
		padding: 1.8rem 2rem;
	}
	.find_info a {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.subloInfo a {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	
	.nomem_contentBox {
		border-radius: 0.6rem;
		padding: 3rem 2rem 3rem 2rem;
	}
	.nomem_contentBox strong {
		font-size: 1.8rem;
		line-height: 3rem;
		margin-bottom: 1rem;
	}
	.nomem_contentBox dl {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	.nonmemBtnBox {
		margin: 3rem 0rem 0rem 0rem;
	}
	.nonmemBtn {
		border-radius: 0.6rem;
		width: 20rem;
		height: 5rem;
	}
	.nonmemBtn a {
		font-size: 1.6rem;
		line-height: 5rem;
	}
	.find_areaBox .msgarea {
		border-radius: 0.6rem;
		padding: 3rem 2rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}

/*--------------------------------------------------------------
# 회원가입
--------------------------------------------------------------*/

.joinWrap{
	width:100%;
	position:relative;
	margin-top:10rem;
}
.jBox {
    width: 100%;
    position: relative;
    padding: 12rem 0rem 12rem 0rem;
	background: var(--light_color, #F8F7FE);
}
.joinSideBox {
    max-width: 84rem;
    padding: 0rem 2rem 0rem 2rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}
.joinContentInner{
	position:relative;
}
.joinsnsLoBox {
    display: flex;
    max-width: 57rem;
    margin: 0 auto;
    flex-direction: column;
    justify-content: flex-start;
}
.joinsnsLoBox dl {
    text-align: center;
    margin: 1.6rem 0 0 0;
    color: #111;
    font-family: 'Pretendard';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem;
}


.joinContentBox{
	width:100%;
	margin:8rem 0 0 0;
}
.joinContent{
	width:100%;
	position:relative;
	padding-left:0rem;
	margin-bottom:5rem;
}
.joinContent:last-child{
	margin-bottom:0rem;
}
.jotitle{
	position:relative;
	left:0px;
	top:0px;
}
.reqinfo {
    font-size: 1.8rem;
    font-family: Pretendard;
    display: inline-block;
    position: absolute;
    right: 0rem;
    top: 0.9rem;
}
.reqinfo:before {
    border-radius: 50%;
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 0.7rem;
    width: 0.6rem;
    height: 0.6rem;
    background: #E0BDA6;
}
.jotitle h1 {
    position: relative;
    margin-bottom: 3rem;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 4rem;
    letter-spacing: 0em;
    text-align: left;
    color: #222;
}
.jotitle dl{
	
color: #111;
font-family: 'Pretendard-SemiBold';
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem;
margin:0;
}
.joInputBox {
    padding: 5rem;
    margin: 2rem 0 0 0;
    border-radius: 1rem;
    background: #FFF;
    width: 100%;
    display: block;
}
.joinBox{
	width:100%;
	position:relative;
}


.tuinflex{
	display:flex;
}
.tuinflex .tuin:nth-child(1){
	margin-right:0.5rem;
}
.tuinflex .tuin:nth-child(2){
	margin-left:0.5rem;
}
.tuin {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
}
.tuinmarnone{
	margin-right:0!important;
}

.tuin label {
	position: relative;
	display: inline-block;
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	align-items: center;
}
.tuinreq {
    padding-left: 0rem;
}
.tuinreq:before {
    content: '*';
    position: absolute;
    right: -1.4rem;
    top: -0.1rem;
    color: #E77070;
    font-family: 'Pretendard-Medium';
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.4rem;
}
.tuin label span{
	
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2.6rem;
	letter-spacing: 0em;
	text-align: left;
	color:#7384CE;
	margin-left:1.2rem;
}
.tuin p {
    margin-left: 1rem;
    font-family: 'Pretendard-Medium';
    margin-top: 0rem;
    display: block;
    font-size: 1.3rem;
    /* font-weight: 400; */
    line-height: 1.3rem;
    letter-spacing: 0em;
    text-align: left;
    color: #607D8B;
}
.tuin dl {
	margin-top: 0.6rem;
	display: block;
	color: #888;
	font-family: 'Pretendard-Light';
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2rem;
}
.tuin input {
    border-radius: 0.6rem;
    background: #F6F6F6;
    font-family: Pretendard;
    box-sizing: border-box;
    margin-top: 0.6rem;
    border: 1px solid #F6F6F6;
    width: 100%;
    position: relative;
    height: 6rem;
    padding: 0rem 2.4rem 0rem 2.4rem;
    color: #111;
    font-size: 1.6rem;
	line-height: 3.2rem;
}
.tuin input:-webkit-autofill,
.tuin input:-webkit-autofill:hover,
.tuin input:-webkit-autofill:focus,
.tuin input:-webkit-autofill:active {
transition: background-color 5000s;
-webkit-text-fill-color: #263238 !important;
}
/* .tuin input:focus{ */
	/* outline: none; */
/* } */
.tuin input:read-only{
	background:#fff;
}
.tuin input::placeholder{
	color: #888;
	font-family: 'Pretendard-Light';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem;
}

.joinNewFbox{
	position:relative;
}
button.idConfirmBtn {
    top: 1.3rem;
    cursor: pointer;
    right: 2.4rem;
    display: inline-block;
    width: 6.6rem;
    position: absolute;
    color: #111;
    font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
    height: 4.6rem;
    background: unset;
}


.inq_priBox{
	width:100%;
	position:relative;
	margin:6rem 0 6rem 0;
}
.inq_priTop dl{
	margin:0 0 2rem 0;
	color: #444;
	font-family: 'Pretendard';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
}
.inq_priCheckTop{
	display: flex;
padding: 14px 20px;
justify-content: center;
align-items: center;
gap: 6px;
align-self: stretch;
	border-radius: 6px;
background: var(--light_color, #F8F7FE);
}

.inq_pri{
	position:relative;
	margin:2rem 0 0 0;
}
.inq_priflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inq_priflex dl{
	margin:0;
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}

.inq_priCheckArea input[type="checkbox"]{ 
	position:absolute; 
    width:1px; 
    height:1px; 
    padding:0; 
    margin:-1px; 
    overflow:hidden; 
    clip:rect(0,0,0,0); 
    border:0; 
}
.inq_priCheckArea input[type="checkbox"] + label{ 
	display:inline-block; 
    position:relative; 
    padding-left:3rem; 
    cursor:pointer; 
	text-align: left;
	
	color: #111;
	font-family: 'Pretendard-Medium';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
}
.inq_priCheckArea input[type="checkbox"] + label:before{ 
	content:''; 
    position:absolute; 
    left:0; 
    top:0rem;
    width:2.4rem;
    height:2.4rem;
    text-align:center; 
    background:#fff; 
    border:none; 
    box-sizing:border-box; 
	background:url(../img/internet/common/check_before.png) no-repeat center/cover;
}
.inq_priCheckArea input[type="checkbox"]:checked + label:after{ 
	content: ''; 
    position:absolute; 
   top:0rem;
    left:0; 
   width:2.4rem;
    height:2.4rem;
    background:url(../img/internet/common/check_after.png) no-repeat center/cover;
}

.inq_ptextInner{
	margin:1rem 0 0 0;
	border-radius: 1rem;
	border: 1px solid #EEE;
	padding: 1.6rem 0.6rem 1.6rem 2.4rem;
	width:100%;
	background: #FFF;
}
.inq_ptext {
    overflow-y: scroll;
    margin: 0;
    padding: 0 2.2rem 0 0;
    text-align: left;
    height: 28.6rem;
    border: none;
    resize: none;
    width: 100%;
    color: #444;
    font-family: 'Pretendard-Light';
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 300;
    line-height: 2.6rem;
}

.jcBtnBox{
	position:relative;
}
.jcBtn{
	width:100%;
}
.jcBtn button{
	cursor:pointer;
	width:100%;
	display: flex;
	padding: 2.5rem 3.4rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	align-self: stretch;
	border-radius: 0.6rem;
	background: var(--main_color, #8754FB);
	color: #FFF;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.8rem;
}
.jcBtn .siginupBtn{
	cursor:pointer;
	width:100%;
	display: flex;
	padding: 2.5rem 3.4rem;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	align-self: stretch;
	border-radius: 0.6rem;
	background: var(--main_color, #8754FB);
	color: #FFF;
	text-align: center;
	font-family: 'Pretendard-Bold';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.8rem;
}

@media (max-width:1600px) {
	.joinWrap {
		margin-top: 9rem;
	}
}
@media (max-width:991px) {
	.joinWrap {
		margin-top: 8rem;
	}
	.jBox {
		padding: 10rem 0rem 10rem 0rem;
	}
}
@media (max-width:767px) {
	.joinWrap {
		margin-top: 6rem;
	}
	.jBox {
		background: #FFF;
		padding: 5rem 0rem 5rem 0rem;
	}
	.joinsnsLoBox dl {
		margin: 0.8rem 0 0 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.joinContentBox {
		margin: 4rem 0 0 0;
	}
	.jotitle dl {
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	.joInputBox {
		border-top: 1px solid #eee;
		padding: 2rem 0 0 0;
		margin: 1rem 0 0 0;
		border-radius: 0;
		background: #FFF;
	}
	
	
	.tuin {
		margin-bottom: 2rem;
	}
	.tuin label {
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.tuin input {
		border-radius: 0.6rem;
		margin-top: 0.4rem;
		height: 5.2rem;
		padding: 0rem 1.6rem 0rem 1.6rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.tuin input::placeholder{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.tuin dl {
		margin-top: 0.4rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.tuinreq:before {
		right: -1.2rem;
		top: -0.1rem;
		font-size: 1.7rem;
		line-height: 2rem;
	}
	button.idConfirmBtn {
		top: 0.7rem;
		right: 1rem;
		width: 6rem;
		font-size: 1.4rem;
		line-height: 2rem;
		height: 4.6rem;
	}
	
	
	.inq_priBox {
		margin: 4rem 0 4rem 0;
	}
	.inq_priTop dl {
		margin: 0 0 2rem 0;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label {
		padding-left: 2.6rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"] + label:before {
		width: 2rem;
		height: 2rem;
	}
	.inq_priCheckArea input[type="checkbox"]:checked + label:after {
		width: 2rem;
		height: 2rem;
	}
	.inq_priCheckTop {
		padding: 1.8rem 2rem;
		border-radius: 0.6rem;
	}
	.inq_priflex dl {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.inq_ptextInner {
		padding: 1.4rem 0.4rem 1.4rem 1.6rem;
		margin: 0.6rem 0 0 0;
		border-radius: 0.6rem;
	}
	.inq_ptext {
		padding: 0 1.6rem 0 0;
		height: 23rem;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.jcBtn button {
		padding: 1.8rem 3.4rem;
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.jcBtn .siginupBtn {
		padding: 1.8rem 3.4rem;
		border-radius: 0.6rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
}

/*--------------------------------------------------------------
# 회원가입 완료
--------------------------------------------------------------*/
.joincm .joinSideBox {
    max-width: 78rem;
}
.joincompTop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
	margin:0 0 8rem 0;
}
.joincompTop img{
	height:14rem;
}
.joincompTop h1{
	margin:5rem 0 2rem 0;
}
.joincompTop dl{
	margin:0;
	color: #111;
	text-align: center;
	font-family: 'Pretendard';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.6rem;
}
.jcwBox {
    display: flex;
    padding: 5rem;
    width: 100%;
    border-radius: 1rem;
    background: #FFF;
    gap: 5rem;
    flex-direction: column;
}
.jcwBtn {
    display: flex;
    justify-content: center;
}
.jcwBtn a {
    display: flex;
    width: 36rem;
    padding: 2.5rem 3.4rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-radius: 1rem;
    border: 1px solid var(--main_color, #8754FB);
    background: #FFF;
    color: var(--main_color, #8754FB);
    text-align: center;
    font-family: Pretendard;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2rem;
}
.jcwText ul {
    display: flex;
    gap: 0.6rem;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.jcwText ul li {
    padding: 0 0 0 1.2rem;
    position: relative;
    color: #666;
    text-align: center;
    font-family: 'Pretendard';
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
}
.jcwText ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.9rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #8754FB;
}


/*--------------------------------------------------------------
# 마이페이지 정보수정
--------------------------------------------------------------*/
.myjotitle {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.myjotitle dl{
	color: #111;
	font-family: 'Pretendard-Light';
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3rem;
}
.myjotitle dl span{
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}
.myjotitle p{
	color: #111;
	font-family: 'Pretendard';
	font-weight: 400;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
}

.myinfBox {
    margin: 0 0 5rem 0;
    width: 100%;
    display: flex;
    gap: 3rem;
}
.myinf{
	width:50%;
	position:relative;
}
.myinf a {
    border-radius: 2.4rem;
    border: 1px solid #EEE;
    background: #FFF;
    padding: 5.4rem 0 3rem 0;
    gap: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.myinf a img{
	height:5.2rem;
}
.myinf a span{
	color: #111;
	font-family: 'Pretendard';
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height:2.4rem;
}
.myinf a.on {
    border: 1px solid #F8F7FE;
    background: #F8F7FE;
}
.myinf a.on span{
	color: #8754FB;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}

.jcBtn {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 6rem 0 0 0;
}
.jcBtnBox.myinfo .jcBtn button{
	width:36rem;
}
@media (max-width:767px) {
	.myjotitle {
		gap: 0.6rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.myjotitle dl {
		font-size: 1.8rem;
		line-height: 2.4rem;
	} 
	.myjotitle p {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.myinfoMod .joInputBox{
		border:none;
		margin: 2rem 0 0 0;
	}
	
	
	.myinfBox {
		margin: 0 0 4rem 0;
		gap: 1rem;
	}
	.myinf a {
		border-radius: 1.8rem;
		padding: 4rem 0 2rem 0;
		gap: 2rem;
	}
	.myinf a span {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.myinf a img {
		height: 4rem;
	}
	.jcBtn {
		margin: 4rem 0 0 0;
	}
	.jcBtnBox.myinfo .jcBtn button {
		width: 100%;
	}
}