.application-info-box{background:var(--sub-color); border-radius: var(--border-radius-large); padding: 50px; margin-bottom:60px;}
.application-info-box .st1 {font-size:2.25rem; font-weight:700; margin-bottom: 2.25rem;}
.application-info-box .st2 {font-size:1.5rem; font-weight:700; color:var(--main-color); }
.application-info-box ul {font-size:1.5rem; margin:40px 0; }
.application-info-box ul li{padding-left:1rem; position: relative;}
.application-info-box ul li:before {position: absolute; top:15px; left:0; content:''; width:5px; height:5px; background:var(--main-color); }
.application-info-box .detail{font-size:1.25rem;}

.form-section {padding-top:1.25rem; border-top: 1px solid #ddd}
.form-section+.form-section {margin-top:40px;}
.form-section-tit {font-size: 2.25rem; font-weight:700; margin-bottom:1rem;}
.form-section-tit span {margin-left:8px; color:#E52121; font-size:1.5rem; font-weight: 400;}


#application{}
.onlineWrap {}
.onlineWrap .form-group {display:flex; margin-bottom: 1.25rem;}
.onlineWrap .form-group dt {width:30%; padding: 4px 0;; position: relative; font-size:1.5rem;}
.onlineWrap .form-group dt.required {padding-left: 0.75rem;}
.onlineWrap .form-group dt:required:before {content:'*'; position: absolute; left: 0; top: 5px; color: #f00;}
.onlineWrap .form-group dd {display: flex;}
.onlineWrap .form-group dd label+label {margin-left:2rem;}

.onlineWrap .w3 {}
.onlineWrap .w3 dl {float: left; width: calc((100% - 48px) / 3); margin-right: 24px;}
.onlineWrap .w3 dl:last-child {margin-right: 0px;}
.onlineWrap .w2 {}
.onlineWrap .w2 dl {float: left; width: calc((100% - 24px) / 2); margin-right: 24px;}
.onlineWrap .w2 dl:last-child {margin-right: 0px;}

#application label {padding: 4px 0;}
#application input[type=text], 
#application input[type=password], 
#application textarea, 
#application .fileInput {border: 1px solid #ddd; width: 100%; box-sizing:border-box; padding: 4px 10px; border-radius:5px; background: #f7f7f9;}
#application input[type=text]::placeholder, 
#application input[type=password]::placeholder, 
#application textarea::placeholder {font-size:1.25rem; color:#B2B2B2;} 
#application select {border: 1px solid #ddd; width: 100%; box-sizing:border-box; padding: 4px 10px; border-radius:5px; background: #f7f7f9;}
#application label input[type=radio]{transform: scale(1.5); margin-right:6px}

.terms-group {position: relative; margin-top: 80px;}
.terms-group .list_dot { padding-left:1rem;}
.terms-group .list_dot li{position: relative;padding-left:1rem;}
.terms-group .list_dot li:before{position: absolute; top:15px; left:0; content: ''; background: var(--text-color); width:5px; height:5px; border-radius:100%; }
.terms-group .inchek {margin-top: 2rem; text-align: center; font-size: 17px;}
.terms-group .inchek input[type=checkbox] {width: auto;transform: scale(1.7); display: inline-block; margin-right: 0.5rem;}

.onlineWrap .btnInquire {text-align: center; margin-top:60px;}
.onlineWrap .btnInquire button { color: #fff; border: none; font-size: 1.125rem; padding: 0.625rem 3rem; border-radius: 30px; cursor: pointer; width:100%; max-width: 250px; height: 60px;}


.popAgree {display: none;position: fixed; left: 50%; top: 50%; width: 60%; transform: translate(-50%,-50%); background: #fff; z-index: 10; border-radius: 1rem; box-sizing:border-box;}
.popAgree .popTit {padding: 1rem 1.5rem; background: #0073c2; color: #fff; font-size: 1.125rem; font-weight: 500; position: relative; border-radius:1rem 1rem 0 0}
.popAgree .popTit img {position: absolute; right: 1.5rem; top: 1.125rem; cursor: pointer; }
.popAgree .popCon {height: 500px;border: 5px solid #0073c2; border-top: none; border-radius:0 0 1rem 1rem; box-sizing:border-box; padding: 1.25rem;}
.hs-terms {border: 1px solid #ddd; width: 100%; height: 200px; overflow-y:scroll; box-sizing:border-box; padding: 1.25rem 1.5rem; border-radius:5px; background: #f5f5f5;}
#application input[type="checkbox"] {display: inline-block; width: auto; vertical-align: middle; margin-top: -1px;}
.agreeWrap .hs-terms .termsDesc {}
.agreeWrap .hs-terms .termsDesc p span {display: block; font-weight: 500;}
.agreeWrap .hs-terms .termsDesc p + p {margin-top: 1rem;}
.agreeWrap .hs-terms .box {padding: 1rem 1.5rem; background: #fff; border-radius: 1rem; margin-top: 1rem; border: 1px solid #efefef; box-sizing:border-box;}
.agreeWrap .hs-terms .box p {font-weight: 500; margin-bottom: 10px;}
.agreeWrap .hs-terms ul li + li {margin-top: 0;}


@media (max-width:786px) {

  .onlineWrap .btnInquire button {
     width:100%
  }


}