/* 공통 css */
.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.4);}
.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; padding:0 20px; height:68px; display: flex; justify-content: center; align-items: center; border-radius: 20px;}
.franchise .first_btn p { margin:0 0 0 20px; font-size:20.57px}

.franchise.last_li {display: flex;justify-content: center;}
/* ha_nok */
/* .ha_nok .scroll-wrapper .video_wrap img { width: 100vw; height: 100vh; } */
.ha_nok .service_li1 .boxes ul{ display: flex;}
.ha_nok .service_li1 ul li.box_txt_li { margin:0 0 0 45px;}
.ha_nok .service_li1 ul li.box_txt_li p.txt_p1 { font-size:50px; font-weight: bold; line-height:112%; color:#000;}
.ha_nok .service_li1 ul li.box_txt_li span { color:#BDBDBD; font-size:36px; line-height:128%; display: block; margin:11px 0 0;}
.ha_nok .service_li1 ul li.box_txt_li p.txt_p2 { font-size:20px; line-height: 30px; margin:82px 0 0;}

.ha_nok .service_li2 .boxes ul{ display: flex;}
.ha_nok .service_li2 .boxes ul li { display: flex; justify-content: center; align-items: center;}
.ha_nok .service_li2 .center_li {z-index: 100; flex-direction: column; justify-content: end !important; }
.ha_nok .service_li2 .left_li img{ transform: translateX(84px);}
.ha_nok .service_li2 .center_li img{z-index: 100; flex-direction: column; justify-content: end !important; transform: translateY(140px);}
.ha_nok .service_li2 .right_li img{ transform: translateX(-100px);}

.ha_nok .service_li3 .boxes ul{ display: flex;}
.ha_nok .service_li3 .boxes ul li { display: flex;}
.ha_nok .service_li3 .left_li { align-items: end;  z-index: 100;}
.ha_nok .service_li3 .right_li { align-items: end;}
.ha_nok .service_li3 .center_li { align-items: flex-start;}
.ha_nok .service_li3 .left_li img{ transform: translate(100px, 100px); z-index: 100;}
.ha_nok .service_li3 .right_li img{ transform: translate(-50px, 100px);}
.ha_nok .service_li3 .center_li img{  transform: translateY(-56px);}

.ha_nok .service_li4 .boxes ul{ display: flex;}
.ha_nok .service_li4 .boxes ul li { display: flex;}
.ha_nok .service_li4 .left_li img{ transform: translate(100px, -80px);}
.ha_nok .service_li4 .right_li img{ transform: translate(-100px, -80px);}
.ha_nok .service_li4 .center_li img{ transform: translateY(156px); z-index: 100;}

.ha_nok .franchise { position:relative; background-image: url(../img/ha_nok/ha_nok_im11.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.ha_nok .franchise .flex_box{padding: 24px 32px; border-radius: 12px; background: rgba(81,107,80,0.6); display: flex;flex-direction: column;justify-content: center;gap: 12px; text-align: center; margin-top:100px;}
.ha_nok .franchise .flex_box .first_span{font-size: 28px; margin: 0;}


/* shim_house */
.shim_house .scroll-wrapper .video_wrap img { width: 100vw; height: 100vh; }
.shim_house .boxes ul{ display: flex;}
.shim_house .service_li1 ul li.box_txt_li { margin:0 0 0 45px;}
.shim_house .service_li1 ul li.box_txt_li p.txt_p1 { font-size:50px; font-weight: bold; line-height:112%; color:#000;}
.shim_house .service_li1 ul li.box_txt_li span { color:#BDBDBD; font-size:36px; line-height:128%; display: block; margin:11px 0 0;}
.shim_house .service_li1 ul li.box_txt_li p.txt_p2 { font-size:20px; line-height: 30px; margin:52px 0 0;}

.shim_house .service_li2 .left_li { z-index: 100;}
.shim_house .service_li2 .left_li img { transform: translateY(-10%);}
.shim_house .service_li2 .right_li { display: flex; flex-direction: column; justify-content: end; }
.shim_house .service_li2 .right_li img { transform: translate(-15%,73%);}

.shim_house .service_li3 .left_li {display: flex; flex-direction: column; justify-content: end; z-index: 100;}
.shim_house .service_li3 .left_li img { transform: translate(20%, 20%);}
.shim_house .service_li3 .right_li img {transform: translateY(-15%);}

.shim_house .service_li4 .left_li {z-index: 101;}
.shim_house .service_li4 .left_li img { transform: translate(10%,-15%);}
.shim_house .service_li4 .center_li { display: flex; flex-direction: column; justify-content: end; z-index: 100;}
.shim_house .service_li4 .center_li img { transform: translateY(80%);}
.shim_house .service_li4 .right_li {}
.shim_house .service_li4 .right_li img { transform: translate(-40%,-18%);}

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

/* camping_alice */
.camping_alice .boxes ul{ display: flex;}
.camping_alice .service_li1 ul li.box_txt_li { margin:0 0 0 45px;}
.camping_alice .service_li1 ul li.box_txt_li p.txt_p1 { font-size:50px; font-weight: bold; line-height:112%; color:#000;}
.camping_alice .service_li1 ul li.box_txt_li span { color:#BDBDBD; font-size:36px; line-height:128%; display: block; margin:11px 0 0;}
.camping_alice .service_li1 ul li.box_txt_li p.txt_p2 { font-size:20px; line-height: 30px; margin:79px 0 0;}

.camping_alice .service_li2 .ul_1 { display: flex; flex-direction: column;}
.camping_alice .service_li2 .ul_2 { margin:0 0 0 130px;}
.camping_alice .service_li2 .bottom_li { display: flex; justify-content: end; margin:61px 0 0;}
.camping_alice .service_li2 .bottom_li img { transform: translateX(16%);}
.camping_alice .service_li2 .right_li { display: flex; flex-direction: column; justify-content: end;}
.camping_alice .service_li2 .right_li img { transform: translateY(16%);}    

.camping_alice .service_li3 .ul_1 li{ display: flex; flex-direction: column; justify-content: end;}
.camping_alice .service_li3 .ul_2 { display: flex; flex-direction: column; margin:0 0 0 58px;}
.camping_alice .service_li3 .ul_2 .bottom_li { margin:51px 0 0;}

.camping_alice .service_li4 .ul_1 { display: flex; flex-direction: column;}
.camping_alice .service_li4 .ul_2 { margin:0 0 0 61px}
.camping_alice .service_li4 .top_li { display: flex; justify-content: end;}
.camping_alice .service_li4 .bottom_li { margin:34px 115px 0 0;}

.camping_alice .service_li5 .ul_2 { display: flex; flex-direction: column; margin:0 0 0 73px;}
.camping_alice .service_li5 .bottom_li { margin:68px 0 0;}
.camping_alice .service_li5 .bottom_li img { transform: translateX(10%);}

.camping_alice .imgboxes { flex-direction:row;}

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

/* camping_clock */
.camping_clock .boxes ul{ display: flex;}
.camping_clock .service_li1 ul li.box_txt_li { margin:0 0 0 45px;}
.camping_clock .service_li1 ul li.box_txt_li p.txt_p1 { font-size:50px; font-weight: bold; line-height:112%; color:#000;}
.camping_clock .service_li1 ul li.box_txt_li span { color:#BDBDBD; font-size:36px; line-height:128%; display: block; margin:11px 0 0;}
.camping_clock .service_li1 ul li.box_txt_li p.txt_p2 { font-size:20px; line-height: 30px; margin:79px 0 0;}

.camping_clock .service_li2 .boxes { flex-direction: column;}
.camping_clock .service_li2 .boxes_1 { margin:0 0 36px;}
.camping_clock .service_li2 .boxes_1 p { font-size:40px; font-weight: bold; line-height:112%}
.camping_clock .service_li2 .ul_2 { display: flex; flex-direction: column; margin:0 0 0 52px;}
.camping_clock .service_li2 .ul_2 .bottom_li { margin:36px 0 0;}

.camping_clock .service_li3 .right_li { margin:0 0 0 112px;}

.camping_clock .franchise { position:relative; background-image: url(../img/camping_clock/camping_clock_img8.png); background-position: center center; background-size: cover; background-repeat: no-repeat;}
.camping_clock .franchise .first_btn { height:68px;}

.camping_clock .imgboxes { flex-direction:row;}

/* bisium_program */
.bisium_program .boxes ul{ display: flex;}
.bisium_program .service_li1 ul li.box_txt_li { margin:0 0 0 45px;}
.bisium_program .service_li1 ul li.box_txt_li p.txt_p1 { font-size:50px; font-weight: bold; line-height:112%; color:#000; }
.bisium_program .service_li1 ul li.box_txt_li span { color:#BDBDBD; font-size:36px;  display: block; margin:11px 0 0;}
.bisium_program .service_li1 ul li.box_txt_li p.txt_p2 { font-size:20px; line-height: 30px; margin:44px 0 0;}

.bisium_program .service_li2 .boxes { flex-direction: column; }
.bisium_program .service_li2 .boxes_1 { margin: 0 0 58px;}
.bisium_program .service_li2 .boxes_1 p { font-size:40px; font-weight: bold; line-height: 112%;}
.bisium_program .service_li2 .boxes_2 ul { display: flex; align-items: end;}
.bisium_program .service_li2 .boxes_2 ul li~li { margin:0 0 0 75px; }
.bisium_program .service_li2 .boxes_2 ul li:nth-child(1) img { transform: translateY(-20%);}
.bisium_program .service_li2 .boxes_2 ul li:nth-child(2) img { transform: translateY(20%);}
.bisium_program .service_li2 .boxes_2 ul li:nth-child(4) img { transform: translateY(20%);}
    
.bisium_program .service_li3 .boxes { flex-direction: column; }
.bisium_program .service_li3 .boxes_1 { margin: 0 0 58px;}
.bisium_program .service_li3 .boxes_1 p { font-size:40px; font-weight: bold; line-height: 112%;}
.bisium_program .service_li3 .boxes_2 { align-items: flex-start;}
.bisium_program .service_li3 .boxes_2 p { font-size:30px; font-weight: bold; line-height: 112%; margin:0 0 11px;}
.bisium_program .service_li3 .boxes_2 span { font-size:22px; line-height:36px; white-space: nowrap;}
.bisium_program .service_li3 .boxes_2 ul { display: flex;}
.bisium_program .service_li3 .boxes_2_2 { display: flex;}
.bisium_program .service_li3 .boxex_ul2 { margin:187px 0 0; transform: translateX(-10%);}
.bisium_program .service_li3 .boxes_2_txt { padding:10px 0 0 20px;}

.bisium_program .service_li3 .bg_inner_2{gap: 100px;}
.bisium_program .service_li3 .boxes2 { flex-direction: column; }
.bisium_program .service_li3 .boxes2 .boxes_1 { margin: 0 0 58px;}
.bisium_program .service_li3 .boxes2 .boxes_1 p { font-size:40px; font-weight: bold; line-height: 112%;}
.bisium_program .service_li3 .boxes2 .boxes_2 { align-items: flex-start;}
.bisium_program .service_li3 .boxes2 .boxes_2 p { font-size:30px; font-weight: bold; line-height: 112%; margin:0 0 11px;}
.bisium_program .service_li3 .boxes2 .boxes_2 span { font-size:22px; line-height:36px; white-space: nowrap;}
.bisium_program .service_li3 .boxes2 .boxes_2 ul { display: flex;}
.bisium_program .service_li3 .boxes2 .boxes_2_2 { display: flex;}
.bisium_program .service_li3 .boxes2 .boxex_ul2 { margin:187px 0 0; transform: translateX(-10%);}
.bisium_program .service_li3 .boxes2 .boxes_2_txt { padding:10px 0 0 20px;}
.bisium_program .imgboxes { flex-direction:row;}

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

@media screen and (max-width: 1600px) {
    .scroll-wrapper > ul > li.white_li { width:130vw;}
    .scroll-wrapper > ul > li:nth-child(1) { width:100vw;}

    /* bisium_program */
    .bisium_program .service_li3 .boxes_2 { flex-direction: column;}
    .bisium_program .service_li3 .boxex_ul2 { margin:0; transform: translateX(0);}
    .bisium_program .service_li3 .boxes2 .boxes_2 { flex-direction: column;}
    .bisium_program .service_li4 .boxex_ul2 { margin: 0; transform: translateX(0);}
}


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

    /* ha_nok */
    .ha_nok .service_li1 .boxes ul { flex-direction: column;}
    .ha_nok .service_li4 { padding:50px 0 !important;}

    /* shim_house */
    .shim_house .service_li1 ul li.box_txt_li { max-width: 586px; width:100%; margin: 0;}

    /* camping_alice */
    .camping_alice .boxes ul { align-items: center; margin:21px 0 0 !important;}
    .camping_alice .service_li4 .bottom_li { margin:50px 0 0;}
    .camping_clock .service_li3 .right_li{ margin:20px 0 0;;}

    /* bisium_program */
    .bisium_program .service_li3 .boxes_2_2 { flex-direction: column;}
    .bisium_program .service_li3 .boxes2 .boxes_2_2 { flex-direction: column;}

}