/*common*/
.section_title > h4 {font-size:28px; color:#fff; 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:#c0c0c0; line-height: 160%; width:80%; margin:0;}
.highlight {color:#Fafafa !important; font-weight:normal !important;}
.white_wrap {display:none;}
#projectModal {display:none;}

/*banner*/
.sub05_banner {background:#000; display:flex; flex-direction: column; align-items: center; padding-bottom: 40px;}
.sub05_banner_des {margin-top: 100px; text-align: center;}
.sub05_banner p {color:#FFF; font-size:22px; font-weight:300; margin: 0 0 20px;}
.sub05_banner h1 {color:#EDC189; /*color:#15F3DE;*/ font-size: 48px; font-family:'Aboreto',serif; margin:0; font-weight:lighter;}
.sub05_banner img {width:30%; margin-bottom:20px;}

/*overview*/
.sub05_overview{background: linear-gradient(0deg,rgba(27, 27, 27, 1) 0%, rgba(0, 0, 0, 1) 100%); padding:100px 8vw 80px; text-align:center;}
.sub05_overview h3 {color:#FFF; font-size:32px; font-family:'Aboreto',serif; margin: 0 0 40px 0 ; font-weight:lighter; }
.sub05_overview p {color: #c0c0c0; font-size:20px; line-height: 160%; font-weight:lighter; padding:0 8vw; margin:0 0 40px 0;}
.sub05_overview .award_wrap {display:flex; align-items: center; justify-content: center;}
.sub05_overview .award_wrap > img {width:13%;}


/*site analysis*/
.sub05_site_analysis {background-color: #1A1A1A; padding: 60px 120px 140px;}
.sub05_site_analysis .section_title > h2 {color:#EDC189;}
.sub05_site_analysis .content > img {display:block; width:60%; height:35vw; margin:0 auto 60px;  object-fit: cover;}

.sub05_site_analysis .content2{display: grid; gap:1.5vw; align-items:start; grid-template-columns: auto auto; margin-top:140px;}
.sub05_site_analysis .content2 p {margin-top:40px;}
.sub05_site_analysis  .img_left{ height: 32vw; overflow: hidden;}
.sub05_site_analysis  .img_left > img {width: 100%; height: 100%; object-fit: cover; display: block;}

.sub05_site_analysis  .img_right{ display: grid; gap:2vw}
.sub05_site_analysis  .img_top{height:20vw; width:100%; position:relative;}
.sub05_site_analysis  .img_top .siteTitle{position:relative; z-index:1; font-size: 20px; color: #FFF; top:16vw; font-weight:400; text-shadow: 0px 0px 10px rgba(0,0,0,0.6); object-position: 50% 0; text-align:center;}
.sub05_site_analysis  .img_top .mainPreview{position:absolute; z-index:0; width: 100%; height:100%; object-fit: cover;  display:block;} 

.sub05_site_analysis .img_bottom{ display: grid; grid-template-columns: repeat(4, 1fr); gap:1vw; height:8.5vw;}
.sub05_site_analysis .img_option_box {/*width:100%; height:100%;*/ appearance: none; -webkit-appearance: none; border: none; outline: none;  box-shadow: none; padding:0;}
/*.sub05_site_analysis .img_option_box:focus, .sub05_site_analysis .img_option_box:focus-visible{ outline: none; box-shadow: none; }   */ 
.sub05_site_analysis .img_option_box img{ width: 100%; height:100%; object-fit: cover; display: block;}
.sub05_site_analysis .img_option_box span{ display: inline-block; margin-top: 8px; font-weight: 300; color:#fff; font-size:20px;}
.sub05_site_analysis .img_option_box span:focus, .sub05_site_analysis .img_option_box span:active {color:#F5B051;}
.sub05_site_analysis .img_option_box:focus, .sub05_site_analysis .img_option_box:active {outline: 2px solid #F5B051; outline-offset: 4px; /* ← 이게 띄워주는 거리 */}
.sub05_site_analysis .content2 .desc {width:180%;}
.sub05_site_analysis .content2 .desc > br {height:160%;}

  
/*form analysis*/
.sub05_form_analysis {background: #1a1a1a; padding: 100px 8vw 140px;}
.sub05_form_analysis > .section_title:first-of-type > h2 {display: inline-block; background:linear-gradient(90deg, #15F3DE, #4E42E1, #D081B7, #FAC778, #F5B051); color:transparent;  -webkit-background-clip: text; background-clip: text; margin-bottom:30px;}
.sub05_form_analysis > .section_title:first-of-type > p {margin:0 0 80px 0;}

.sub05_form_analysis .inspired_form {  padding: 0; background: #7a7a7a; height: 28vw; overflow: hidden;}
.sub05_form_analysis .form_panel{ display: none; width: 100%; height: 100%;}
.sub05_form_analysis .form_panel.active {display:block;}
.sub05_form_analysis .form_panel img{ width: 100%; /*height: 100%;*/ object-fit: cover; display: block; }

.sub05_form_analysis .tab_menu{ display: flex; gap: 4vw; justify-content: center; padding-bottom:10px; border-bottom: 1px solid #c0c0c0; margin:2vw 6vw 0 ;}
.sub05_form_analysis .tab_btn{ all: unset; cursor: pointer; color: rgba(255,255,255,.55); font-size: 24px; padding: 6px 2px; position: relative; white-space: nowrap;}
.sub05_form_analysis .tab_btn.active{ color: #FAC778}
.sub05_form_analysis .tab_btn.active::after{content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; background:#FFF;}

.sub05_form_analysis .tab_panel{ display: none; margin: 40px 8vw 0; justify-content: center;}
.sub05_form_analysis .tab_panel.active{ display: block;}
.sub05_form_analysis .panel_inner{ display: grid; grid-template-columns: 220px 1fr; gap: 2vw; align-items:center; }
.sub05_form_analysis .thumb{ width:100%; height:200px; /*background:#ddd;*/ object-fit: cover; display:block;}
.sub05_form_analysis .panel_inner p {width:100%;}

.sub05_form_analysis .content_2 .section_title >h2 {color:#FFF; margin-top: 140px;}
.sub05_form_analysis .content_2 .img_wrap {display:grid; grid-template-columns: auto auto; gap:2vw; margin-bottom: 60px;}
.sub05_form_analysis .content_2 .img_wrap .img_box > img {width:100%; height:20vw; background:#ddd;}
.sub05_form_analysis .content_2 .img_wrap .img_box > p {text-align: center; color:#c0c0c0; font-size:18px; font-weight:300;}
.sub05_form_analysis .content_2 .desc {text-align:center; margin:0 auto;}


/*axonometric*/
.sub05_axonometrics{ position: relative; height:100vw; padding: 80px 8vw; overflow: hidden; /*background:linear-gradient(180deg, rgba(255,255,255,0), #23282D)*/}
.sub05_axonometrics * { box-sizing: border-box;}

.sub05_axonometrics .background_wrap{ position:absolute; inset:0; z-index:-1; overflow:hidden;}
.sub05_axonometrics .background_wrap .bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: 50% -150px; opacity:0; transition: opacity 1s ease; 
will-change: opacity; transform: translateZ(0); backface-visibility: hidden;  background:linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(24,27,30,1) 80%); }
.sub05_axonometrics .background_wrap .bg.is-visible{ opacity:1; }
.sub05_axonometrics .background_wrap::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,0) 50%, #23282D 80%); }

.sub05_axonometrics .section_title > h4 {color:#222;}

.sub05_axonometrics .axnometric_group{ width: 23vw; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 16px; 
padding: 20px; backdrop-filter: blur(6px); box-shadow: 0px 0px 4px rgba(0,0,0,0.25);}

.sub05_axonometrics details { margin-bottom: 30px;}
.sub05_axonometrics .content {width:100%;}
.sub05_axonometrics details {width:100%;}
.sub05_axonometrics details summary{ font-size:20px; font-weight:400; cursor:pointer; list-style:none; padding-bottom: 20px; border-bottom:1px solid #222; 
  display:flex; justify-content:space-between; align-items:center; color:#222;}
.sub05_axonometrics details summary::after{ display: block; color:#222; content: ""; width: 10px; height: 10px; border-right: 2px solid #222; 
border-bottom: 2px solid #222; transform: rotate(45deg); transition: transform 0.25s ease; margin-left: 12px;}
.sub05_axonometrics details[open] summary::after { transform: translateY(-40%) rotate(-135deg);  border-right: 2.5px solid #222; border-bottom:2.5px solid #222;}
.sub05_axonometrics details summary::-webkit-details-marker {display: none;}
.sub05_axonometrics details[open] summary { border-bottom: 1.5px solid #222; font-weight:500;}

.sub05_axonometrics .list_menu { list-style: none; margin: 1.5vw 0 0; display: flex; justify-content: center; flex-wrap: nowrap; gap: 1vw; padding:0;}
.sub05_axonometrics .list_menu li { margin: 0;}
.sub05_axonometrics .list_menu button { width: 44px; height:44px; appearance: none; background: transparent; border: 2px solid #757171; color:#757171; 
  cursor:pointer; padding:8px 13px; border-radius:2000px; font-size: 16px; line-height:100%; }
.sub05_axonometrics .content-2 .list_menu {flex-wrap:wrap; justify-content: start; }
.sub05_axonometrics .content-2 .list_menu button {width:auto; margin:auto;}
.sub05_axonometrics .list_menu button.is-active{ border: 2px solid #222; color:#fafafa; background:#23282D;}

.sub05_axonometrics .btn_panel { display: none;}
.sub05_axonometrics .btn_panel.is-active { display: block;}
.sub05_axonometrics .btn_panel img { width: 100%; max-width: 100%; height: auto; display: block; margin-bottom: 60px;}
.sub05_axonometrics .btn_panel p { font-size: 18px; line-height:150%;}
.sub05_axonometrics .btn_contents { display: none; }
.sub05_axonometrics details[open] + .btn_contents {display: block;}

.sub05_axonometrics .desc {  position: absolute; bottom: 80px;}


/*****section***/
.sub05_section { position: relative; min-height: 95vw; padding: 80px 8vw; overflow: hidden;}
.sub05_section .section_bg {  position: absolute; inset: 0; z-index: -2; }
.sub05_section .section_bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.sub05_section .content_top {display: flex; align-items:end; justify-content: space-between; margin-bottom: 40px;}
.sub05_section .section_title h4 {color:#000;}
.sub05_section .section_title h2 {margin:0; color:#000;}
.sub05_section .section_btn {list-style: none; margin: 0; padding: 0; display: flex; gap: 25px;}
.sub05_section .section_btn button { background:#f0f0f0; color: #555; padding: 14px 35px; border-radius: 25px; cursor: pointer; font-size: 20px; box-shadow:2px 4px 4px rgba(0,0,0,0.25); white-space: nowrap;}
.sub05_section .section_btn button.is-active {background: #222;color: #fff;}

.sub05_section .section_desc { width:25vw; background: rgba(255, 255, 255, 0.3); border-radius: 16px; 
  padding: 20px; backdrop-filter: blur(6px); box-shadow: 0px 0px 4px rgba(0,0,0,0.1); }
.sub05_section .section_desc .panel {display:none;}
.sub05_section .section_desc .panel.is-active {display:block;}
.sub05_section .section_desc .panel p {font-size:16px;}

.sub05_section .desc {position:absolute; bottom:60px;}

.sub05_section .section_focus {position: absolute; border: 2.5px dashed #A91F13; pointer-events: none; z-index: 1;}
.sub05_section[data-active="A"] .section_focus { right:28%; top:25vw; width:36vw; height: 26vw;}
.sub05_section[data-active="B"] .section_focus { left: -5%; top: 52vw; width: 68vw;height: 22vw;}


/***floor***/
.sub05_floor {background: #1a1a1a; color:#FFF; padding: 80px 8vw;}
.sub05_floor .floor_content {display:grid; grid-template-columns: 35% 60%; gap:3vw; justify-content: space-between; align-items:start;}
.sub05_floor .floor_left {width:100%; height:508px;}
.sub05_floor .floor_visual { position:relative; width:100%; height:100%; overflow: hidden;}
.sub05_floor .floor_img {max-width:none; object-fit: cover; position:absolute; inset:0; width:100%; height:100%; opacity:0%; pointer-events:none ;object-position: center;}
.sub05_floor .floor_img.is-active {opacity: 1;}

.sub05_floor .floor_tabs { list-style: none; display: flex; gap: 20px; padding:0 0 15px; margin: 0 0 40px;border-bottom: 1.5px solid #444444; justify-content: space-between;}
.sub05_floor .floor_tabs button { background: none; border:none; color:#757171; padding:0; position:relative; font-size:22px; white-space: nowrap;}

.sub05_floor .floor_tabs button.is-active {color:#fff;}
.sub05_floor .floor_tabs button.is-active::after {content: "";position: absolute; left: 0; right: 0; bottom: -15px; height: 2px; background: #fff;}

.sub05_floor .floor_list { display: none; list-style: none; padding: 0; margin: 0;}
.sub05_floor .floor_list.is-active { display:block;}
.sub05_floor .floor_list li { display: grid; grid-template-columns: 24px 1fr; gap:14px; padding:20px 0; border-bottom: 1px solid #555; color:#fafafa; font-size: 20px; font-weight:200;}

/*model*/
.sub05_model {background:linear-gradient( 180deg, #1a1a1a 0%, #000 35%); padding:80px 8vw;}
.sub05_model .section_title {text-align: center;}
.sub05_model .section_title > h2 {color:#EDC189;}

.sub05_model .model_bg {display:grid; grid-template-columns: 40% 30%; gap:3vw; justify-content: center; margin-bottom:60px;}
.sub05_model .model_bg >img  {width:100%; height:auto; }
.sub05_model .img_right {display:flex; flex-direction: column; gap:2.5vw;}
.sub05_model .img_right > img {width:100%; height:auto; border:1px solid #fafafa;}
.sub05_model .model_card_wrap {display:grid; grid-template-columns: auto auto auto; gap:2vw;}
.sub05_model .model_card_wrap .model_box .model_img {width:100%; height:auto; margin-bottom:30px;}
.sub05_model .model_card_wrap .model_box {width:100%;}
.sub05_model .desc {width:100%;}


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

  .sub05_banner p {font-size: 18px;}
  .sub05_banner h1 {font-size:44px;}

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

  /*.sub05_site_analysis .content > img {height: 35vw;}*/
  .sub05_site_analysis  .img_top .siteTitle {font-size:18px;}
  .sub05_site_analysis .img_option_box span {font-size:18px;}

  .sub05_form_analysis .tab_menu {gap:2vw;}
  .sub05_form_analysis .tab_btn {font-size:20px;}

  .sub05_axonometrics .axnometric_group {width:28vw;}
  .sub05_axonometrics details summary {font-size:18px; padding-bottom:15px;}
  .sub05_axonometrics .list_menu {gap:1.5vw;}

  .sub05_section .section_desc {width:28vw; position:absolute; z-index:2;}
  .sub05_section[data-active="A"] .section_focus {width:34vw;}
  .sub05_section[data-active="B"] .section_focus {height:20vw; top:54vw;}

  .sub05_floor .floor_tabs button{font-size:20px;}
  .sub05_floor .floor_list li {font-size:18px;}
  .sub05_floor .floor_left {width:100%; height:488.5px;}



}

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

  .sub05_banner h1 {font-size: 40px;}
  .sub05_banner p {margin:0 0 10px; }

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

  .sub05_site_analysis {padding:60px 6vw;}
  .sub05_site_analysis .section_title > h2 {margin-bottom:50px;}
  .sub05_site_analysis .content > img {width: 70%; margin:0 auto 50px; height: 43vw;}
  .sub05_site_analysis  .img_top .siteTitle {top: 15vw;}
  .sub05_site_analysis .content2 {margin-top: 120px;}

  .sub05_form_analysis {padding:60px 6vw;}
  .sub05_form_analysis .content_2 .section_title >h2 {margin-top: 120px;}
  .sub05_form_analysis .inspired_form {height:35vw;}
  .sub05_form_analysis .content_2 .img_wrap .img_box > img {height:26vw;}

  .sub05_axonometrics {padding:60px 6vw; height:120vw;}
  .sub05_axonometrics details {margin-bottom:20px;}
  .sub05_axonometrics .axnometric_group {width:33vw;}
  .sub05_axonometrics .btn_panel img {margin-bottom:40px;}

  .sub05_section {padding:60px 6vw; height:auto; }
  .sub05_section .section_bg::after {content:""; position:absolute; inset:0; background:#212021; margin-top:90vw;}
  .sub05_section .content_top {margin-bottom:60vw;}
  .sub05_section .section_btn button {font-size:18px;}
  .sub05_section .section_bg img {height:auto;}
  .sub05_section .section_desc {position:static; background: none; backdrop-filter: none; box-shadow:none; border-radius:0; padding:0; width:100%;}
  .sub05_section .section_desc .panel.is-active {display:grid; grid-template-columns: 400px 1fr; align-items: start; gap:3vw;}
  .sub05_section .section_desc .panel p {color:#c0c0c0; width: 80%;}
  .sub05_section .desc {position:static; margin-top: 60px;}

  .sub05_floor {padding: 60px 6vw;}
  .sub05_floor .floor_tabs button{font-size:18px;}
  .sub05_floor .floor_content {gap:2vw;}

  .sub05_model {padding:60px 6vw;}

}

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

  .sub05_banner h1 {font-size:36px; padding:0 30px;}
  .sub05_banner p {font-size: 16px;}

  .sub05_site_analysis .section_title > h2 {margin-bottom:40px;}
  .sub05_site_analysis .img_option_box span {font-size:16px;}
  .sub05_site_analysis .content > img {margin:0 auto 40px; width:80%; height:50vw;}
  .sub05_site_analysis .content2 {margin-top: 100px;}
  .sub05_site_analysis  .img_top .siteTitle {font-size:16px;}

  .sub05_form_analysis .inspired_form {height:38vw;}
  .sub05_form_analysis .tab_menu{ flex-wrap: nowrap; overflow-x: auto;  overflow-y: hidden; -webkit-overflow-scrolling: touch;gap: 20px;  margin: 16px 0 0; justify-content: start;}
  .sub05_form_analysis .tab_btn{flex: 0 0 auto; font-size:18px;}           
  .sub05_form_analysis .tab_menu::-webkit-scrollbar{ display:none; }
  .sub05_form_analysis .tab_menu{ scrollbar-width: none; }
  .sub05_form_analysis .tab_panel {margin: 40px 0 0;}
  .sub05_form_analysis .content_2 .img_wrap .img_box > p {font-size:16px;}
  .sub05_form_analysis .content_2 .img_wrap {margin-bottom:40px;}
  .sub05_form_analysis .panel_inner{grid-template-columns: 180px 1fr;}
  .sub05_form_analysis .thumb {height:180px;}
  .sub05_form_analysis .content_2 .section_title >h2 {margin-top: 100px;}

  .sub05_axonometrics {height:auto; width:100%; /*background:linear-gradient(180deg, rgba(255,255,255,0) 40%,  rgba(24,27,30,1) 60%);*/ }
  .sub05_axonometrics .section_title > h2 {margin-bottom: 60vw;}
  .sub05_axonometrics .background_wrap{ position:absolute; /*width:120%;*/ width:100%; height:auto; inset:0; z-index:0; overflow:auto; z-index:-1;}
  .sub05_axonometrics .background_wrap .bg { position:block; width:100%; height:auto; object-position: 0 -100px;}
  .sub05_axonometrics .axnometric_group{ width:100%; gap:16px; display:flex; align-items:start; 
    border:none; border-radius:0px; padding:0; box-shadow:none; backdrop-filter:none; background:none; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory; /*scroll-padding: 6vw;*/}
  .sub05_axonometrics .background_wrap::after {margin-top:80%; background:#23282d;}
  
  .sub05_axonometrics .axnometric_group > .content{ flex: 0 0 55vw; scroll-snap-align: start;  scroll-snap-stop: always; width:55vw;
    background: rgba(47, 47, 50, 0.7);     border: 1px solid rgba(47, 47, 50, 0.10); border-radius:16px; padding:20px; backdrop-filter: blur(6px); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);}
  .sub05_axonometrics .axnometric_group::-webkit-scrollbar{display:none;}
  .sub05_axonometrics .axnometric_group{scrollbar-width:none;}
  .sub05_axonometrics .btn_panel img {margin:0;}
  .sub05_axonometrics details summary, .sub05_axonometrics details[open] summary {color:#fafafa; border-bottom: 1px solid #fafafa; }
  .sub05_axonometrics details summary::after, .sub05_axonometrics details[open] summary::after  { border-right: 2.5px solid #fafafa; border-bottom: 2.5px solid #fafafa;}
  .sub05_axonometrics .list_menu {gap:2.5vw; margin-top:20px;}
  .sub05_axonometrics .list_menu button.is-active {border:2px solid #FaFaFa; color:#222; background:#fafafa;}
  .sub05_axonometrics .list_menu button {border: 2px solid #c0c0c0; color:#c0c0c0;}
  .sub05_axonometrics .desc {position:static; margin-top: 60px;}
  .sub05_axonometrics .btn_panel p {color:#c0c0c0; font-size:16px; font-weight:300;}

  .sub05_section{/*position: static !important;*/ padding:0; position:relative;}
  .sub05_section .section_bg {position:static !important; z-index:-1;}
  .sub05_section .content_top {flex-direction: column; align-items:start; justify-content: start; padding: 60px 6vw 20px; margin-bottom:0; background:#BBC1D4; z-index:2;}
  .sub05_section .section_bg img {width:120%; height: 74vw;}
  .sub05_section .content_top .section_title {margin-bottom:25px;}
  .sub05_section .section_bg::after {content:none; background:none; margin:0;}
  .sub05_section .section_desc {background:#212021; padding: 40px 6vw;}
  .sub05_section .desc {background:#212021; padding: 40px 6vw; margin:0; width:100%;}
  .sub05_section .section_desc .panel.is-active {grid-template-columns: 300px 1fr; gap:2.5vw;}
  .sub05_section .section_desc .panel p {margin:0; width:100%;}
  .sub05_section[data-active="A"] .section_focus { top: 27%; right:32%;}
  .sub05_section[data-active="B"] .section_focus {top: 45%; height:26vw;}

  
  .sub05_floor .floor_content {grid-template-columns: 40% 55%;}
  .sub05_floor .floor_list li {font-size:16px;}
  .sub05_floor .floor_tabs {flex-wrap: nowrap; overflow-x: auto;  overflow-y: hidden; -webkit-overflow-scrolling: touch;gap: 20px;  margin: 16px 0 0; justify-content: start;}
  .sub05_floor .floor_tabs button {flex: 0 0 auto;}   
  .sub05_floor .floor_left {height:446.5px;}
  /*.sub05_floor .floor_tabs::-webkit-scrollbar{ display:none; }
  .sub05_floor .floor_tabs{ scrollbar-width: none; } */

  .sub05_model .model_bg {display:flex; flex-direction: column; align-items: center;}
  .sub05_model .model_bg >img {width:50%;}
  .sub05_model .img_right {display:grid; grid-template-columns: auto auto;}
  .sub05_model .model_card_wrap {display:block;}
  .sub05_model .model_card_wrap .model_box {display:grid; grid-template-columns: 30% 60%; gap:2.5vw; margin-bottom: 40px; justify-content: space-between;}
  .sub05_model .model_card_wrap .model_box:nth-child(2) {grid-template-columns: 60% 30%; }
  .sub05_model .model_card_wrap .model_box:nth-child(2) .model_img { order: 2; } 
  .sub05_model .model_card_wrap .model_box:nth-child(2) .desc {order: 1;}
  .sub05_model .model_card_wrap .model_box .model_img {margin-bottom:0;}
}

@media (max-width:768px){
  .section_title > h4 {font-size:20px; margin-bottom:10px;}
  .section_title > h2 {font-size:32px;}
  .desc {width:90%;}
  .white_wrap {display:block;}

  .sub05_banner h1{font-size:32px;}
  .sub05_banner img {margin:30px 0; width: 45%;}

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

  .sub05_site_analysis {padding: 50px 4vw;}
  .sub05_site_analysis .content > img { width:100%; height:62vw;}
  .sub05_site_analysis .content2 {display:block;}
  .sub05_site_analysis  .img_left {height:70%;}
  .sub05_site_analysis  .img_top .mainPreview {height: 100%;}
  .sub05_site_analysis  .img_top {height:43vw;}
  .sub05_site_analysis  .img_top .siteTitle {top:38vw;}
  .sub05_site_analysis  .img_right {display:block;}
  .sub05_site_analysis .img_bottom {height:auto; margin-top:2vw;}
  .sub05_site_analysis .content2 .desc {width:90%; margin-top: 60px;}

  .sub05_form_analysis{padding:50px 4vw;}
  .sub05_form_analysis .tab_menu {margin-top:20px;}
  .sub05_form_analysis .panel_inner {display:block;}
  .sub05_form_analysis .thumb {width:250px; height:250px; margin-bottom:60px; margin:0 auto 40px;}
  .sub05_form_analysis .content_2 .img_wrap .img_box > p {font-size:14px; margin: 10px 0;}
  .sub05_form_analysis .panel_inner p {width:90%;}

  .sub05_axonometrics {padding:50px 4vw;}
  .sub05_axonometrics .background_wrap .bg {object-position: 0 0px; }
  .sub05_axonometrics details summary, .sub05_axonometrics details[open] summary {font-size:16px;}
  .sub05_axonometrics .list_menu button {font-size:15px;}
  .sub05_axonometrics .axnometric_group > .content {width:80vw; flex: 0 0 80vw; }
  .sub05_axonometrics .desc {margin-top:40px;}
  .sub05_axonometrics .background_wrap::after {margin-top:85%;}

  .sub05_section .section_btn {gap:20px;}
  .sub05_section .section_btn button {font-size:16px;}
  .sub05_section .section_focus {border: 1.5px dashed #A91F13;}
  .sub05_section[data-active="A"] .section_focus {top:23%; width:32vw;}
  .sub05_section[data-active="B"] .section_focus {top: 36%; height:24vw;}
  .sub05_section .section_desc {padding:40px 4vw;}
  .sub05_section .section_desc .panel.is-active {display:block;}
  .sub05_section .section_desc .panel.is-active > img {width: 60%; height:auto; margin:0 auto 20px;}
  .sub05_section .section_desc .panel p {font-size:16px; font-weight:300; width:90%;}
  .sub05_section .desc {padding:40px 4vw;}

  .sub05_floor {padding: 50px 4vw;}
  .sub05_floor .floor_content {display:block;}
  .sub05_floor .floor_left {height: 480px; margin-bottom:20px}
  .sub05_floor .floor_list li {padding:17px 0;}

  .sub05_model {padding:50px 4vw;}
}

@media (max-width: 540px){
  .sub05_section[data-active="B"] .section_focus {top:96vw; height:26vw;}
}

@media (max-width:480px){
  .section_title > h4 {font-size:18px;}
  .section_title > h2 {font-size:28px; margin: 0 0 20px 0;}
  .desc {font-size:15px; width:100%;}

  .sub05_banner h1 {font-size: 28px;}
  .sub05_banner img {width:60%;}

  .sub05_overview {padding: 40px 15px;}
  .sub05_overview h3 {font-size:28px;}
  .sub05_overview p {padding:0; font-weight:300; font-size:15px;}
  .sub05_overview .award_wrap > img {width:30%;}

  .sub05_site_analysis{padding: 40px 15px;}
  .sub05_site_analysis .content > img {margin: 0 0 20px;}
  .sub05_site_analysis .content2 {margin-top:80px;}
  .sub05_site_analysis .content2 .desc {width:100%;}
  .sub05_site_analysis .img_bottom {margin-top:2.5vw;}
  .sub05_site_analysis  .img_top .siteTitle {font-size:15px;top:35vw;}
  .sub05_site_analysis .img_option_box span {font-size:15px;}

 /* .sub05_form_analysis .inspired_form {height:50vw;}*/
  .sub05_form_analysis .tab_btn {font-size:16px;}
  .sub05_form_analysis .thumb {margin: 0 auto 20px; width:150px; height:150px;}
  .sub05_form_analysis .panel_inner p {width:100%;}
  .sub05_form_analysis .content_2 .section_title >h2 {margin-top:80px;}
  .sub05_form_analysis .content_2 .desc {margin:0; text-align: left;}

  .sub05_axonometrics {padding: 40px 15px; /*background:linear-gradient(180deg, rgba(255,255,255,0) 40%,  rgba(24,27,30,1) 43%);*/}
  .sub05_axonometrics .background_wrap .bg {object-position:0 0px;}
  .sub05_axonometrics details summary {padding-bottom: 7px;}
  .sub05_axonometrics .list_menu button {width:40px; height:40px;}
  .sub05_axonometrics .background_wrap::after {margin-top:95%;}
  .sub05_axonometrics .axnometric_group > .content {padding:15px;}
  .sub05_axonometrics .list_menu {gap:3vw;}
  .sub05_axonometrics .content-2 .list_menu {width:100%; align-items:start; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; flex-wrap:nowrap;}
  .sub05_axonometrics .list_menu button {width:40px; height:40px;}
  .sub05_axonometrics .content-2 .list_menu button {flex: 0 0 auto; scroll-snap-align: start; scroll-snap-stop: always; flex-wrap:nowrap; white-space:nowrap;}

  .sub05_section .content_top {padding:40px 15px 15px;}
  .sub05_section .section_btn button {font-size:15px; padding:12px 24px;}
  .sub05_section .section_desc {padding:30px 15px;}
  .sub05_section .section_desc .panel p {font-size:15px; width:100%;}
  .sub05_section .desc {padding:30px 15px; }
  .sub05_section[data-active="A"] .section_focus {width:34vw; height:30vw; /*top:300px;*/ top:40vh;}
  .sub05_section[data-active="B"] .section_focus {top: 92vw;}

  .sub05_floor {padding: 40px 15px;}
  .sub05_floor .floor_left {height:380px;}
  .sub05_floor .floor_tabs button {font-size: 16px;}
  .sub05_floor .floor_list li {font-size:15px;}

  .sub05_model {padding:40px 15px;}
  .sub05_model .model_bg >img {width:60%;}
  .sub05_model .model_card_wrap .model_box {display:block;}
  .sub05_model .desc {margin-bottom:60px;}
}

@media(max-width:430px){
  .sub05_section[data-active="B"] .section_focus {top: 98vw;}
}

@media(max-width:400px){
  .sub05_section[data-active="B"] .section_focus {top: 100vw;}
}

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

  .sub05_banner h1 {font-size: 24px;}
  .sub05_banner p {font-size: 14px;}
  .sub05_banner img {width:80%;}

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

  .sub05_site_analysis  .img_top .siteTitle {font-size:14px;}
  .sub05_site_analysis .img_option_box span {font-size:14px;}

  .sub05_form_analysis .content_2 .img_wrap {display:block;}
  .sub05_form_analysis .content_2 .img_wrap .img_box > img {height:40vw;}

  .sub05_axonometrics .section_title > h2 {margin-bottom:70vw;}
  .sub05_axonometrics .background_wrap {width:150%; left:-40%;}
  .sub05_axonometrics .background_wrap .bg {width:120%; object-position: 0 0px; margin-right:50%; }
  .sub05_axonometrics .list_menu {gap:3.5vw;}
  .sub05_axonometrics .list_menu button {font-size:14px;}

  .sub05_section .section_btn button {font-size:14px;}
  .sub05_section .section_desc .panel p {font-size:14px;}
  .sub05_section .section_desc .panel.is-active > img {width:100%;}

  .sub05_floor .floor_list li {font-size:14px;}
  .sub05_floor .floor_left {height:350px;}
}

@media (max-width:350px){
  .sub05_section[data-active="A"] .section_focus {top:20%;}
  .sub05_section[data-active="B"] .section_focus {top:105vw;}
}

@media (max-width:323px){
  .sub05_section .content_top .section_title h2 > br {display:none;}
  .sub05_section[data-active="A"] .section_focus {top:22%;}
  .sub05_section[data-active="B"] .section_focus {top:120vw;}
}

/*@media(max-width:320px){
  .sub05_section[data-active="A"] .section_focus {top:25%;}
  .sub05_section[data-active="B"] .section_focus {top:133vw;}
}*/