/* 회원가입 */
.esp #loginwrap { position:absolute; top:50%; width:100%; height:212px; margin:-5px 0 0 0; background:url(/static/image/login/login_bg.png); background-position: bottom;}

#membership_area {position:absolute;left:0;top:0;display:table;width:100%;height:100%;/* background-color:#efefef; */ color:#555;}
#membership_area .membership { display: table-cell; vertical-align: middle; text-align: center; }
#membership_area .membership_wrap{ display: inline-block; width: 1100px; text-align: left; }
#membership_area .logo{  margin-bottom: 10px; }
#membership_area .logo > *{ vertical-align: middle; }
/* #membership_area .logo_img{overflow:hidden; display: inline-block; width: 110px;height:28px; background: url(../../images/thema/logo.png) left top no-repeat;background-size: 100% auto; padding: 0;border-right: none;text-indent: -9999em;} */
#membership_area .logo_img{overflow:hidden; display: inline-block; width: 110px;height:28px; background:left top no-repeat;background-image:url(../../images/thema/logo.png), url(../../images/thema/logo.jpg);background-size: 100% auto; padding: 0;border-right: none;text-indent: -9999em;}
#membership_area .logo .txt{ display: block; position: relative;  margin-top: 10px;line-height: 1; }
#membership_area .logo .txt sub{ display: inline; font-size: 11px;}
#membership_area .logo .txt strong{vertical-align: baseline;  font-weight: bold; font-size: 27px;color: #333;}

#membership_area fieldset{display: block; padding: 30px 25px; background-color: #fff; border:1px solid #ddd; border-radius: 2px;}
#membership_area fieldset legend{ display: block; float: left; position: relative; left: auto; top:auto; width: auto; height: auto; margin-bottom: 10px; line-height: 1; text-indent: 0; font-size: 16px; color: #232323; font-weight: bold; text-transform: uppercase;}

#membership_area .inputs{ clear: both; border:1px solid #bebebe; border-width: 1px 0; padding:20px 20px 20px 100px; background: url(../../images/thema/bg_membership.png) no-repeat 10px center;} 
#membership_area .inputs > li+ li{ margin-top: 10px; }
#membership_area .inputs > li::after{ content: ""; display: block; height: 0; clear: both; }
#membership_area .inputs label{ display: inline-block; float: left; width: 20%; line-height: 38px; }
#membership_area .inputs input{ float: left; width: 50%; border:1px solid #ddd; background-color: #f8f8f8;}
#membership_area .inputs input:focus{ border:1px solid #ffb3b3; background-color: #fff5f7; }
#membership_area .btns{ text-align: center; margin-top: 15px; padding-right: 20px; }
#membership_area .btns .inline_block{ display: inline-block; }
#membership_area .btns .block{ margin-top: 10px; }
/* #membership_area .btns .btn1{ width: 152px; } */

#membership_area .btns.flex_btn{ display: flex; flex-direction: row; justify-content: center; gap:0 50px;}
#membership_area fieldset input { height: 24px; line-height: 1; }
#membership_area fieldset .btn1 { height: 24px; line-height: 16px; font-weight: 400; min-width: 70px; letter-spacing: 0;}
#membership_area .membership > p{ margin-top: 30px; }

#membership_area .rules_area .rules_data { float:right;width:100%;/* height:350px; */height:520px;border:1px solid #ebedf3;box-sizing:border-box;overflow:auto;padding:15px; }


#membership_area table hr { display:block;}
#membership_area table .col_width_num { width:7%;}
#membership_area table .col_width_auto { width:auto;}
#membership_area table .col_width_1_3 { width:3%;}
#membership_area table .col_width_1_5 { width:5%;}
#membership_area table .col_width_1_8 { width:8%;}
#membership_area table .col_width_1_9 { width:9%;}
#membership_area table .col_width_1 { width:10%;}
#membership_area table .col_width_1_12 { width:12%;}
#membership_area table .col_width_2 { width:15%;}
#membership_area table .col_width_3 { width:20%;}
#membership_area table .col_width_4 { width:30%;}
#membership_area table .col_width_half { width:50%;}

#membership_area .emlSelBox{
	width: 30%;
	height: 24px;
}

#membership_area .input_sh2{
	display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

/* 약관동의 화면 */
.consent_item_wrap{
		margin-bottom: 30px;
/* 		padding-top: 10px; */
	}
	
	.consent_item_wrap .consent_tit{
		height:20px;
		font-size:18px;
		font-weight: 700;
		margin-bottom: 5px;
	}
	
	.consent_item_wrap .scrl_box{
		height:200px; 
		overflow-x: hidden; 
		overflow-y: scroll; 
		margin-bottom: 10px; 
		border: 1px solid #ebedf3; 
		padding: 15px;
	}
	
	.consent_bottom{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.consent_bottom .sub_desc{
/* 		text-align:right; */
	}
	
	.consent_bottom .sub_desc p{
		margin-bottom: 5px;
	}
	
	.consent_bottom .radio_btns{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}
	
	/*mobile*/
@media screen and (max-width:791px) {
	.consent_item_wrap .consent_tit{
		height: fit-content;
	}
	
	.consent_bottom{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	.consent_bottom .sub_desc{
	/* 		text-align:right; */
	font-size: 12px;
	}
}