/* =============================================== */
/*					로그인		 	   			   	   */
/* =============================================== */
.inq-field input:focus, inq-field select:focus {border-bottom: 1px solid #30CDD4!important;}

#login .loginWrap {
    width: 100%;
    margin: 8rem auto 0;
    padding: 12rem 2rem 0;
    max-width: 38rem;
}

section#login.logpage {
    min-height: 100vh;
    height: 100%;
    margin-top: 8rem;
    padding: 12rem 0 0;
}

#login .loginWrap {width:100%;margin:0 auto;padding:0 2rem;max-width:38rem;}


.login_Title {
	color:#222;
	font-family: Pretendard;
	font-size: 4.6rem;
	font-weight: 600;
	line-height: 6rem;
	margin-bottom:6rem;
}
#login label {
    transition: all 0.3s ease;
    position: absolute;
    bottom: 50%;
    left: 0;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7rem;
    transform: translateY(50%);
}
#login input {transition:all 0.3s;}
#login .inq-field {margin-top:0rem; position:relative;}
#login .inq-field.password {margin-top:4rem;}

#login.logpage label, #login.jpage label {top:0;}

#login.myPage .loginput-field input:valid~label, #login.myPage .loginput-field input:focus~label { bottom: inherit; top: -1.5rem;}

#login input:valid~label, #login input:focus~label {
	font-family: Pretendard;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	bottom: inherit; 
	top: -1.5rem;
}
#login .join_bottom input:valid~label, #login .join_bottom  input:focus~label {top:0;}
#login .inq-field input {
	font-family: Pretendard;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.9rem;
	letter-spacing: 0em;
	text-align: left;
	color:#222;
	position:relative;
	border: none;
}
#login .inq-field input[type="text"] {
    text-align: left;
    height: 7rem;
    padding: 0;
    width: 100%;
    border: none;
    font-family: 'Pretendard';
    border-bottom: 1px solid #EEE;
}
#login .inq-field input[type="text"].email {margin-right:2rem;}
#login .inq-field input[type="password"] {
    text-align: left;
    height: 7rem;
    padding: 0;
    width: 100%;
    border: none;
	position: relative;
    font-family: 'Pretendard';
    border-bottom: 1px solid #EEE;
}
.password .eyes {
	right: 0;
	top: 45%;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    transform: translateY(-50%);    
}
.eyes_on, .eyes_off {width: 2.4rem; height: 2.4rem; transition: none;}
.eyes_on {background: url(../img/icon_eye_off.png) no-repeat center / contain;}
.eyes_off {background: url(../img/icon_eye_on.png) no-repeat center / contain;}
.password .eyes img {width:100%;}
.logBottomBox {margin-top: 4rem;}
.logBtn {
	width:100%;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	letter-spacing: 0em;
	text-align: left;
	text-align:center;
	border-radius:8px;
}
#login button {
	font-family: Pretendard;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	letter-spacing: 0em;
	text-align: left;
	text-align:center;
	color:#fff;
	width:100%;
	height:7rem;
}
.logBtn.loginbtn {background: #30CDD4; margin-bottom:0.8rem;}
.logBtn.joinbtn {background: #F2F2F2; color:#444; padding: 2.4rem 0;}
.logBLink {
	display: flex;
    position: relative;
    margin-top: 2.4rem;
    flex-direction: row;
    justify-content: space-between;
}

.formCheck2 {position: relative; width: 50%;}

span.mMove {display: flex; justify-content: flex-end; position:relative;}
span.mMove a {
	color: #666666;
	font-family: Pretendard;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	letter-spacing: 0em;
	text-align: left;
}
span.mMove a:nth-child(1) {padding-right: 1.1rem;}
span.mMove::before {
	content:'';
	width:1px;
	height:1rem;
	background:#666;
	position:absolute;
	top:50%;
	right:53%;
	transform:translate(-50%,-50%);
}


.mMove {display: flex; justify-content: flex-end; position:relative;}
.mMove ul {display:flex;}
.mMove li {position:relative;}
.mMove li a {
	color: #666666;
	font-family: Pretendard;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	letter-spacing: 0em;
	text-align: left;
}
.mMove li:nth-child(1) {padding-right: 1.1rem;}
.mMove li:nth-child(1)::before {
	content:'';
	width:1px;
	height:1rem;
	background:#666;
	position:absolute;
	top:50%;
	right:0.5rem;
	transform:translateY(-50%);
}
label.checkBox2 {display: flex; align-items: center;}
input#saveId {margin: 0 0.8rem 0 0; width: 1.6rem; height: 1.6rem;}
.idRember {
	font-family: Pretendard;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	color:#666;
	cursor:pointer;
}
#login input[type="checkbox"]#saveId:checked:after {
    content: '';
    top: 50%;
    left: 0px;
    width: 1.6rem;
    height: 1.6rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/login_check.png) no-repeat center/cover;
    background-color: #ffff;
	border-radius: 2px;
}
.fail_pasw, .fail_email {margin-top:1.2rem;font-size: 1.2rem;font-weight: 400;line-height: 1.4rem;color:#F22834;}

@media (max-width:991px) {
	#login {height: 100vh;}
	#login.jpage {height:auto;}
	#login .loginWrap {margin: 0 auto; max-width: 38rem; padding: 14rem 2rem 10rem;}
	section#login.logpage {
		height: 100%;
		min-height: 100vh;
		margin-top: 0rem;
		padding: 0rem 0 0;
	}
	#login.myPage .loginput-field label, #login.myPage .loginput-field label {top:0;}
	#login.logpage input:valid~label, #login.logpage input:focus~label, #login.jpage input:valid~label, #login.jpage input:focus~label {
		font-family: Pretendard;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1.7rem;
		letter-spacing: 0em;
		text-align: left;
		color: #222;
		bottom: inherit;
		top: -2.5rem;
	}
	#login .join_bottom input:valid~label, #login .join_bottom  input:focus~label {top:0;}
	.password .eyes {top:41%;}
}

