ÿØÿà JFIF  ` ` ÿþš 403 WEBHELL REBORN
403 WEBHELL REBORN
Server : Apache
System : Linux ruga7-004.fmcity.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User : tkt_travelbus ( 1137)
PHP Version : 7.0.0p1
Disable Function : mysql_pconnect
Directory :  /tkt_travelbus/www/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

Buat Folder Baru:
Buat File Baru:

Current File : /tkt_travelbus/www/css/myReservation.css
/* Reset */

* { margin: 0; padding: 0; outline: none;  -webkit-tap-highlight-color : transparent !important; box-sizing: border-box;}
body {margin: 0; padding: 0;}
html { scroll-behavior: smooth; }
html, body {font: 400 17px/1.3 'Inter', 'Noto Sans KR', sans-serif;  color: #232527; width: 100%; height: 100%; position: relative;}
ul, li {list-style: none; padding: 0; margin: 0;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
button, select {font-family: inherit; cursor: pointer;}

.NotoSansKR {font-family: 'Noto Sans KR', sans-serif;}
.Inter {font-family: 'Inter', 'Noto Sans KR', sans-serif;}


body.hidden {overflow: hidden;}

.pc {display: block !important;}
.mob {display: none !important;}
.img-full {max-width: 100%;}
.text-center {text-align: center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none;}
.btn_clear {border: 0px; background: none; padding: 0px; }
.bold {font-weight: 700;}

.wrap {width: 100%; position: relative; }
.inner { width: 100%; max-width: 1260px; min-width: 1200px; margin: auto;padding: 0 30px;}

.sub_title { font-size: 45px; font-weight: 700;}
.sub_title::after { content: "";  display: block;  background: rgba(232, 49, 41, 0.66); width: 95px;  height: 5px; margin: 30px auto 0;}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes fadeUp {
    0% {opacity:0; transform: translateY(50px)}
    100% {opacity:1; transform: translateY(0px);}
}

/* 예약하기 */

/* 내 예약 */
.MyReserve { padding: 50px 0;}
.MyReserve .reserve_list { display: flex; flex-direction: column; gap: 50px;  margin-top: 150px;}
.MyReserve .reserve_item { border-radius: 20px; border: 1px solid #ACA9A9;  background: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);  display: flex; align-items: center; padding: 30px;position: relative}

.MyReserve .reserve_item .orderStatus{position: absolute;top: 15px;left: 26px;font-size: 13px;font-weight: bold;}
.MyReserve .reserve_item .orderStatusColorB{color:#2879E7}
.MyReserve .reserve_item .orderStatusColorE{color:#FA7B24}


.MyReserve .reserve_item .imgbox { position: relative;  width: 22%;  height: 0;  padding-bottom: 14%;}
.MyReserve .reserve_item .imgbox > img { position: absolute; left: 0;  top: 0; width: 100%; height: 100%; object-fit: cover;}
.MyReserve .reserve_item .infobox { position: relative; flex: 1; padding: 0px 30px; display: flex; flex-direction: column;  border-right: 1px solid #333333}
.MyReserve .reserve_item .infobox .title { position: relative;  font-size: 28px; font-weight: 600; margin-bottom: 28px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px;}
.MyReserve .reserve_item .infobox .detail_btn { display: flex; align-items: center; gap: 5px; font-size: 16px; font-weight: 700;color: #F9545F;}
.MyReserve .reserve_item .infobox .detail_btn .icon { display: flex; width: 22px; height: 22px; padding: 3px; background-color: #F9545F; border-radius: 50%;}
.MyReserve .reserve_item .infobox .datebox { display: flex; align-items: center; justify-content: flex-end; gap: 40px;}
.MyReserve .reserve_item .infobox .datebox .date { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 500; color: #999999;}
.MyReserve .reserve_item .infobox .datebox .date .color {color: #F9545F;}
.MyReserve .reserve_item .infobox .infoitem { display: flex; flex-direction: column; gap: 10px; margin: 10px 0; padding: 15px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.MyReserve .reserve_item .infobox .infoitem .info_txt { display: flex;  align-items: center; justify-content: space-between; font-size: 17px;  font-weight: 500;}
.MyReserve .reserve_item .infobox .infoitem .info_txt .sub { color: #999999;}
.MyReserve .reserve_item .infobox .infoitem .info_txt .desc {color: #000000;}
.MyReserve .reserve_item .infobox .info_total { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: 20px; padding-top: 8px;}

.MyReserve .reserve_item .infobox .info_total .account_no{font-weight: 500;    color: #ff0000;font-size:13px}

.MyReserve .reserve_item .infobox .info_total .my_total_price {display: flex; justify-content: space-between}
.MyReserve .reserve_item .infobox .mob_info_total .my_total_price {display: flex;}

.MyReserve .reserve_item .infobox .info_total .sub { font-weight: 500;  color: #666666;}
.MyReserve .reserve_item .infobox .info_total .desc { font-weight: 700; color: #000000}
.MyReserve .reserve_item .mob_info_total { display: none;}
.MyReserve .reserve_item .btnbox { position: relative;  align-self: stretch;  display: flex; justify-content: center; flex-direction: column; gap: 30px;  padding-left: 30px; width: 22%;}
.MyReserve .reserve_item .btnbox > .btn_clear { width: 100%; height: 85px;  border-radius: 10px; color: #FFF;  font-size: 20px;  font-weight: 700;}
.MyReserve .reserve_item .btnbox > .review_btn { background: #E43232;}
.MyReserve .reserve_item .btnbox > .inquiry_btn { background: #D1D1D1;}



.MyReserve .reserve_item .mob_info_total .account_no{font-weight: 500;color: #ff0000;font-size:13px}

/* mobile */

@media screen and (max-width: 1400px) {

    .PrdReserve .side_wrap { top: 25px; }
    .PrdReserve .side_wrap .side_tit { padding-bottom: 15px; }
    .PrdReserve .side_wrap .sub_titbox { margin-top: 22px; }
    .PrdReserve .side_wrap .pay_box { margin-bottom: 22px; }
    .PrdReserve .side_wrap .pay_box .sub_titbox {padding-bottom: 15px; }
    .PrdReserve .side_wrap .pay_box .pay_infobox { padding: 15px; }
    .PrdReserve .side_wrap .terms_box { margin: 22px 0; }
    .PrdReserve .side_wrap .pay_method { margin: 30px 0;  }
    .PrdReserve .side_wrap .pay_method .radio_wrap {margin-top: 22px; }


}

@media screen and (max-width: 1023px) {

    .pc {display: none !important}
    .mob {display: block !important;}

    .inner { width: 90%; min-width: auto; padding: 0; }


    .MyReserve .reserve_item { padding: 25px 30px; flex-wrap: wrap;}
    .MyReserve .reserve_item .imgbox { width: 40%; padding-bottom: 35%; margin-top: 30px;}
    .MyReserve .reserve_item .infobox { width: 60%; padding: 0px 0px 0px 30px; border-right: 0; flex: initial;}
    .MyReserve .reserve_item .infobox .title { font-size: 24px;  margin-bottom: 15px; gap: 10px; flex-direction: column-reverse; align-items: flex-start;}
    .MyReserve .reserve_item .infobox .detail_btn { display: none;}
    .MyReserve .reserve_item .infobox .detail_btn .icon { width: 25px; height: 25px;}
    .MyReserve .reserve_item .infobox .datebox { gap: 25px; justify-content: flex-start; }
    .MyReserve .reserve_item .infobox .datebox .date { gap: 8px; font-size: 15px; }
    .MyReserve .reserve_item .infobox .infoitem { padding: 10px 0px;}
    .MyReserve .reserve_item .infobox .infoitem .info_txt { font-size: 15px;  flex: 1;  justify-content: flex-start;  gap: 12px; }
    .MyReserve .reserve_item .infobox .info_total {display: none; }
    .MyReserve .reserve_item .mob_info_total { width: 100%; display: flex; align-items: center; justify-content: space-between;  gap: 12px; font-size: 24px; margin-top: 20px; }
    .MyReserve .reserve_item .mob_info_total .sub { font-weight: 500; color: #666666;}
    .MyReserve .reserve_item .mob_info_total .desc { font-weight: 700; color: #000000}
    .MyReserve .reserve_item .btnbox { width: 100%; padding: 0; gap: 12px;   margin-top: 20px;}
    .MyReserve .reserve_item .btnbox > .btn_clear { height: 70px; }


    .MyReserve .reserve_item .infobox .mob_info_total .account_no{font-weight: 500;    color: #ff0000;font-size:13px}




/*@media screen and (max-width: 700px) {*/

/*    .MyReserve .reserve_item .infobox .datebox {gap: 12px;}*/
/*    .MyReserve .reserve_item .infobox .infoitem { flex-direction: column;     gap: 3px;}*/


/*}*/

@media screen and (max-width: 599px) {

    .sub_title { font-size: 30px; }
    .sub_title::after { width: 75px; height: 4px; margin: 15px auto 0; }


    .MyReserve .reserve_list { gap: 35px; margin-top: 100px;}
    .MyReserve .reserve_item { padding: 20px 15px; }
    .MyReserve .reserve_item .imgbox { width: 45%; padding-bottom: 40%;}
    .MyReserve .reserve_item .infobox { width: 55%; padding: 0px 0px 0px 10px; }
    .MyReserve .reserve_item .infobox .title { font-size: 17px;  margin-bottom: 6px; }
    .MyReserve .reserve_item .infobox .datebox { flex-direction: column;     align-items: flex-start; gap: 3px;}
    .MyReserve .reserve_item .infobox .datebox .date {font-size: 13px; }
    .MyReserve .reserve_item .infobox .infoitem .info_txt {font-size: 13px; gap: 8px; }
    .MyReserve .reserve_item .mob_info_total { justify-content: space-between; font-size: 18px; margin-top: 5px; }
    .MyReserve .reserve_item .btnbox { gap: 8px; margin-top: 15px; }
    .MyReserve .reserve_item .btnbox > .btn_clear { height: 45px; font-size: 15px; }


    .MyReserve .reserve_item .mob_info_total .account_no{font-size:12px; color: #ff0000;}

}}

Anon7 - 2021