/* 렌터카/정비소(MO) */
/* 로그인 */
#loginWrap {
    width:100%;
    height:auto;
    padding:120px 20px 20px;
    background:url('../images/common/login_bg.png') center center no-repeat;
    background-position:center;
    background-size:cover;
}
#loginWrap h1 {
    text-align:center;
    font-size:24px;
    font-weight:400;
    color:#FFF;
}
#loginWrap h1::before {
    content:'';
    display:block;
    width:160px;
    height:37px;
    margin:0 auto 17px;
    vertical-align: middle;
    background: url('../images/common/KNlogo_w.svg') no-repeat center center / 160px auto;
}
.loginInputWrap {
	max-width:360px;
    margin:102px auto 24px;
}
.loginInput {
    width:100%;
    height:50px;
    border-radius:10px;
    background:#FFF;
}
.loginInput + .loginInput {
    margin:10px 0 22px;
}
.loginInputWrap p.loginAlert {
    display:block;
    margin:10px 0 22px;
    font-size:12px;
    font-weight:700;
    color:#FFF;
}
.loginInputWrap p.loginAlert::before {
    content:'※';
    display:inline-block;
    margin-right:8px;
    font-size:12px;
    vertical-align: middle;
}
.loginInput span.inputIcon {
    display:inline-block;
    width:50px;
    height:50px;
    line-height:44px;
    vertical-align:middle;
    text-align:center;
    border-radius:10px 0 0 10px;
    background:#9EC6C6;
}
.loginInput span.inputIcon img {
    width:24px;
}
.loginInput span.inputArea {
    padding:13px 16px;
    font-size:16px;
    font-weight:200;
    vertical-align:middle;
    color:#A0A6A5;
}
.loginInput span.inputArea  input[type="text"],
.loginInput span.inputArea  input[type="password"] {
    font-size:16px;
    font-weight:200;
    color:#A0A6A5;
}
.loginChkWrap {
	max-width:360px;
	margin:0 auto 160px;
}
.loginChkWrap .chkBoxWrap {
    display:inline-block;
}
.loginChkWrap .chkBoxWrap + .chkBoxWrap {
    margin-left:20px;
}
.loginChkWrap .chkBoxWrap input[type="checkbox"] + label{
  color:#FFF;
}
.loginChkWrap .chkBoxWrap input[type="checkbox"] + label::before{
  color: #fff;
}
.loginAccountWrap {
    display:flex;
    justify-content:space-between;
    align-content:center;
    max-width:360px;
    margin:0 auto;
}
.findAccount {
    display:flex;
    justify-content:left;
    align-content:center;
}
.findAccount a {
    font-size:14px;
    font-weight:400;
    color:#FFF;
}
.findAccount a + a::before {
    content:'|';
    display:inline-block;
    margin:0 16px;
    font-size:14px;
    vertical-align: middle;
    color:#A0A6A5;
}
.joinAccount a {
    font-size:14px;
    font-weight:600;
    color:#4AE2C6;
}
.loginFooterWrap .footTerms {
    display:flex;
    justify-content:center;
    align-content:center;
}
.footTerms a {
    font-size:12px;
    font-weight:400;
    color:#D5DCDB;
}
.footTerms a + a::before {
    content:'|';
    display:inline-block;
    margin:0 10px;
    font-size:12px;
    vertical-align: middle;
    color:#A0A6A5;
}
.loginFooterWrap p.footCopyright {
    font-size:10px;
    font-weight:400;
    text-align:center;
    color:#A0A6A5;
}

/* 이용약관/개인정보처리방침 팝업 */
.modalContentWrap .termsInfo {
    max-height:560px;
    overflow-y:auto;
}
.modalContentWrap .termsInfo h3 {
    margin-bottom:50px;
}
.modalContentWrap .termsInfo h4 {
    margin:50px 0 10px;
}
.modalContentWrap .termsInfo h5 {
    margin:30px 0 10px;
}
.modalContentWrap .termsInfo p {
	margin-bottom:10px;
	color:#686C6C;
}
.modalContentWrap .termsInfo ol li {
    margin-bottom:10px;
    margin-left:15px;
    text-indent:-15px;
    color:#686C6C;
}
.modalContentWrap .termsInfo ol li ul {
    margin-top:10px;
}
.modalContentWrap .termsInfo table {
    width:100%;
    border:1px solid #D5DCDB;
}
.modalContentWrap .termsInfo table td {
    padding:10px;
    font-size:14px;
    font-weight:normal;
    line-height:22px;
    border-right:1px solid #D5DCDB;
    border-bottom:1px solid #D5DCDB;
}
.modalContentWrap .termsInfo table.tableType01 td {
	text-align:center;
}

