diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 56147c5..52818be 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -848,7 +848,7 @@ background-size: 75% auto;
.modal-video{display:flex;align-items: center;justify-content: center;}
.modal-video>.modal-content{height:90vh;}
-.uam-reservation{min-width:1200px;}
+.uam-reservation{min-width:1200px;position: relative;}
.uam-reservation .nav-link{transition:0.3s ease;-webkit-transition:0.3s ease;}
.uam-reservation .nav-link{border:0px;background-color:#242b3d}
.uam-reservation .nav-link.active span{font-weight:500}
@@ -912,7 +912,7 @@ background-size: 75% auto;
.reservation-date{margin-left:1.5rem;margin-right:1.5rem}
.reservation-date .box{display:flex!important;flex-direction: column;align-items:center;justify-content:center;background:#404656;border:2px solid #404656;border-radius: 0.1rem;padding:0.5rem;cursor:pointer;min-height:80px}
-.reservation-date .box.active{border-color: #7367f0;}
+.reservation-date .box.active{border-color: #7367f0;background:#7367f0;}
.reservation-date .box.active span{color:#fff;}
.reservation-date .box .date{display:block;font-size:0.875rem}
.reservation-date .box .state{font-size:1.25rem;font-weight:400;}
@@ -927,7 +927,7 @@ background-size: 75% auto;
.reservation-table table thead tr th{padding:0.8rem 0.4rem;font-weight:500;;}
.reservation-table table tbody tr td{padding:0.8rem 0;}
.reservation-table table tbody tr td:nth-child(4) .amount{border-left:0;border-right:0}
-.reservation-table table tbody tr td .amount{border:1px solid #404656;width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0px auto;line-height:1.2;}
+.reservation-table table tbody tr td .amount{border:1px solid #404656;width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0px auto;line-height:1.2;cursor: pointer;}
.reservation-table table tbody tr td .rate{font-size:0.875rem;font-weight:400;margin-left:4px}
.reservation-table .state{font-size:1.125rem;font-weight:400}
.reservation-table .flight span{display:block;}
@@ -939,7 +939,7 @@ background-size: 75% auto;
.reservation-table .alltime .line{display:inline-block;width:55%;height:1px;background:#b4b7bd;position: relative;}
.reservation-table .alltime .line::before{content:'';display:block;width:7px;height:7px;border-radius:100%;background:#b4b7bd;position:absolute;left:0;top:-3px;}
.reservation-table .alltime .line::after{content:'';display:block;width:7px;height:7px;border-radius:100%;background:#b4b7bd;position:absolute;right:0;top:-3px;}
-
+.reservation-table .amount.active{background:#7367f0;color:#fff}
.uam-reservation-quick{min-width:1200px}
.uam-reservation-quick .modal-title{width:100%}
@@ -948,3 +948,21 @@ background-size: 75% auto;
.uam-reservation-btn{display:flex;justify-content:space-between;margin-top:1rem}
.uam-reservation-btn button{min-width:120px}
+.fare-wrap{display:flex;}
+.fare-wrap .fare{flex:1;background:#343d55;border:1px solid #343d55;border-radius:0.357rem;text-align: left;padding:2rem 1.5rem;}
+.fare-wrap .fare *{color:rgba(255, 255, 255, 0.1)}
+.fare-wrap .fare + .fare{margin-left:1rem}
+.fare-wrap .fare.active{border-color:#7367f0}
+.fare-wrap .fare.active *{color:rgba(255, 255, 255, 0.8)}
+.fare-wrap .fare ul li h6{font-weight:500;font-size:1.125rem}
+.fare-wrap .fare ul li .ti{display:block;}
+.fare-wrap .fare ul li span{font-size:0.875rem}
+.fare-wrap .list-txt > li:first-child{padding-left:0;}
+.fare-wrap .list-txt > li:first-child::before{display:none;}
+.fare-wrap .list-txt > li {position: relative;padding-left:14px;font-size:0.875rem;word-break: keep-all;}
+.fare-wrap .list-txt > li + li{margin-top:1rem}
+.fare-wrap .list-txt > li:before {content:'';display: inline-block;width:4px;height:4px;background:rgba(255, 255, 255, 0.1);border-radius:50%;position: absolute;top: 7px;left:4px;}
+.fare-wrap .fare.active .list-txt > li:before{background:rgba(255, 255, 255, 0.8)}
+
+.text1{position:fixed;bottom:0;width:calc(100% - 260px);left:260px}
+.test{background:red;position:absolute;width:100%;bottom:0;}
\ No newline at end of file
diff --git a/src/views/control/setting/ControlReservation.js b/src/views/control/setting/ControlReservation.js
index 3a6ad3d..0aa1a14 100644
--- a/src/views/control/setting/ControlReservation.js
+++ b/src/views/control/setting/ControlReservation.js
@@ -231,6 +231,9 @@ export default function ControlReservation({ modal, handler }) {
)}
+
);
diff --git a/src/views/control/setting/steps/ReserveStep1.js b/src/views/control/setting/steps/ReserveStep1.js
index c515b39..95038fc 100644
--- a/src/views/control/setting/steps/ReserveStep1.js
+++ b/src/views/control/setting/steps/ReserveStep1.js
@@ -256,7 +256,7 @@ export default function ReserveStep1() {
-
+
76.000KRW
@@ -273,8 +273,66 @@ export default function ReserveStep1() {
|
- |
- ddd
+ |
+
+
+
+ -
+
특가운임 운임조건
+
+ -
+ 취소 수수료
+
+ 구매일 ~ 91일전까지 : 전액환불
+
+ 출발 이후 : 5,000원
+
+
+ -
+ 예약부도 위약금
+ 출발 이후 : 12,000원
+
+
+
+
+
+ -
+
할인운임 운임조건
+
+ -
+ 취소 수수료
+
+ 구매일 ~ 91일전까지 : 전액환불
+
+ 출발 이후 : 5,000원
+
+
+ -
+ 예약부도 위약금
+ 출발 이후 : 12,000원
+
+
+
+
+
+ -
+
정규운임 운임조건
+
+ -
+ 취소 수수료
+
+ 구매일 ~ 91일전까지 : 전액환불
+
+ 출발 이후 : 5,000원
+
+
+ -
+ 예약부도 위약금
+ 출발 이후 : 12,000원
+
+
+
+ |
@@ -318,9 +376,7 @@ export default function ReserveStep1() {
- |
- ddd
- |
+ |
|
@@ -363,9 +419,7 @@ export default function ReserveStep1() {
|
- |
- ddd
- |
+ |