@charset "utf-8";

#boxMy{padding:var(--space-xxl) 0;background:var(--color-background);}
#boxMy .my-leave-card{max-width:960px;margin:0 auto;padding:var(--space-lg);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-card);}
#boxMy .my-leave-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-soft);}
#boxMy .my-leave-head h3{margin:0;color:var(--color-dark);font-size:var(--fs-base2);font-weight:600;}
#boxMy .my-leave-head a{color:var(--color-primary);font-size:var(--fs-base);font-weight:600;text-decoration:none;}
#boxMy .my-leave-section{margin-top:var(--space-lg);}
#boxMy .my-leave-section:first-of-type{margin-top:0;}
#boxMy .my-leave-section h4{margin:0 0 var(--space-md);color:var(--color-dark);font-size:var(--fs-base1);font-weight:600;}
#boxMy .my-leave-terms{max-height:18.75rem;overflow-y:auto;padding:var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-background-light);color:var(--color-dark);font-size:var(--fs-base-1);line-height:1.7;white-space:pre-line;word-break:keep-all;}
#boxMy .my-leave-guide-text{margin:var(--space-md) 0 0;color:var(--color-gray);font-size:var(--fs-base-1);line-height:var(--lh-base);}
#boxMy .my-leave-row{margin-top:var(--space-md);}
#boxMy .my-leave-row label{display:block;margin-bottom:var(--space-xs);color:var(--color-dark);font-size:var(--fs-base);font-weight:600;}
#boxMy .my-leave-row label span{color:var(--color-required);}
#boxMy .my-leave-row input,#boxMy .my-leave-row textarea{width:100%;padding:0 var(--space-md);border:1px solid #ddd;border-radius:var(--radius-sm);background:#fff;color:#222;font-size:var(--fs-base);box-sizing:border-box;}
#boxMy .my-leave-row input{height:var(--form-height);}
#boxMy .my-leave-row textarea{min-height:7.5rem;padding:var(--space-md);resize:vertical;line-height:var(--lh-base);}
#boxMy .my-leave-row input[readonly]{background:var(--color-background-light);color:var(--color-gray);}
#boxMy .my-leave-row input::placeholder,#boxMy .my-leave-row textarea::placeholder{color:var(--color-placeholder);}
#boxMy .my-leave-reason{margin-top:var(--space-lg);}
#boxMy .my-leave-reason>label{display:block;margin-bottom:var(--space-sm);color:var(--color-dark);font-size:var(--fs-base);font-weight:600;}
#boxMy .my-leave-reason>label span{color:var(--color-required);}
#boxMy .my-leave-reason-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);}
#boxMy .my-leave-reason-item{position:relative;min-width:0;}
#boxMy .my-leave-reason-item .magic-checkbox + label{display:flex;align-items:center;width:100%;min-height:3.125rem;margin:0;padding:0 var(--space-md) 0 3rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;color:var(--color-dark);font-size:var(--fs-base-1);font-weight:500;box-sizing:border-box;cursor:pointer;}
#boxMy .my-leave-reason-item .magic-checkbox + label:before{left:var(--space-md);}
#boxMy .my-leave-reason-item .magic-checkbox + label:after{left:calc(var(--space-md) + 7px);}
#boxMy .my-leave-check{position:relative;margin-top:var(--space-lg);}
#boxMy .my-leave-check .magic-checkbox + label{display:block;margin:0;padding-left:2rem;color:var(--color-dark);font-size:var(--fs-base-1);font-weight:500;line-height:var(--lh-base);cursor:pointer;}
#boxMy .my-leave-submit{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-soft);}
#boxMy .my-leave-btn{display:inline-flex;align-items:center;justify-content:center;min-width:10rem;height:var(--btn-height);padding:0 var(--space-lg);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:600;text-decoration:none;cursor:pointer;}
#boxMy .my-leave-btn--line{border:1px solid #cbd5e1;background:#fff;color:#1f2937;}
#boxMy .my-leave-btn--danger{border:1px solid #dc2626;background:#dc2626;color:#fff;}

@media(max-width:768px){
	#boxMy{padding:var(--space-xl) 0;}
	#boxMy .my-leave-card{padding:var(--space-md);}
	#boxMy .my-leave-head{display:block;}
	#boxMy .my-leave-head a{display:inline-block;margin-top:var(--space-sm);}
	#boxMy .my-leave-reason-list{grid-template-columns:1fr;}
	#boxMy .my-leave-submit{flex-direction:column;}
	#boxMy .my-leave-btn{width:100%;}
}