/**
	fincaccount skin css
*/

.findarea{max-width:700px;margin:100px auto 200px}
.findarea .text{padding-bottom: 10px;}
.findarea .group{margin-bottom: 10px;}
.final{width: 500px; margin: 0 auto;}
.final .btn_final {text-align: center;}
.findaccount {padding:30px;  border-top: 1px solid #ddd;}
.verifyemail  {padding:30px;  border-top: 1px solid #ddd;}
.change_pw {padding:30px;  border-top: 1px solid #ddd;}
.change_password li {display: block;margin: 0px; clear: both; margin-bottom: 15px;}
.change_password li>span {float: left;width: 25%;text-align: right;padding-right: 20px;margin-top: 5px;color: #000;font-weight: bold;}
/*2021-06-08*/
.container h3{font-size:36px;font-family:'Gmarket';font-weight:700;text-align:center;padding-bottom:20px;margin-bottom:50px}
.findaccount .btnArea{display:flex;justify-content:space-evenly;margin-bottom:50px;text-align:center}
.findaccount .btnArea button{width:140px;height:140px;background:#F2F2F2;border:1px solid #B0B0B0;border-radius:2px;font-size:16px;line-height:20px;}
.findaccount p{font-size:14px;line-height:22px;color:#b0b0b0}
.findaccount p a{color:#888}
.modalArea{display:none;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index:10}
.modalArea article{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:10px 10px 30px #00000029;border:0.5px solid #b2b2b2}
.modalArea article .flex{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:44px 50px 52px;height:500px;width:800px}
.modalArea article h4{font-size:36px;font-family:'Gmarket';font-weight:700}
.modalArea article p{font-size:16px;letter-spacing:-0.2px;line-height:29px}
.modalArea article b{font-size:20px;letter-spacing:-0.2px;line-height:40px;color:blue;font-weight:400;text-align:center}
.modalArea article label{width:100%;display:block;font-size:16px;margin:14px 0}
.modalArea article label span{display:inline-block;width:70px;font-weight:500}
.modalArea article label input{width:300px;font-size:16px;padding:9px 27px 12px;border:1px solid #d5d5d5;border-radius:2px}
.modalArea article button{width:114px;height:40px;border-radius:2px;letter-spacing:-0.5px;font-size:12px;color:#fff;background:#222}
.modalArea article button.closeBtn{background:#fff;color:#222;border:1px solid #999;margin-left:10px}
@media all and ( max-width:900px ){
	.findaccount p br{display:none}
}
@media all and ( max-width:750px ){
    .findarea{width:90%}
	.table-box{margin-bottom:5rem;margin:0 auto 10rem}
	.table-box .table-heading{font-size:3rem;padding:2rem}
	.findaccount{padding:5rem 3rem}
	.findaccount p{font-size:2.4rem;line-height:4rem}
	/*2021-06-08*/
	.container h3{font-size:3.6rem;padding-bottom:5rem;margin-bottom:5rem}
	.findaccount .btnArea{margin-bottom:5rem}
	.findaccount .btnArea button{width:48%;height:14rem;font-size:2.2rem;line-height:3.2rem}
	.findaccount p{font-size:2rem;line-height:2.9rem}
	.modalArea article{box-shadow:1rem 1rem 3rem #00000029;width:85%;min-width:320px}
	.modalArea article .flex{padding:4.5rem 5rem 5rem;height:60rem;width:100%}
	.modalArea article h4{font-size:3.6rem}
	.modalArea article p{font-size:2rem;line-height:2.9rem}
	.modalArea article b{font-size:2rem;line-height:2.9rem}
	.modalArea article label{font-size:2.2rem;margin:1.4rem}
	.modalArea article label span{width:10rem}
	.modalArea article label input{width:33rem;font-size:2.2rem;padding:1.5rem 2rem}
	.modalArea article button{width:17rem;height:7rem;font-size:2.6rem}
}