@import url("sub.css");


/* 입주기업 세제혜택 */
.benefit_table_wrap{}
.benefit_table{width:100%; border-collapse:separate; border-spacing:0px; box-sizing:border-box; border-top:3px solid var(--main);}
.benefit_table thead th{background:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:18px 15px; box-sizing:border-box; font-size:1rem; font-weight:600; line-height:177.78%; color:var(--black); text-align:center; vertical-align:middle;}
.benefit_table thead th:last-child{border-right:none;}
.benefit_table tbody th,.benefit_table tbody td{border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:18px 15px; box-sizing:border-box; font-size:1rem; line-height:177.78%; text-align:center; vertical-align:middle;}
.benefit_table tbody th{font-weight:600; color:var(--black); background:var(--white);}
.benefit_table tbody th:last-child{border-right: 0;}
.benefit_table tbody td{background:var(--white);}
.benefit_table tbody td.last{border-right: 0;}
.benefit_table tbody td .fs16{color:var(--light);}

/* 한양대 ERICA·ASV 시험인증 원스톱 */
.benefit_onestop_outer{position:relative;}
.benefit_onestop{position:relative; background:var(--sub); overflow:hidden;}
.benefit_onestop_bg{position:absolute; left:0; top:0; width:100%; height:100%; background:var(--sub) url('/tenant/img/benefit_onestop_bg.png') no-repeat center/cover; z-index:0;}
.benefit_onestop_list{position:relative; z-index:1; padding:80px 50px 50px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center;}
.benefit_onestop_tit{text-align:center;}
.benefit_onestop_eyebrow{color:var(--white); font-weight:300; opacity: 0.8;}
.benefit_onestop_headline{margin:6px 0 0;}
.benefit_onestop_en{letter-spacing: 0; font-weight:700;}
.benefit_onestop_mid{position:relative; width:100%; max-width:1050px; margin-top:70px; min-height:180px;}
.benefit_onestop_arrow{position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); z-index:0; display:flex; align-items:center; justify-content:center; pointer-events:none; width: 100%; max-width:830px; aspect-ratio: 830/323; overflow: hidden;}
.benefit_onestop_arrow img{display:block; width:100%; height:100%; object-fit:contain;}
.benefit_onestop_row{position:relative; z-index:1; display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; gap:16px;}
.benefit_onestop_card{display:flex; flex-direction:column; align-items:center; width:200px; flex-shrink:0;}
.benefit_onestop_illu{width:188px; height:160px; overflow:hidden;}
.benefit_onestop_illu--expert{width:192px;}
.benefit_onestop_illu img{width:100%; height:100%; object-fit:contain; object-position:center bottom;}
.benefit_onestop_card_lbl{margin:12px 0 0; font-weight:600; text-align:center;}
.benefit_onestop_center{text-align:center; padding:30px 8px 0; flex:1; min-width:0;}
.benefit_onestop_center_line1{color:var(--sub3); font-weight:700; margin:0;}
.benefit_onestop_center_line2{margin:0; font-weight:700;}
.benefit_onestop_bar{position:relative; z-index:1; background:var(--sub); padding:35px 40px; text-align:center;}
.benefit_onestop_bar_txt{margin:0;}

/* 입주기관 사진 카드 (Figma 70320:19844) */
.benefit_inst_list{display:flex; flex-wrap: wrap; gap:30px; box-sizing:border-box;}
.benefit_inst_card{display:flex; flex-direction:column; width: calc((100% - 120px)/5); background:var(--grayBg);}
.benefit_inst_photo{aspect-ratio: 2/1; overflow:hidden; background:var(--grayBg); position:relative;}
.benefit_inst_photo img{display:block; width:100%; height:100%; object-fit:cover;}
.benefit_inst_body{display:flex; flex-direction:column; gap:8px; padding:20px 25px; box-sizing:border-box; flex:1 1 auto;}
.benefit_inst_title{color:var(--black); font-weight:400; margin:0;}
.benefit_inst_dl{display:flex; flex-direction:column; gap:2px;}
.benefit_inst_row{display:flex; flex-direction:row; align-items:center; width:100%;}
.benefit_inst_row--top{align-items:flex-start;}
.benefit_inst_dt{flex-shrink:0; width:62px; font-weight:600; color:var(--gray);}
.benefit_inst_dd{flex:1; min-width:0; color:var(--light); font-weight:400; letter-spacing:0;}

