/* 휴대폰번호 인증 */
.certification {height:calc(100vh - 80px); position: relative;}
.certification .center-box {width:100%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align: center;}
.certification .center-box > h3 {font-size:25px; margin-bottom: 35px;}
.certification .center-box .info-txt {margin-bottom: 40px;}
.certification .center-box .certification-btn {margin-bottom: 40px;}
.certification .center-box .certification-btn input  {border: 1px solid #ccc; height: 42px; width: 240px;}
.certification .center-box .certification-btn button {vertical-align: top; height:42px; line-height: 42px; min-width: 150px;}

/* step1 */
.step1 .text-box {border:1px solid #ebebeb; padding: 30px 35px; min-height:200px; max-height:380px; overflow-y: scroll;}
.step1 .text-box p {font-size:18px; color:#111; font-weight: 400;}

.step1 .agreement-select {text-align: right; margin-top:15px;}
.step1 .agreement-select label {color:#111; font-size: 18px; font-weight: 400; line-height: 24px; vertical-align: middle;}
.step1 .agreement-select label + label {margin-left: 20px;}
.step1 .agreement-select label input[type="radio"] {width: 24px; height: 24px; vertical-align: middle;}

.step1 .agreement-input {overflow:hidden;}
.step1 .agreement-input .left-form {display: inline-block; float:left; width:calc(100% - 225px);}
.step1 .agreement-input .agreement-select {display: inline-block; width:225px;}
.step1 .agreement-input .left-form ul {display: flex; margin-top:13px;}
.step1 .agreement-input .left-form ul li:first-child {margin-right:10px;}
.step1 .agreement-input .left-form ul li {line-height:36px; color: #111; font-size: 16px; font-weight: 400;}
.step1 .agreement-input .left-form ul li span {display: inline-block; margin-left:10px;}
.step1 .agreement-input .left-form ul li input {border:1px solid #ccc; height:36px; width:140px;}


/* step2 */
.step2 .infobox {display: flex; border:1px solid #ebebeb; align-items: stretch; height:100%; }
.step2 .infobox .info-left {width: 85%; padding:30px 50px;}
.step2 .infobox .info-left em {display: block; }
.step2 .infobox .info-left em b {color: #003663; font-size:30px; font-weight:500; display: inline-block; padding-bottom:5px; border-bottom: 1px solid #003663;}
.step2 .infobox .info-left ul {margin-top:20px;}
.step2 .infobox .info-left ul li {display: inline-block;}
.step2 .infobox .info-left ul li + li {margin-left:15px;}

.step2 .infobox .info-detail {width: 15%; text-align: center; background-color: #157cb6; position: relative;}
.step2 .infobox .info-detail a {font-size: 18px; color:#fff; display:inline-block; width:100%; height:100%; padding-top:47px;}
.step2 .infobox .info-detail a img {}

.step2 .proposal-review {display: flex;  border:1px solid #ebebeb;}
.step2 .proposal-review > div {width:50%; padding: 25px 60px;}
.step2 .proposal-review > div + div {border-left:1px solid #ebebeb;}
.step2 .proposal-review > div p {font-size: 18px; color:#111;}
.step2 .proposal-review > div ul {}
.step2 .proposal-review > div ul li {margin:10px 10px 0 0 ; display: inline-block;}
.step2 .proposal-review > div ul li a {display:inline-block; border:1px solid #ebebeb; border-radius:4px; height:30px; padding:3px 10px; color:#111; font-size:16px;}

/* 공익성평가 산정근거,업체정보확인 모달 드래그 관련 2022-03-14 */
.modal-con.public-interest {transform:none; top: calc(50% - 405px); left: calc(50% - 500px);}
.modal-con.check-company-information {transform:none; top: calc(50% - 420px); left: calc(50% - 500px);}

/* step2_detail */
.step2_detail .title-box {border:1px solid #ebebeb; padding:20px; position: relative;}
.step2_detail .title-box em {font-size: 20px; color:#111; font-weight: 500;}
.step2_detail .title-box em span {color: #157cb6;}
.step2_detail .title-box ul {position: absolute; right:20px; top:15px; }
.step2_detail ul.tabs {display: block; position: initial; margin-bottom:15px;}
.step2_detail ul.tabs2 {display: block; position: initial; margin-bottom:15px;}
.step2_detail ul.tabs li {display: inline-block;}
.step2_detail ul.tabs li + li a {margin-left: 10px;}
.step2_detail ul.tabs li a {min-width: 90px;}
.step2_detail ul.tabs li a {border: 1px solid #cccccc; background-color: #fff; font-size: 16px; color: #111; font-weight: 400; min-width: 90px; height: 40px; line-height: 38px; text-align: center; display: inline-block; border-radius: 4px;}
.step2_detail ul.tabs li.active a {
    border: none;
    background-color: #157cb6;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    min-width: 90px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
}

/*재무*/
.step2_detail .table-list {display: flex; flex-wrap: wrap;}
.step2_detail .table-list .stable {width:49%;}
.step2_detail .table-list .stable:nth-child(even) {margin-left:1%;}
.step2_detail .table-list .stable:nth-child(odd) {margin-right:1%;}
.step2_detail .table-list .stable thead th {border:1px solid #ebebeb; background-color: #ecf1f7; color: #111; font-weight:400; text-align: center; font-size:16px; padding:10px 5px; font-size:14px;}
.step2_detail .table-list .stable td {font-size:14px;}
.step2_detail .table-list .stable th {font-size:14px;}
.step2_detail .table-list .stable td input[type="text"] {border: 1px solid #ebebeb; height: 30px; width: 75px;}
.step2_detail .table-list .stable .tdbg td {background-color: #f8f8f8;} 
.step2_detail .tab_content .modal-btn-list {margin:10px 0;}
.step2_detail .tab_content .modal-btn-list ul {text-align:right;}
.step2_detail .tab_content .modal-btn-list ul li {display: inline-block;}
.step2_detail .tab_content .modal-btn-list ul li button {padding-left: 10px; padding-right: 10px;}
.step2_detail .tab_content .modal-btn-list ul li + li button {margin-left: 10px;}


/* step3 */
.step3 p.warning-msg {color: #ef2d2d; text-align: right; font-size: 16px; font-weight: 400; margin-bottom: 10px;}
.step3 p.warning-msg a {margin-left:10px; padding: 0 10px; line-height: 38px; display: inline-block; top: 50%; height: 40px; border: 1px solid #cccccc; border-radius: 4px; color: #111; font-size: 16px; font-weight: 400;}
.step3 p.warning-msg a img {vertical-align: middle; margin-top: -5px; margin-left: 5px;}
.step3 table td textarea {width:100%; height: 130px; resize: none; border:1px solid #ebebeb;}

/* step4 */
.step4 .success-status-text {margin:50px 0 30px 0;}
.step4 .success-status-text em {font-size:26px; color: #111; font-weight:400;}
.step4 .success-status-text em b {color: #157cb6; display: inline-block; padding-bottom: 3px; border-bottom: 1px solid #157cb6; margin-left: 10px;}
.step4 .success-info {font-weight:400; font-size: 18px; color:#111; line-height:1.6;}