/* 회원가입 */
#joinWrap {
    width:100%;
    padding-top:30px;
}
.joinStepWrap {
    display:flex;
    justify-content:center;
    align-items:center;
}
.joinStep {
    position:relative;
    width:30px;
    margin:0 28px;
    padding:5px 0 1px;
    font-size:16px;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    border-radius:10px;
    color:#A0A6A5;
    background:#F8F8F8;
}
.joinStep::after {
    content:'';
    position:absolute;
    left:45px;
    top:14px;
    display:inline-block;
    width:24px;
    height:0;
    vertical-align:middle;
    border:1px dashed #9E9E9E;
    background:#FFF;
}
.joinStep:last-child::after {
    display:none;
}
.joinStep.active {
    color:#FFF;
    background:#2BA49E;
}
.joinContentWrap {
    margin-top:30px;
}
.joinContentWrap h2.joinContentTitle {
    font-size:20px;
    font-weight:600;
    text-align:center;
    color:#1D1F1F;
}
.joinContentWrap p.joinContentdiscription {
    margin:10px 0 20px;
    font-size:12px;
    font-weight:400;
    text-align:center;
    color:#686C6C;
}
/* 약관동의 */
.joinProvisionContent,
.joinInfoContentWrap,
.joinAddOfficerContentWrap,
.joinAccountContentWrap {
    padding:30px 20px;
    background:#F8F8F8;
}
.joinProvisionContent .chkBoxWrap input[type="checkbox"] + label {
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}
.joinProvisionContent .chkBoxWrap input[type="checkbox"] + label span {
    color:#2BA48D;
}
.joinProvisionSubstance {
    max-height:152px;
    overflow-y:auto;
    margin:20px 0;
    padding:16px;
    font-size:12px;
    font-weight:400;
    line-height:20px;
    color:#403F3F;
    background:#FFF;
}
.allJoinProvisionAgree {
    padding-top:20px;
    border-top:1px solid #D5DCDB;
}

/* 가입정보입력 */
.joinInfoContent,
.joinAddOfficerContent,
.joinAccountContent {
    padding:20px 0;
    border-bottom:1px dashed #D5DCDB;
}
.joinInfoContent:first-child,
.joinAddOfficerContent:first-child,
.joinAccountContent:first-child {
    padding-top:0;
}
.joinInfoContent:last-child,
.joinAddOfficerContent:last-child,
.joinAccountContent:last-child {
    padding-bottom:0;
    border-bottom:none;
}
.joinInfoContent h3,
.joinAddOfficerContent h3,
.joinAccountContent h3 {
    margin-bottom:8px;
}

/* 담당자 정보입력 및 계정정보 */
.buttonWrap.addOfficer {
    width:90%;
    margin:0 auto 20px;
}
.joinAddOfficerContentWrap {
    background:#F2F8F8;
}
.joinAddOfficerContentWrap + .joinAddOfficerContentWrap {
    border-top:1px solid #9EC6C6;
}
.joinAddOfficerContent {
    position:relative;
}
.joinAddOfficerContent a.joinDeleteOfficer {
    position:absolute;
    top:-10px;
    right:0;
    padding:9px 17px 7px;
    border-radius:10px;
    font-size:16px;
    font-weight:400;
    color:#FFF;
    background:#A0A6A5;
}
h2.joinAccountInfoTitle {
    margin-top:20px;
}
.joinAddOfficerContent input[type="checkbox"] + label {
    margin-bottom:20px;
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}

