@charset "utf-8";

/* 서브상단 타이틀 바 */
.breadcrumbs .page-header {padding:140px 0 80px 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";background-color:rgba(0, 0, 0, 0.3);position:absolute;inset:0;}
.breadcrumbs .page-header h2 {font-size:2.50rem;font-weight:500;color:#fff;padding:0 0 20px 0;}
.breadcrumbs .page-header p {color:rgba(255, 255, 255, 0.8);}

@media (max-width:768px) {
.breadcrumbs .page-header {padding:80px 0 40px 0;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.breadcrumbs .page-header:before {content:"";background-color:rgba(0, 0, 0, 0.3);position:absolute;inset:0;}
.breadcrumbs .page-header h2 {font-size:1.25rem;font-weight:500;color:#fff;padding:0;}
.breadcrumbs .page-header p {font-size:0.69rem;color:rgba(255, 255, 255, 0.8);}
}

/* 서브페이지 네비 */
.sub_navi_wrap {position:relative;width:100%;height:46px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:100%;max-width:1296px;margin:0 auto;}
.sub_navi .navi {float:left;font-size:1.00rem;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:46px;height:46px;background:url("../img/navi_home.png") no-repeat 17px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:46px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li:first-child {margin-left:0px;}
.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:160px;line-height:46px;color:#555;font-size:0.88rem;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 21px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 21px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:45px;width:100%;border:1px solid #e7e7e7;border-top:0;
background:#fff;/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ box-sizing:content-box;display:none;z-index:9999999}
.sub_navi .navi > li.navili .selectnavi.open {display:block;}	
.sub_navi .navi > li.navili .selectnavi li {background:#fff;}
.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:46px;font-size:0.88rem;}
.sub_navi .navi > li.navili .selectnavi li a:hover,
.sub_navi .navi > li.navili .selectnavi li a:focus {background:#f9f9f9;}
.sub_navi .navi > li.navili .selectnavi li.on a {color:#777;}

@media (max-width:1140px) {
.sub_navi_wrap {position:relative;width:100%;height:36px;border-bottom:1px solid #ddd;background:#fff;}
.sub_navi {position:relative;width:100%;margin:0 auto;}
.sub_navi .navi {float:left;font-size:0.88rem;font-weight:600;letter-spacing:-0px;}
.sub_navi .navi > li.home a {display:block;width:36px;height:36px;background:url("../img/navi_home.png") no-repeat 11px 50%;text-indent:-99999px;}
.sub_navi .navi > li {float:left;position:relative;height:36px;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px;}

.sub_navi .navi > li.navili > a {display:block;padding:0 0px 0 15px;min-width:130px;line-height:36px;color:#555;font-size:0.75rem;}
.sub_navi .navi > li.navili > a {background:url("../img/navi_down.png") no-repeat right 16px;}
.sub_navi .navi > li.navili.on > a {background:url("../img/navi_up.png") no-repeat right 16px;}
.sub_navi .navi > li.navili .selectnavi {position:absolute;left:-1px;top:35px;width:100%;border:1px solid #e7e7e7;border-top:0;}

.sub_navi .navi > li.navili .selectnavi li a {display:block;padding:0 0 0 25px;border-top:1px solid #e7e7e7;color:#777;text-decoration:none;line-height:36px;font-size:0.75rem;}
}


/* 서브 회사소개 */
.company .content h3 {font-weight:600;font-size:1.88rem;line-height:40px;}
.company .content ul {list-style:none;padding:0;}
.company .content ul li {display:flex;align-items:flex-start;margin-top:35px;}
.company .content ul h5 {font-size:1.13rem;font-weight:600;}
.company .content ul p {font-size:1.00rem;line-height:26px;}
.company .content p:last-child {margin-bottom:0;}
.sub_about_r p {text-align:right;margin:15px 0 0 0 }

@media (max-width:768px) {
  .company .content h3 {font-weight:600;font-size:1.25rem;line-height:24px;}
  .company .content ul p {font-size:0.88rem;line-height:20px;}
  .company .content ul li {display:flex;align-items:flex-start;margin-top:25px;}
}


/* 서브 맵 */
.mapwrap {position:absolute;left:0;bottom:40px;width:322px;height:102px;margin-left:-161px;text-align:left;overflow:hidden;line-height:1.5;}
.mapwrap * {padding:0;margin:0;}
.mapwrap .mapinfo {width:320px;height:90px;border-radius:5px;border-bottom:2px solid #ccc;border-right:1px solid #ccc;overflow:hidden;background:#fff;}
.mapwrap .mapinfo:nth-child(1) {border:0;box-shadow:0px 1px 2px #888;}
.mapinfo .mapbody {position:relative;overflow:hidden;}
.mapinfo .mapdesc {position:relative;margin:13px 0 0 90px;height:75px;}
.mapdesc .mapellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mapdesc .mapjibun {color:#888;margin:4px 0 2px 0;}
.mapinfo .mapimg {position:absolute;top:8px;left:5px;width:74px;height:72px;border:1px solid #ddd;color:#888;overflow:hidden;}
.mapinfo:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:0;width:22px;height:12px;}


/* 서브 이용안내 */
.information .box {padding:30px;position:relative;overflow:hidden;background:#fff;box-shadow:0 10px 29px 0 rgba(68, 88, 144, 0.1);transition:all 0.3s ease-in-out;text-align:center;height:100%;}
.information .box:hover {transform:scale(1.1);}
.information .icon {margin:0 auto 15px auto;padding-top:12px;display:inline-block;text-align:center;border-radius:50%;width:60px;height:60px;}
.information .icon i {font-size:2.25rem;line-height:0;}
.information .title {font-weight:700;margin-bottom:15px;font-size:1.13rem;}
.information .title a {color:#111;}
.information .box:hover .title a {color:#1bb1dc;}
.information .description {line-height:28px;margin-bottom:0;text-align:left;}


/* 서브 주차요금 */
.pricing .box {padding:20px;background:#fff;text-align:center;box-shadow:0px 0px 4px rgba(0, 0, 0, 0.12);border-radius:5px;position:relative;overflow:hidden;}
.pricing h3 {font-weight:400;margin:-20px -20px 20px -20px;padding:20px 15px;font-size:1.00rem;font-weight:600;color:#847872;background:#f8f8f8;}
.pricing ul {padding:0;list-style:none;color:#4d4643;text-align:center;line-height:20px;}
.pricing ul li {padding-bottom:16px;}
.pricing ul i {color:var(--color-secondary);font-size:1.13rem;padding-right:4px;}
.pricing ul .na {color:#ccc;text-decoration:line-through;}
.pricing .btn-wrap {margin:20px -20px -20px -20px;padding:20px 15px;background:#f8f8f8;text-align:center;}
.pricing .btn-buy {background:var(--color-secondary);display:inline-block;padding:8px 35px 10px 35px;border-radius:4px;color:#fff;transition:none;font-weight:400;font-weight:600;transition:0.3s;}
.pricing .btn-buy:hover {background:var(--color-primary1);}
.pricing .featured h3 {color:#fff;background:var(--color-secondary);}
.pricing .advanced {width:200px;position:absolute;top:18px;right:-68px;transform:rotate(45deg);z-index:1;padding:1px 0 3px 0;background:var(--color-secondary);color:#fff;}

.pricing1 .container {padding:20px 0 0 0;}
.pricing1 .content ul {list-style:none;padding:0;}
.pricing1 .content ul li {padding-left:28px;position:relative;}
.pricing1 .content ul li+li {margin-top:10px;}
.pricing1 .content ul i {position:absolute;left:0;top:2px;font-size:1.25rem;color:var(--color-secondary);line-height:1;}


/* 서브페이지 제목 타이틀 */
.sub_title {font-size:1.25rem;font-weight:600;margin:40px 0 0 0;}
.sub_title:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}

@media (max-width:768px) {
  .sub_title {font-size:1.13rem;font-weight:600;margin:40px 0 0 0;}
}


/* 서브페이지 인사말 테이블 */
table.sub_table {width:100%;border-collapse:collapse;font-size:1.15em;line-height:2.0;}
table.sub_table tbody {border-top:2px solid #464e6b;}
table.sub_table tbody th {width:20%;padding:10px;font-weight:bold;text-align:center;border-bottom:1px solid #e5e5e5;background:#f8f8f8;color:#404040;}
table.sub_table td {width:30%;color:#777;padding:10px 10px 10px 10px;border-bottom:1px solid #e5e5e5;}

@media (max-width:768px) {
  table.sub_table {width:100%;border-collapse:collapse;font-size:0.88rem;line-height:2.0;}
}


/* 서브페이지 오시는길 테이블 */
table.sub_table1 {width:100%;border-collapse:collapse;font-size:1.15em;line-height:2.0;}
table.sub_table1 tbody {border-top:2px solid #464e6b;}
table.sub_table1 tbody th {width:20%;padding:10px;font-weight:bold;text-align:center;border-bottom:1px solid #e5e5e5;background:#f8f8f8;color:#404040;}
table.sub_table1 td {width:80%;color:#777;padding:10px 10px 10px 40px;border-bottom:1px solid #e5e5e5;}

@media (max-width:768px) {
  table.sub_table1 {width:100%;border-collapse:collapse;font-size:0.88rem;line-height:2.0;}
}


/* 테이블 반응형 */
@media screen and (max-width:765px) and (min-width:300px){
.table-container{width:100%;overflow-x:auto;white-space:nowrap;}
 table{width:auto;}
::-webkit-scrollbar { -webkit-appearance:none;} 
::-webkit-scrollbar:vertical { width:12px;} 
::-webkit-scrollbar:horizontal { height:8px;} 
::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5);border-radius:10px;border:2px solid #ffffff;} 
::-webkit-scrollbar-track { border-radius:10px;background-color:#ffffff;}
}

/* 서브페이지 박스 */
.sub_title1 h4 {color:#020202;font-size:1.25rem;font-weight:600;margin:0 0 10px 0;}
.sub_title1:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}
.sub_title2 h4 {color:#020202;font-size:1.25rem;font-weight:600;margin:30px 0 10px 0;}
.sub_title2:after {content:'';display:block;width:40px;height:2px;margin:15px 0 15px;background:#464E6B;}

@media (max-width:768px) {
  .sub_title1 h4 {color:#020202;font-size:1.13rem;font-weight:600;margin:0 0 10px 0;}
  .sub_title2 h4 {color:#020202;font-size:1.13rem;font-weight:600;margin:30px 0 10px 0;}
}

.sub_box1 {width:100%;overflow:hidden;padding:15px;margin:0px;border:2px solid #E5E5E5;clear:both;}
.sub_box1 p {font-size:0.94rem;color:#777;margin:0 0 0 0;letter-spacing:-0.05em;line-height:1.8em}
.sub_box1 ul {list-style:circle;padding-left:20px;font-size:0.94rem;color:#777;letter-spacing:-0.1em;line-height:1.8em}
.sub_box1 p.txtb {font-weight:600;color:var(--color-primary1);line-height:170%;}

@media (max-width:768px) {
  .sub_box1 p {font-size:0.88rem;color:#777;margin:0 0 0 0;letter-spacing:-0.05em;line-height:1.8em}
  .sub_box1 ul {list-style:circle;padding-left:20px;font-size:0.88rem;color:#777;letter-spacing:-0.1em;line-height:1.8em}
}


/* 서브페이지 항공사정보 테이블 */
table.sub_table2 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:0.94rem;color:#777;}
table.sub_table2 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table2 thead .th1 {width:15%;}
table.sub_table2 thead .th2 {width:10%;}
table.sub_table2 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.sub_table2 .tr1 {background:#f9f9f9;}

@media (max-width:768px) {
  table.sub_table2 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:0.88rem;color:#777;}
}


/* 서브페이지 인천공항 오시는길 테이블 */
table.sub_table3 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.5;border-left:1px solid #e5e5e5;font-size:0.94rem;color:#777;}
table.sub_table3 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table3 thead .th1 {width:18%;}
table.sub_table3 thead .th2 {width:28%;}
table.sub_table3 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

@media (max-width:768px) {
  table.sub_table3 {width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.5;border-left:1px solid #e5e5e5;font-size:0.88rem;color:#777;}
}


/* 서브페이지 주차요금 테이블 */
table.sub_table4 {border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:0.94rem;color:#777;}
table.sub_table4 thead th {padding:10px;font-weight:bold;line-height:2.0;border-top:2px solid #464E6B;border-right:1px solid #e5e5e5;border-bottom:1px solid #C6C6C6;background:#F8F8F8;}
table.sub_table4 td {padding:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.sub_table4 .th0 {width:75px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .th1 {width:165px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .th2 {width:465px;padding:10px;font-weight:bold;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#F8F8F8;}
table.sub_table4 .tr1 {background:#f9f9f9;}
table.sub_table4 .tr2 {color:#FF0000;}
table.sub_table4 .td2 {text-align:left;}

@media (max-width:768px) {
  table.sub_table4 {border-collapse:collapse;text-align:center;vertical-align:middle;line-height:2.0;border-left:1px solid #e5e5e5;font-size:0.88rem;color:#777;}
}

/* 서브 회사소개2 추가 */
.company_title {font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:2rem;line-height:1.3;}
.company_img_wrap {width:100%;height:320px;border-radius:1rem;overflow:hidden;margin-bottom:3rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);}
.content_img {width:100%;height:100%;object-fit:cover;}
.content_desc {color:#475569;font-size:1.1rem;line-height:1.8;margin-bottom:3rem;word-break:keep-all;}
.content_divider {height:4px;width:80px;background-color:#2957DA;margin:0 auto;border-radius:9999px;}

@media (max-width:768px) {
    .company_title {font-size:1.75rem;}
    .company_img_wrap {height:210px;}
    .content_desc {color:#475569;font-size:1.0rem;line-height:1.8;margin-bottom:3rem;word-break:keep-all;}
}


/* 서브 주차요금 계산 */
 #reservation_page .calculator-card {background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.1);overflow:hidden;margin-top:-140px;position:relative;z-index:999;max-width:1024px;margin-left:auto;margin-right:auto;border:1px solid #eee;}

#reservation_page .calc-header {background-color:#2957DA;/* Theme Color Blue */color:white;padding:2rem;text-align:center;}
#reservation_page .calc-header h3 {font-size:1.5rem;font-weight:700;margin-bottom:0.25rem;color:#fff;}
#reservation_page .calc-header p {color:rgba(255,255,255,0.9);font-size:0.94rem;margin:0;}
#reservation_page .calc-body {padding:2.5rem;}

@media (max-width: 768px) {
  #reservation_page .calc-header {background-color:#2957DA;/* Theme Color Blue */color:white;padding:2rem;text-align:center;}
  #reservation_page .calc-header h3 {font-size:1.38rem;font-weight:700;margin-bottom:0.25rem;color:#fff;}
  #reservation_page .calc-header p {color:rgba(255,255,255,0.9);font-size:0.88rem;margin:0;}
  #reservation_page .calc-body {padding:1.5rem;}
}


/* 타이틀 */
#reservation_page .form-label {display:block;font-size:0.95rem;font-weight:bold;color:#555;margin-bottom:0.5rem;}

/* input */
#reservation_page .form-control-custom, .form-select-custom {width:100%;padding:0.75rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0.5rem;transition:all 0.2s;outline:none;height:48px;}
#reservation_page .form-control-custom:focus, .form-select-custom:focus {border-color:#26AAD4;box-shadow:0 0 0 2px rgba(38, 170, 212, 0.2);}

/* 주차장 선택 Radio Button */
#reservation_page .radio-group {display:flex;gap:1rem;width:100%;}
#reservation_page .radio-card-label {cursor:pointer;position:relative;flex:1;}
#reservation_page .radio-card-label input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#reservation_page .radio-card-content {background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:0.5rem;padding:0.69rem;text-align:center;transition:all 0.2s;height:100%;display:flex;flex-direction:column;justify-content:center;}
#reservation_page .radio-card-label input:checked + .radio-card-content {background-color:#eef9fc;border-color:#26AAD4;color:#0b4e6b;}
#reservation_page .radio-card-title {font-weight:700;display:block;font-size:1rem;}


/* 예상 요금 Inputs */
#reservation_page .result-input {background-color:#f1f5f9;font-weight:700;text-align:center;color:#333;font-size:1.1rem;border:1px solid #ddd;}
#reservation_page .result-price {color:#e11d48;/* Red Accent for Price */}

/* 예약 Button */
#reservation_page .btn-submit-main {width:100%;padding:1rem;background-color:#333;/* Dark button */color:white;font-weight:700;border-radius:0.5rem;border:none;font-size:1.125rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.2s;height:48px;display:flex;align-items:center;justify-content:center;}
#reservation_page .btn-submit-main:hover {background-color:#000;transform:translateY(-2px);}

/* Datepicker Customization */
#reservation_page .ui-datepicker { z-index:9999 !important;font-size:0.9rem;}
#reservation_page .ui-widget-header { background:#26AAD4;color:white;border:none;}
#reservation_page .ui-state-default, .ui-widget-content .ui-state-default { border:1px solid #eee;background:#fff;}
#reservation_page .ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#eef9fc;color:#26AAD4;border-color:#26AAD4;}
#reservation_page .ui-state-active, .ui-widget-content .ui-state-active { background:#26AAD4;color:white;border-color:#26AAD4;}
 
 
#reservation_page { padding: 0; }
#reservation_page .calculator-card { margin-top: 0; max-width: 100%; }
#reservation_page .reserve-inner { max-width: 1024px; margin: 0 auto; }
#reservation_page .reserve-section { margin-top: 28px; }
#reservation_page .reserve-card-body { padding: 2.5rem; background: #fff; }
#reservation_page .reserve-subtitle { display: block; margin-bottom: .5rem; font-size: .95rem; font-weight: 700; color: #555; }
#reservation_page .calc-note { margin-top: 10px; font-size: 13px; line-height: 1.6; color: #ff2d2d; font-weight: 700; }
#reservation_page .reserve-form-row { margin-bottom: 1.25rem; }
#reservation_page .reserve-form-row .form-control-custom { height: 50px; }
#reservation_page .privacy-box { margin-top: 1.5rem; }
#reservation_page .privacy-title { margin: 0 0 .75rem; font-size: 1rem; font-weight: 700; color: #333; }
#reservation_page .privacy-textarea { width: 100%; height: 140px; resize: none; font-size: .875rem; line-height: 1.7; color: #777; background: #fff; border: 1px solid #e2e8f0; border-radius: .5rem; padding: 1rem; }
#reservation_page .privacy-check { margin-top: .75rem; color: #666; font-size: .875rem; }
#reservation_page .privacy-check input { margin-right: 6px; }
#reservation_page .btn-submit-main { margin-top: 2rem; }
@media (max-width: 767px) {
    #reservation_page { padding: 0; }
    #reservation_page .reserve-card-body { padding: 1.5rem; }
}


 /* 서브 예약 확인 */
#reserve_check_page { padding: 0; }
#reserve_check_page .check-wrap { margin: 0 auto; }
#reserve_check_page .check-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08); overflow: hidden; }
#reserve_check_page .check-head { padding: 28px 32px 20px; border-bottom: 1px solid #eef2f7; }
#reserve_check_page .check-head h2 { margin: 0; font-size: 30px; font-weight: 700; color: #1f2937; }
#reserve_check_page .check-head p { margin: 10px 0 0; color: #6b7280; font-size: 15px; }
#reserve_check_page .check-body { padding: 28px 32px 28px; }
#reserve_check_page .check-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
#reserve_check_page .check-count { font-weight: 700; color: #4b5563; }
#reserve_check_page .check-search { display: flex; gap: 8px; align-items: center; }
#reserve_check_page .check-search select,
#reserve_check_page .check-search input { height: 40px; border: 1px solid #d1d5db; border-radius: 8px; padding: 0 12px; background: #fff; }
#reserve_check_page .check-search button { height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: #374151; color: #fff; font-weight: 700; }
#reserve_check_page .check-table-wrap { overflow-x: auto; }
#reserve_check_page table { width: 100%; border-collapse: collapse; }
#reserve_check_page thead th { background: #f8fafc; color: #374151; font-size: 14px; font-weight: 700; padding: 14px 10px; border-top: 2px solid #1f2937; border-bottom: 1px solid #dbe3ec; text-align: center; }
#reserve_check_page tbody td { padding: 16px 10px; border-bottom: 1px solid #eef2f7; color: #374151; text-align: center; vertical-align: middle; }
#reserve_check_page tbody tr { cursor: pointer; }
#reserve_check_page tbody tr:hover { background: #f9fbff; }
#reserve_check_page .cell-name { text-align: left; font-weight: 700; }
#reserve_check_page .cell-sub { display: none; margin-top: 6px; color: #9ca3af; font-size: 12px; font-weight: 400; }
#reserve_check_page .status-ready { color: #2563eb; font-weight: 700; }
#reserve_check_page .status-cancel { color: #ef4444; font-weight: 700; }
#reserve_check_page .status-done { color: #16a34a; font-weight: 700; }
#reserve_check_page .empty-row { padding: 56px 12px; color: #9ca3af; }
#reserve_check_page .paging-area { margin-top: 44px; padding-bottom: 0; text-align: center; }
#reserve_check_page .paging-area .pg_wrap { float: none; display: block; margin: 0; padding: 0; text-align: center; }
#reserve_check_page .paging-area .pg { display: inline-block; }
#reserve_check_page .pw-modal { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 16px; }
#reserve_check_page .pw-modal.open { display: flex; }
#reserve_check_page .pw-box { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; box-shadow: 0 18px 50px rgba(15, 23, 42, 0.25); padding: 28px; }
#reserve_check_page .pw-box h3 { margin: 0 0 10px; font-size: 24px; font-weight: 700; color: #1f2937; }
#reserve_check_page .pw-box p { margin: 0 0 18px; color: #6b7280; font-size: 14px; line-height: 1.6; }
#reserve_check_page .pw-box input[type=password] { width: 100%; height: 44px; border: 1px solid #d1d5db; border-radius: 8px; padding: 0 12px; }
#reserve_check_page .pw-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
#reserve_check_page .pw-actions button,
#reserve_check_page .pw-actions input[type=submit] { height: 42px; padding: 0 16px; border-radius: 8px; font-weight: 700; }
#reserve_check_page .btn-cancel { border: 1px solid #d1d5db; background: #f3f4f6; color: #374151; }
#reserve_check_page .btn-confirm { border: 0; background: #2957da; color: #fff; }
@media (max-width: 767px) {
    #reserve_check_page { padding: 0; }
    #reserve_check_page .check-head { padding-left: 18px; padding-right: 18px; }
    #reserve_check_page .check-body { padding: 28px 18px 28px; }
    #reserve_check_page .check-toolbar { flex-direction: column; align-items: stretch; }
    #reserve_check_page .check-search { width: 100%; flex-wrap: wrap; }
    #reserve_check_page .check-search select,
    #reserve_check_page .check-search input,
    #reserve_check_page .check-search button { width: 100%; }
    #reserve_check_page .hide-mobile { display: none; }
    #reserve_check_page .cell-name { text-align: left; }
    #reserve_check_page .cell-sub { display: block; }
    #reserve_check_page .paging-area { margin-top: 36px; padding-bottom: 0; }
}


 /* 서브 예약 상세 내역 */
#reserve_view_page { padding: 0; }
#reserve_view_page .view-wrap { max-width: 1024px; margin: 0 auto; }
#reserve_view_page .view-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08); overflow: hidden; }
#reserve_view_page .view-head { background: #374151; color: #fff; text-align: center; padding: 24px; }
#reserve_view_page .view-head h2 { margin: 0; font-size: 30px; font-weight: 700; color: #fff; }
#reserve_view_page .view-head p { margin: 8px 0 0; color: rgba(255,255,255,.8); font-size: 14px; }
#reserve_view_page .view-body { padding: 32px; }
#reserve_view_page .status-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 18px; margin-bottom: 24px; border-bottom: 1px solid #eef2f7; }
#reserve_view_page .status-bar strong { font-size: 20px; color: #2563eb; }
#reserve_view_page .status-time { color: #6b7280; font-size: 14px; }
#reserve_view_page .info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; }
#reserve_view_page .label { display: block; margin-bottom: 6px; color: #6b7280; font-size: 13px; font-weight: 700; }
#reserve_view_page .value { color: #111827; font-size: 17px; font-weight: 700; line-height: 1.6; }
#reserve_view_page .schedule-box { grid-column: 1 / -1; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; }
#reserve_view_page .schedule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
#reserve_view_page .schedule-col + .schedule-col { border-left: 1px solid #dbe3ec; padding-left: 18px; }
#reserve_view_page .schedule-time { display: block; font-size: 22px; font-weight: 700; color: #1d4ed8; margin-bottom: 8px; }
#reserve_view_page .price-row { display: flex; align-items: center; gap: 10px; }
#reserve_view_page .price-row .value { color: #e11d48; font-size: 28px; font-weight: 800; }
#reserve_view_page .pay-badge { display: inline-block; margin-left: 8px; padding: 4px 10px; border: 1px solid #d1d5db; border-radius: 999px; background: #fff; color: #6b7280; font-size: 12px; font-weight: 700; }
#reserve_view_page .action-row { margin-top: 28px; padding-top: 24px; border-top: 1px solid #eef2f7; }
#reserve_view_page .action-row h3 { margin: 0 0 12px; font-size: 20px; font-weight: 700; color: #1f2937; }
#reserve_view_page .action-row p { margin: 0 0 16px; color: #6b7280; font-size: 14px; }
#reserve_view_page .btn-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
#reserve_view_page .btn-primary,
#reserve_view_page .btn-dark,
#reserve_view_page .btn-light { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 8px; font-weight: 700; }
#reserve_view_page .btn-primary { background: #dc2626; color: #fff; }
#reserve_view_page .btn-dark { background: #374151; color: #fff; }
#reserve_view_page .btn-light { background: #f3f4f6; color: #374151; border: 1px solid #d1d5db; }
@media (max-width: 767px) {
    #reserve_view_page { padding: 0; }
    #reserve_view_page .view-body { padding: 20px 18px; }
    #reserve_view_page .status-bar { flex-direction: column; align-items: flex-start; }
    #reserve_view_page .info-grid,
    #reserve_view_page .schedule-grid { grid-template-columns: 1fr; }
    #reserve_view_page .schedule-col + .schedule-col { border-left: 0; padding-left: 0; border-top: 1px solid #dbe3ec; padding-top: 18px; }
}