@media (max-width:767px) {
	#login .loginWrap {margin-top:6rem;width:100%;padding: 8rem 0rem 6.6rem;}
	#login .loginWrap inner {padding:0 2rem;}
	.login_inner {padding: 0 2rem;}
	.login_Title {font-size: 3.2rem;line-height: 4rem;margin-bottom: 4rem;}
	#login button {height: 6rem;font-size: 1.6rem;line-height: 1.9rem;}
	button.logBtn.joinbtn.jb {margin-top: 3rem;}
	.logBtn {font-size: 1.6rem;line-height: 1.9rem;}
	.logBtn.joinbtn {padding:2rem 0;}
	.idRember, span.mMove a {font-size: 1.3rem;}
	
	#login .inq-field input[type="text"] {height:6rem;}
	#login .inq-field input[type="text"].email {margin-right:1.5rem;}
	#login .inq-field input[type="password"] {height:6rem;}
}
/* =============================================== */
/*				// 로그인		 	   			   	   */
/* =============================================== */

/* =============================================== */
/*				아이디 찾기		 	   			   	   */
/* =============================================== */
#login.find_id, #login.fail_id, #login.check_id, #login.find_password, #login.reset_password {
	height:100vh;
    display: flex;
    align-items: center;
	justify-content: center;
}
.find_id .logBtn.loginbtn {
	color: #fff;
    height:7rem;
	display:flex;
	cursor: pointer;
	margin-bottom: 0;
	align-items: center;
    justify-content: center;
}
.none_id {
	color:#888;
	margin-top:2rem;
	font-family: Pretendard;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2rem;
	letter-spacing: 0px;
	text-align: center;
}

