/* matbong */

.rental_visual { margin-left:0 !important; width:100vw !important;}
.rental_li1 { position:relative;  background-position: center center; background-size: cover; background-repeat: no-repeat;}
.rental_li1 .bg_inner_2 { z-index: 100;}
.rental_li1 .txt_obj { display: flex; padding:100px 0 0 100px; flex-direction: column;} 
.rental_li1 .name { display: flex; }
.rental_li1 .name p { font-size:70px; font-weight: bold; color:#f2f2f2; }
.rental_li1 .detail_name { padding:15px 0 0 31px;}
.rental_li1 .detail_name p { font-size:26px; font-weight: 600; }
.rental_li1 .detail_name span { font-size:16px; color:#f2f2f2}
.rental_li1 .service_txt { font-size:26px; color:#f2f2f2 !important; line-height:42px; padding:52px 0 0;}

/* .rental_li2 img { border-radius: 20px;} */
.rental_li2 .boxes { display: flex; }
.rental_li2 .line02 { font-size:52px; font-weight: bold; color:#B2B2B2 !important}
.rental_li2 .box { display: flex;}
.rental_li2 .box .box_txt { padding:0 0 0 40px;}
.rental_li2 .box .box_txt p { font-size:40px; font-weight: bold; color:#000; padding:0 0 21px;}
.rental_li2 .box .box_txt b { font-size:20px; font-weight: 500; color:#4f4f4f; line-height:130%;}
.rental_li2 .rental_li2_box1 { padding:100px 0 0;}
.rental_li2 .rental_li2_box2 { padding:43px 0 0 500px; display: flex; }
/* .matbong .rental_li2 .bg_inner_3 { width:75vw;} */
.rental_li3 .txt_obj { display: flex;}
.rental_li3_box2 ul { display: flex; margin:0 0 45px;}
.rental_li3_box2 ul li:nth-child(1) { margin:0 45px 0 0;}
.rental_li3_box2 .box2_wrap1 { position: relative; width: 476px; height: 250px; border-radius: 20px; cursor: pointer;}
.rental_li3_box2 .li3_box2_1 { width: 100%; height: 100%; transition: all .5s; transform-style: preserve-3d; }
.rental_li3_box2 .box2_wrap1:hover .li3_box2_1{ transform: rotateY(180deg);}
.rental_li3_box2 .li3_box2_1 > div {  position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 20px; border-radius: 20px; backface-visibility: hidden; box-shadow: 0 0 5px 1px gray;  border-radius: 20px;}
.rental_li3_box2 .li3_box2_1 > div.card-front { background-color: #fff; z-index: 10;margin:0 73px 0 0;}
.rental_li3_box2 .li3_box2_1 > div.card-back { background-color: #000000; z-index: 5; transform: rotateY(180deg); padding:32px; display: flex; flex-direction: column; }
.rental_li3_box2 .back_div { display: flex; justify-content: space-between; width: 100%; padding: 0 0 15px;}
.rental_li3_box2 .back_div .first_p { font-size:32px; font-weight: bold; color:#fff;}
.rental_li3_box2 .card-back .second_p { font-size:14px; line-height: 24px; color:#fff !important;}
/* .matbong .rental_li3 .bg_inner_3 { width:85vw;} */
/* .rental_li4 .bg_inner_3 { width:180vw; } */
.rental_li4 .box { width:530px;}
.rental_li4_box4 { padding:0 0 200px;}
.rental_box2 p { font-size:19px; line-height:33px; word-break: keep-all;}
.rental_box2 .box_txt b { color:#8f8f8f; font-size:20px; display: flex; align-items: center; column-gap: 10px;}
.rental_box2 .box_txt b span{padding-top: 3px;}
.rental_li4 .box~.box { margin:0 0 0 200px;}
.box_txt_pad1 { padding:0 0 0 10px}
.box_txt_padding { padding:0 0 0 25px}
.rental_border_line { font-size:30px; line-height: 130%; border:1px solid #000; color:#000; width:234px; text-align:  center; border-radius: 20px; margin:0 0 41px;}

.rental_li6 .txt_obj { padding:0 0 200px;}
.rental_li6 .rental_li2_box1 { padding:100px 0 0;}
.rental_service .line03 { font-weight: 600 !important; font-size:26px !important;}

.franchise { position:relative; background-image: url(../img/matbong/franchise_img1.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.franchise .bg_inner_3 { z-index: 100;}
.franchise:after { content: ""; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.5);}
.franchise .center_txt { width:100%; height:100%; display: flex; justify-content: center; align-items: center; flex-direction: column; color:#fff;}
.franchise .first_p { font-size:60px; font-weight: bold; ;}
.franchise .first_span { font-size:20px; line-height: 30px; margin:29px 0 38px }
.franchise .first_btn { background-color: #fff; height:68px; display: flex; justify-content: center; align-items: center; border-radius: 20px; padding:0 20px;}
.franchise .first_btn p { margin:0 0 0 20px; font-size:20.57px}



/* vaiv_fresh */
.vaiv_fresh .rental_li1 { position:relative; background-image: url(../img/vaiv_fresh/fresh_main_back.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.vaiv_fresh .rental_li1 .txt_obj { padding:0 0 0 100px !important;}
.vaiv_fresh .boxes { height:100%; display: flex; align-items: center; justify-content: center;}
.fresh_logo_div { display: flex; justify-content: end; align-items: end; height: 100%; padding:0 0 100px}
.fresh_logo_div img { max-height:31px; height: 2vw; min-height: 20px;}

.vaiv_fresh .rental_li1 .service_parent2{width: 100%; max-width: 400px;}
.vaiv_fresh .rental_li1 .service_parent2 img{width: 100%;}

.vaiv_fresh .line02 { font-size:52px !important; font-weight: bold !important; color:#000 !important;}
.vaiv_fresh .rental_li2 .boxes { align-items: flex-start;}
.vaiv_fresh .vaiv_fresh_box1 { padding:48px 0 0 !important;}
.vaiv_fresh .vaiv_fresh_box2 { position: relative; transform: translateY(-18%); margin:0 0 200px 183px;}
.vaiv_fresh .vaiv_fresh_box2 .box_txt { margin:11px 0 0; display: flex; z-index: 100;}
.vaiv_fresh .vaiv_fresh_box3 { position: absolute; bottom: 0; z-index: 10; display: flex; justify-content: center; align-items: center; transform: translateY(72%); padding: 0 252px 0 0; width: 100%;}
.vaiv_fresh ul.vaiv_ul li { font-size:26px; line-height: 42px; color:#000;}
.vaiv_fresh .rental_li2 .box .box2_txt { display: flex; padding:0 0 0 142px; z-index: 100;}

.rental_li3 .vaiv_title { width: 100%; margin: 0 400px 0 0;}
.rental_li3 .li3_txt { width:100%;}
.rental_li3 .li3_txt ul { margin:31px 0 61px; width:100%;}
.rental_li3 .li3_txt ul li { color:#000; font-size:26px; line-height: 42px;}
.rental_li3 .li3_img ul { display: flex; padding: 0 0 27px}
.rental_li3 .li3_img ul li~li { margin:0 0 0 28px;}
.rental_li3 .li3_img ul li { position: relative; width:298px; height:179px; border-radius: 20px;}
.rental_li3 .li3_img ul li p { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#fff !important; font-size:26px; line-height: 42px; z-index: 100; text-align: center; width:100%}
.rental_li3 .li3_img ul li:after { content: ""; position: absolute; top: 0; left: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); border-radius: 20px;}

.rental_li4 .vaiv_title { margin:0 !important; width:100%;}
.rental_li4 .boxes { align-items: flex-start;}
.rental_li4 .li4_txt { display: flex; margin:63px 0 0}
.rental_li4 .li4_txt .li4_txt_div1 { display: flex;}
.rental_li4 .li4_txt2 { padding:0 0 0 250px;}
.rental_li4 .li4_texts { padding:25px 0 0 22px;}
.rental_li4 .li4_txt_div1~.li4_txt_div1 { margin:0 0 0 50px;}
.rental_li4 .li4_texts h3 { font-size:32px; font-weight: bold; color:#333; }
.rental_li4 .li4_texts ul li { font-size:18px; color:#333; line-height: 130%;  margin:15px 0 0;}

.rental_li5{width: 90%;}
.rental_li5 .li5_div { display: flex;}
.rental_li5 .line02 { line-height: 65px;}
.li5_div_1 { display: flex; flex-direction: column; justify-content:center; height:100%; padding:0 43px 560px 0;}
.li5_div_2 { display: flex; flex-direction: column;}
.li5_div_2 ul { display: flex; margin:0 0 31px;}
.li5_div_2 ul li~li { margin:0 0 0 58px;}
.li5_div_2 ul li p { font-size:30px; color:#333; padding:20px 0 0; text-align: center;}

/* .vaiv_fresh .rental_li5 .bg_inner_2 { width:80vw !important;} */


.franchise.franchise_2 { position:relative; background-image: url(../img/vaiv_fresh/franchise_img2.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}


/* processor */
.processor .rental_li1 { position:relative; background-image: url(../img/processor/processor_img1.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.processor .rental_li1 .txt_obj { padding:0 0 0 100px !important;}
.processor .rental_li1 .bg_inner_2 { justify-content: flex-start; padding:0 0 0 100px;}
.processor .rental_li1 .name p { color:#fff !important}
.processor .rental_li1 .service_txt { color:#fff !important}
.processor .rental_li1 .detail_name { padding: 44px 0 0 31px !important;}
.processor .rental_li1 .detail_name span { font-size:20px !important; color:#fff; font-weight: bold  !important;}

.processor .rental_li2 .boxes_1_ul{ display: flex; }
.processor .rental_li2 .boxes_1_ul li~li { margin:0 0 0 43px;}
.processor .rental_li2 .boxes_1_ul2 { margin:36px 0 0;}
.processor .rental_li2 .boxes_1_ul2 li { font-size:16px; color:#7d7d7d; line-height: 130%;}
.processor .rental_li2 .boxes_1_ul2 li~li { margin: 8px 0 0 !important;}
.processor .processor_txt1 { font-size:27px; font-weight: bold; padding:0 0 40px;}

.processor .rental_li3 .boxes_1_ul { display: flex;}
.processor .rental_li3 .boxes_1_ul .boxes_1_ul_li1 { margin:109px 0 0; transform: translateX(89px);}
.processor .rental_li3 .boxes_1_ul .ultxt_1{ font-size:26px; font-weight: bold; line-height: 40px; color:#333;}
.processor .rental_li3 .boxes_1_ul .ultxt_2 { font-size:20px; line-height:30px; color:#000; margin:18px 0 24px;}
.processor .rental_li3 .boxes_1_ul .ultxt_3 { font-size:36px; font-weight: bold; line-height: 130%;}
.processor .rental_li3 .boxes_1_ul .ultxt_4 {display: block; padding:2px 0 0; font-size:20px; font-weight: bold; line-height: 30px; }
.processor .rental_li3 .boxes_1_ul .ultxt_5 { font-size:20px; line-height: 30px; color:#000; padding:0 0 20px 45px;;}
.processor .rental_li3 .boxes_1_ul .boxes_1_ul_flex { display: flex;}

.processor .rental_li4 .img_box_pro{ display:flex; flex-direction: column; justify-content: center; align-items: center; height:100%;}
.processor .rental_li4 .img_box_div { display: flex;}
.processor .rental_li4 .img_box_ul { padding:47px 0 0}
.processor .rental_li4 .img_box_ul li{ font-size:16px; color:#7d7d7d; line-height:26px;}
.processor .rental_li4 .img_box_p1 { color:#000; font-size:18px; line-height:26px; padding:6px 0 0;}
.processor .rental_li4 .img_box_p2 { color:#000; font-size:18px; line-height:26px;}
.processor .rental_li4 .img_box_div_1 { display: flex; flex-direction: column; justify-content: space-between; padding:0 0 35px; }
.processor .rental_li4 .img_box_img { margin:0 285px 0 0;}
.processor .rental_li4 .boxes { flex-direction: row; align-items: center;}
.processor .rental_li4 .txt_box {  padding:0 200px 600px 0;}
.processor .txt_box p { font-size:35px; font-weight: bold; line-height: 130%;}

.processor .rental_li5 .txt_box { display: flex; align-items: flex-start; padding:0 0 150px; width:100%;}
.processor .rental_li5 .boxes { align-items: center !important;}
.processor .rental_li5 .img_box_ul1 { display: flex;}
.processor .rental_li5 .img_box_ul1 li~li { margin:0 0 0 34px}
.processor .rental_li5 .img_box_ul2 li~li{ margin:0;}
.processor .rental_li5 .img_box_ul2 { height:100%; display: flex; flex-direction: column; justify-content: center;}
.processor .rental_li5 .img_box_ul2 li { font-size:18px; border-bottom:1px solid #AAA9A9; padding:4px 0; }

.processor .rental_li6 .boxes{ flex-direction: row;}
.processor .rental_li6 .img_box_ul1 li { display: flex; justify-content: space-around;}
.processor .rental_li6 .img_blue_txt { width:336px; height:66px; border-radius: 40px; background-color: #EAEDFF ; color:#393939; display: flex; justify-content: center; align-items: center; font-size:20px; text-align: center; line-height: 112%;}
.processor .rental_li6 .img_box_ul1_p { width:100px; display: flex; justify-content: center; align-items: center; margin:0 90px 0 90px;}
.processor .rental_li6 .blue_txt_parent { display: flex; justify-content: center; align-items: center;}
.processor .rental_li6 .img_box_ul1 img{ width: 250px; height: 146px;}
.processor .rental_li6 .txt_box { padding:100px 200px 0 0;}

.processor .first_li .bg_inner_2{ width:100vw;}
.processor .bg_inner_2 { width:80vw;}

.franchise.franchise_3 { position:relative; background-image: url(../img/processor/processor_img1.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}


.bequest .rental_li1 .detail_name span{ font-size: 20px;line-height: normal}
.bequest .rental_li1 {background-image: url(../img/bequest/main_bg1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.bequest .rental_li2 .line02{color: #000 !important;}
/* .bequest .bg_inner_3{align-items: end;} */

.bequest .back_div {justify-content: center;}
.bequest .rental_li3_box2 .li3_box2_1 > div.card-back{background: #1428A0;}
.bequest .rental_li3_box2 .li3_box2_1 > div{border: 2px solid #1428A0;}
.bequest .vaiv_fresh_box1.service_boxes {height: 562px;    justify-content: space-evenly;}
.bequest .boxes.boxes_1{width: 100%;}
.bequest .rental_li2 .txt_box1{margin: 0;margin-bottom: 150px;}
.bequest .rental_li2 .flex_item_txt{font-size: 30px; font-weight: 700;text-align: center;margin-top: 20px;}
.bequest .rental_li2 .flex_item_img{border-radius: 10px;}
.bequest .rental_li2 .flex_box{display: flex;flex-direction: column;align-items: center;}
.bequest .rental_li2 .flex_box:nth-child(2n){display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.bequest .rental_li2 .flex_box:nth-child(odd){display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.bequest .rental_li4 .txt_obj{display: flex;}
.bequest .rental_li3 .txt_obj{flex-direction: column;row-gap: 75px;}
.bequest .rental_li3 .flex_item_img{border-radius: 10px;}
.bequest .rental_li3 .flex_item_img.over{transform: translate(64px, -46px);}
.bequest .rental_li3 .flex_box{display: flex;flex-wrap: wrap;gap: 51px; justify-content: end;}
.bequest .rental_li3 .flex_items{display: flex; gap: 51px;}
.bequest .rental_li3 .rental_li3_box2{padding-right:265px}
.bequest .rental_li5 .line02{color: #000;font-size:55px !important}
.bequest .rental_li5 .txt_obj{display: flex; flex-direction: column; gap: 50px;margin-bottom: 45px;}
.bequest .rental_li5 .txt_box1{margin: 0 0 20px 0;}
.bequest .rental_li6 .boxes{width: 100%;justify-content: space-around;display: flex; gap: 50px;height: 100%;align-items: center;}
.bequest .franchise.franchise_2{background-image: url(../img/bequest/last_bg1.jpg);}
.bequest .rental_li6 .flex_item_img{height: 90%;}

.matbong .rental_li5 .boxes.boxes_1{flex-direction: row;height: 100%;padding-top: 100px;padding-bottom:100px;width: 100%;gap: 40px;}
.matbong .rental_li5 .flex_box:nth-child(2){display: flex;flex-direction: column;align-items: end;}
.matbong .rental_li5 .flex_text_area{ width: 368px;}
.matbong .rental_li5 .boxes.boxes_1 .txt_obj {width: 60%;min-width: 800px;display: flex;flex-direction: column;justify-content: space-between;}
.matbong .rental_li5 .rental_li2_box1{display: flex;flex-direction: column;justify-content: end;}

.matbong .rental_li6 .flex_box{display: flex;flex-direction: column;}
.matbong .rental_li6 .txt_obj{display: flex;flex-direction: row; padding: 150px 0 0 0;height: 100%;justify-content: space-between; width: 100%;}
.matbong .rental_li6 .boxes.boxes_2{width: 100%;justify-content: space-between;height: 100%;}
.matbong .rental_li6 .flex_box{display: flex;flex-direction: column; justify-content: end;}
.matbong .rental_li6 .flex_box:nth-child(1){ justify-content: start;}
.matbong .rental_li6 .flex_box:nth-child(2) img{ transform: translateX(-130px);}
@media screen and (max-width: 1600px) {
    /* .rental_service .bg_inner_2 { width:150vw;}
    .rental_service .bg_inner_3 { width:150vw;} */
    /* matbong */
    /* .rental_li4.white_li.long_li  { width: 300vw !important;} */
    /* .rental_li4 .bg_inner_3 { width: 300vw !important;;} */
    
    /* processor */
    /* .rental_li1.white_li.first_li { width:100vw !important;} */

.vaiv_fresh .rental_li1 .txt_obj { padding:0 0 0 80px !important;}
}

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

    /* matbong */
    /* .rental_li4.white_li.long_li { width: 400vw !important;} */
    /* .rental_li4 .bg_inner_3 { width: 400vw !important;;} */
    
    .vaiv_fresh .rental_li1 .txt_obj { padding:0 0 0 60px !important;}

    .processor .rental_li1 .txt_obj { padding:0 0 0 0px !important;}
    .processor .rental_li1 .bg_inner_2{padding:0 0 0 0px !important;}
}

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

    /* matbong */
    /* .rental_li3.white_li.long_li { width: 300vw !important;} */
    /* .rental_li4.white_li.long_li { width: 400vw !important;} */
    /* .rental_li3 .bg_inner_3 { width: 300vw !important;;} */
    /* .rental_li4 .bg_inner_3 { width: 400vw !important;;} */
    .rental_box2 { padding:0;}

    /* vaiv_fresh */
    /* .rental_service.vaiv_fresh .long_li { width: 250vw !important;} */
    /* .rental_service.vaiv_fresh .bg_inner_2 { width: 250vw !important;} */
    /* .rental_service.vaiv_fresh .bg_inner_3 { width: 250vw !important;} */

    /* processor */
    /* .rental_service.processor .long_li { width: 250vw !important;} */
    /* .rental_service.processor .bg_inner_2 { width: 250vw !important;} */
    /* .rental_service.processor .bg_inner_3 { width: 250vw !important;} */
.vaiv_fresh .rental_li1 .txt_obj { padding:0 0 0 40px !important;}
.processor .bg_inner_2 { width:100%;}
.processor .rental_li4 .txt_box {  padding:0 80px 600px 0;}

}

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

    /* matbong */
    .rental_li1 .bg_inner_2 { position:relative;}
    /* .rental_service .bg_inner_2 { width:100vw;} */
    /* .rental_service .bg_inner_3 { width:100vw;} */
    .rental_li2 .box { flex-direction: column;}
    .rental_li2 .rental_li2_box2 { padding:0;}
    .rental_li3 .bg_inner_3 { width:100vw !important;}
    .rental_li3 .txt_obj { flex-direction: column;}
    .rental_box { padding:0;}
    /* .rental_li4.white_li.long_li { width:100vw !important;} */
    /* .rental_li4 .bg_inner_3 { width:100vw !important;} */
    .rental_box2 { flex-direction: column;}
    .rental_li4 .box~.box {margin:0;}
    .rental_li4 .box {width:100%;}
    
    /* vaiv_fresh */
    /* .rental_service.vaiv_fresh .bg_inner_2 { width:100vw !important;} */
    /* .rental_service.vaiv_fresh .bg_inner_3 { width: 100vw !important;} */
    /* .rental_service.vaiv_fresh .long_li { width:100vw !important;} */
    .vaiv_fresh .vaiv_fresh_box2 { transform: translate(0); margin:0;}
    .vaiv_fresh .vaiv_fresh_box3 { position: inherit; transform: translate(0); padding:0;}
    .vaiv_fresh .rental_li2 .box .box2_txt { padding:0; flex-direction: column;}
    .rental_li4 .li4_txt .li4_txt_div1 { flex-direction: column;}
    .rental_li4 .li4_txt { flex-direction: column;}
    .rental_li4 .li4_txt2 { padding:0;}
    .li5_div_2 ul { flex-direction: column;}
    .rental_li5 .bg_inner_2 { flex-direction: column;}
    .li5_div_1 { padding:0;}

    /* processor */
    /* .rental_service.processor .long_li { width: 100vw !important;} */
    /* .rental_service.processor .bg_inner_2 { width: 100vw !important;} */
    /* .rental_service.processor .bg_inner_3 { width: 100vw !important;} */
    .processor .rental_li3 .boxes_1_ul .boxes_1_ul_flex { flex-direction: column;}
    .processor .rental_li4 .boxes { flex-direction: column;}
    .processor .rental_li4 .txt_box { padding:0;}
    .processor .rental_li4 .img_box_div { flex-direction: column;}
    .processor .rental_li6 .boxes { flex-direction: column;}
    .processor .rental_li6 .img_box_ul1 li { flex-direction: column;}
    .processor .rental_li6 .txt_box { padding:0;}
}