@charset "UTF-8";
/* UUC_PUB sub_03_1_1~sub_03_2_2. 주차 신청 화면에만 적용한다. */
.parkingApplyPage .parkingRoundFilter{margin-bottom:3rem}
.parkingApplyPage .parkingRoundFilter select{min-width:24rem;height:5rem;padding:0 4rem 0 1.5rem;border:1px solid #ddd;background:#fff}
.parkingApplyPage .periodCont p{line-height:1.7}
.parkingApplyPage .periodCont .parkingPeriodGrid{width:100%}
.parkingApplyPage .periodCont .parkingScheduleNote{width:100%;margin-top:1.6rem;padding-top:1.6rem;border-top:1px solid #ddd}
.parkingApplyPage .parkingNoData{display:block!important}
.parkingApplyPage .parkingNoData .board_empty{width:100%}
.parkingApplyPage .parkingAddress{margin-top:1.2rem;color:#666}
.parkingApplyPage .parkingApplyFee{display:inline-block;margin:0 1.2rem .4rem 0}
.parkingApplyPage .dtlParking .parkingFeeList{display:flex;gap:1.6rem;flex-wrap:wrap}
.parkingApplyPage .dtlParking .parkingFeeList li{display:flex;align-items:center;gap:.6rem}
.parkingApplyPage .dtlParking .parkingFeeList span{color:#666}
.parkingApplyPage .dtlParking .parkingFeeList strong{white-space:nowrap}
.parkingApplyPage .btnLocation[disabled]{cursor:default;opacity:.45}
.parkingApplyPage .parkingApplyPagin[hidden]{display:none!important}
.parkingApplyPage .unitTable .tblBtn{white-space:nowrap}
.parkingApplyPage .priorityNotice{margin-bottom:3rem}
.parkingApplyPage .parkingPriorityGuide{margin-bottom:3rem}
.parkingApplyPage .priorityHistory{margin-top:5rem}
.parkingApplyPage .priorityHistory .midTit{margin-bottom:1.6rem}
.parkingApplyPage .prioritySummaryTable{margin-top:3rem}
.parkingApplyPage .prioritySectionChooser{margin-top:4rem;scroll-margin-top:2rem}
.parkingApplyPage .prioritySectionChooser[hidden]{display:none!important}
.parkingApplyPage .prioritySectionChooser .midTit{margin-bottom:1.6rem}
.parkingApplyPage .applyCont>.left>dl>dt small{display:block;margin-top:.6rem;color:#666;font-size:1.4rem;font-weight:400}
.parkingApplyPage .applyCont .formSelect select{width:100%;height:5rem;padding:0 1.5rem;border:1px solid #ddd;background:#fff}
.parkingApplyPage .applyCont .info.typeForm>li{align-items:center}
.parkingApplyPage .applyCont .formText input[readonly]{color:#555;background:#f7f7f7}
.parkingApplyPage .parkingApplicantInfo .formText{width:100%}
.parkingApplyPage .applyCont>.right .stepCont[hidden]{display:none!important}
.parkingApplyPage .applyCont>.right .whiteBox{padding:0 2rem}
.parkingApplyPage .applyCont>.right .whiteBox>dl{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0;border-bottom:1px solid #ddd}
.parkingApplyPage .applyCont>.right .whiteBox>dl:last-child{border-bottom:0}
.parkingApplyPage .applyCont>.right .whiteBox>dl>dt{font-weight:600}
.parkingApplyPage .applyCont>.right .whiteBox>dl>dd{min-width:0;text-align:right}
.parkingApplyPage .applyCont>.right .whiteBox .formSelect{min-width:18rem}
.parkingApplyPage .termsBox .innerWrap{display:flex;gap:1rem;justify-content:center}
.parkingApplyPage .parkingApplyNotice{margin:1.5rem 0;color:#c45500;line-height:1.6}
.parkingApplyPage .agreementList{display:grid;gap:1rem;margin:1.5rem 0}
.parkingApplyPage .agreementList label{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f5f6f8;line-height:1.5}
.parkingApplyPage .agreementList input{width:2rem;height:2rem;flex:0 0 auto}
.parkingApplyPage .subText{color:#666}
.parkingApplyPage .stepUnit li.isActive{font-weight:700}
.parkingApplyPage .priorityEmpty td{padding:5rem 1rem!important;text-align:center!important}
@media(max-width:1280px){
  .parkingApplyPage .parkingRoundFilter select{width:100%;min-width:0}
  .parkingApplyPage .priorityHistory{margin-top:3rem}
  .parkingApplyPage .applyCont>.right .whiteBox>dl{align-items:flex-start;flex-direction:column;gap:.8rem}
  .parkingApplyPage .applyCont>.right .whiteBox>dl>dd{width:100%;text-align:left}
  .parkingApplyPage .applyCont>.right .whiteBox .formSelect{width:100%;min-width:0}
  .parkingApplyPage .termsBox .innerWrap{flex-wrap:wrap}
}
@media(max-width:600px){
  .parkingApplyPage .unitTable table{min-width:68rem}
  .parkingApplyPage .dtlParking .parkingFeeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}

/* 공통 퍼블 모달 디자인과 브라우저의 포커스/ESC 닫기를 함께 사용한다. */
dialog.parkingPrivacyModal{margin:0;padding:0;border:0;max-width:none;max-height:none;background:transparent}
dialog.parkingPrivacyModal[open]{display:block}
dialog.parkingPrivacyModal::backdrop{background:rgba(255,255,255,.9)}
.parkingPrivacyModal .tit{padding:0 2.5rem}
.parkingApplyPage .parkingPrivacyButton{display:inline-block;padding:.6rem 1rem;margin:.4rem .8rem .4rem 0;border:1px solid #aaa;border-radius:.6rem;background:#fff;color:#333;font-size:1.4rem;line-height:1.5;text-decoration:underline}