.check_id {position: relative;}
.idCheck_Box {padding:5.8rem 0;border:1px solid #EEE;border-radius:8px;}
.count_id {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.8rem;
	text-align: center;
	color:#222;
}
.user_id {	
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	text-align: center;
	color:#222;
	margin:2rem 0 1.6rem 0;

}
.join_date {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	text-align: center;
	color:#AAA;
}
.noneId_Box {padding:7.7rem 0;border:1px solid #eee;border-radius:0.8rem;}
.noneId_Box .count_id {
	font-family: Pretendard;
	font-size: 1.6rems;
	font-weight: 400;
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: center;
}
.none_id .logBtn.loginbtn {padding: 2.4rem 0; color: #fff;}
.fail_id .count_id {line-height: 2.8rem;}


@media (max-width:991px) {
	#login.find_id .loginWrap, #login.fail_id .loginWrap, #login.check_id .loginWrap, #login.find_password .loginWrap, #login.reset_password .loginWrap {
		width: 100%;
		margin-top: 6rem;
		padding: 8rem 0rem 6.6rem;
	}
	#login.find_id, #login.fail_id, #login.check_id, #login.find_password, #login.reset_password {display: block;}
}

@media (max-width:767px) {
	.count_id { font-size: 1.4rem; line-height: 1.68rem;}	
	.user_id {font-size: 1.7rem; line-height: 2.04rem; margin: 2rem 0 1.2rem 0;}
	.join_date {line-height: 1.56rem;}
	.logBottomBox {margin-top: 3rem;}
}
/* =============================================== */
/*				 // 아이디 찾기		 	   			   */
/* =============================================== */


/* =============================================== */
/*				비밀번호 찾기	 	   			   	   */
/* =============================================== */
.find_password {position: relative;}
.find_password input.email{max-width:25rem; color: #222;}
.inq-field.find_paswd {display:flex; margin-bottom: 4rem; align-items: center;}

/* 인증번호 btn */
#login.find_password button.recive_num {
    border: 1px solid #30CDD4;
    background: none;
    color: #30CDD4;
    min-width: 11rem;
    max-width: 11rem;
    height: 5rem;
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-align: center;
	border-radius: 0.8rem;
}
/* ============= 인증번호 확인  ================== */
.pw_checkIcon {top:50%; right:1rem; height: auto; position:absolute; transform:translateY(-50%);}
.pw_checkIcon figure {width:1.8rem; height:1.8rem;}
.pw_checkIcon figure img {width:100%;}
.pw_checkIcon.right figure {background: url(/public/img/right.png) no-repeat center / cover;}
.pw_checkIcon.wrong figure {background: url(/public/img/wrong.png) no-repeat center / cover;}
/* ========================================== */
/* // 인증번호 btn */
/* =============================================== */
/*			 // 비밀번호 찾기	 	   			   	   */
/* =============================================== */

/* =============================================== */
/*			 	 비밀번호 재설정	 	   			   	   */
/* =============================================== */
.reset_password .eyes {position:absolute; top:50%; right:0; transform: translateY(-50%);}
#login.reset_password button {
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.2rem;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 7rem;
	background:#30CDD4;
	border-radius:0.8rem;
}
#login.find_password button.go_reset {background: #30CDD4; border-radius: 0.8rem; margin-top:4rem;}
#login.find_password .logBtn.loginbtn {
    height: 100%;
    display: flex;
	align-items: center;
    justify-content: center;
	margin-bottom: 0;
}
#login.find_password button>a {font-size: 1.8rem; font-weight: 500; line-height: 2.16rem;}
.loginput-field.new_pass {margin-bottom:4rem;}

@media (max-width:767px) {
	#login.find_password button.go_reset {margin-top: 3rem;}
	.app_join {font-size: 1.4rem; margin-top:0.8rem;}
	#login.reset_password button {height:6rem;}
}
/* =============================================== */
/*			 	// 비밀번호 재설정	 	   			   */
/* =============================================== */
.app_join {
	margin-top:1.6rem;
	font-family: Pretendard;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.4rem;
	letter-spacing: 0em;
	text-align: left;
	color:#666;
}
/* ======================== 회원가입 ======================== */

#login.jpage {
    min-height: 100vh;
    height: 100%;
    display: block;
}

#login.jpage .loginWrap {
    width: 100%;
    margin: 8rem auto 0;
    padding: 12rem 2rem 18rem;
    max-width: 38rem;
}

.inq-field.j_pasw {margin:4rem 0!important;}

