.agree{height:15rem;background:#f3f5f7;font-family:'NotoKrL';letter-spacing:0;padding:2rem;resize:none;width:100%;font-size:1.7rem;line-height:22px;overflow:auto;overflow-x:hidden}
#btn-wrapper{display:flex;align-items:center;justify-content:center;margin-top:4rem}
.agree-btn{width:21rem;background-color:#fff;color:#555;border:1px solid #dddfe4;position:relative;line-height:6rem;text-align:center;cursor:pointer;font-family:'NotoKrR';padding:0 20px;font-size:2rem;letter-spacing:1px;border-radius:3px}
#agree-btn{margin-left:1.5rem;background:#dddfe4;cursor:default;pointer-events:none;color:#fff;border:1px solid #fff}
#agree-btn.active{background:#3c4fa7;pointer-events:all;cursor:pointer}
.agree-wrapper{display:flex;align-items:center}
.box-border{border:1px solid #ddd;padding:10px;margin-top:-1px}
.checkbox{display:flex;align-items:center;font-size:2rem;cursor:pointer}
.checkbox input{display:none}
.checkbox input:checked~.checkbox__mark{background:#0dc790}
.checkbox input:checked~.checkbox__mark svg{opacity:1;transform:translate(-50%,-50%) scale(1)}
.checkbox__mark{position:relative;width:2rem;height:2rem;border:2px solid #333;border-radius:3px;margin-right:6px}
.checkbox__mark svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);width:80%;height:auto;transition:all ease .1s;opacity:0}
.checkbox--disabled{color:grey;pointer-events:none}
.checkbox--disabled .checkbox__mark{border-color:grey}
.required-agreement-overlay{position:fixed;z-index:100000;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(0,0,0,.58)}
.required-agreement-modal{width:min(70rem,100%);max-height:min(84rem,calc(100vh - 4rem));overflow:auto;padding:4rem;background:#fff;color:#222;box-shadow:0 1rem 3rem rgba(0,0,0,.25);font-family:'NotoKrR',sans-serif}
.required-agreement-modal h2{margin:0 0 1rem;color:#17191d;font-family:'NotoKrR',sans-serif;font-size:3rem;letter-spacing:1px;text-align:center}
.required-agreement-description{margin:0 0 2.5rem;color:#555;font-size:1.6rem;text-align:center}
.required-agreement-item+.required-agreement-item{margin-top:1.5rem}
.required-agreement-wrapper{display:flex;align-items:center;border:1px solid #ddd;padding:1rem}
.required-agreement-checkbox{display:flex;align-items:center;cursor:pointer;font-size:1.8rem}
.required-agreement-checkbox input{display:none}
.required-agreement-checkbox input:checked~.required-agreement-mark{background:#0dc790}
.required-agreement-checkbox input:checked~.required-agreement-mark svg{opacity:1;transform:translate(-50%,-50%) scale(1)}
.required-agreement-mark{position:relative;width:2rem;height:2rem;margin-right:.6rem;border:2px solid #333;border-radius:3px}
.required-agreement-mark svg{position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .15s linear}
.required-agreement-text{height:13rem;margin-top:-1px;overflow:auto;padding:1.5rem;background:#f3f5f7;font-family:'NotoKrL',sans-serif;font-size:1.5rem;line-height:1.5}
.required-agreement-submit{display:block;width:21rem;margin:3rem auto 0;border:1px solid #fff;border-radius:3px;background:#dddfe4;color:#fff;cursor:default;font-family:'NotoKrR',sans-serif;font-size:2rem;line-height:6rem;pointer-events:none}
.required-agreement-submit.active{background:#3c4fa7;cursor:pointer;pointer-events:auto}
@media screen and (max-width:768px){.required-agreement-overlay{padding:1rem}.required-agreement-modal{padding:2rem}.required-agreement-modal h2{font-size:2.4rem}}