/* ERICA 시설 사진 카드 (Figma 70320:19910) */
.benefit_erica_facility_list{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:30px; box-sizing:border-box;}
.benefit_erica_facility_card{display:flex; flex-direction:column; border:1px solid var(--border); box-sizing:border-box; background:var(--white);}
.benefit_erica_facility_photo{aspect-ratio: 3/2; overflow:hidden; background:var(--grayBg); position:relative;}
.benefit_erica_facility_photo img{display:block; width:100%; height:100%; object-fit:cover;}
.benefit_erica_facility_cap{padding:20px 25px; box-sizing:border-box;}
.benefit_erica_facility_title{color:var(--black); font-weight:400; margin:0;}

/* ERICA 입주 장점 리스트 */
.benefit_adv_list{display:flex; flex-direction:column; gap:5px; width:100%; box-sizing:border-box;}
.benefit_adv_item{display:flex; flex-direction:row; padding:15px; background:var(--grayBg); border-radius:100px; box-sizing:border-box;}
.benefit_adv_icon{flex-shrink:0; width:120px; height:120px; border-radius:75px; display:flex; align-items:center; justify-content:center;}
.benefit_adv_icon--main{background:var(--main);}
.benefit_adv_icon--sub2{background:var(--sub2);}
.benefit_adv_icon img{display:block; width:100%; height:100%; object-fit:contain;}
.benefit_adv_text{width: calc(100% - 120px); box-sizing: border-box; padding: 0 30px; display:flex; flex-direction:column; justify-content: center; gap:5px;}
.benefit_adv_title{color:var(--black); font-weight:600; margin:0;}
.benefit_adv_title_sub{font-weight:400; color:var(--black); line-height: inherit;}
.benefit_adv_desc{position: relative; padding-left: 19px; box-sizing: border-box;}
.benefit_adv_arrow{display: block; width:14px; height:14px; position: absolute; left: 0; top:7px;}
.benefit_adv_arrow img{display:block; width:100%; height:100%; object-fit:contain;}
.benefit_adv_body{color:var(--basic); margin:0; font-weight:400; line-height: 160%;}

/* 산업시설용지 임대료 적용 기준 테이블 */
.lease_criteria_wrap{width:100%; box-sizing:border-box;}
.lease_criteria_table{width:100%; border-collapse:separate; border-spacing:0; box-sizing:border-box; border-top:3px solid var(--main);}
.lease_criteria_table tbody th{background:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:18px 15px; box-sizing:border-box; font-size:1rem; font-weight:600; line-height:177.78%; letter-spacing:var(--letter-spacing-body); color:var(--black); text-align:center; vertical-align:middle; width:375px;}
.lease_criteria_table tbody td{border-bottom:1px solid var(--border); padding:18px 15px; box-sizing:border-box; background:var(--white); font-size:1rem; font-weight:400; line-height:177.78%; letter-spacing:var(--letter-spacing-body); color:var(--basic); text-align:left; vertical-align:middle;}
.lease_criteria_table tbody td p{margin:0;}
.lease_criteria_table tbody td p + p{margin-top:3px;}