.join_bottom {position:relative; margin-top: 4rem;}
.join_checkBox {display: flex; align-items: center;}
#login .join_bottom label {position:relative; top:inherit; transform:inherit;}
.join_checkGroup {
	display:flex; 
	position: relative; 
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.8rem;
}
.join_checkGroup p.check {
	font-family: Pretendard;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	color:#666;
	cursor:pointer;
}
.join_checkGroup .cs_txt>a  {
	color:#AAA;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.6rem;
}
#login input[type="checkbox"]#pricheck:checked:after, #login input[type="checkbox"]#sercheck:checked:after, #login input[type="checkbox"]#alimcheck:checked:after {
    content: '';
    top: 50%;
    left: 0px;
    width: 1.6rem;
    height: 1.6rem;
    background: red;
    position: absolute;
    transform: translateY(-50%);
    background: url(../img/login_check.png) no-repeat center/cover;
    background-color: #ffff;
    border-radius: 2px;
}
.join_checkBox input {
	margin: 0;
    appearance: none;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    height: 1.6rem;
    width: 1.6rem;
    outline: 0;
    margin: 0;
    box-sizing: border-box;
}
.join_checkBox input:focus { outline: none; }
.join_checkBox input::before {
    content: '';
    margin: 0;
    width: 1.6rem;
    height: 1.6rem;
	border-radius:2px;
    position: absolute;
    background: url(../img/uncheck.png) no-repeat center/cover;
}
.joinBottomBox .joinbtn {background: #30CDD4; color:#fff; margin-top:4rem;}
.j_login {
	color: #888888;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.8rem;
	text-align:center;
	margin-top:2rem;
}
.j_login span {position:relative;}
.j_login span::before {
	content:'';
	width:100%;
	height:1px;
	bottom:0;
	left:0;
	background:#888;
	position:absolute;
}

@media (max-width:991px) {
	#login.jpage .loginWrap {
		margin-top: 6rem;
		width: 100%;
		padding: 8rem 0rem 6.6rem;
	}
	.join_bottom {margin-top:3rem;}
}
/* ======================== // 회원가입 ======================== */

