/*common*/
.highlight {color:#222  !important; font-weight:normal !important;}
.section_title {text-align: center;}
.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:#444; line-height: 160%; margin:0; }
#projectModal {display:none;}

/*banner*/
.sub06_banner {width:100%; height:44vw; position:relative; overflow: hidden; background:#0C0C11; }
.sub06_banner > img {position: absolute; width: 100%; height: auto; object-fit: cover; z-index: 0;object-position: center top;}
.sub06_banner::after {content:""; width:100%; height:100%; position: absolute; inset:0; z-index:1; pointer-events:none;
    background: linear-gradient(90deg, rgba(48,47,51,0)0%,rgba(34,34,37,0.4) 60%,rgba(25,23,27,0.8) 70%, rgba(11,13,16,1) 100%);}
.sub06_banner_des{ position:absolute; z-index:2; /*top: 55%;*/  bottom: 10%; right:8vw; color:#FFF; text-align: end;}
.sub06_banner_des > h1{font-size: 48px; font-family:'Aboreto',serif; margin: 27px 0 80px 0; font-weight:lighter; line-height: 100%;}
.sub06_banner p {font-size:22px; font-weight:300; margin:0;}

/**overview**/
.sub06_overview {width:100%; position:relative; overflow:hidden; padding:80px 8vw;  isolation:isolate;}
.sub06_overview > img {position:absolute; width:100%; height:100%; object-fit:cover; z-index: 0; top: 0; left:0; opacity: 0.5;}
.sub06_overview::after{content:""; width:100%; height:100%; position:absolute; inset:0; z-index:1; pointer-events: none; background:rgba(249,249,250,0.9);}
.sub06_overview_des {position:relative; z-index:2; text-align:center;  margin:0 auto;  }
.sub06_overview h3 {color:#222; font-size:32px; font-family:'Aboreto',serif; margin: 0 0 40px 0 ; font-weight:lighter; }
.sub06_overview p {color: #444; font-size:20px; line-height: 160%; font-weight:300; margin:0 0 40px 0; padding:0 8vw;}

/**site analysis**/
.sub06_site_analysis {width:100%; position:relative; overflow:hidden; padding: 80px 8vw; isolation:isolate;}
.site_background_img {position:absolute; width:100%; height:100%; object-fit: cover; z-index: -1; top:0; right:0;}
.sub06_site_analysis .content:nth-child(2) {width:100%; margin-bottom:120px; padding: 0 5vw;}
.sub06_site_analysis .content:nth-child(2) .content_img {width:100%; height:fit-content; margin-bottom:40px;}
.sub06_site_analysis .content:nth-child(2) .content_img > img {width:100%; height:40vw;}
.sub06_site_analysis .content:nth-child(2) > p {margin:0 auto;}

.sub06_site_analysis .content:nth-child(3) {width:90%; height:auto; margin-bottom:80px;}

.sub06_site_analysis  h2 {font-size:48px; font-weight:lighter; font-family: 'Aboreto',serif; margin:0 0 60px 0;}

.sub06_site_analysis .content:nth-child(5) {width:100%; margin-bottom:120px; padding:0 5vw;}
.sub06_site_analysis .content:nth-child(5) .content_img {width:100%; height:fit-content; margin-bottom:40px;}
.sub06_site_analysis .content:nth-child(5) .content_img > img {width:100%; height:40vw;}
.sub06_site_analysis .content:nth-child(5) > p {margin:0 auto;}

.sub06_site_analysis .content_division {display:grid; grid-template-columns: auto auto auto; gap:30px;}
.sub06_site_analysis .card > img {width:40%; margin:0 0 40px 0; }
.sub06_site_analysis .card h4 {color:#222; margin:0; line-height:120%; font-size:30px; font-weight:500; margin-bottom:20px;}
.sub06_site_analysis .card p {text-align:left; width:100%;}

.falling{ opacity: 0; transform: translateY(-80px); transition: transform 0.8s cubic-bezier(.16,1.15,.3,1);}
.falling.on{ opacity: 1; transform: translateY(0);}

/**form analysis 1**/
.sub06_form_analysis_1 {padding:80px 13.65vw;}
.sub06_form_analysis_1 .section_title > h4 {font-size:28px; font-weight:300; margin:0 0 15px 0;}
.sub06_form_analysis_1 h4 {font-size:32px; line-height:100%; margin: 0 0 20px 0; font-weight:500;}
.sub06_form_analysis_1 .des.top {text-align:center; margin-bottom: 40px;}
.sub06_form_analysis_1 .des.top > h4 { color:#222;}
.sub06_form_analysis_1 .des.top > p {padding: 0 8vw;}
.sub06_form_analysis_1 img {display:block; width:50%; margin: 0 auto;}
.sub06_form_analysis_1 .des.bottom {display:grid; grid-template-columns: auto auto; gap:5vw; align-items: start; padding: 0 5vw; margin: 60px 0 120px;}
.sub06_form_analysis_1 .des.bottom p {text-align:left;}
.sub06_form_analysis_1 .des.bottom .card:nth-child(1)> h4 {color:#BB6B61 }
.sub06_form_analysis_1 .des.bottom .card:nth-child(2)> h4 {color:#65795F }

.sub06_form_analysis_1 .circle_wrap { position: relative; width: 100%; height: 0; z-index: -1;}
.sub06_form_analysis_1 .circle_wrap .circle{ position: absolute; left: 50%;  transform: translateX(-50%);  width: 100vw;  height: 100vw; 
    border-radius: 50%; background: linear-gradient( 180deg,  #ffffff 80%,  #88D371 100% ); }
.sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) {/*top: -600px;*/ top: -31.25vw; opacity: 0.12; z-index: -1;}
.sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { /*top: -500px;*/ top: -26.04vw;opacity: 0.08; z-index:-2;}
.sub06_form_analysis_1 > .content:last-of-type img{ width: 60%; max-width: none;}
.sub06_form_analysis_1 .content > h4 {text-align:center;}
.sub06_form_analysis_1 .content > p {padding: 0 12vw; text-align:center;}


/**form analysis 2**/
.sub06_form_analysis_2 {padding: 80px 8vw;}
.sub06_form_analysis_2 > .section_title:first-of-type > h2 {display: inline-block; background:linear-gradient(90deg, #68CD67, #409342);color:transparent;  -webkit-background-clip: text; background-clip: text; margin-bottom:30px;}
.sub06_form_analysis_2 .content {width:100%; padding:0 5vw; margin-bottom:120px; }
.sub06_form_analysis_2 .content .img_wrap {width:100%; height: 40vw; position:relative; overflow:hidden; margin-bottom:40px;}
.sub06_form_analysis_2 .content .img_wrap > img {position:absolute; width:100%; height:100%; object-fit: cover; object-position: center; }
.sub06_form_analysis_2 h3 {font-size:32px; line-height:100%; margin:0 0 20px 0; font-weight:500; text-align: center;}
.sub06_form_analysis_2 .content p {padding: 0 12vw; text-align:center;}
.sub06_form_analysis_2 .anatomy {display:block; width:40%; margin:0 auto 120px;}

.sub06_form_analysis_2 .process{ display: grid; grid-template-columns: 20% 1fr; gap: 30px; align-items: start; padding: 80px 5vw;}
.sub06_form_analysis_2 .steps {position:relative;}
.sub06_form_analysis_2 .sticky {position:sticky; top:80px; /*height:calc(100vh - 60px);*/ height: calc(80vh - 50px); display:flex; align-items:center; justify-content: center;}
.sub06_form_analysis_2 .sticky img{ width: 60%; height: auto; transition: opacity .25s ease;}
.sub06_form_analysis_2 .steps .step{ display:grid; grid-template-columns:  26px 1fr; column-gap: 16px; align-items:start; min-height:32vh; padding: 28px 0;   min-height: 60vh;}
.sub06_form_analysis_2 .marker {position:relative; width:26px; display:flex; justify-content: center; padding-top:10px; height:100%;}
.sub06_form_analysis_2 .dot {width:12px; height:12px; border-radius: 50%; background:#555; transition:.25s ease;}
.sub06_form_analysis_2 .line {position:absolute; top: 20px; left:50%; transform: translateX(-50%); width:2px; height:100%; background: #555;}
.sub06_form_analysis_2 .step:last-child .line{ display: none;}
.sub06_form_analysis_2 .steps .step h5{ font-size: 24px; font-weight: 300; color: #444; line-height: 1.6;  margin: 0; text-align: left;}

.sub06_form_analysis_2 .step.is-active h5{ color: #409342; font-weight: 400;}
.sub06_form_analysis_2 .step.is-active .dot{ outline: 2px solid #409342; outline-offset: 3px;}

/**axonometric*/
.sub06_axonometric {background:#232323; padding: 80px 8vw;}
.sub06_axonometric .section_title {color: #Fafafa;}
.sub06_axonometric .content_1 {display:grid; grid-template-columns: 300px 1fr;}
.sub06_axonometric .axono_img{padding: 0; background: #232323; overflow: hidden; order:2;}
.sub06_axonometric .form_panel{ display: none; width: 100%; height: 100%;}
.sub06_axonometric .form_panel.active {display:block;}
.sub06_axonometric .form_panel img{ width: 100%; height: auto; object-fit: cover; display: block; margin: 0 auto;}

.sub06_axonometric .tab_menu{padding-bottom:10px;} 
.sub06_axonometric .tab_btn{ all: unset; cursor: pointer; color: rgba(255,255,255,.55); font-size: 22px; padding: 0 20px 4vw; position: relative; white-space: nowrap;  border-left: 1px solid #c0c0c0;}
.sub06_axonometric .tab_btn:last-child { border-left: none;}
.sub06_axonometric .tab_btn.active{font-weight:400; color:#FFF; }

.sub06_axonometric .tab_panel{ display: none; justify-content: center;}
.sub06_axonometric .tab_panel.active{ display: block;}
.sub06_axonometric .img_wrap{ width:100%; height:250px; background:#d3d3d3; overflow:hidden;   display: flex; align-items: center; justify-content: center;}
.sub06_axonometric .thumb {width:60%; height: auto; object-fit: cover; display:block; margin: 0 auto; object-position: center;}
.sub06_axonometric .panel_inner p {width:100%; color:#ccc; margin-top:15px;}

.sub06_axonometric .content_2 {margin-top:120px;}
.sub06_axonometric .img_box {width:100%; display: grid; grid-template-columns: auto auto; gap:4vw; margin-bottom:40px;}
.sub06_axonometric .img_box > img {width:100%; height:auto;}
.sub06_axonometric .content_2 .desc {text-align: center; color:#ccc;}
.sub06_axonometric .content_2 .highlight {color:#FFF !important;}

/**section**/
.sub06_section {padding:80px 8vw; background:#f8f8f8;}
.sub06_section .content:nth-child(2){padding: 0 5vw; margin-bottom:120px;}
.sub06_section .content:nth-child(2) .img_box {width:100%; height:40vw; overflow:hidden; margin-bottom:40px;}
.sub06_section .content:nth-child(2) .img_box > img {width:100%; height:auto; object-fit: cover; object-position: center;}

.sub06_section .content:nth-child(3) {padding:0 5vw;}
.sub06_section .content:nth-child(3) img {margin: 0 auto; margin-bottom:40px;}

/**model**/
.sub06_model {width:100%; height:80vw; position:relative; overflow: hidden; background:#232323;}
.sub06_model .section_title {position:absolute; z-index:2; top: 80px;  left: 50%; transform: translateX(-50%);}
.sub06_model .section_title > h2 {color:#409342; margin: 0 0 20px 0;}
.sub06_model .section_title > h4 {color:#fafafa;}
.sub06_model .section_title .title_sub {font-size:40px; color:#Fafafa; white-space: nowrap;}
.sub06_model .bg_img {position: absolute; width: 100%; height: auto; object-fit: cover; z-index: 0;object-position: center -150px;}
.sub06_model::after {content:""; width:100%; height:100%; position: absolute; inset:0; z-index:1; pointer-events:none;
    background: linear-gradient(180deg, rgba(48,47,51,0)0%,rgba(34,34,37,0.4) 60%,rgba(25,23,27,0.8) 70%, rgba(11,13,16,1) 100%);}
.sub06_model .desc {position:absolute; z-index:2; bottom: 10%; left:8vw; color:#fafafa; text-align: start; width:60%;}
.sub06_model .highlight {color:#ccc !important;}


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

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

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

    .sub06_site_analysis .section_title {font-size:44px;}
    .sub06_site_analysis .card h4 {font-size:28px;}

    .sub06_form_analysis_1 .section_title > h4 {font-size:24px;}
    .sub06_form_analysis_1 h4 {font-size:28px;}
    .sub06_form_analysis_1 .des.bottom {padding:0;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) { top: -23vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { top: -18vw;}

    .sub06_form_analysis_2 h3 {font-size:28px;}
    .sub06_form_analysis_2 .steps .step {min-height:50vh;}
    .sub06_form_analysis_2 .steps .step h5{ font-size: 22px;}

    .sub06_model .section_title .title_sub {font-size:36px;}

}

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

    .sub06_banner_des {right:6vw;}
    .sub06_banner h1 {font-size: 40px; margin: 15px 0 30px 0;}

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

    .sub06_site_analysis {padding: 60px 6vw;}
    .sub06_site_analysis .section_title {font-size:40px;}
    .sub06_site_analysis .content:nth-child(2) .content_img > img {height:45vw;}
    .sub06_site_analysis .content:nth-child(5) .content_img > img {height:45vw;}
    .sub06_site_analysis .content_division {display:block; padding: 0 5vw;}
    .sub06_site_analysis .card {display:grid; grid-template-columns: 20% 65%; gap: 4vw; align-items: start; justify-content: start;  margin-bottom:40px; }
    .sub06_site_analysis .card:nth-child(2) {grid-template-columns: 65% 20%;}
    .sub06_site_analysis .card:nth-child(2) > img {order:2;}
    .sub06_site_analysis .card:nth-child(2) .card_des {order:1;}
    .sub06_site_analysis .card > img {width:100%; margin:0;}
    .sub06_site_analysis .card h4 {margin-top:20px; font-size:26px; }
    .site_background_img {object-fit:fill;}
    .falling {width:80%;}

    .sub06_form_analysis_1 .section_title > h4 {font-size:22px;}
    .sub06_form_analysis_1 h4 {font-size:26px;}
    .sub06_form_analysis_1 {padding: 60px 10vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) { top: -10vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { top: -6vw;}

    .sub06_form_analysis_2 {padding: 60px 6vw;}
    .sub06_form_analysis_2 .content p {padding: 0 5vw;}
    .sub06_form_analysis_2 .process {grid-template-columns: 30% 1fr;}
    .sub06_form_analysis_2 h3 {font-size:26px;}
    .sub06_form_analysis_2 .steps .step h5{ font-size: 20px;}
    .sub06_form_analysis_2 .content .img_wrap {height:45vw;}
    .sub06_form_analysis_2 .process {gap:20px;}
    .sub06_form_analysis_2 .sticky img{transition: opacity .20s ease;}

    .sub06_axonometric {padding: 60px 6vw;}
    .sub06_axonometric .tab_btn {font-size:20px;}
    .sub06_axonometric .content_1 {grid-template-columns: 260px 1fr;}
    .sub06_axonometric .tab_btn {padding: 0 15px 3vw;}
    .sub06_axonometric .img_wrap {height:200px;}

    .sub06_axonometric .img_box {gap:2vw;}

    .sub06_section {padding:60px 6vw;}
    .sub06_section .content:nth-child(2) .img_box {height:45vw;}

    .sub06_model {height:100vw;}
    .sub06_model .section_title .title_sub {font-size:32px;}
    .sub06_model .section_title {top: 60px;}
    .sub06_model .desc {left:6vw;}
    .sub06_model .bg_img {object-position: center top;}

}

@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;}

    .sub06_banner h1 {font-size:36px; margin: 10px 0 25px 0;}
    .sub06_banner p {font-size: 16px;}

    .sub06_site_analysis .content:nth-child(2) .content_img {margin-bottom:25px;}
    .sub06_site_analysis .section_title {font-size:36px; margin:0 0 40px 0;}
    .sub06_site_analysis .content:nth-child(5) .content_img {margin-bottom:25px;}
    .sub06_site_analysis .card {margin-bottom:60px;}
    .sub06_site_analysis .card h4 {margin-top:15px; font-size:24px;}

    .sub06_form_analysis_1 .section_title > h4 {margin:0 0 10px;}
    .sub06_form_analysis_1 h4 {font-size:24px;}
    .sub06_form_analysis_1 .des.top > p {padding: 0 4vw;}
    .sub06_form_analysis_1 .content > p {padding: 0 4vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) { top: 12vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { top: 3vw;}

    .sub06_form_analysis_2 h3 {font-size:24px;}
    .sub06_form_analysis_2 .steps .step h5{ font-size: 18px;}
    .sub06_form_analysis_2 .anatomy {width:50%;}
    .sub06_form_analysis_2 .process {gap:10px;}
    .sub06_form_analysis_2 .sticky img {width:80%;}
    .sub06_form_analysis_2 .sticky img{transition: opacity .15s ease;}
    .sub06_form_analysis_2 .steps .step {min-height:40vh;}

    .sub06_axonometric .tab_btn {font-size:18px;}
    .sub06_axonometric .content_1 {display:block;}
    .sub06_axonometric .form_panel img {width:70%;}
    .sub06_axonometric .tab_menu {display:flex; flex-wrap:nowrap; justify-content:center; gap:4vw; border-bottom: 1px solid #c0c0c0; padding-bottom:10px; margin-top: 10px;}
    .sub06_axonometric .tab_btn {padding: 6px 2px; border:none;}
    .sub06_axonometric .tab_btn.active::after{content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; background:#FFF;}
    .sub06_axonometric .tab_panel{ display: none; margin: 40px 8vw 0; justify-content: center;}
    .sub06_axonometric .panel_inner{ display: grid; grid-template-columns: 220px 1fr; gap: 2vw; align-items:center; }
    .sub06_axonometric .img_wrap{height:200px;}

    .sub06_section .content:nth-child(2) .img_box {margin-bottom:25px;}
    .sub06_section .content:nth-child(3) img {margin-bottom:25px;}
    .sub06_model .desc {width:80%;}
    .sub06_model .section_title .title_sub {font-size:28px;}
    .sub06_model .section_title > h2 {margin: 0 0 20px 0;}
}

@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;}

    .sub06_banner {height:65vw;}
    .sub06_banner > img {height:100%; object-position: -14vw top; }
    .sub06_banner_des {right:4vw;}
    .sub06_banner h1{font-size:32px; margin:8px 0 20px 0;}  

    .sub06_overview {padding: 50px 4vw;}
    .sub06_overview h3 {font-size:32px; margin-bottom:25px;}
    .sub06_overview p {font-size: 16px;}
    .sub06_overview_des > img {width:20%;}

    .sub06_site_analysis {padding:50px 4vw;}
    .sub06_site_analysis .content:nth-child(2) {padding: 0;}
    .sub06_site_analysis .content:nth-child(2) .content_img > img {height:50vw;}
    .sub06_site_analysis .content:nth-child(2) .content_img {margin-bottom:15px;}
    .sub06_site_analysis .section_title {font-size:32px;}
    .sub06_site_analysis .content:nth-child(5) {padding: 0;}
    .sub06_site_analysis .content:nth-child(5) .content_img {margin-bottom:15px;}
    .sub06_site_analysis .content:nth-child(5) .content_img > img {height:50vw;}
    .sub06_site_analysis .card h4 {margin-top:10px; font-size:22px;}
    .sub06_site_analysis .card {grid-template-columns: 20% 75%;}
    .sub06_site_analysis .card:nth-child(2) {grid-template-columns: 75% 20%;}

    .sub06_form_analysis_1 .section_title > h4 {font-size:20px;}
    .sub06_form_analysis_1 .section_title > h2 {margin-bottom: 40px;}
    .sub06_form_analysis_1 {padding: 50px 4vw;}
    .sub06_form_analysis_1 h4 {font-size:24px;}
    .sub06_form_analysis_1 .des.top > h4 {margin-top:40px; font-size:22px; /*text-align:left;*/}
    .sub06_form_analysis_1 .des.top > p {padding:0 3vw; text-align:center;}
    .sub06_site_analysis .content_division {padding: 0;}
  /*  .sub06_form_analysis_1 .des.bottom {grid-template-columns: auto; gap:10vw;}
    .sub06_form_analysis_1 .des.bottom p { padding: 0 3vw;}*/
    .sub06_form_analysis_1 .des.bottom {margin: 40px 0 80px; gap:3vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) { top: 30vh;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { top: 40vh;}

    .sub06_form_analysis_2 {padding:50px 4vw;}
    .sub06_form_analysis_2 .content {padding: 0;}
    .sub06_form_analysis_2 .content .img_wrap {height:50vw;}
    .sub06_form_analysis_2 h3 {font-size:22px;}
    .sub06_form_analysis_2 .content p {padding: 0;}
    .sub06_form_analysis_2 .anatomy {width:60%;}
    .sub06_form_analysis_2 .process {padding:0;}
    .sub06_form_analysis_2 .steps .step h5 {font-size:16px;}
    .sub06_form_analysis_2 .dot {width:10px; height:10px;}
    .sub06_form_analysis_2 .line {width:1.5px;}
    .sub06_form_analysis_2 .process {grid-template-columns:  35% 1fr;}
    .sub06_form_analysis_2 .process {gap:0;}
    .sub06_form_analysis_2 .sticky img{transition: opacity .10s ease;}

    .sub06_axonometric {padding: 50px 4vw;}
    .sub06_axonometric .tab_btn {font-size:16px;}
    .sub06_axonometric .form_panel img {width:90%;}
    .sub06_axonometric .tab_menu {overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; gap:20px; margin:16px 0 0; justify-content: start;}
    .sub06_axonometric .tab_panel {margin:40px  0 0 0;}
    .sub06_axonometric .panel_inner {display:block;}
    .sub06_axonometric .img_wrap {margin: 0 auto 40px; width:200px; height:200px;}
    .sub06_axonometric .thumb {width:80%;}

    .sub06_axonometric .content_2 {margin-top:80px;}
    .sub06_axonometric .img_box {margin-bottom: 20px;}

    .sub06_axonometric {padding:50px 4vw;}
    .sub06_section .content:nth-child(2) {margin-bottom:80px;}
    .sub06_section .content:nth-child(2) {padding:0;}
    .sub06_section .content:nth-child(3) {padding: 0;}
    .sub06_section .content:nth-child(2) .img_box {height:50vw;}

    .sub06_model {height:160vw;}
    .sub06_model .section_title {top:4vw;}
    .sub06_model .section_title .title_sub {font-size:24px;}
    .sub06_model .section_title > h2 {margin: 0 0 10px 0;}

}

@media screen and (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 {color:#222  !important; font-weight:500 !important;}

    .sub06_banner {height:600px;}
    .sub06_banner > img{ content: url("/wp-content/themes/jung/img/checkpoint.webp"); height:100%; inset:auto; left:auto; right:auto; top:auto; width:100%; object-position: center;}
    .sub06_banner::after {background: linear-gradient(180deg, rgba(48,47,51,0)0%,rgba(34,34,37,0.4) 50%,rgba(25,23,27,0.8) 60%, rgba(11,13,16,1) 100%);}
    .sub06_banner_des {left:15px; right:auto; text-align: left;}
    .sub06_banner h1{font-size:28px; margin:8px 0 20px 0;}  
    .sub06_banner p {font-size: 15px;}

    .sub06_overview {padding: 40px 15px;}
    .sub06_overview h3 {font-size:28px;}
    .sub06_overview p {padding:0; font-weight:300; font-size:15px; text-align:center;}
    .sub06_overview_des > img {width:30%;}

    .sub06_site_analysis {padding: 40px 15px;}
    .sub06_site_analysis .content:nth-child(2),
    .sub06_site_analysis .content:nth-child(3),
    .sub06_site_analysis .content:nth-child(5) {margin-bottom:80px;}

    .sub06_site_analysis .content:nth-child(2) .content_img > img {height:60vw;}
    .sub06_site_analysis .content:nth-child(3) {width:100%;}
    .sub06_site_analysis .content:nth-child(5) .content_img > img {height:60vw;}
    .sub06_site_analysis .section_title {font-size:28px; text-align:left;}
    .sub06_site_analysis .white_wrap {display:none;}

    .sub06_site_analysis .card {display:block;}
    .sub06_site_analysis .card > img {width:30%; margin: 0 auto;}
    .sub06_site_analysis .card h4 {font-size:20px; margin-bottom:12px;}
    .site_background_img {right:-15vw;}
    .sub06_site_analysis .card {margin-bottom:30px;}
    .sub06_site_analysis .card > img {width:25%;}

    .sub06_form_analysis_1 h4 {font-size:20px;}
    .sub06_form_analysis_1 .section_title > h4 {font-size:18px; text-align:left;}
    .sub06_form_analysis_1 .des.top > h4 {text-align: left;}
    .sub06_form_analysis_1 .des.top > p {text-align:left; padding: 0;}
    .sub06_form_analysis_1 img[alt="penduline tit system image"] {width:70%;}
    .sub06_form_analysis_1 .des.bottom {grid-template-columns: auto; gap:10vw;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(1) { top: 60vh;}
    .sub06_form_analysis_1 .circle_wrap .circle:nth-child(2) { top: 70vh;}
    .sub06_form_analysis_1 > .content:last-of-type img {width:80%;}
    .sub06_form_analysis_1 .content > p {padding:0;}

    .sub06_form_analysis_2 {padding: 40px 15px;}
    .sub06_form_analysis_2 > .section_title:first-of-type > h2 {display:block;}
    .sub06_form_analysis_2 .content .img_wrap {margin-bottom:25px;}
    .sub06_form_analysis_2 h3 {text-align:left; margin-bottom:13px;}
    .sub06_form_analysis_2 .content p {text-align: left;}
    .sub06_form_analysis_2 .anatomy {width:80%;}
    .sub06_form_analysis_2 .steps .step h5 {font-size:15px;}
    .sub06_form_analysis_2 .sticky img {width:100%;}
    .sub06_form_analysis_2 .steps .step {min-height:32vh;}

    .sub06_axonometric {padding:40px 15px;}
    .sub06_axonometric .tab_btn {font-size:15px;}
    .sub06_axonometric .form_panel img {width:100%;}

    .sub06_axonometric .img_box {grid-template-columns: auto;}
    .sub06_axonometric .content_2 .desc {text-align: left;}

    .sub06_section {padding: 40px 15px;}
    .sub06_section .content:nth-child(2) .img_box {height:60vw;}

  /*  .sub06_model {position:static; padding: 40px 15px; height:fit-content;}
    .sub06_model .section_title {position:static; transform:none;}
    .sub06_model .section_title .title_sub {white-space:wrap; font-size:20px;}
    .sub06_model .bg_img {position:static;}
    .sub06_model .desc {position:static; width:100%;}*/

    .sub06_model{ position: static; background: #232323; padding: 40px 15px; height:auto;}
    .sub06_model .bg_img{position:static; width:100%; height:auto; display:block; margin-bottom:20px;}
    .sub06_model::after{ display: none;}
    .sub06_model .section_title,
    .sub06_model .desc{ position: static;  transform: none;  width: 100%;  color: #fff;}
    .sub06_model .section_title{ text-align: left;  margin-bottom: 20px;}
    .sub06_model .section_title .title_sub{  white-space: normal; font-size: 20px;}
}

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

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

    .sub06_overview h3 {font-size:24px; margin-bottom: 20px;}
    .sub06_overview p {font-size:14px; margin-bottom: 20px; text-align:left;}
    .sub06_overview_des > img {width:35%;}

    .sub06_site_analysis .section_title {font-size:24px;}
    .sub06_site_analysis .card {margin-bottom:20px;}

    .sub06_form_analysis_1 h4 {font-size:20px;}
    .sub06_form_analysis_1 .section_title > h4 {font-size:15px;}
    .sub06_form_analysis_1 .des.bottom {gap:15vw;}
    .sub06_form_analysis_1 img[alt="penduline tit system image"] {width:80%;}
    .sub06_form_analysis_1 > .content:last-of-type img {width:90%;}

    .sub06_form_analysis_2 .anatomy {width:100%;}
    .sub06_form_analysis_2 .steps .step h5 {font-size:14px;}
}