/* 페이지 공통 여백 */
.page-guide-rental main{
  padding-top:0px;
}

/* HERO */
.page-guide-rental .hero-sub{
  max-width:1200px;
  margin:40px auto 0;
  padding:0 20px;
}
.page-guide-rental .hero-sub-img{
  width:100%;
  padding-top:40%;
  background:
    linear-gradient(to bottom,rgba(0,0,0,0.02),rgba(0,0,0,0.18)),
    url('../img/sub-top-03.jpg') center/cover no-repeat;
  position:relative;
}
.page-guide-rental .hero-label{
  position:absolute;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  font-size:11px;
  letter-spacing:3px;
  color:#f7f7f7;
}

/* INTRO */
.guide-intro{
  max-width:720px;
  margin:40px auto 0;
  padding:0 20px;
  text-align:center;
}
.section-title{
  font-size:15px;
  letter-spacing:3px;
  margin-bottom:14px;
}
.guide-intro-text{
  font-size:12px;
  color:#666;
}

/* 공통 섹션 */
.guide-section{
  max-width:1200px;
  margin:50px auto 0;
  padding:0 20px;
}
.section-header{
  margin-bottom:14px;
}
.section-label{
  display:block;
  font-size:13px;
  letter-spacing:2px;
  color:#a59686;
}
.section-subtitle{
  font-size:14px;
  margin-top:2px;
}

/* PROCESS - 가로형 */
.step-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  position:relative;
}
.step-list li{
  background:#fcfcfc;
  border:1px solid #eee;
  border-radius:6px;
  padding:20px 16px;
  text-align:center;
  position:relative;
}
.step-list li::after{
  content:"";
  position:absolute;
  top:50%;
  right:-10px;
  width:20px;
  height:1px;
  background:#e5e0da;
  transform:translateY(-50%);
}
.step-list li:last-child::after{display:none;}
.step-list p{font-size:12px;}
.step-badge{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#f3eee7;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#a8845a;
  margin:0 auto 8px;
}
.step-title{
  font-size:13px;
  color:#333;
  margin-bottom:4px;
}
.step-body p{
  font-size:12px;
  color:#666;
  line-height:1.5;
}

/* PRICE CARDS */
.price-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:16px;
}
.price-card{
  padding:14px 14px 12px;
  border-radius:4px;
  border:1px solid #e8e8e8;
  background:#f5f5f5;
}
.price-label{
  font-size:10px;
  letter-spacing:2px;
  color:#b7a192;
}
.price-name{
  font-size:13px;
  margin-top:2px;
  color:#333;
}
.price-main{
  font-size:13px;
  margin-top:4px;
  color:#222;
}
.price-card p{
  margin-top:4px;
  font-size:13px;
  color:#777;
}

/* TABLE */
.table-wrap{
  border:1px solid #f5f5f5;
  border-radius:3px;
  overflow:hidden;
  background:#fff;
}
.guide-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:13px;
}
.guide-table thead th{
  padding:10px 12px;
  background:#f5f5f5;
  border-bottom:1px solid #eee;
  text-align:center;
}
.guide-table tbody td{
  padding:10px 12px;
  border-top:1px solid #f5f5f5;
  text-align:center;
  color:#555;
}
.guide-table tbody tr:nth-child(even){
  background:#f5f5f5;
}
.guide-table--split td:nth-child(1),
.guide-table--split td:nth-child(3){
  text-align:left;
}

/* OPTION GRID */
.option-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 40px;
  margin-bottom:8px;
}
.option-grid ul{
  list-style:none;
  font-size:13px;
  color:#555;
  border-top:1px solid #eee;
  padding-top:10px;
}
.option-grid li{
  display:flex;
  justify-content:space-between;
  padding:6px 0;
  border-bottom:1px solid #f5f5f5;
}
.option-grid li span{
  padding-right:8px;
}
.option-grid li em{
  font-style:normal;
  color:#777;
}

/* GUIDE / CANCEL GRID */
.guide-cancel-grid{
  grid-template-columns:1fr;
}
.guide-cancel-grid ul{
  list-style:none;
  font-size:13px;
  color:#555;
  border-top:1px solid #eee;
  padding:10px 0 0 0;
}
.guide-cancel-grid ul li{
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:flex-start;
  padding:6px 0;
  border-bottom:1px solid #f5f5f5;
  /*margin:0 -20px;
  padding-left:20px;
  padding-right:20px;*/
}
.guide-cancel-grid ul li::before{
  content:"•";
  margin-right:6px;
  color:#c8b29a;
  flex-shrink:0;
}
.guide-cancel-grid ul li .util-wrap{
  margin-left:0;
}
.guide-cancel-grid .block-title{
  font-size:13px;
  color:#333;
  margin-bottom:6px;
}

.guide-link{
  color:#007aff;
  border-bottom:1px solid rgba(0,122,255,0.2);
}
.guide-tip, .guide-note{
  font-size:11px;
  color:#999;
  margin-top:4px;
}

.mb50{margin-bottom:50px;}

/* 반응형 */
@media (max-width:1024px){
  .step-list{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
  .step-list li::after{display:none;}
  .option-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .page-guide-rental .hero-sub-img{padding-top:48%;}
  .step-list{grid-template-columns:1fr;}
  .price-cards{grid-template-columns:1fr;}
}