/*common*/
#projectModal {display:none;}
.highlight {color:#Fafafa; font-weight:normal !important;}
.section_title > h4 {font-size:28px; font-weight:300; margin:0 0 15px 0;}
.section_title > h2 {font-size:48px; font-weight:lighter; font-family: 'Aboreto',serif; margin:0 0 60px 0;}
.desc {font-size:20px; font-weight:300; color:#ccc; line-height: 160%; margin:0; }


/*banner*/
.sub07_banner {width:100%; height:44vw; position:relative; overflow: hidden; background:#0C0C11;}
.sub07_banner >img {position:absolute; width:100%; height:auto; object-fit: cover; z-index:0; object-position: center top; }
.sub07_banner::after {content:""; width:100%; height:100%; position: absolute; inset:0; z-index:1; pointer-events:none; background:rgba(0,0,0,0.4);}
.sub07_banner .banner_des {position:absolute; z-index:2; top:30%; left:50%; transform: translateX(-50%); color:#FFF; text-align:center; white-space: nowrap;}
.sub07_banner .banner_des h1 {font-size: 48px; font-family:'Aboreto',serif; margin: 27px 0 0 0; font-weight:lighter; line-height: 100%;}
.sub07_banner .banner_des p { font-size:22px; font-weight:300; margin:0;}

/**overview**/
.sub07_overview {width:100%; position:relative; overflow:hidden; padding:80px 8vw;  isolation:isolate; background:linear-gradient(#404746 0%, #292B2E 34%);}
.sub07_overview > img {position:absolute; width:100%; height:44vw; object-fit:cover; z-index: 0; top: -8vw; left:0; opacity: 0.08; transform: scaleY(-1);}
.sub07_overview_des {position:relative; z-index:2; text-align:center;  margin:0 auto;  }
.sub07_overview h3 {color:#fafafa; font-size:32px; font-family:'Aboreto',serif; margin: 0 0 40px 0 ; font-weight:lighter; }
.sub07_overview p {color: #ccc; font-size:20px; line-height: 160%; font-weight:300; margin:0 0 40px 0; padding:0 8vw;}

/*site analysis*/
.sub07_site_analysis {width:100vw; position:relative; overflow: clip; background: #746752;}
.sub07_site_analysis .sub07_site_mobile {display:none;}
.sub07_site_analysis .site_bg {position:absolute; top:0; left:0; z-index:0; pointer-events: none; inset:0;}
.sub07_site_analysis .site_bg_sticky{position: sticky; top: 0; height: 69vw; overflow: hidden;}
.sub07_site_analysis .site_bg_sticky > img { display: block; position: absolute; inset: 0; width: 100%; height:100%; object-fit: cover; filter: blur(var(--sa-blur, 0px)); will-change: filter;  transform: scale(1.05);}
.sub07_site_analysis .sub07_site_01, .sub07_site_analysis .sub07_site_02 {position:relative; z-index:2;}
.sub07_site_analysis::after {content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: rgba(39,41,44,0.45);}

.sub07_site_analysis .section_title {text-align:center; padding:80px 8vw 60vh;}
.sub07_site_analysis .section_title > h4 {color:#EDCFA0;}
.sub07_site_analysis .section_title > h2 {color:#fafafa;}
.sub07_site_analysis .section_title > .desc {color:#EEE;}

.sub07_site_analysis .top {display:grid; grid-template-columns:auto auto; gap:5vw; padding: 0 8vw 120px; justify-content:space-between; align-items:center;}
.sub07_site_analysis .bottom {display:grid; grid-template-columns: auto auto; gap:5vw; padding: 0 8vw 60px; justify-content: space-between; align-items:center;}
.sub07_site_analysis .last_content {padding: 0 8vw 80px; display:grid; grid-template-columns:auto auto; gap:5vw; justify-content:space-between; align-items:center;}
.sub07_site_analysis .top .site_desc {margin-bottom: 10vw;}
.sub07_site_analysis .bottom .site_desc {margin-bottom:5vw;}
.sub07_site_analysis .site_desc h5 {font-size:32px; line-height:100%; font-weight:500; color:#FFF; margin: 20px 0 15px 0;}
.sub07_site_analysis .site_desc .desc {color:#EEE;}


.sub07_site_analysis .material-symbols-light--passport-outline { 
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDCFA0' d='M8.5 18.192h7v-.884h-7zM12 15.04q1.864 0 3.191-1.328q1.328-1.328 1.328-3.211q0-1.863-1.328-3.191T12 5.98q-1.883 0-3.21 1.328Q7.462 8.637 7.462 10.5q0 1.883 1.328 3.21q1.327 1.33 3.21 1.33m0-1.002q-.412-.603-.675-1.384q-.263-.782-.32-1.71h1.97q-.056.928-.32 1.71q-.263.782-.655 1.384m-1.127-.075q-.984-.318-1.66-1.123t-.844-1.897h1.752q.031.722.208 1.476q.177.755.544 1.544m2.12 0q.386-.731.601-1.496q.216-.764.266-1.524h1.752q-.189 1.09-.893 1.897t-1.727 1.123M8.37 10.058q.189-1.148.912-1.973T11.008 7q-.406.616-.621 1.39q-.216.773-.266 1.668zm2.637 0q.055-.967.319-1.759T12 6.925q.392.583.656 1.374q.263.792.319 1.759zm2.853 0q-.03-.837-.246-1.611q-.215-.774-.64-1.447q1.061.26 1.785 1.094q.723.835.854 1.964zM5 21V3h12.385q.67 0 1.143.472q.472.472.472 1.144v14.769q0 .67-.472 1.143q-.472.472-1.143.472zm1-1h11.385q.23 0 .423-.192t.192-.424V4.616q0-.231-.192-.424T17.384 4H6zm0 0V4z'/%3E%3C/svg%3E");
  }

.sub07_site_analysis .prime--compass {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDCFA0' d='m15.94 7.62l-4.88 2a2.63 2.63 0 0 0-1.48 1.48l-2 4.88a.34.34 0 0 0 .19.44a.36.36 0 0 0 .25 0l4.88-2a2.63 2.63 0 0 0 1.48-1.48l2-4.88a.34.34 0 0 0-.19-.44a.36.36 0 0 0-.25 0M12 13a1 1 0 1 1 1-1a1 1 0 0 1-1 1'/%3E%3Cpath fill='%23EDCFA0' d='M12 21a9 9 0 1 1 9-9a9 9 0 0 1-9 9m0-16.5a7.5 7.5 0 1 0 7.5 7.5A7.5 7.5 0 0 0 12 4.5'/%3E%3C/svg%3E");
  }

  .sub07_site_analysis .game-icons--lion {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23EDCFA0' d='M123.885 20.447c-10.348.467-21.337 3.146-32.194 5.366l62.492 65.628l-21.645.188c-29.376.187-75.695 6.154-103.555 22.303l31.756 51.576l-40.625 21.098v56.577l46.54 26.32l-46.54 40.076v32.268c28.217-1.233 60.63.636 89.135-8.907l31.902-10.658l-21.828 25.586c-18.76 22-29.782 55.133-50.736 87.713c31.91-2.394 63.352-7.65 96.8-25.81l16.026-8.683l-9.746 77.124c26.333-12.19 52.103-28.923 71.178-49.055c22.683-23.94 35.713-50.49 33.36-72.71l-.074-.75c-18.488-12.687-32.26-31.173-39.236-54.18c-8.414-27.753-5.867-62.33 6.643-101.145c-26.406-4.04-46.536-14.637-57.307-30.11c-12.33-17.716-14.222-39.26-7.738-57.018s22.29-32.165 43.437-33.4c20.558-1.195 44.48 10.033 69.972 36.102c11.368 4.11 21.73 8.034 31.14 11.94c2.434-21.395-1.46-38.033-10.408-52.9c-8.41-13.975-23.217-26.43-41.1-38.582l4.27 42.888l-16.425-10.985C222.37 43.57 168.973 18.49 123.885 20.597l.002-.225zm100.387 77.997c-.436.008-.866 0-1.29 0h-.002c-13.54.785-22.545 9.105-26.937 21.135c-4.393 12.03-3.243 27.353 5.51 39.93c8.755 12.576 25.128 23.158 53.548 24.784l12.595.69l-4.344 11.827c-14.837 40.46-16.242 73.928-8.577 99.212c7.66 25.267 24.04 42.795 47.305 52.56h.037l108.59 38.474c5.65-11.9 11.672-23.813 17.988-35.71a40.6 40.6 0 0 1-16.32 3.41c-22.52 0-40.78-18.262-40.78-40.782c0-22.518 18.26-40.78 40.78-40.78c20.66 0 37.697 15.373 40.373 35.3c10.666-18.062 21.885-36 33.48-53.683l-103.224-52.377l-4.746-5.732c-3.93-13.556-11.515-23.32-26.39-33.324c-14.876-10.002-37.034-19.57-67.784-30.623l-2.08-.767l-1.53-1.607c-23.283-24.532-42.7-32.278-56.202-32.024zm119.04 89.93c8.272 0 14.657 6.387 14.657 14.657c0 8.274-6.387 14.688-14.658 14.688c-8.27 0-14.687-6.414-14.687-14.687c0-8.27 6.416-14.655 14.687-14.655z'/%3E%3C/svg%3E");
  }

  .sub07_site_analysis .healthicons--war-outline {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='%23EDCFA0' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M9.007 24c-1.104 0-2.021-.9-1.87-1.995C8.07 15.218 13.696 10 20.5 10c4.997 0 9.36 2.815 11.694 7H43a1 1 0 1 1 0 2h-9.886c.352.956.607 1.962.75 3.005c.15 1.095-.767 1.995-1.872 1.995zm11.937-2H9.159c.92-5.728 5.697-10 11.341-10s10.422 4.273 11.341 10zM18 32a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-2 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0m8 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m12-1a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-2 0a1 1 0 1 1-2 0a1 1 0 0 1 2 0'/%3E%3Cpath d='M7.187 26c-2.174 0-3.709 2.006-3.021 3.949l1.397 3.948C6.43 36.347 8.864 38 11.606 38h24.788c2.742 0 5.176-1.653 6.043-4.103l1.397-3.948c.688-1.943-.847-3.949-3.021-3.949zm34.621 2.461c-.197-.257-.54-.461-.995-.461H7.187c-.455 0-.799.204-.995.461a.84.84 0 0 0-.14.82l1.397 3.95C8.013 34.823 9.649 36 11.606 36h24.788c1.957 0 3.593-1.176 4.157-2.77l1.398-3.948a.84.84 0 0 0-.141-.82'/%3E%3C/g%3E%3C/svg%3E");
  }

  .sub07_site_analysis .mdi-light--eye {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDCFA0' d='M11.5 18c4 0 7.46-2.22 9.24-5.5C18.96 9.22 15.5 7 11.5 7s-7.46 2.22-9.24 5.5C4.04 15.78 7.5 18 11.5 18m0-12c4.56 0 8.5 2.65 10.36 6.5C20 16.35 16.06 19 11.5 19S3 16.35 1.14 12.5C3 8.65 6.94 6 11.5 6m0 2C14 8 16 10 16 12.5S14 17 11.5 17S7 15 7 12.5S9 8 11.5 8m0 1A3.5 3.5 0 0 0 8 12.5a3.5 3.5 0 0 0 3.5 3.5a3.5 3.5 0 0 0 3.5-3.5A3.5 3.5 0 0 0 11.5 9'/%3E%3C/svg%3E");
  }

  .sub07_site_analysis .game-icons--stitched-wound {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23EDCFA0' d='M135.688 14.47c-9.9 17.578-16.9 35.042-21.157 52.718c-30 .05-60.354 6.118-90.25 19.343c30.206-1.245 58.853 1.256 85.94 7.064c-1.807 20.477-.167 41.44 4.718 63.406c8.715-19.5 14.788-38.61 18.562-57.5c19.888 5.854 38.888 13.542 57 22.906c-8.706 21.313-15.625 43.75-20.906 65.813c17.15-14.825 32.1-32.532 43.937-52.72c16.033 9.956 31.312 21.258 45.845 33.78c-14.894 18.655-26.555 39.646-35.5 63.032c20.666-12.887 40.305-26.64 58.344-41.718c11.776 11.827 23.03 24.468 33.717 37.875c-18.05 13.51-34.525 29.52-50.093 47.874c23.34-7.02 45.913-15.17 67.25-25.03c9.88 13.904 19.248 28.47 28.094 43.624c-19.928 10.57-37.594 24.166-54.032 40.218c22.827-4.56 45.175-10.16 66.75-17.312a719 719 0 0 1 23.938 49.625c-17.376 5.93-34.2 14.867-50.75 26.624c19.95-1.098 39.803-2.813 59.344-6.094c12.852 31.89 23.956 65.24 33.28 99.5c6.136-34.692 5.34-70.76-1.156-106.563c15.952-4.408 31.63-10.26 46.938-18.093c-17.955-3.76-35.026-4.77-51.47-3.22c-4.788-19.56-11.22-38.93-19.124-57.843c19.266-8.834 37.666-19.323 54.97-31.905c-24.416.075-46.115 2.948-65.75 8.22c-8.473-17.198-18.144-33.875-28.845-49.845c20.15-13.046 38.63-28.44 54.876-46.906c-27.136 4.322-51.12 11.75-72.812 22.062c-12.598-16.215-26.287-31.466-40.875-45.47c16.55-18.2 30.804-38.286 42.03-60.842c-25.817 10.962-47.79 24.042-66.438 39.25c-19.178-15.557-39.573-28.977-60.812-39.75c6.06-17.92 9.95-37.2 11.156-57.656c-13.128 13.28-24.6 29.352-34.5 47.062c-22.77-9.18-46.31-15.263-70.22-17.656c1.253-18.045.512-35.955-2-53.875z'/%3E%3C/svg%3E");
  }

/**site analysis 2**/
.sub07_site_analysis_2 {padding: 80px 8vw; background:linear-gradient(180deg, #746752 0%, #FFF 30%);}
.sub07_site_analysis_2 > img {display:block; width:80%; margin:0 auto; margin-bottom:120px;}
.sub07_site_analysis_2 .site2_img2 {margin-bottom:80px; background:none;}

/**form making**/
.form_making {padding: 80px 8vw; background:#f7f7f7;}
.form_making .section_title {text-align:center;}
.form_making .process {display:grid; grid-template-columns: auto auto auto; gap: 5vw; align-items: start; justify-content: start; margin-bottom:120px;}
.form_making .step {display:flex; flex-direction: column; justify-content: space-between; align-items:end;}
.form_making .step_numb {text-align:center; background:#F4D3D3; padding:10px; width:40px; height:40px; border-radius: 50%;}
.form_making .step_numb .desc {color:#222; line-height:100%;}
.form_making .final_form {width:60%; margin: 0 auto;}
.form_making > .step {margin-bottom:60px;}
.form_making .desc {color:#333; text-align:center;}

/*element*/
.element {padding: 80px 8vw; background:#ebebeb;}
.element .section_title {text-align:center; margin-bottom:100px;}
.element .section_title .desc {color:#444; padding: 0 6vw;}
.element .content_wrap {display:grid; grid-template-columns: auto auto auto auto; gap:4vw; align-items: start;}
.element .content_card > img { height:220px;}
.element .content_card > h5 {margin: 40px 0 20px 0; font-size:30px;}
.element .content_card > .desc {color:#444;}

/**section & axonometric*/
.section {background:#C7C9CE; display:grid; grid-template-columns: 75% 25%; align-items:start; justify-content: space-between;}
.section.mobile {display:none;}
.section .content_1 {position:relative; width:100%; height:1400px;}
.section .content_1 > img {position:absolute; width:100%; height:45vw; top:0; left:0; z-index:0; object-position: center top;}
.section .control_wrap {position:absolute; z-index:2; margin:80px 8vw;}
.section .section_title > h2 {margin:0;}
.section .button_wrap {margin-top:40px; padding:0; }
.section .button_wrap > li {width:fit-content; list-style:none; margin-bottom:30px;}
.section .button_wrap button {width:200px; background:#f0f0f0; color:#555; text-align:center; font-weight:300; font-size:20px; border-radius:25px; padding: 15px 20px; line-height:100%; box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.25);}
.section .button_wrap button.is-active {background:#222; color:#FFF;}
.section .desc {position:absolute; z-index:5; color:#444; left:8vw; top: 45vw; width:80%;}
.section .highlight {color:#222;}

.section .content_2 {background:#edecf1; padding: 20px 10px; height:100%;}
.section .card_big {margin:0;}
.section .card_big > img {width:75%; margin:0 auto; display:block;}
.section .card_big > figcaption {font-size:16px;}
.biome_card .card_smalls .card_small:first-child img {width:50%; margin-top:20px;}
.biome_card .card_smalls .card_small:nth-child(2) img {width:50%; margin-top:20px;}
.biome_card .card_smalls .card_small:first-child figcaption {font-size:16px;}
.biome_card .card_smalls .card_small:nth-child(2) figcaption {font-size:16px;}
.section .card_big_cap {margin-top:10px;}

/**elevation**/
.elevation .section_title {text-align:center; padding: 80px 8vw 0px;}
.elevation .desc {padding:0 6vw; color:#444;}
.elevation .highlight {color:#222;}
.elevation > img {width:100%;}

/**utility**/
.utility .content_1 {padding: 80px 8vw; background:#D2D3D8;}
.utility .section_title {text-align:center;}
.utility .content_1 .img_wrap {display:grid; grid-template-columns: auto auto auto; align-items: center; justify-content: space-between;}
.utility .content_1 .img_wrap > img {width:80%; margin:0 auto;}
.utility h5 {margin: 40px 0 20px 0; font-size:30px;}
.utility .desc {color:#444;}

.utility .content_2 {padding: 80px 8vw; background:#C6C7CC;}
.utility .content_2 .img_wrap {display:grid; grid-template-columns: auto auto; align-items: center; justify-content:center;gap:5vw;}
.utility .content_2 .img_wrap > img {width:80%; margin:0 auto;}

.utility .content_3 {padding:80px 8vw; background:#BCBDC1; display:grid; grid-template-columns: 40% 55%; gap:5vw; align-items: end;}


/**반응형**/
@media (max-width:1920px){
    .element .content_wrap {display:grid; grid-template-columns: auto auto; gap:5vw; align-items: start;}
    .section .desc {top:48vw;}
}

@media (max-width:1440px){
    .section_title > h4 {font-size:24px;}
    .section_title > h2 {font-size: 44px;}
    .desc {font-size:18px;}

    .sub07_banner .banner_des h1 {font-size:44px; margin:27px 0 60px 0;}
    .sub07_banner .banner_des p {font-size: 18px;}

    .sub07_overview p {font-size:18px;}

    .sub07_site_analysis .site_desc h5 {font-size:28px;}
    .sub07_site_analysis .material-symbols-light--passport-outline {width:70px; height:70px;}
    .sub07_site_analysis .prime--compass {width:70px; height:70px;}
    .sub07_site_analysis .game-icons--lion {width:70px; height:70px;}
    .sub07_site_analysis .healthicons--war-outline {width:70px; height:70px;}
    .sub07_site_analysis .mdi-light--eye {width:70px; height:70px;}
    .sub07_site_analysis .game-icons--stitched-wound {width:70px; height:70px;}

    .element .content_card > h5 {font-size:28px;}

    .section .button_wrap button {font-size: 18px; width:180px;}
    .section .button_wrap > li {margin-bottom:20px;}
    .biome_card .card_smalls .card_small:first-child figcaption {font-size:15px;}
    .biome_card .card_smalls .card_small:nth-child(2) figcaption {font-size:15px;}
    .section .desc {top:50vw;}

    .utility h5 {font-size:28px;}
}

@media(max-width:1280px){
    .section_title > h4 {font-size:22px;}
    .section_title > h2 {font-size:40px;}

    .sub07_banner .banner_des h1 {font-size: 40px; margin: 15px  0 0;}

    .sub07_overview {padding: 60px 6vw;}
    .sub07_overview h3 {font-size:30px;}
    .sub07_overview p {padding: 0 6vw;}

    .sub07_site_analysis .section_title {padding:60px 6vw 50vh;}
    .sub07_site_analysis .site_desc h5 {font-size:26px;}
    .sub07_site_analysis .material-symbols-light--passport-outline {width:65px; height:65px;}
    .sub07_site_analysis .top {padding: 0 6vw 120px;}
    .sub07_site_analysis .bottom {padding: 0 6vw 60px;}
    .sub07_site_analysis .last_content {padding: 0 6vw 60px;}
    .sub07_site_analysis .prime--compass {width:65px; height:65px;}
    .sub07_site_analysis .game-icons--lion {width:65px; height:65px;}
    .sub07_site_analysis .healthicons--war-outline {width:65px; height:65px;}
    .sub07_site_analysis .mdi-light--eye {width:65px; height:65px;}
    .sub07_site_analysis .game-icons--stitched-wound {width:65px; height:65px;}

    .form_making {padding:60px 6vw;}

    .element {padding: 60px 6vw;}
    .element .content_card > h5 {font-size:26px;}

    .section {grid-template-columns: 70% 30%;}
    .section .control_wrap {margin: 60px 6vw;}
    .section .desc {left:6vw; top:60vw;}

    .elevation .section_title {padding: 60px 6vw 0px;}

    .utility .content_1 {padding: 60px 6vw;}
    .utility h5 {font-size:26px;}

    .utility .content_2 {padding:60px 6vw;}

    .utility .content_3 {padding:60px 6vw;}

}

@media (max-width:1024px){
    .section_title > h2 {font-size: 36px; margin:0 0 40px 0;}
    .section_title > h4 {margin:0 0 10px 0;}
    .desc {font-size: 16px;}

    .sub07_banner .banner_des h1 {font-size:34px; margin: 10px 0 0 0;}
    .sub07_banner .banner_des p {font-size:16px;}

    .sub07_overview > img { top: -6vw;}

    .sub07_site_analysis .site_bg_sticky{height:120vh;}
    .sub07_site_analysis .sub07_site_02 {display:none;}
    .sub07_site_analysis .sub07_site_mobile {display:block; position: relative; z-index:2;}
    .sub07_site_analysis .section_title {padding: 60px 6vw 30vh;}
    .sub07_site_analysis .continent_img {display:grid; grid-template-columns: 40% 55%; padding: 0 6vw 40px; margin: 0 auto;}
    .sub07_site_analysis .content_wrap {display: grid; grid-auto-flow: column; grid-auto-columns: 45%; gap: 14px; overflow-x: auto; overflow-y: hidden; padding: 0 6vw 60px; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-padding-left: 6vw;}
    .sub07_site_analysis .sub07_site_mobile .content_wrap::-webkit-scrollbar{ display: none; }
    .sub07_site_analysis .sub07_site_mobile .content_wrap{ scrollbar-width: none;}
    .sub07_site_analysis .site_desc {background:#fafafa; padding: 10px 15px; height: 320px; border-radius:10px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
    .sub07_site_analysis .site_desc h5 {font-size: 24px; color:#222; margin: 25px 0 15px 0;}
    .sub07_site_analysis .site_desc .desc {color:#444;}

    .form_making .process {gap:3vw; margin-bottom:100px;}
    .form_making .step_numb {width:35px; height:35px;}

    .element .content_card > h5 {font-size:24px; margin: 30px 0 10px 0;}

    .section.desktop {display:none;}
    .section.mobile {display:block;}
    .section.mobile .section_title {padding:60px 6vw 40px;}
    .section .button_wrap button {width:150px;}
    .section .button_wrap {margin:0; display:flex; padding: 0 6vw; gap:15px;   overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;}
    .section .button_wrap > li {margin-bottom: 30px; flex: 0 0 auto; }
    .section .content_2 {padding:20px 6vw;}

    .biome_card .card_smalls .card_small:first-child figcaption {font-size:14px; margin-top: 10px;}
    .biome_card .card_smalls .card_small:nth-child(2) figcaption {font-size:14px; margin-top:10px;}
    .section .button_wrap button {font-size:16px;}
    .section .biome_card {display:grid; grid-template-columns: 45% 55%;}
    .section .card_big > img {width:70%;}
    .section .card_big > figcaption {font-size:14px;}
    .section .card_smalls {display:grid; grid-template-columns: auto auto; align-items:start; gap:5px;}
    .biome_card .card_smalls .card_small:first-child img {width:80%; margin: 0 auto; display:block;}
    .biome_card .card_smalls .card_small:nth-child(2) img {width:80%; margin: 0 auto; display:block;}
    .section .desc {position:static; padding: 60px 6vw;}
    .section[data-biome="1"] .card_small:first-child > img {width:40%;}

}

@media (max-width:768px){
    .section_title > h4 {font-size:20px;}
    .section_title > h2 {font-size:32px; margin:0 0 30px 0;}
    .desc {font-size:16px;}

    .sub07_banner {height:600px;}
    .sub07_banner > img {height:100%; inset:auto; left:auto; right:auto; top:auto; width:100%; object-position: center;}
    .sub07_banner .banner_des h1 {font-size:32px; }

    .sub07_overview {padding: 50px 4vw;}
    .sub07_overview h3 {font-size:32px; margin-bottom:25px;}
    .sub07_overview p {font-size: 16px;}
    .sub07_overview > img {height:600px; top:-140px;}

    .sub07_site_analysis .section_title {padding: 50px 4vw 30vh;}
    /*.sub07_site_analysis .site_bg_sticky > img { content: url("/wp-content/themes/jung/img/sub07/sub07_site_bg_mobile.webp");}*/
    .sub07_site_analysis .content_wrap {grid-auto-columns: 80%; padding: 0 5vw 40px;}
    .sub07_site_analysis .site_desc {height:280px;}
    .sub07_site_analysis .site_desc h5 {font-size: 22px;}
    .sub07_site_analysis .material-symbols-light--passport-outline,
    .sub07_site_analysis .prime--compass,
    .sub07_site_analysis .game-icons--lion,
    .sub07_site_analysis .healthicons--war-outline,
    .sub07_site_analysis .mdi-light--eye,
    .sub07_site_analysis .game-icons--stitched-wound {width:60px; height:60px;}

    .sub07_site_analysis_2 > img {margin-bottom:60px;}
    .sub07_site_analysis_2 .site2_img2 {margin-bottom:0;}
    .sub07_site_analysis_2 > img {width:100%;}

    .form_making {padding:50px 4vw;}
    .form_making .process { margin-bottom:80px;}
    .form_making .step_numb {width:30px; height:30px;}
    .form_making .step_numb {padding:5px;}
    .form_making .process {display:grid; grid-template-columns: auto auto; gap: 5vw;}
    .form_making .final_form {width:80%;}

    .element {padding:50px 4vw;}
    .element .content_wrap {display:grid; grid-template-columns: auto; gap:60px;}
    .element .content_card > h5 {font-size:22px; margin:20px 0 8px 0;}
    .element .content_card > img {width:40%; height:auto;}

    .section .section_title {padding: 50px 4vw 30px;}
    .section .button_wrap {padding: 0 4vw;}
    .section .desc {padding: 50px 4vw; width:100%;}
    .section .content_2 {padding:20px 4vw;}

    .elevation .section_title {padding:50px 4vw 0px;}

    .utility .content_1 {padding: 50px 4vw;}
    .utility h5 {font-size:22px; margin:20px 0 8px 0;}

    .utility .content_2 {padding:50px 4vw;}

    .utility .content_3 {padding:50px 4vw;}
}

@media(max-width:480px){
    .section_title > h4 {font-size:18px; text-align:left;}
    .section_title > h2 {font-size:28px; margin: 0 0 20px 0; text-align:left;}
    .desc {font-size:15px; width:100%;  text-align:left; font-weight:400;}
    .highlight {font-weight:500 !important;}

    .sub07_banner .banner_des h1 {font-size:28px;}
    .sub07_banner .banner_des p {font-size:15px;}

    .sub07_overview {padding: 40px 15px;}
    .sub07_overview h3 {font-size:28px;}
    .sub07_overview p {padding:0; font-weight:300; font-size:15px; text-align:center;}

    .sub07_site_analysis .section_title {padding: 40px 15px 25vh;}
    .sub07_site_analysis .content_wrap {grid-auto-columns: 80%; padding: 0 15px 40px;}
    .sub07_site_analysis .site_desc h5 {font-size: 20px;}
    .sub07_site_analysis .material-symbols-light--passport-outline,
    .sub07_site_analysis .prime--compass,
    .sub07_site_analysis .game-icons--lion,
    .sub07_site_analysis .healthicons--war-outline,
    .sub07_site_analysis .mdi-light--eye,
    .sub07_site_analysis .game-icons--stitched-wound {width:50px; height:50px;}

    .form_making {padding: 40px 15px;}
    .form_making .desc {text-align:center;}
    .form_making .step_numb {width:26px; height:26px;}
    .form_making .process {gap:30px; margin-bottom:60px;}
    .form_making > .desc {text-align:left;}
    .form_making .final_form {width:100%;}

    .element .section_title .desc {padding:0;}
    .element .content_card > img {width:60%;}
    .element .content_card > h5 {font-size:20px; margin:15px 0 7px 0;}

    .section .section_title {padding: 40px 15px 25px !important;}
    .section .button_wrap button {padding: 15px 15px; font-size:15px; width:120px;}
    .section .content_2 {padding:25px 15px;}
    .section .biome_card {display:block;}
    .section .card_big {margin-bottom:40px;}
    .section .card_big > img {width:50%;}
    .section .card_big > figcaption {text-align: center; padding: 0 40px;}
    .biome_card .card_smalls .card_small:first-child img,
    .biome_card .card_smalls .card_small:nth-child(2) img {width:60%;}
    .section[data-biome="1"] .card_small:first-child > img {width:30%;}
    .section .desc {padding:40px 15px;}

    .elevation .section_title {padding:40px 15px 20px;}
    .elevation .desc {padding:0;}

    .utility .content_1 {padding:40px 15px;}
    .utility h5 {font-size:20px; margin:15px 0 7px 0;}
    .utility .content_1 .img_wrap {grid-template-columns:auto; gap:15px;}
    .utility .content_1 .img_wrap > img {width:70%; margin: 0 auto;}

    .utility .content_2 {padding:40px 15px;}
    .utility .content_2 .img_wrap {grid-template-columns:auto; gap:15px;}
    .utility .content_2 .img_wrap > img {width:70%; margin: 0 auto;}

    .utility .content_3 {padding:40px 15px; grid-template-columns: auto; gap:15px;}
    .utility .content_3 .img_wrap > img {width:80%; margin: 0 auto;}

}

@media (max-width:375px){
    .section_title {text-align:left;}
    .section_title > h4 {font-size:15px;}
    .section_title > h2 {font-size:24px;}
    .desc {font-size:14px;}

    .sub07_banner .banner_des h1 {font-size:24px;}
    .sub07_banner .banner_des p {font-size:14px;}

    .sub07_overview h3 {font-size:24px; margin-bottom: 20px;}
    .sub07_overview p {font-size:14px; margin-bottom: 20px; text-align:left;}

    .site_analysis .site_desc h5 {font-size:18px;}
    .sub07_site_analysis .content_wrap {grid-auto-columns: 85%;}

    .element {padding:40px 15px;}
    .element .section_title .desc {padding:0;}
    .element .content_card > img {width:80%;}
    .element .content_card > h5 {font-size:18px;}

    .section .button_wrap button {font-size:14px;}
    .section .card_big > figcaption {text-align: left; padding: 0;}
    .section .card_smalls {grid-template-columns: auto;}
    figure {margin:20px 0;}
    .section .card_big > img {width:70%;}
    .biome_card .card_smalls .card_small:first-child img, .biome_card .card_smalls .card_small:nth-child(2) img {width:50%;}
    .biome_card .card_smalls .card_small:first-child figcaption {font-size:13px;}
    .biome_card .card_smalls .card_small:nth-child(2) figcaption {font-size:13px;}
    .section .card_big > figcaption {font-size:13px;}

    .utility h5 {font-size:18px;}
}