/* ======================== 마이 페이지 ======================== */
#login.myPage {height:auto;}
#login.myPage .login_inner {padding: 20rem 0 23.5rem 0;}
#login.myPage .care_tabMenu {overflow:unset;}
#login.myPage .login_Title {margin-bottom:4rem;}
.myPage .tab {border-bottom: 1px solid #DDD;}
.myPage ul.tabnav {display: flex; height: 6.2rem; align-items: center;}
.myPage ul.tabnav li {width: 100%; display: flex;}
.myPage .tabnav li a {
	width: 100%;
	position: relative;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: #BBB;
    padding: 2rem 0rem;
    transition: all 0.2s;
	text-align: center;
}
.myPage .tabnav li a.current {font-weight: 600; color: #30CDD4;}
.myPage .tabnav li a.current::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #30CDD4;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.tabcontent {position: relative;}


/* ++++++++++ tab01 (내 정보) ++++++++++ */
.myPage .tabBox {margin-top:7rem;}
.myPage .tabBox .use_TBox {position:relative;}
.use_TBox>p {
	color:#222;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7rem;
	margin-bottom:1.2rem;
}
.use_T {
	background: #F4F4F4;
	border-radius:8px;
	margin-bottom:4rem;
	padding:2.1rem 3rem 2.1rem 3rem;
}
.use_T ul {position: relative;}
.use_T ul li {display:flex; align-items: center;}
.use_T ul li:first-child {margin-bottom:1rem;}
.use_T .use_Ttitle {
	width:7rem;
	color:#888;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.use_T .use_Ttxt {font-size: 1.5rem;font-weight: 400;line-height: 1.8rem;}
.changebtn {background: #30CDD4; margin: 4rem 0 2rem 0;}
#login.myPage .loginput-field .inq-field {margin-bottom:2rem;}
#login.myPage .inq-field input[type="text"].email {margin-right: 0;}
#login.myPage .join_bottom label {margin-bottom:2rem; margin:0;}
#login.myPage .eyes {right: 0; top: 50%; position: absolute; transform: translateY(-50%);}
/* ++++++++++ // tab01 (내 정보) ++++++++++ */

/* ++++++++++++ tab02 (주문 내역) ++++++++++++ */
.buyListBox {border:1px Solid #EEEEEE; border-radius: 8px; margin-bottom:2rem}
.buyListBox:last-child {margin-bottom:0;}
.buyListBox_in {padding: 2.2rem;}

.myPage .page_num { display:flex; margin-top: 4rem; align-items: center; justify-content: center;}
.myPage .page_num ul {display: flex;padding: 0 1.6rem;align-items: center;justify-content: center;}
.myPage .page_num li {
	width: 4rem;
    height: 4rem;
    border-radius: 50%;
	
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.8rem;
	
	color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.myPage .page_num li.on {color: #FFF;background: #30CDD4;}
.page_Arrow {width:0.9rem; height:auto; cursor:pointer;}
.page_Arrow img {width:100%;}
.payment_Timedata {
    display: flex;
    align-items: center;
	margin-bottom:1.6rem;
	position: relative;
}
.vimore a{
    display: flex;
    align-items: center;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
}
.vimore {right: 0;top: 50%;position: absolute;transform: translateY(-50%);}
.vimore figure {width:1rem; height:auto;}
.vimore figure img {width:100%;}
.pay_situ.end {
	background:#FFF;
	display:inline-block;
	border:1px solid #444;
	padding:0.4rem 0.7rem;
	border-radius:0.3rem;
}
.pay_situ.end>p {font-size: 1.2rem;font-weight: 500;line-height: 1.4rem;color:#444;}
.pay_situ.ing {
	display:inline-block;
	background:#30CDD4;
	padding:0.4rem 0.7rem;
	border-radius:0.3rem;
}
.pay_situ.ing>p {color:#fff;font-size: 1.2rem;font-weight: 500;line-height: 1.4rem;}
.pay_time {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6rem;
	color:#888;
	margin-left:0.8rem;
}
.pay_Pro {
	color:#222;
	font-family: Pretendard;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.8rem;
	margin-bottom:1.6rem;
}
.pay_infoBox { background:#F7F7F7; padding:1.2rem;}
.pay_infoBox tr {height:2.2rem; margin-bottom:0.6rem;}
.pay_infoBox th {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 2.2rem;
	text-align:left;
	color:#888;
	width:6.5rem;
}
.pay_infoBox td{font-size: 1.3rem;font-weight: 400;line-height: 2.2rem;color:#222;}
.table_botm {margin:1.2rem 0 0 0;border-top:1px solid #DDD;}
.finBox {display: flex;align-items: flex-end;justify-content: flex-start;}
.finBox .pay_mon{
	color: #888;
	width:6.5rem;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 2.4rem;
}
.finBox {display:flex;font-size:1.4rem;line-height:2.4rem;margin-top:1.2rem;}
.finBox .fin_pay {display:flex;font-size:1.8rem;line-height:2.4rem;margin-right: 0.3rem;}
/* ++++++++++++ // tab02 (주문 내역) ++++++++++++ */


/* ++++++++++++ tab03 (문의 내역) ++++++++++++ */
.qnaListBox {margin-bottom:2rem;border-radius: 8px;border: 1px solid #F4F4F4;}
.qnaListBox:last-child {margin-bottom:0;}
.qna_time {
	color: #AAA;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7rem;
    background: #F4F4F4;
    padding: 1.2rem 2.1rem;
    border-radius: 8px 8px 0 0;
}
.qnaListBox_in {padding:2rem 2.2rem 2.2rem;}
.ql_line {margin-bottom:2rem;}
.ql_line:last-child {margin-bottom:0;}
.ql_qTitle {
	color:#888;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin-bottom:0.6rem;
}
.ql_btxt {font-size: 1.5rem;font-weight: 400;line-height: 2.2rem;}
.buy_viewmoreTitle {
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 6rem;
    text-align: left;
    width: 100%;
    margin-bottom: 6rem;
}

.buy_viewmoreTitle figure {width:1rem; height:2rem; cursor:pointer;}
.buy_viewmoreTitle figure img {width:100%;}

.member #pay_result {padding-bottom:35rem;}
/* ++++++++++++ // tab03 (문의 내역) ++++++++++++ */


@media (max-width:991px) {
	#login.myPage .loginWrap {width: 38rem;max-width: 38rem;margin: 0 auto;padding: 0;}
	#login.myPage .login_inner {padding: 6rem 0 9rem 0;}
	
	.myPage .tabBox {margin-top: 5.5rem; padding:0 2rem;}
	.changebtn {background: #30CDD4;margin: 3rem 0 0rem 0;}
	.myPage .tabnav li a.current::before {bottom:-1.5px;}
}
@media (max-width:767px) {
	#login.myPage .loginWrap {width: 100%;padding: 0;margin: 0 auto;max-width: inherit;}
	.myPage .tabnav li a {font-size: 1.7rem;font-weight: 500;line-height: 2rem;}
	.buy_viewmoreTitle {width: 100%;font-size: 3.2rem;line-height: 4rem;text-align: left;margin-bottom: 2.4rem;}
	.use_T  {padding:2.1rem 2rem 2.1rem 2rem;}
	.member #pay_result {padding-bottom:14.2rem;}
}
/* ======================== // 마이 페이지 ======================== */

/* ======================== 탈퇴하기 ======================== */
#login.secession {height:auto;}
#login.secession .loginWrap {max-width: 38rem;margin: 8rem auto 0;padding: 26rem 2rem 32rem;}
.secession .login_Title {margin-bottom:1.6rem;}
.seces_subTitle {color:#666;font-size: 1.5rem;font-weight: 400;line-height: 2.4rem;}
.secession .Title_Box {margin-bottom:6rem;}
.secession .contBox {padding:3rem;border-radius: 8px;border: 1px solid #EEEEEE;}

.seces_logo {width:14rem; height:auto; margin:0 auto;}
.seces_logo img {width:100%;}
.seces_txt {margin-top:0rem;}
.seces_txt>p {font-weight: 400;font-size: 1.5rem;line-height: 2.4rem;}
.seces_txt>p span.bold {font-weight:600;}
.secession .join_bottom {position: relative;margin-top: 2rem;}
.secesbtn {background: #30CDD4;margin: 6rem 0 0rem 0;}

@media (max-width:991px) {#login.secession .loginWrap {margin: 6rem auto 0;padding: 19rem 0 8.6rem;}}
@media (max-width:767px) {
	.secession .Title_Box {margin-bottom: 4rem;}
	.secession .contBox {padding: 3rem 2rem;}
	.secesbtn {margin: 4rem 0 0rem 0;}
}


/* #tab02.shw {display:block!important;} */
/* #tab01.hide {display:none!important;} */

/* ======================== 탈퇴하기 ======================== */




/* =============================================== */
/*					휴먼 계정			   		   	   */
/* =============================================== */

#login.dormant {
	min-height: 100vh;
    height: 100%;
    margin-top: 80px;
    padding: 12rem 0 0;
}
.dormant_Title {margin-bottom:3rem;}
.dormant_icon {width:6.4rem;}
.dormant_icon img {width:100%; height:auto;}
.dormant_txt {
	margin-top:2.4rem;
	font-size: 3.2rem;
	font-weight: 400;
	line-height: 5.8rem;
	letter-spacing: -0.800000011920929px;
	color:#222;
}

.dormant_txt span {
	font-size:4.5rem;
	font-weight:600;
	color:#30CDD4;
}

.dormant_Box {
	padding: 3.6rem 2.5rem;
    border: 1px solid #EEE;
	box-sizing: border-box;
    border-radius: 8px;
}

.dormant_BoxCont {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.4rem;
	color:#444;
}

.dormant_BoxCont span {
	font-weight:600;
	color:#222;
}


.dormantBtn {
    background: #30CDD4;
	width: 100%;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.2rem;
    text-align: center;
    border-radius: 8px;
	margin-top:4rem;
}

@media (max-width:991px) {
	#login.dormant {
		min-height:100vh;
		height:100%;
		margin-top: 0;
		padding: 0;
	}
	
	#login.dormant .loginWrap {
		padding:10rem 0rem 8rem;
	}
	
	#login.dormant .loginWrap .login_inner {padding:0 2rem;}
	
	.dormant_Title {margin-bottom: 2.5rem;}
	.dormant_txt {
		margin-top:1.8rem;
		font-size:2.5rem; 
		line-height:4.5rem;
	}
	.dormant_txt span {font-size:3.5rem;}
	.dormant_Box {padding:3rem 2rem;}
	
	.dormantBtn {margin-top:3rem;}
	
}

/* :::::: // 휴면 계정 해제 START :::::: */

#inquiry_result .in_logoBox.free_acc {margin-bottom:6rem;}
.free_acc span.bold {color:#30CDD4;}

@media (max-width:991px) {
	#inquiry_result .in_logoBox.free_acc {margin-bottom:0rem;}
}
/* :::::: // 휴면 계정 해제 END :::::: */
/* =============================================== */
/*					// 휴먼 계정			   		   */
/* =============================================== */