/* 대여현황-메인 */
.rentReporMainWrap {
    margin-bottom:92px;
}
.rentProcessWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding:8px 20px 0px;
}
.rentProcessWrap a {
    width:30%;
    margin-right:10px;
    margin-bottom:10px;
    padding:8px 0;
    font-size:14px;
    font-weight:400;
    text-align:center;
    border-radius:8px;
    color:#686C6C;
    background:#F8F8F8;
}
.rentProcessWrap a.active {
    color:#FFF;
    background:#2BA49E;
}
.detailSearchWrap {
    padding:10px 20px;
    border-top:1px solid #D5DCDB;
    border-bottom:1px solid #D5DCDB;
    background:#F8F8F8;
}
.detailSearchWrap a.btnDetailSearch {
    position:relative;
    width:100%;
    font-size:16px;
    font-weight:400;
    color:#1D1F1F;
}
.detailSearchWrap a.btnDetailSearch::after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align: middle;
    background: url('../images/icon/ic_down_B.svg') no-repeat right center / 24px auto;
}
.detailSearchWrap a.btnDetailSearch.active::after {
    background: url('../images/icon/ic_up.svg') no-repeat right center / 24px auto;
}
.detailSearchInput {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding:20px 0;
    border-bottom:1px dotted #A0A6A5;
}
.detailSearchInput .selectDateWrap {
    width:48%;
}
.detailSearchInput .selectDateWrap + .selectDateWrap {
    margin-left:10px;
}
.detailSearchInput .selectDateWrap input[type='datetime-local'],
.detailSearchInput .selectDateWrap input[type='date'] {
    width:80%;
}
.detailSearchInput .inputTextWrap {
    width:48%;
    margin-top:10px;
}
.detailSearchCheck {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    padding:20px;
}
.detailSearchCheck .chkBoxWrap {
	margin-right:20px;
}
.detailSearchCheck .chkBoxWrap input[type="checkbox"] + label {
    font-size:14px;
}
.detailSearchBtn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:20px;
}
.detailSearchBtn a {
    padding:8px 16px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    border-radius:10px;
}
.detailSearchBtn a.btnReset {
    color:#FFF;
    background:#A0A6A5;
}
.detailSearchBtn a.btnDailySearch {
    margin:0 10px;
    border:1px solid #2BA49E;
    color:#2BA49E;
    background:#FFF;
}
.detailSearchBtn a.btnSearch {
    margin-left:10px;
    color:#FFF;
    background:#2BA49E;
}
.rentReporMainWrap .buttonWrap {
    margin-top:20px;
}
.detailSearchListWrap table.tableType02 tr:nth-child(4n-1),
.detailSearchListWrap table.tableType02 tr:nth-child(4n){
	background:#F8F8F8;
}

