#wrap{min-width:auto}#main{min-height:calc(100vh - 60px)}.join-box{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:80px 20px 0px}.join-box>h2{align-self:stretch;margin-bottom:50px;color:#000;font-size:32px;line-height:46px;text-align:center}.join-box>h2 strong{font-weight:bold}.join-box>.inner{width:100%;max-width:770px;padding:0px 40px 40px;background:#fff;border-radius:10px;box-shadow:0px 4px 20px rgba(0,0,0,.1);overflow:hidden}.join-box>.inner .step-box{display:flex;justify-content:flex-start;align-items:flex-start;height:8px;margin:0px -40px 40px;background:linear-gradient(91.14deg, #A3A0A4 0%, #C0C0C0 100%)}.join-box>.inner .step-box:before{position:absolute;top:0px;bottom:0px;left:33.33%;z-index:1;width:1px;background:#fff;content:""}.join-box>.inner .step-box:after{position:absolute;top:0px;bottom:0px;left:66.66%;z-index:1;width:1px;background:#fff;content:""}.join-box>.inner .step-box .bar{height:100%;background:linear-gradient(66.02deg, #104AE1 0%, #1089E1 55.14%, #10BBE1 100%)}.join-box>.inner .step-box.step01 .bar{width:33.33%}.join-box>.inner .step-box.step02 .bar{width:66.66%}.join-box>.inner .step-box.step03 .bar{width:100%}.join-box>.inner .title-box h5{position:relative;padding-left:18px;color:#000;font-size:24px;line-height:35px;font-weight:bold}.join-box>.inner .title-box h5:before{position:absolute;top:12.5px;left:0px;z-index:1;width:10px;height:10px;background:linear-gradient(66.02deg, #104AE1 0%, #1089E1 55.14%, #10BBE1 100%);content:""}.join-box>.inner .term-box{margin-top:25px}.join-box>.inner .term-box>p{margin-bottom:40px;color:#000;font-size:15px;line-height:26px}.join-box>.inner .term-box .term-row{margin-top:20px;padding:20px 20px 0px;background:#fff;border:1px solid #ddd;border-radius:10px}.join-box>.inner .term-box .term-row:first-child{margin-top:0px}.join-box>.inner .term-box .term-row .head{display:flex;justify-content:flex-start;align-items:center;padding-bottom:20px}.join-box>.inner .term-box .term-row .head .check-item label span{font:inherit;color:#e30000}.join-box>.inner .term-box .term-row .head .modal-btn{flex-shrink:0;margin-left:20px;padding:5px;background:#fff;border:1px solid #ddd;border-radius:5px;color:#000;font-size:12px;line-height:16px}.join-box>.inner .term-box .term-row .head .toggle-btn{position:absolute;top:0px;right:-10px;z-index:1;width:36px;height:28px;font-size:0px;background:url("../imgs/icon_term_up.svg") no-repeat center center}.join-box>.inner .term-box .term-row>p{padding-bottom:20px;color:#000;font-size:15px;line-height:22px}.join-box>.inner .term-box .term-row .term-area{padding:20px 0px;border-top:1px solid #ddd}.join-box>.inner .term-box .term-row .term-area .inner{height:96px;overflow-y:overlay}.join-box>.inner .term-box .term-row .term-area .inner *{color:#000;font-size:15px;line-height:24px}.join-box>.inner .term-box .term-row.active{background:#f6f6f6}.join-box>.inner .term-box .term-row.active .head .toggle-btn{background:url("../imgs/icon_term_down.svg") no-repeat center center}.join-box>.inner .form-box{margin-top:40px}.join-box>.inner .form-box .input-row>label,.join-box>.inner .form-box .input-row>.label{display:flex;justify-content:flex-start;align-items:center;gap:0px 10px;font-weight:500;line-height:48px}.join-box>.inner .form-box .input-row>label .valid-icon,.join-box>.inner .form-box .input-row>.label .valid-icon{color:#e30000;font-size:16px;line-height:24px;font-weight:500}.join-box>.inner .form-box .input-row.valid-row>label .valid-icon,.join-box>.inner .form-box .input-row.valid-row>.label .valid-icon{width:24px;height:24px;background:url(../imgs/icon_valid.svg) no-repeat center center;font-size:0px}.join-box>.inner .result-box{padding-top:72px;text-align:center}.join-box>.inner .result-box>p{margin-top:40px;color:#000;font-size:16px;line-height:26px}.join-box>.inner .result-box>p strong{font-weight:bold}.join-box>.inner .result-box .btn-row{margin-top:80px}@media(min-width: 520px){#header.before .inner{height:74px}#header.before .inner .logo img:nth-child(1){width:auto;height:auto}#header.before .inner .logo img:nth-child(2){width:auto;height:auto;margin-left:10px}#header.before .inner .logo .info{display:none;position:absolute;top:47px;right:-14px;z-index:10}#header.before .inner .logo .info:before{right:15px}#header.before .inner .logo .info p{font-size:14px;line-height:20px}#footer .inner{padding-top:80px;padding-bottom:80px}#main{min-height:calc(100vh - 74px)}}