/* 입주절차 플로우 */
.lease_process{width:100%; box-sizing:border-box;}
.lease_process__inner{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; gap:30px; width:100%; box-sizing:border-box;}
.lease_process__step{width: calc((100% - 150px)/6); display:flex; flex-direction:row; align-items:stretch; box-sizing:border-box;  position: relative;}
.lease_process__card{display:flex; flex-direction:column; align-items:center; gap:25px; width:100%; padding:0 0 25px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR15);}
.lease_process__head{position:relative; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:100%; padding:25px 0; box-sizing:border-box; border-radius:var(--borderR15) var(--borderR15) 0 0;}
.lease_process__head--1{background:var(--sub3);}
.lease_process__head--2{background:#2eadf0;}
.lease_process__head--3{background:var(--sub2);}
.lease_process__head--4{background:#0970c4;}
.lease_process__head--5{background:var(--main);}
.lease_process__head--6{background:var(--sub);}
.lease_process__num{position:absolute; left:10px; top:10px; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:var(--borderR50); background:rgba(255,255,255,0.15); color:var(--white); font-weight:700; font-size:0.778rem; line-height:171.43%; box-sizing:border-box;}
.lease_process__ico{display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}
.lease_process__ico img{display:block; width: auto; height: 64px;}
.lease_process__tit{margin:0; width:100%; text-align:center; color:var(--black); letter-spacing:var(--letter-spacing-body); line-height:177.78%;}
.lease_process__arrow{flex-shrink:0; display:flex; align-items:center; justify-content:center; width:22px; align-self:center; box-sizing:border-box; position: absolute; right: -26px; top:50%; transform: translateY(-50%);}
.lease_process__arrow img{display:block; width:100%; height:auto;}

/* 부지 안내도 · 부지정보 테이블 */
.lease_site_row{display: flex; box-sizing:border-box; max-height: 665px; position: relative;}
.lease_site_row::before{content:''; display: block; width: 100%; height: 100%; border: 1px solid var(--border); box-sizing: border-box; position: absolute; left: 0; top:0; z-index: -1;} 
.lease_site_row .lease_site_map{width: 645px;}
.lease_site_row .lease_site_map img{width: 100%; height: auto;}
.lease_site_row .lease_site_panel{width: calc(100% - 645px); padding: 40px; box-sizing: border-box;}
.lease_site_panel .lease_site_panel_items{display:none; width: 100%; height: 100%;}
.lease_site_panel .lease_site_panel_items.is-active{display:block;}
.lease_site_panel_items_in{display: flex; flex-direction: column; gap:15px; width: 100%; height: 100%;}
.lease_site_panel_items h3{color: var(--black); font-weight: 300;}
.lease_site_panel_items h3 b{display: inline; font-weight: 700; letter-spacing: inherit; line-height: inherit;}
.lease_site_panel_table{box-sizing: border-box; padding: 0 20px 0 0; overflow-y: auto; overflow-x: hidden; width: 100%; height:calc(100%  - 60px);}
.lease_site_panel_table::-webkit-scrollbar {width: 4px;}
.lease_site_panel_table::-webkit-scrollbar-thumb {height: 30%; background: var(--main); border-radius: 10px;}
.lease_site_panel_table::-webkit-scrollbar-track {background: rgba(25,31,37, .08);}

.lease_site_panel_table{width:100%; box-sizing:border-box;}
.lease_spec_tbl{width:100%; box-sizing:border-box; border-top:3px solid var(--main);}
.lease_spec_row{display:flex; flex-direction:row; align-items:stretch; width:100%; box-sizing:border-box; background:var(--white); border-bottom:1px solid var(--border);}
.lease_spec_th{flex-shrink:0; width:200px; box-sizing:border-box; margin:0; padding:18px 15px; background:var(--grayBg); border-right:1px solid var(--border); font-weight:600; color:var(--black); text-align:center; align-self:stretch; display:flex; align-items:center; justify-content:center;}
.lease_spec_td{flex:1 1 auto; min-width:0; box-sizing:border-box; margin:0; padding:18px 15px; align-self:stretch; display:flex; align-items:center;}
.lease_spec_td--stack{align-items:flex-start; flex-direction:column; gap:20px; justify-content:center;}
.lease_spec_val{margin:0; color:rgba(25,31,37,0.7); letter-spacing:var(--letter-spacing-body); line-height:177.78%;}
.lease_spec_sub_wrap{width:100%; box-sizing:border-box; border-top:1px solid var(--main);}
.lease_spec_sub_tbl{width:100%; border-collapse:separate; border-spacing:0; box-sizing:border-box;}
.lease_spec_sub_tbl thead th{background:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:13px 15px; box-sizing:border-box; font-weight:600; color:var(--black); text-align:center; vertical-align:middle; line-height:162.5%;}
.lease_spec_sub_tbl thead th:last-child{border-right:0;}
.lease_spec_sub_tbl tbody td{border-bottom:1px solid var(--border); border-right:1px solid var(--border); padding:13px 15px; box-sizing:border-box; text-align:center; vertical-align:middle; line-height:175%;}
.lease_spec_sub_tbl tbody td:last-child{border-right:0;}
.lease_spec_sub_loc{font-weight:600; color:var(--black); line-height:162.5%;}
.lease_spec_sub_num{color:rgba(25,31,37,0.7); letter-spacing:0;}
.lease_spec_ind_block{display:flex; flex-direction:column; gap:8px; width:100%; box-sizing:border-box;}
.lease_spec_ind_block--b{width:100%; border-top:1px dashed var(--border); padding-top:20px; margin-top:0; box-sizing:border-box;}
.lease_spec_ind_head{display:flex; flex-direction:row; align-items:center; gap:8px; width:100%;}
.lease_spec_ind_badge{flex-shrink:0; width:26px; height:26px; border-radius:50px; background:var(--main); color:var(--white); font-weight:700; line-height:26px; text-align:center;}
.lease_spec_ind_tit{margin:0; color:var(--main); font-weight:600; line-height:170%;}
.lease_spec_ind_list{gap:5px;}

.lease_site_hint{text-align: right; padding: 15px 0 0; color:var(--sub2); font-weight: 400;}




/* 산학연 혁신허브 건축개요 상단 (Figma 70327:13555) */
.hub_overview{width:100%; box-sizing:border-box; background:var(--grayBg);}
.hub_overview_inner{display:flex; flex-direction:row; align-items:stretch; width:100%; box-sizing:border-box;}
.hub_overview_visual{flex-shrink:0; width:1050px; overflow:hidden; box-sizing:border-box; position:relative; background:var(--grayBg);}
.hub_overview_visual_frame{width: 100%; height: 100%;}
.hub_overview_visual_frame img{display:block; width:100%; height:100%; object-fit:cover;}
.hub_overview_text{width: calc(100% - 1050px); display:flex; flex-direction:column; align-items:flex-start; gap:30px; padding:60px 65px; box-sizing:border-box; background:var(--grayBg);}
.hub_overview_title{margin:0; color:var(--black); font-weight:700;}
.hub_overview_list{width:100%; margin:0; padding:0; display:flex; flex-direction:column; align-items:stretch; box-sizing:border-box;}
.hub_overview_row{display:flex; flex-direction:row; align-items:center; width:100%; box-sizing:border-box; border-top:1px solid var(--border); padding:16px 0;}
.hub_overview_dt{flex-shrink:0; width:75px; margin:0; padding:0; font-weight:600; color:var(--black);}
.hub_overview_dd{flex:1 1 auto;}





/* 입주가능 업종 2열 (Figma 70327:13846) */
.hub_sectors{display:flex; flex-direction:row; align-items:stretch; gap:30px; width:100%; box-sizing:border-box;}
.hub_sectors_col{flex:1 1 0; min-width:0; position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:15px; padding:45px 50px; box-sizing:border-box; background:var(--grayBg); overflow:hidden; align-self:stretch;}
.hub_sectors_tit{position:relative; z-index:1; margin:0; font-weight:700; line-height:140%; color:var(--black);}
.hub_sectors_tit .hub_sectors_tit_k{color:var(--black);}
.hub_sectors_tit .hub_sectors_tit_em{color:var(--main); letter-spacing: inherit; line-height: inherit;}
.hub_sectors_list{position:relative; z-index:1;}
.hub_sectors_deco{position:absolute; width:152px; height:152px; right: 50px; bottom: 40px; overflow:hidden; pointer-events:none; z-index:0;}
.hub_sectors_deco img{display:block; width:100%; height:100%; object-fit:contain;}

/* 산학연 혁신허브 입주절차 5단계 (Figma 70327:14233, lease_process와 동일 레이아웃) */
.hub_process{width:100%; box-sizing:border-box;}
.hub_process__inner{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:stretch; gap:30px; width:100%; box-sizing:border-box;}
.hub_process__step{width: calc((100% - 120px)/5); display:flex; flex-direction:row; align-items:stretch; box-sizing:border-box; position:relative;}
.hub_process__card{display:flex; flex-direction:column; align-items:center; gap:25px; width:100%; padding:0 0 25px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR15);}
.hub_process__head{position:relative; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:100%; padding:25px 0; box-sizing:border-box; border-radius:var(--borderR15) var(--borderR15) 0 0;}
.hub_process__head--1{background:var(--sub3);}
.hub_process__head--2{background:#2eadf0;}
.hub_process__head--3{background:var(--sub2);}
.hub_process__head--4{background:#0970c4;}
.hub_process__head--5{background:var(--sub);}
.hub_process__num{position:absolute; left:10px; top:10px; display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:var(--borderR50); background:rgba(255,255,255,0.15); color:var(--white); font-weight:700; font-size:0.778rem; line-height:171.43%; box-sizing:border-box;}
.hub_process__ico{display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden;}
.hub_process__ico img{display:block; width:auto; height:64px;}
.hub_process__tit{margin:0; width:100%; text-align:center; color:var(--black); letter-spacing:var(--letter-spacing-body); line-height:177.78%;}
.hub_process__arrow{flex-shrink:0; display:flex; align-items:center; justify-content:center; width:22px; align-self:center; box-sizing:border-box; position:absolute; right:-26px; top:50%; transform:translateY(-50%);}
.hub_process__arrow img{display:block; width:100%; height:auto;}

/* 층별구성 탭 + 도면 (Figma 70327:14197, 70556:36743) */
.hub_floor{display:flex; flex-direction:row; align-items:stretch; width:100%; box-sizing:border-box; border:1px solid var(--border); background:var(--grayBg); overflow:hidden;}
.hub_floor_tab{flex:0 0 405px; width:405px; display:flex; flex-direction:column; align-items:stretch; box-sizing:border-box;}
.hub_floor_tab_btn{display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; margin:0; padding:30px; border:0; background:transparent; cursor:pointer; box-sizing:border-box; text-align:left; font-family:inherit; color:var(--black);  line-height:150%;}
.hub_floor_tab_btn.is-active{background:var(--main); color:var(--white);}
.hub_floor_tab_lbl{position:relative; flex:1 1 auto; min-width:0;}
.hub_floor_tab_btn:not(.is-active) .hub_floor_tab_lbl{opacity:0.5;}
.hub_floor_tab_ico{position:relative; flex-shrink:0; width:26px; height:26px; box-sizing:border-box;}
.hub_floor_tab_ico_on,.hub_floor_tab_ico_off{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; display:block;}
.hub_floor_tab_btn:not(.is-active) .hub_floor_tab_ico_on{opacity:0; pointer-events:none;}
.hub_floor_tab_btn.is-active .hub_floor_tab_ico_off{opacity:0; pointer-events:none;}
.hub_floor_view{flex:1 1 auto; min-width:0; position:relative; box-sizing:border-box; background:var(--white); border-left:1px solid var(--border); overflow:hidden; min-height: 690px;}
.hub_floor_slide{display:none; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding: 30px 60px;}
.hub_floor_slide.is-active{display:block; position: relative;}
.hub_floor_slide_frame{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.hub_floor_slide_frame img{display:block; max-width:100%; height:auto; pointer-events:none;}

.img_zoom_btn{display: block; width: 55px; height: 55px; background: var(--black); font-size:0; position: absolute; right: 0; bottom: 0; z-index: 5; transition: all .3s ease; text-align: center;}
.img_zoom_btn:hover{background: var(--main);}
.img_zoom_btn::after{content: '\e8ff'; display: block; width: 100%; height: 100%; font-size: 32px; line-height: 55px; font-weight: 400; color: var(--white); font-family: var(--icon);}














/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){


/* 산학연 혁신허브 건축개요 상단 */
.hub_overview_visual{width: 60%;}
.hub_overview_text{width: 40%;}



}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


/* 층별구성 탭 + 도면 (Figma 70327:14197, 70556:36743) */
.hub_floor_tab{flex:0 0 30%; width:30%;}
.hub_floor_view{min-height:auto;}
.hub_floor_slide{padding: 30px;}


/* 부지 안내도 · 부지정보 테이블 */
.lease_site_row{max-height: 515px;}
.lease_site_row .lease_site_map{width: 500px;}
.lease_site_row .lease_site_panel{width: calc(100% - 500px); padding: 30px;}
.lease_site_panel_table{padding: 0 10px 0 0;}
.lease_spec_th{width:150px;}


}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* 입주기관 사진 카드 (Figma 70320:19844) */
.benefit_inst_card{width: calc((100% - 60px)/3);}



/* 입주절차 플로우 */
.lease_process__inner{flex-wrap: wrap;}
.lease_process__step{width: calc((100% - 60px)/3);}
.lease_process__step:nth-child(3n) .lease_process__arrow{display: none;}

/* 산학연 혁신허브 입주절차 */
.hub_process__inner{flex-wrap: wrap;}
.hub_process__step{width: calc((100% - 60px)/3);}
.hub_process__step:nth-child(3n) .hub_process__arrow{display: none;}


/* 산학연 혁신허브 건축개요 상단 */
.hub_overview_text{gap:20px; padding:40px 45px;}


/* 입주가능 업종 2열 (Figma 70327:13846) */
.hub_sectors_deco{width:120px; height:120px;}


/* 부지 안내도 · 부지정보 테이블 */
.lease_site_row{max-height: 413px;}
.lease_site_row .lease_site_map{width: 400px;}
.lease_site_row .lease_site_panel{width: calc(100% - 400px); padding: 20px;}
.lease_site_panel_items_in{gap:10px;}
.lease_site_panel_table{height:calc(100%  - 50px);}

.lease_spec_th{width:120px; padding:15px 10px;}
.lease_spec_td{padding:15px 10px;}
.lease_spec_sub_tbl thead th{padding:10px;}
.lease_spec_sub_tbl tbody td{padding:10px;}



}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 입주기업 세제혜택 */
.benefit_table_wrap{position: relative; overflow-y: hidden; overflow-x: auto;}
.benefit_table_wrap .responsive-dim.show{display: block;}
.benefit_table{width: 980px;}
.benefit_table thead th{padding:15px 10px;}
.benefit_table tbody th,.benefit_table tbody td{padding:15px 10px;}


/* 한양대 ERICA·ASV 시험인증 원스톱 */
.benefit_onestop_list{padding:60px 30px 30px;}
.benefit_onestop_mid{margin-top:40px; min-height:auto; max-width:600px;}
.benefit_onestop_arrow{max-width:500px;}
.benefit_onestop_card{width:150px;}
.benefit_onestop_illu{width:118px; height:100px;}
.benefit_onestop_illu--expert{width:120px;}
.benefit_onestop_center{padding:20px 8px 0;}
.benefit_onestop_bar{padding:25px 30px;}


/* 입주기관 사진 카드 (Figma 70320:19844) */
.benefit_inst_list{gap:20px;}
.benefit_inst_card{width: calc((100% - 40px)/3);}
.benefit_inst_body{padding:15px 20px;}

    
/* ERICA 시설 사진 카드 (Figma 70320:19910) */
.benefit_erica_facility_list{grid-template-columns: repeat(2, 1fr); grid-gap:20px;}
.benefit_erica_facility_cap{padding:15px 20px;}

/* ERICA 입주 장점 리스트 */
.benefit_adv_item{border-radius: var(--borderR20);}
.benefit_adv_icon{width:100px; height:100px; border-radius: var(--borderR10); }
.benefit_adv_text{width: calc(100% - 100px); padding: 0 20px; gap:3px;}
.benefit_adv_arrow{width:12px; height:12px;}


/* 산업시설용지 임대료 적용 기준 테이블 */
.lease_criteria_table tbody th{width:200px;}


/* 입주절차 플로우 */
.lease_process__inner{gap:10px 20px;}
.lease_process__step{width: calc((100% - 40px)/3);}
.lease_process__card{gap:15px; padding:0 0 15px;}
.lease_process__head{padding:15px 0;}
.lease_process__ico img{height: 50px;}
.lease_process__arrow{width:20px; right: -20px;}

/* 산학연 혁신허브 입주절차 */
.hub_process__inner{gap:10px 20px;}
.hub_process__step{width: calc((100% - 40px)/3);}
.hub_process__card{gap:15px; padding:0 0 15px;}
.hub_process__head{padding:15px 0;}
.hub_process__ico img{height:50px;}
.hub_process__arrow{width:20px; right:-20px;}




/* 산학연 혁신허브 건축개요 상단 */
.hub_overview_inner{flex-wrap: wrap;}
.hub_overview_visual{width: 100%;}
.hub_overview_text{width: 100%; gap:10px; padding:30px 35px;}
.hub_overview_row{padding:12px 0;}



/* 입주가능 업종 2열 (Figma 70327:13846) */
.hub_sectors{gap:20px;}
.hub_sectors_col{gap:10px; padding:35px 30px;}
.hub_sectors_deco{width:80px; height:80px; right: 30px; bottom: 20px;}


/* 층별구성 탭 + 도면 (Figma 70327:14197, 70556:36743) */
.hub_floor_tab_btn{padding:20px;}
.hub_floor_tab_ico{width:22px; height:22px;}
.img_zoom_btn{width: 45px; height: 45px;}
.img_zoom_btn::after{font-size: 24px; line-height: 45px;}

/* 부지 안내도 · 부지정보 테이블 */
.lease_site_row{max-height: 100%; flex-wrap: wrap;}
.lease_site_row .lease_site_map{width: 100%;}
.lease_site_row .lease_site_panel{width: 100%;}
.lease_site_panel_table{padding: 0; height:auto;}

.lease_spec_td--stack{gap:15px;}
.lease_spec_ind_block--b{padding-top:15px;}

.lease_site_hint{padding: 10px 0 0;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 입주기업 세제혜택 */
.benefit_table{border-width: 2px; width: 680px;}
.benefit_table thead th{padding:10px 5px;}
.benefit_table tbody th,.benefit_table tbody td{padding:10px 5px;}

/* 한양대 ERICA·ASV 시험인증 원스톱 */
.benefit_onestop_list{padding:40px 20px 20px;}
.benefit_onestop_headline{margin:4px 0 0;}
.benefit_onestop_mid{margin-top:20px; max-width:100%;}
.benefit_onestop_arrow{max-width:400px; top:40px;}
.benefit_onestop_row{gap:10px; flex-wrap: wrap; max-width:220px; margin: 0 auto;}
.benefit_onestop_card{width:100px; order: 2;}
.benefit_onestop_illu{width:94px; height:80px;}
.benefit_onestop_illu--expert{width:96px;}
.benefit_onestop_card_lbl{margin:8px 0 0;}
.benefit_onestop_center{padding:0; order: 1; width: 100%; flex:auto;}
.benefit_onestop_bar{padding:20px;}

/* 입주기관 사진 카드 (Figma 70320:19844) */
.benefit_inst_list{gap:10px;}
.benefit_inst_card{width: 100%;}
.benefit_inst_body{gap:5px; padding:15px;}
.benefit_inst_dt{width:52px;}
    
/* ERICA 시설 사진 카드 (Figma 70320:19910) */
.benefit_erica_facility_list{grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
.benefit_erica_facility_cap{padding:15px;}

/* ERICA 입주 장점 리스트 */
.benefit_adv_item{padding: 12px; border-radius: var(--borderR10); flex-wrap:wrap;}
.benefit_adv_icon{width:100%; height:70px; border-radius: var(--borderR5); }
.benefit_adv_text{width: 100%; padding: 15px 0 0;}
.benefit_adv_desc{padding-left: 14px;}
.benefit_adv_arrow{width:10px; height:10px; top:6px;}
.benefit_adv_title{line-height: 140%;}


/* 산업시설용지 임대료 적용 기준 테이블 */
.lease_criteria_table{border-width: 2px;}
.lease_criteria_table tbody th{padding:10px; width:120px;}
.lease_criteria_table tbody td{padding:10px;}

/* 입주절차 플로우 */
.lease_process__step{width: calc((100% - 20px)/2);}
.lease_process__card{gap:10px; padding:0 0 10px; border-radius:var(--borderR10);}
.lease_process__head{padding:10px 0; border-radius:var(--borderR10) var(--borderR10) 0 0;}
.lease_process__num{left:5px; top:5px; width:20px; height:20px;}
.lease_process__ico img{height: 40px;}
.lease_process__step:nth-child(3n) .lease_process__arrow{display: flex;}
.lease_process__step:nth-child(2n) .lease_process__arrow{display: none;}

/* 산학연 혁신허브 입주절차 */
.hub_process__step{width: calc((100% - 20px)/2);}
.hub_process__card{gap:10px; padding:0 0 10px; border-radius:var(--borderR10);}
.hub_process__head{padding:10px 0; border-radius:var(--borderR10) var(--borderR10) 0 0;}
.hub_process__num{left:5px; top:5px; width:20px; height:20px;}
.hub_process__ico img{height:40px;}
.hub_process__step:nth-child(3n) .hub_process__arrow{display: flex;}
.hub_process__step:nth-child(2n) .hub_process__arrow{display: none;}


/* 산학연 혁신허브 건축개요 상단 */
.hub_overview_text{padding:20px 25px;}
.hub_overview_dt{width:60px;}



/* 입주가능 업종 2열 (Figma 70327:13846) */
.hub_sectors{gap:10px; flex-wrap:wrap;}
.hub_sectors_col{flex:auto; width: 100%; gap:6px; padding: 20px;}
.hub_sectors_deco{width:60px; height:60px; right: 20px; bottom: 15px;}



/* 층별구성 탭 + 도면 (Figma 70327:14197, 70556:36743) */
.hub_floor{flex-wrap: wrap;}
.hub_floor_tab{flex:auto; width:100%;}
.hub_floor_tab_btn{padding:10px 10px 10px 15px;}
.hub_floor_tab_ico{width:20px; height:20px; transform: rotate(90deg);}
.hub_floor_slide{padding: 20px 20px 40px;}
.img_zoom_btn{width: 40px; height: 40px;}
.img_zoom_btn::after{font-size: 20px; line-height: 40px;}


/* 부지 안내도 · 부지정보 테이블 */
.lease_spec_tbl{border-width:2px;}
.lease_spec_row{}
.lease_spec_th{width:100px; padding:10px;}
.lease_spec_td{padding:10px;}
.lease_spec_td--stack{gap:10px;}
.lease_spec_sub_tbl thead th{padding:6px;}
.lease_spec_sub_tbl tbody td{padding:6px;}
.lease_spec_ind_block{gap:5px;}
.lease_spec_ind_block--b{padding-top:10px;}
.lease_spec_ind_head{gap:5px;}
.lease_spec_ind_badge{width:20px; height:20px; line-height:20px;}

}