/* 대여현황관리 - 상세 */
.rentReportDetailWrap {
    margin-bottom:62px;
    padding:30px 20px;
}
.rentReportDetailTitleWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.rentReportDetailTitleWrap h2 {
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}
.rentReportDetailTitleWrap .rentReportDetailCondition {
    font-size:14px;
    font-weight:400;
    color:#1D1F1F;
}
.rentReportDetailTitleWrap .rentReportDetailCondition span {
    color:#3DC1A9;
}
.rentReportDetailContentWrap {
    padding-top:20px;
}
.rentReportDetailContentWrap h3 {
    font-size:12px;
    font-weight:400;
    color:#E1A012;
}
.rentReportDetailContentWrap table.tableType01 {
    margin:6px 0 20px;
}
.rentReportDetailContentWrap table.tableType01 td .selectDateWrap {
    width:87%;
}
.rentReportDetailContentWrap table.tableType01 td .selectDateWrap + .selectDateWrap {
    margin-top:6px;
}
.rentReportDetailContentWrap table.tableType01 td a.fileContract {
    word-break:break-all;
    font-size:14px;
    font-weight:400;
    text-decoration:underline;
    color:#3683DA;
}
.rentReportDetailContentWrap .buttonWrap a.btnElectronicContracts::before {
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_contract.svg') no-repeat left center / 20px auto;
}
.rentReportDetailContentWrap .commmentWrap {
    position:relative;
    margin:6px 0 20px;
    padding:12px 16px;
    border-radius:10px;
    background:#F8F8F8;
}
.rentReportDetailContentWrap .commmentWrap h4.commentPerson {
    font-size:12px;
    font-weight:600;
    line-height:20px;
    color:#3DC1A9;
}
.rentReportDetailContentWrap .commmentWrap .commentMore {
    position:absolute;
    right:20px;
    top:10px;
    text-align:center;
}
.rentReportDetailContentWrap .commmentWrap a.btnCommentMore {
    display:inline-block;
    width:16px;
}
.rentReportDetailContentWrap .commmentWrap .commentMore .commentMoreMenu {
    display:none;
    position:absolute;
    left:-18px;
    margin-top:10px;
    padding:6px 16px;
    border-radius:5px;
    background:#403F3F;
}
.rentReportDetailContentWrap .commmentWrap .commentMore .commentMoreMenu::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 20px;
    border-top: 0px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #403F3F;
}
.rentReportDetailContentWrap .commmentWrap .commentMore .commentMoreMenu a {
    font-size:12px;
    font-weight:400;
    color:#FFF;
}
.rentReportDetailContentWrap .commmentWrap .commentMore .commentMoreMenu a + a {
    margin-top:8px;
}
.rentReportDetailContentWrap .commmentWrap p.commentContent {
    font-size:12px;
    font-weight:400;
    line-height:20px;
    color:#403F3F;
}
.rentReportDetailContentWrap .commmentWrap p.commentContent a {
    font-size:14px;
    font-weight:400;
    line-height:20px;
    text-decoration:underline;
    color:#3683DA;
}
.rentReportDetailContentWrap .commmentWrap .commentDate {
    font-size:12px;
    font-weight:400;
    line-height:20px;
    color:#A0A6A5;
}
.rentReportDetailContentWrap .commmentWrap .addFileWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:3px;
}
.rentReportDetailContentWrap .commmentWrap .addFileWrap a {
    font-size:12px;
    font-weight:400;
    color:#3683DA;
    text-decoration:underline;
}
.rentReportDetailContentWrap .commmentWrap .addFileWrap a::before {
    content:'';
    display:inline-block;
    width:24px;
    height:24px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_camera.svg') no-repeat right center / 24px auto;
}
.writeCommentAreaWrap {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-top:6px;
}
.writeCommentArea {
    width:80%;
    padding:12px 16px;
    border-radius:10px;
    border:1px solid #CBD2D1;
}
.writeCommentArea textarea {
    width:100%;
    height:40px;
    text-align:left;
}
.writeCommentArea .addFileWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:3px;
}
.writeCommentArea .addFileWrap a {
    font-size:12px;
    font-weight:400;
    color:#3683DA;
    text-decoration:underline;
}
.writeCommentArea .addFileWrap a::before {
    content:'';
    display:inline-block;
    width:24px;
    height:24px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_camera.svg') no-repeat right center / 24px auto;
}
.writeCommentArea .addFileWrap span.characters {
    display:inline-block;
    font-size:12px;
    font-weight:200;
    vertical-align:middle;
    color:#403F3F;
}
a.btnWriteComment {
    padding:40px 16px;
    border:1px solid #2BA49E;
    border-radius:10px;
    font-size:14px;
    font-weight:400;
    color:#2BA49E;
}

/* 팝업 - 배차 차량 선택 */
.selectCarWrap {
    margin-top:20px;
}
.selectCarWrap dl dt {
    padding:6px 12px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    color:#FFF;
    background:#9EC6C6;
}
.selectCarWrap dl dt span {
    display:inline-block;
    margin-right:5px;
    font-size:16px;
    vertical-align:middle;
}
.selectCarWrap dl dd {
    max-height:115px;
    overflow-y:auto;
    padding:10px 0;
}
.selectCarWrap dl dd ul li a {
    padding:6px 0;
    font-size:12px;
    font-weight:400;
    text-align:center;
    color:#686C6C;
}
.selectCarWrap dl dd ul li a:hover,
.selectCarWrap dl dd ul li a:active,
.selectCarWrap dl dd ul li a.active {
    color:#2BA49E;
}

