@charset "utf-8";

/* 결과 */
.mailApplyResult{padding:10rem 5rem;line-height:1.3;font-size:2rem;font-family:'pre-b';text-align:center;border:6px solid #EEE;border-radius:1rem;}
.mailApplyResult div{padding-bottom:5rem;}
.mailApplyResult strong{font-size:4rem;color:#a91f1f;background-image: linear-gradient(to bottom, transparent 60%, #f6e6e5 0%);}
.mailApplyResult strong span{color:#000;}
@media all and (max-width:768px){
	.mailApplyResult{padding:5rem;font-size:1.8rem;}
	.mailApplyResult strong{font-size:3rem;}
}


/* 신청 */
.mailApply{padding:5rem 10rem;line-height:1.3;border:6px solid #EEE;border-radius:1rem;}
.mailApply h2{text-align:center;font-family:'pre-b';font-size:2.6rem;}
.mailApply p{text-align:center;margin-bottom:3rem;}
.mailApply input{appearance:none;}

.mailApply .mailApplyInner{font-size:2.5rem;font-family:'pre-m';background:#f6f6f6;border-radius:1rem;padding:5rem;}
.mailApply .mailApplyInner input{border:1px solid #DDD;height:5rem;background:#fafafa;}
.mailApply .mailApplyInner input[type="text"],
.mailApply .mailApplyInner input[type="password"]{padding:1rem;font-size:2.5rem;width:25rem;border-radius:0.5rem;}
.mailApply .mailApplyInner input[type="button"]{font-size:1.8rem;color:#FFF;padding:0.5rem 2rem;background:#535353;border-radius:0.5rem;}
.mailApply .mailApplyInner span{padding:0 1rem;}
.mailApply .mailApplyInner strong{width:9rem;display:inline-block;}

.mailApply .mailApplyInner .itemID{border-bottom:1px solid #DDD;}
.mailApply .mailApplyInner .itemPW{border-top:1px solid #FFF;padding-top:3rem;}

.mailApply ul{margin:2rem 0 3rem 0;}
.mailApply ul li{margin:0.3rem 0;}
.mailApply ul li::before{top:0.8rem;}
.mailApply .mailApplyInner .itemPW ul{margin-bottom:0;}

.mailApply .btnApply{margin-top:3rem;display:flex;justify-content:flex-end;}
.mailApply .btnApply input{font-size:1.8rem;color:#FFF;padding:0.5rem 8rem;background:#a32b30;border-radius:0.5rem;height:5rem;}

.mailApply .mailApplyInner input[type="button"]:hover,
.mailApply .btnApply input:hover{background:#333;}

@media all and (max-width:1024px){
	.mailApply{padding:5rem 3rem;}
	.mailApply .mailApplyInner{padding:3rem;}
	.mailApply .mailApplyInner span{padding:1rem 0;display:block;}
	.mailApply .mailApplyInner strong{width:100%;display:block;margin-bottom:1rem;}
	.mailApply .mailApplyInner input[type="text"],
	.mailApply .mailApplyInner input[type="password"]{width:100%;}

	.mailApply .btnApply{justify-content:center;}
}