|
|
|
@ -4,8 +4,16 @@ import Slider from 'react-slick';
|
|
|
|
|
import 'slick-carousel/slick/slick.css'; |
|
|
|
|
import 'slick-carousel/slick/slick-theme.css'; |
|
|
|
|
|
|
|
|
|
import { Badge, Button } from 'reactstrap'; |
|
|
|
|
import { ArrowRight } from 'react-feather'; |
|
|
|
|
import { |
|
|
|
|
Badge, |
|
|
|
|
Button, |
|
|
|
|
Modal, |
|
|
|
|
ModalHeader, |
|
|
|
|
ModalBody, |
|
|
|
|
ModalFooter, |
|
|
|
|
Alert |
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
import { ArrowRight, XCircle, X } from 'react-feather'; |
|
|
|
|
|
|
|
|
|
export default function ReserveStep1() { |
|
|
|
|
const settings = { |
|
|
|
@ -15,17 +23,135 @@ export default function ReserveStep1() {
|
|
|
|
|
slidesToShow: 7, |
|
|
|
|
slidesToScroll: 1 |
|
|
|
|
}; |
|
|
|
|
const [centeredModal, setCenteredModal] = useState(false); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className='step-reservation'> |
|
|
|
|
<div className='step-box'> |
|
|
|
|
<div className='uam-reservation-tab-list'> |
|
|
|
|
<div className='list'>고양 킨텍스</div> |
|
|
|
|
<div className='list'>여의도 공원</div> |
|
|
|
|
<div className='list'>2023. 10. 22(목) ~ 2023. 11. 01(목)</div> |
|
|
|
|
<div className='list'>성인 1명, 소아 1명, 유아 1명</div> |
|
|
|
|
<Button>수정</Button> |
|
|
|
|
<div |
|
|
|
|
className='list' |
|
|
|
|
onClick={() => setCenteredModal(!centeredModal)} |
|
|
|
|
> |
|
|
|
|
고양 킨텍스 |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
className='list' |
|
|
|
|
onClick={() => setCenteredModal(!centeredModal)} |
|
|
|
|
> |
|
|
|
|
여의도 공원 |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
className='list' |
|
|
|
|
onClick={() => setCenteredModal(!centeredModal)} |
|
|
|
|
> |
|
|
|
|
2023. 10. 22(목) ~ 2023. 11. 01(목) |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
className='list' |
|
|
|
|
onClick={() => setCenteredModal(!centeredModal)} |
|
|
|
|
> |
|
|
|
|
성인 1명, 소아 1명, 유아 1명 |
|
|
|
|
</div> |
|
|
|
|
<Button onClick={() => setCenteredModal(!centeredModal)}>수정</Button> |
|
|
|
|
</div> |
|
|
|
|
<Modal |
|
|
|
|
isOpen={centeredModal} |
|
|
|
|
toggle={() => setCenteredModal(!centeredModal)} |
|
|
|
|
className='modal-dialog-centered uam-reservation-quick' |
|
|
|
|
> |
|
|
|
|
<ModalHeader> |
|
|
|
|
<div className='uam-reservation-tab-list'> |
|
|
|
|
<div className='list'>고양 킨텍스</div> |
|
|
|
|
<div className='list'>여의도 공원</div> |
|
|
|
|
<div className='list'>2023. 10. 22(목) ~ 2023. 11. 01(목)</div> |
|
|
|
|
<div className='list'>성인 1명, 소아 1명, 유아 1명</div> |
|
|
|
|
<Button>수정</Button> |
|
|
|
|
</div> |
|
|
|
|
</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
<div className='step-wrap'> |
|
|
|
|
<div className='step-box'> |
|
|
|
|
<div className='step-box-ti'> |
|
|
|
|
<h5>출발지 선택</h5> |
|
|
|
|
{/* 버튼 클릭시 모달이 닫히는게 아니라 |
|
|
|
|
step-wrap이 닫히거나 변경? 추후에... 다시 상의.. |
|
|
|
|
modal사용시 quick box 커스텀 어려움 |
|
|
|
|
modal 제거 후 하드코딩 ? 추후 상의 |
|
|
|
|
현재는 그냥 기획서상 화면만 구현 */} |
|
|
|
|
<Button |
|
|
|
|
className='btn-icon' |
|
|
|
|
color='primary' |
|
|
|
|
onClick={() => setCenteredModal(!centeredModal)} |
|
|
|
|
> |
|
|
|
|
<X size={16} /> |
|
|
|
|
</Button> |
|
|
|
|
</div> |
|
|
|
|
<div className='step-box-city'> |
|
|
|
|
<ul className='step-box-city-list'> |
|
|
|
|
<li className='step-city-ti'>아라뱃길</li> |
|
|
|
|
<li> |
|
|
|
|
<ul> |
|
|
|
|
<li>드론시험 인증센터</li> |
|
|
|
|
<li>계양 신도시</li> |
|
|
|
|
</ul> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<ul className='step-box-city-list'> |
|
|
|
|
<li className='step-city-ti'>한강</li> |
|
|
|
|
<li> |
|
|
|
|
<ul> |
|
|
|
|
<li>고양 킨텍스</li> |
|
|
|
|
<li>김포공항</li> |
|
|
|
|
<li>여의도 공원</li> |
|
|
|
|
</ul> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<ul className='step-box-city-list'> |
|
|
|
|
<li className='step-city-ti'>탄천</li> |
|
|
|
|
<li> |
|
|
|
|
<ul> |
|
|
|
|
<li>잠실한강공원</li> |
|
|
|
|
<li>수서역</li> |
|
|
|
|
</ul> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='step-box'> |
|
|
|
|
<div className='step-box-ti'> |
|
|
|
|
<h5>최근 조회하신 여정</h5> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-box-city'> |
|
|
|
|
<div className='search-city'> |
|
|
|
|
<div> |
|
|
|
|
<span>드론시험 인증센터</span> |
|
|
|
|
<span className='arrow'> |
|
|
|
|
<ArrowRight /> |
|
|
|
|
</span> |
|
|
|
|
<span>계양 신도시</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='delete'> |
|
|
|
|
<XCircle /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-city'> |
|
|
|
|
<div> |
|
|
|
|
<span>드론시험 인증센터</span> |
|
|
|
|
<span className='arrow'> |
|
|
|
|
<ArrowRight /> |
|
|
|
|
</span> |
|
|
|
|
<span>계양 신도시</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='delete'> |
|
|
|
|
<XCircle /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</ModalBody> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='step-box'> |
|
|
|
@ -40,327 +166,209 @@ export default function ReserveStep1() {
|
|
|
|
|
</span> |
|
|
|
|
<span>여의도 공원</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='reservation-date'> |
|
|
|
|
<Slider {...settings}> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.23(월)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.24(화)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.25(수)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box active'> |
|
|
|
|
<span className='date'>2025.10.26(목)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
56,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.27(금)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
58,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.28(토)</span> |
|
|
|
|
<span className='state'>-</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.29(일)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
48,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.30(월)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
38,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</Slider> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='reservation-table'> |
|
|
|
|
<table> |
|
|
|
|
<colgroup> |
|
|
|
|
<col width='20%' /> |
|
|
|
|
<col width='20%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
</colgroup> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>출발/도착시간(비행시간)</th> |
|
|
|
|
<th>편명/기종</th> |
|
|
|
|
<th>특가운임</th> |
|
|
|
|
<th>할인운임</th> |
|
|
|
|
<th>정규운임</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td> |
|
|
|
|
<div> |
|
|
|
|
<span className='alltime'> |
|
|
|
|
<span className='time'>1시간 5분</span> |
|
|
|
|
<span className='start'>08:40</span> |
|
|
|
|
<span className='arrive'>09:45</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='plus'>+1 day</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='flight'> |
|
|
|
|
<span>3P1003</span> |
|
|
|
|
<span>B737-800</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
justifyContent: 'center', |
|
|
|
|
flexDirection: 'column', |
|
|
|
|
alignItems: 'center' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<span style={{ color: '#990033' }}>여정 2</span> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
justifyContent: 'space-around', |
|
|
|
|
alignItems: 'center', |
|
|
|
|
width: '25%' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
fontWeight: 'bold', |
|
|
|
|
fontSize: '1.4rem', |
|
|
|
|
color: '#000' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
여의도 공원 |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
fontWeight: 'bold', |
|
|
|
|
fontSize: '1.7rem', |
|
|
|
|
color: '#000' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
➔ |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
fontWeight: 'bold', |
|
|
|
|
fontSize: '1.4rem', |
|
|
|
|
color: '#000' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
고양 킨텍스 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
// justifyContent: 'space-between',
|
|
|
|
|
flexDirection: 'column', |
|
|
|
|
borderBottom: '1px dotted #000' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
backgroundColor: '#F2F2F2', |
|
|
|
|
marginBottom: '5px', |
|
|
|
|
padding: '10px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}> |
|
|
|
|
출발/도착시간 (비행시간) |
|
|
|
|
</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}>편명/기종</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}>특가운임</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}>할인운임</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}>정규운임</div> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
alignItems: 'center', |
|
|
|
|
borderBottom: '1px dotted #000', |
|
|
|
|
marginBottom: '5px', |
|
|
|
|
padding: '10px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}> |
|
|
|
|
<span>1시간 5분</span> |
|
|
|
|
<div style={{ fontWeight: 'bold' }}> |
|
|
|
|
08:40----------------------09:45 |
|
|
|
|
</div> |
|
|
|
|
<div className='reservation-date'> |
|
|
|
|
<Slider {...settings}> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.23(월)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}> |
|
|
|
|
<div>3P1003</div> |
|
|
|
|
<div>B737-800</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.24(화)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
display: 'flex', |
|
|
|
|
justifyContent: 'center', |
|
|
|
|
alignItems: 'center', |
|
|
|
|
height: '50px', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
padding: '5px' |
|
|
|
|
// width: '500px',
|
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div>매진</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.25(수)</span> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
textAlign: 'center', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
height: '50px', |
|
|
|
|
padding: '5px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
|
<span style={{ fontWeight: 'bold' }}>63,000 </span> |
|
|
|
|
<span>KRW</span> |
|
|
|
|
</div> |
|
|
|
|
<span>잔여7석</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box active'> |
|
|
|
|
<span className='date'>2025.10.26(목)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
56,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
textAlign: 'center', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
height: '50px', |
|
|
|
|
padding: '5px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
|
<span style={{ fontWeight: 'bold' }}>76,000 </span> |
|
|
|
|
<span>KRW</span> |
|
|
|
|
</div> |
|
|
|
|
<span>잔여9석</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.27(금)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
58,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
alignItems: 'center' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}> |
|
|
|
|
<span>1시간 5분</span> |
|
|
|
|
<div style={{ fontWeight: 'bold' }}> |
|
|
|
|
10:40----------------------11:45 |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
display: 'flex', |
|
|
|
|
justifyContent: 'end', |
|
|
|
|
marginRight: '40px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<span>+1 day</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div style={{ flex: 1, textAlign: 'center' }}> |
|
|
|
|
<div>3P1003</div> |
|
|
|
|
<div>B737-800</div> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
display: 'flex', |
|
|
|
|
justifyContent: 'center', |
|
|
|
|
alignItems: 'center', |
|
|
|
|
height: '50px', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
padding: '3px' |
|
|
|
|
// width: '500px',
|
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div>매진</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.28(토)</span> |
|
|
|
|
<span className='state'>-</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
textAlign: 'center', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
height: '50px', |
|
|
|
|
padding: '3px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
|
<span style={{ fontWeight: 'bold' }}>63,000 </span> |
|
|
|
|
<span>KRW</span> |
|
|
|
|
</div> |
|
|
|
|
<span>잔여3석</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.29(일)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
48,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
style={{ |
|
|
|
|
flex: 1, |
|
|
|
|
textAlign: 'center', |
|
|
|
|
border: '1px solid #F2F2F2', |
|
|
|
|
height: '50px', |
|
|
|
|
padding: '3px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
|
<span style={{ fontWeight: 'bold' }}>76,000 </span> |
|
|
|
|
<span>KRW</span> |
|
|
|
|
</div> |
|
|
|
|
<span>잔여9석</span> |
|
|
|
|
</div> |
|
|
|
|
<div className='box'> |
|
|
|
|
<span className='date'>2025.10.30(월)</span> |
|
|
|
|
<span className='state'> |
|
|
|
|
38,000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</Slider> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='reservation-table'> |
|
|
|
|
<table> |
|
|
|
|
<colgroup> |
|
|
|
|
<col width='20%' /> |
|
|
|
|
<col width='20%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
<col width='15%' /> |
|
|
|
|
</colgroup> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>출발/도착시간(비행시간)</th> |
|
|
|
|
<th>편명/기종</th> |
|
|
|
|
<th>특가운임</th> |
|
|
|
|
<th>할인운임</th> |
|
|
|
|
<th>정규운임</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td> |
|
|
|
|
<div> |
|
|
|
|
<span className='alltime'> |
|
|
|
|
<span className='time'>1시간 5분</span> |
|
|
|
|
<span className='start'>12:40</span> |
|
|
|
|
<span className='line'></span> |
|
|
|
|
<span className='arrive'>09:45</span> |
|
|
|
|
<span className='plus'>+ 1 day</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='flight'> |
|
|
|
|
<span>3P1003</span> |
|
|
|
|
<span>B737-800</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan='5' className='test'> |
|
|
|
|
ddd |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td> |
|
|
|
|
<div> |
|
|
|
|
<span className='alltime'> |
|
|
|
|
<span className='time'>1시간 5분</span> |
|
|
|
|
<span className='start'>12:40</span> |
|
|
|
|
<span className='line'></span> |
|
|
|
|
<span className='arrive'>09:45</span> |
|
|
|
|
<span className='plus'>+ 1 day</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='flight'> |
|
|
|
|
<span>3P1003</span> |
|
|
|
|
<span>B737-800</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan='5' className='test'> |
|
|
|
|
ddd |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td> |
|
|
|
|
<div> |
|
|
|
|
<span className='alltime'> |
|
|
|
|
<span className='time'>1시간 5분</span> |
|
|
|
|
<span className='start'>12:40</span> |
|
|
|
|
<span className='line'></span> |
|
|
|
|
<span className='arrive'>09:45</span> |
|
|
|
|
<span className='plus'>+ 1 day</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='flight'> |
|
|
|
|
<span>3P1003</span> |
|
|
|
|
<span>B737-800</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'>매진</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
<td> |
|
|
|
|
<div className='amount'> |
|
|
|
|
<span className='state'> |
|
|
|
|
76.000<span className='rate'>KRW</span> |
|
|
|
|
</span> |
|
|
|
|
<span className='seat'>잔여 7석</span> |
|
|
|
|
</div> |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td colspan='5' className='test'> |
|
|
|
|
ddd |
|
|
|
|
</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|