/* 차량 임대차 계약서 */
.rentalContractWrap {
    padding:30px 20px 102px;
}
.rentalContractTitleWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.rentalContractTitleWrap h2.rentalContractTitle {
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}
.rentalContractTitleWrap p.rentalContractNumber {
    font-size:14px;
    font-weight:200;
    color:#1D1F1F;
}
.rentalContractContentTitleWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
h3.rentalContractContentTitle {
    margin:20px 0 6px;
    font-size:12px;
    font-weight:bold;
    color:#E1A012;
}
.rentalContractContentTitleWrap .inputRadioWrap {
    margin:20px 0 6px;
}
.rentalContractContent table.tableType01 {
    border:1px solid #66A1AE;
}
.rentalContractContent table.tableType01 + table.tableType01 {
    margin-top:10px;
}
.rentalContractContent table.tableType01 th {
    background:#66A1AE;
}
.rentalContractContent table.tableType01 td {
    border-bottom:1px solid #66A1AE;
}
.rentalContractContent table.tableType01 td input[type='datetime-local'],
.rentalContractContent table.tableType01 td input[type='datetime-local']::before,
.rentalContractContent table.tableType01 td input[type='date'] {
    width:80%;
}
.rentalContractContent table.tableType01 td.diverlicenseNum {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.rentalContractContent table.tableType01 td.diverlicenseNum .selectBox {
   width:48%;
   height:44px;
   margin-bottom:6px;
}
.rentalContractContent table.tableType01 td.diverlicenseNum .inputTextWrap {
   width:48%;
   margin-top:0;
   margin-bottom:6px;
   padding:6px;
}
.rentalContractContent table.tableType01 td.diverlicenseNum .inputTextWrap + .inputTextWrap {
    margin-bottom:0;
}
.rentalContractContent table.tableType01 td .inputTextWrap input[type="text"] {
    width:100%;
}
.retalContractContentText {
    max-height:200px;
    overflow-y:auto;
    padding:20px;
    border:1px solid #D5DCDB;
    border-radius:10px;
}
.retalContractContentText p {
    font-size:12px;
    font-weight:200;
    line-height:24px;
    color:#403F3F;
}
.rentalContractContent p.clauseInfo {
    margin-top:6px;
    font-size:12px;
    font-weight:400;
    line-height:24px;
    color:#403F3F;
}
.rentalContractContent .signWrap {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:16px;
    padding:20px;
    border:1px solid #D5DCDB;
    border-radius:10px;
}
.rentalContractContent .signWrap.signStamp {
	padding:10px 20px;
}
.rentalContractContent .signWrap .responsibility {
    font-size:16px;
    font-weight:400;
    color:#403F3F;
}
.rentalContractContent .signWrap .responsibility span {
    color:#2BA49E;
}
.rentalContractContent .signWrap .signArea {
    position:relative;
}
.rentalContractContent .signWrap .signArea .stampImg{
    width:50px;
    height:auto;
}
.rentalContractContent .signWrap .signArea a.sign {
    width:32px;
    height:32px;
    background:url('../images/icon/ic_beforeFingerprint.svg') center center no-repeat;
}
.rentalContractContent .signWrap .signArea a.sign.active {
    width:36px;
    height:36px;
    background:url('../images/icon/ic_afterFingerprint.svg') center center no-repeat;
}
.rentalContractContent .signWrap .signArea a.certification span.beforeCertification {
    padding:6px 7px 6px 12px;
    border-radius:5px;
    font-size:14px;
    font-weight:400;
    color:#FFF;
    background:#A0A6A5;
}
.rentalContractContent .signWrap .signArea a.certification span.beforeCertification::after {
	content:'';
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align: middle;
    background: url('../images/icon/ic_right_W.svg') no-repeat right center / 20px auto;
}
.rentalContractContent .signWrap .signArea a.certification .completeCertificationWrap {
    position:absolute;
    right:0;
    top:-25px;
}
.rentalContractContent .signWrap .signArea a.certification .completeCertificationWrap span {
    display:block;
    width:134px;
    text-align:center;
}
.rentalContractContent .signWrap .signArea a.certification .completeCertificationWrap span.completeCertification {
    padding:6px 12px;
    border-radius:5px;
    font-size:14px;
    font-weight:400;
    color:#FFF;
    background:#3683DA;
}
.rentalContractContent .signWrap .signArea a.certification .completeCertificationWrap span.completeCertification::before {
	content:'';
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_check_W.svg') no-repeat right center / 20px auto;
}
.rentalContractContent .signWrap .signArea a.certification .completeCertificationWrap span.completeDate {
    margin-top:2px;
    font-size:12px;
    font-weight:400;
    color:#A0A6A5;
}
.rentalContractContent .buttonWrap {
    margin-bottom:0;
}
.btnDownloadWrap {
    display:flex;
    justify-content:right;
    align-items:center;
    margin-top:20px;
}
.btnDownloadWrap a.btnDownload {
    font-size:14px;
    font-weight:400;
    color:#3DC1A9;
}
.btnDownloadWrap a.btnDownload::after {
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    margin-left:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_download.svg') no-repeat center center / 20px auto;
}

/* 일자별 배차 조회 */
.searchDailyOperatedTitleWrap {
    padding:30px 20px;
}
h2.searchDailyOperatedTitle {
    margin-bottom:10px;
    font-size:12px;
    font-weight:400;
    color:#E1A012;
}
.searchDailyOperatedContentWrap {
    padding-bottom:62px;
}
p.searchDailyOperatedContentDate {
    font-size:14px;
    font-weight:600;
    text-align:center;
    color:#3DC1A9;
}
p.searchDailyOperatedContentInfo {
    margin-bottom:20px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#403F3F;
}

/* 더보기 */
.moreMenuWrap {
    padding:30px 20px 62px;
}
h2.moreMenuTitle {
    margin-bottom:6px;
    font-size:12px;
    font-weight:400;
    color:#E1A012;
}
ul.moreMenuList {
    margin-bottom:30px;
}
ul.moreMenuList li a.btnGreenLine {
    display:block;
    margin-bottom:6px;
    padding:6px 12px;
    border:1px solid #2BA49E;
    border-radius:10px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    background:#FFF;
    color:#2BA49E;
}
ul.moreMenuList li a.btnGreenBg {
    display:block;
    margin-bottom:6px;
    padding:6px 12px;
    border:1px solid #2BA49E;
    border-radius:10px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    background:#2BA49E;
    color:#FFF;
}
.btnLogoutWrap {
    display:flex;
    justify-content:right;
    align-items:center;
}
.btnLogoutWrap a.btnLogout {
    font-size:14px;
    font-weight:400;
    color:#3DC1A9;
}
.btnLogoutWrap a.btnLogout::after {
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    margin-left:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_right.svg') no-repeat center center / 16px auto;
}

/* 계약관리 */
.contractManagementWrap {
    padding:30px 0;
    margin-bottom:62px;
}
.contractManagementTitleWrap {
    padding:0 20px;
}
.contractManagementTitleWrap h2.infoTitle {
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}
.contractManagementTitleWrap ol.infoList {
    margin:10px 0;
}
.contractManagementTitleWrap ol.infoList li {
    font-size:12px;
    font-weight:400;
    color:#686C6C;
}
.contractManagementTitleWrap p.infoText {
    margin:10px 0;
    font-size:12px;
    font-weight:400;
    color:#686C6C;
}
.contractManagementTitleWrap p.infoAlert {
    font-size:10px;
    font-weight:400;
    color:#D01D1D;
}
.contractManagementTableList {
    margin-top:30px;
}
/* 팝업 - 계약서이미지다운로드 */
.modalType01.popup_contractPaperDownload .modalContentWrap {
    padding:30px 20px 132px;
}
.contractImage {
    width:100%;
    height:594px;
    background:#D9D9D9;
}

/* 운행차량관리 */
.operationalVehicleManagementWrap {
    margin:30px 0;
}
.operationalVehicleManagementWrap p.managementInfo {
    margin:20px;
    font-size:12px;
    font-weight:400;
    color:#686C6C;
}
.operationalVehicleManagementWrap p.managementInfo::before {
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
    margin-right:6px;
    vertical-align: middle;
    background: url('../images/icon/ic_info.svg') no-repeat center center / 16px auto;
}
.operationalVehicleManagementWrap p.customerInfo {
    margin:0 20px;
    font-size:12px;
    font-weight:400;
    color:#E1A012;
}

/* 약관 정보 */
.termsContentWrap {
    margin-bottom:62px;
    padding:30px 20px 22px;
}
.termsButtonWrap {
    display:flex;
    justify-content:space-around;
    align-items:center;
}
.termsButtonWrap a {
    width:50%;
    padding:12px 24px;
    border-radius:8px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#686C6C;
    background:#F8F8F8;
}
.termsButtonWrap a + a {
    margin-left:6px;
}
.termsButtonWrap a.active {
    color:#FFF;
    background:#2BA49E;
}
.termsContent {
    max-height:480px;
    overflow-y:auto;
    margin-top:30px;
    padding:20px;
    border:1px solid #D5DCDB;
    border-radius:10px;
}
.termsContent .termsInfo {
    font-size:12px;
    font-weight:200;
    line-height:24px;
    color:#403F3F;
}
.termsContent .termsInfo b {
    font-weight:600;
}

/* 내 정보 수정 */
.myinformaitionModifyWrap {
    margin-bottom:62px;
    padding:30px 20px 22px;
}
.myinformaitionModifyWrap h2.infoTitle {
    font-size:14px;
    font-weight:600;
    color:#1D1F1F;
}
.myinformaitionModifyWrap p.infoText {
    margin:10px 0;
    font-size:12px;
    font-weight:400;
    color:#686C6C;
}
.officeInformationTable {
    margin:10px 0 40px;
}
.officeInformationTable table td .inputTextWrap {
    margin-top:0;
}
.officeInformationTable table td a.fileBizLicense {
    font-size:14px;
    font-weight:400;
    text-decoration:underline;
    color:#3683DA;
}
.officerInfoWrap {
    position:relative;
}
.officerInfoWrap a.btnOfficerInfoDelete {
    position:absolute;
    top:0;
    right:0;
    font-size:14px;
    font-weight:400;
    color:#3DC1A9;
}
.officerInfoTable {
    margin:10px 0 30px;
}
p.currentSaveInfo {
    font-size:12px;
    font-weight:400;
    color:#E1A012;
}

/* 운전면허증 진위 확인 */
.diversLicenseWrap {
    margin-bottom:62px;
    padding:30px 20px 22px;
}
p.diversLicenseInfo {
    font-size:12px;
    font-weight:400;
    color:#686C6C;
}
.diverLicenseTable {
    margin:20px 0;
}
.diverLicenseTable table.tableType01 td .inputTextWrap {
   margin-top:0;
}
.diverLicenseTable table.tableType01 td.diverlicenseNum {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    border-bottom:0;
}
.diverLicenseTable table.tableType01 td.diverlicenseNum .selectBox {
   width:48%;
   height:44px;
   margin-bottom:6px;
}
.diverLicenseTable table.tableType01 td.diverlicenseNum .selectBox .select {
    width:100%;
}
.diverLicenseTable table.tableType01 td.diverlicenseNum .inputTextWrap {
   width:48%;
   margin-top:0;
   margin-bottom:6px;
}
.diverLicenseTable table.tableType01 td.diverlicenseNum .inputTextWrap + .inputTextWrap {
    margin-bottom:0;
}
.diverLicenseTable table.tableType01 td .inputTextWrap input[type="text"] {
    width:100%;
}
p.diverLicenseAlert {
    margin-top:6px;
    font-size:10px;
    font-weight:400;
    color:#D01D1D;
}
.diverLicenseCheck {
    margin-top:10px;
    padding:26px 20px;
    border-radius:10px;
    border:1px solid #D5DCDB;
}
.diverLicenseCheck p {
    font-size:12px;
    font-weight:400;
    color:#403F3F;
}
.diverLicenseCheck {
    position:relative;
}
.diverLicenseCheck p span {
    color:#3DC1A9;
}
.diverLicenseCheck .iconCheckAccord {
    position:absolute;
    right:40px;
    top:24px;
    width:24px;
}
.diverLicenseCheck .iconCheckDiscord {
    position:absolute;
    right:40px;
    top:24px;
    width:20px;
}

/* 고객 - 본인인증 */
.personallyCertificationContentWrap {
    padding:40px 20px 120px;
}
.personallyCertification_Input {
    width:100%;
    height:50px;
    border-radius:10px;
    background:#EDF1F1;
}
.personallyCertification_Input span.inputIcon {
    display:inline-block;
    width:50px;
    padding:13px 0;
    vertical-align:middle;
    text-align:center;
    border-radius:10px 0 0 10px;
    background:#CBD6D2;
}
.personallyCertification_Input span.inputIcon img {
    width:24px;
}
.personallyCertification_Input span.inputArea {
    padding:13px 16px;
    font-size:16px;
    font-weight:200;
    vertical-align:middle;
    color:#A0A6A5;
}
.personallyCertification_Input span.inputArea  input[type="text"] {
    width:72%;
    font-size:16px;
    font-weight:200;
    color:#A0A6A5;
    background:#EDF1F1;
}
.personallyCertificationContentWrap p.inputAlert {
    display:block;
    margin:10px 0 22px;
    font-size:12px;
    font-weight:700;
    color:#D01D1D;
}
.personallyCertificationContentWrap p.inputAlert::before {
    content:'※';
    display:inline-block;
    margin-right:8px;
    font-size:12px;
    vertical-align: middle;
}
.personallyCertificationButtonWrap {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}
.personallyCertificationButtonWrap a {
    padding:11.5px 0;
    text-align:center;
    font-size:18px;
    font-weight:400;
    color:#FFF;
    background:#403F3F;
}