@import url("sub.css");


/* 글로벌 R&D타운 소개 (Figma 70339:51642) */
.asv_rnd_list{display:flex; flex-direction:column; gap:30px; width:100%; box-sizing:border-box;}
.asv_rnd_hd{background:var(--main); padding:25px 30px; box-sizing:border-box; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.asv_rnd_hd_tit{margin:0; font-weight:700;}
.asv_rnd_hd_meta{display:flex; flex-direction:row; align-items:center; gap:15px;}
.asv_rnd_tag{display:flex; align-items:center; justify-content:center; width:110px; padding:5px 0; box-sizing:border-box; border:1px solid rgba(255,255,255,0.2); border-radius:50px; color:var(--white); font-weight:600;}
.asv_rnd_hd_note{margin:0; font-weight:400;}
.asv_rnd_box{padding:50px; box-sizing:border-box; display:flex; flex-direction:column; gap:50px; border: 1px solid var(--border); border-top:0;}
.asv_rnd_imgs{display:flex; flex-direction:row; overflow:hidden;}
.asv_rnd_imgs > div{overflow: hidden;}
.asv_rnd_imgs img{display:block; width:100%; height:100%; object-fit:cover;}
.asv_rnd_img_l{flex:1.5;}
.asv_rnd_img_r{flex:1; box-sizing: border-box; border:1px solid var(--border); border-left: 0;}
.asv_rnd_img_r img{object-fit: contain;}
.asv_rnd_tbl_area{width:100%;}
.asv_rnd_tbl_h{margin:0 0 25px; color:var(--black); font-weight:700;}
.asv_rnd_tblscroll{}
.asv_rnd_tbl{width:100%; border-collapse:separate; border-spacing:0; border-top:3px solid var(--main); box-sizing:border-box;}
.asv_rnd_tbl 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;}
.asv_rnd_tbl thead th.last{border-right:none;}
.asv_rnd_tbl tbody th,.asv_rnd_tbl 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;}
.asv_rnd_tbl tbody th{font-weight:600; color:var(--black); background:var(--white);}
.asv_rnd_tbl tbody td{color:var(--basic); font-weight:400;}
.asv_rnd_tbl tbody th.last,.asv_rnd_tbl tbody td.last{border-right:none;}
.asv_rnd_tbl tfoot th,.asv_rnd_tbl tfoot td{background:#d8e2eb; 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;}
.asv_rnd_tbl tfoot th{font-weight:600; color:var(--black);}
.asv_rnd_tbl tfoot td{color:var(--basic); font-weight:400;}
.asv_rnd_tbl tfoot th.last,.asv_rnd_tbl tfoot td.last{border-right:none;}

/* ASV FEZ 비전 및 목표 (Figma 70339:43311) — 색·반경·자간: root.css 변수 */
.asv-fez-vision{display:flex; flex-direction:column; width:100%; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__row{display:flex; flex-direction:row; flex-wrap:nowrap; gap:30px; width:100%; padding:15px 0; box-sizing:border-box; border-bottom:1px solid var(--border);}
.asv-fez-vision .asv-fez-vision__label{flex-shrink:0; display:flex; align-items:center; justify-content:center; width:375px; box-sizing:border-box; border-width:5px; border-style:solid; background:var(--white);}
.asv-fez-vision .asv-fez-vision__label p{margin:0; font-weight:700;}
.asv-fez-vision .asv-fez-vision__label--sub{border-color:var(--sub); color:var(--sub);}
.asv-fez-vision .asv-fez-vision__label--main{border-color:var(--main); color:var(--main);}
.asv-fez-vision .asv-fez-vision__label--sub2{border-color:var(--sub2); color:var(--sub2);}
.asv-fez-vision .asv-fez-vision__label--sub3{border-color:var(--sub3); color:var(--sub3);}
.asv-fez-vision .asv-fez-vision__block{flex:1 1 0; min-width:0; overflow:hidden; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__block--vision{display:flex; flex-direction:column; align-items:center; gap:10px; padding:40px 20px; box-sizing:border-box; background:var(--sub);}
.asv-fez-vision .asv-fez-vision__lead{margin:0; padding:0; box-sizing:border-box; text-align:center; color:var(--white);}
.asv-fez-vision .asv-fez-vision__eng{margin:0; padding:0 22px; box-sizing:border-box; text-align:center; color:var(--white); font-weight:300; border-left:1px solid rgba(255,255,255,0.7); border-right:1px solid rgba(255,255,255,0.7); border-radius:var(--borderR50);}
.asv-fez-vision .asv-fez-vision__goals{display:flex; flex-direction:row; flex-wrap:nowrap; flex:1 1 0; gap:30px; min-width:0;}
.asv-fez-vision .asv-fez-vision__goal{flex:1 1 0; min-width:0; display:flex; flex-direction:column; overflow:hidden; background:var(--grayBg);} 
.asv-fez-vision .asv-fez-vision__goal-top{display:flex; flex-direction:column; align-items:center; gap:6px; padding:20px 15px; box-sizing:border-box; background:var(--main);}
.asv-fez-vision .asv-fez-vision__goal-icon{flex-shrink:0; width:54px; height:54px; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__goal-icon img{display: block; width: 100%; height: 100%; object-fit: contain;}
.asv-fez-vision .asv-fez-vision__goal-tit{margin:0; width:100%; text-align:center; color:var(--white); font-weight:600; line-height: 150%;}
.asv-fez-vision .asv-fez-vision__goal-bot{display:flex; align-items:center; justify-content:center; padding:15px 12px; box-sizing:border-box; background:var(--grayBg);}
.asv-fez-vision .asv-fez-vision__goal-bot p{margin:0; width:100%; text-align:center; color:var(--basic); letter-spacing:var(--letter-spacing-body); line-height:177.78%;}
.asv-fez-vision .asv-fez-vision__outpost{font-weight:600; color:var(--main);}
.asv-fez-vision .asv-fez-vision__ind{display:flex; flex-direction:row; flex-wrap:nowrap; flex:1 1 0; gap:30px; min-width:0; align-items:center; justify-content:center; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__photo{flex-shrink:0; width:132px; height:132px; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__photo img{display:block; width:100%; height:100%; object-fit:contain;}
.asv-fez-vision .asv-fez-vision__ind-txt{display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:5px; box-sizing:border-box;}
.asv-fez-vision .asv-fez-vision__ind-strong{color:var(--sub2); font-weight:700;}
.asv-fez-vision .asv-fez-vision__ind-desc{color:var(--black); font-weight:400;}
.asv-fez-vision .asv-fez-vision__strat{flex:1 1 0; min-width:0; display:flex; flex-direction:column; overflow:hidden; background:var(--white);}
.asv-fez-vision .asv-fez-vision__strat-top{padding:15px 15px; box-sizing:border-box; background:var(--sub3);}
.asv-fez-vision .asv-fez-vision__strat-tit{margin:0; text-align:center; color:var(--white); font-weight:600;}
.asv-fez-vision .asv-fez-vision__strat-grid{display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px; padding:15px; box-sizing:border-box; background:var(--grayBg);}
.asv-fez-vision .asv-fez-vision__strat-cell{flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; padding:15px 20px; box-sizing:border-box; background:var(--white); border-radius:var(--borderR5);}
.asv-fez-vision .asv-fez-vision__strat-cell p{margin:0; width:100%; text-align:center; color:var(--basic); letter-spacing:var(--letter-spacing-body);}



/* 개발목표 · 글로벌 R&D 비즈니스 거점 상단 */
.asv-fez-global{width:100%; box-sizing:border-box;}
.asv-fez-global__top{background:var(--white); border:1px solid var(--border); padding:70px; box-sizing:border-box; display:flex; flex-direction:column; gap:30px; align-items:center;}
.asv-fez-global__head{display:flex; flex-direction:column; gap:10px; align-items:center; width:100%;}
.asv-fez-global__maintit{margin:0; text-align:center; color:var(--black); font-weight:700; line-height:133.33%;}
.asv-fez-global__badge{display:inline-flex; align-items:center; justify-content:center; padding:0 22px; box-sizing:border-box; border-left:1px solid var(--main); border-right:1px solid var(--main); border-radius:var(--borderR50);}
.asv-fez-global__badge span{color:var(--main); font-weight:600; line-height:150%;}
.asv-fez-global__main{width:100%; box-sizing:border-box; position: relative;}
.asv-fez-global__col--center{width:100%; margin: 0 auto; text-align:center;}
.asv-fez-global__diagram{width:80%; max-width:1110px; margin:0 auto;}
.asv-fez-global__diagram img{display:block; width:100%; height:100%; object-fit:contain;}
.asv-fez-global__main_row{display: flex; justify-content: space-between; position: absolute; left: 0; top:0; width: 100%;}
.asv-fez-global__col--left{display:flex; flex-direction:column; gap:10px; min-width:0;}
.asv-fez-global__col--right{display:flex; flex-direction:column; gap:10px; min-width:0;}
.asv-fez-global__row{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:10px;}
.asv-fez-global__card{position:relative; flex-shrink:0; width:180px; border-radius:var(--borderR15); overflow:hidden;}
.asv-fez-global__card-img{width:180px; height:170px; overflow:hidden;}
.asv-fez-global__card-img img{display:block; width:100%; height:100%; object-fit:cover;}
.asv-fez-global__card-cap{position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:180px; padding:6px 0; box-sizing:border-box; background:var(--gray); text-align:center; color:var(--white);}
.asv-fez-global__card-cap--sub2{background:var(--sub2);}
.asv-fez-global__dots{display:flex; flex-direction:column; gap:2px; margin:0; padding:0; list-style:none; flex:0 1 auto; min-width:0;}
.asv-fez-global__dots-li{position:relative; display:flex; align-items:center; padding-left:9px; box-sizing:border-box;}
.asv-fez-global__dots-li--stack{align-items:flex-start;}
.asv-fez-global__dots-li::before{content:""; position:absolute; left:0; top:13px; width:2px; height:2px; background:var(--light);}
.asv-fez-global__dots-li span{color:var(--light);}
.asv-fez-global__dots-li span.asv-fez-global__dots-strong{color:var(--sub2);}
.asv-fez-global__dots-li > .fs16{letter-spacing:var(--letter-spacing-body); line-height:175%;}
.asv-fez-global__dots-txt{letter-spacing:var(--letter-spacing-body); color:var(--light);}
.asv-fez-global__dots-line{margin:0; line-height:175%;}


.asv-fez-global__bottom{background:var(--grayBg); border:1px solid var(--border); border-top:none; padding:55px; box-sizing:border-box; display:flex; flex-direction:column; gap:30px; align-items:center;}
.asv-fez-global__bottom-head{display:flex; flex-direction:column; gap:0; align-items:center; width:100%; text-align:center; color:var(--black);}
.asv-fez-global__bottom-lead{margin:0; line-height:140%; font-weight:300;}
.asv-fez-global__bottom-lead.fs30{font-weight:300;}
.asv-fez-global__bottom-tit{margin:0; font-weight:700; line-height:133.33%;}
.asv-fez-global__bottom-tit span{display: inline; letter-spacing: inherit; line-height: inherit;}
.asv-fez-global__bottom-tit--main{color:var(--main);}
.asv-fez-global__bottom-tit--sub2{color:var(--sub2);}
.asv-fez-global__bottom-list{margin:0 auto; max-width:1000px;}



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


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

/* 개발목표 · 글로벌 R&D 비즈니스 거점 상단 */
.asv-fez-global__top{padding:50px;}
.asv-fez-global__diagram{width:80%; padding-top: 15vw;}


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

/* 글로벌 R&D타운 소개 (Figma 70339:51642) */
.asv_rnd_box{padding:30px; gap:30px;}
.asv_rnd_tbl_h{margin:0 0 15px;}

/* ASV FEZ 비전 및 목표 (Figma 70339:43311) — 색·반경·자간: root.css 변수 */
.asv-fez-vision .asv-fez-vision__row{gap:20px;}
.asv-fez-vision .asv-fez-vision__label{width:300px; border-width:5px;}
.asv-fez-vision .asv-fez-vision__goals{gap:10px;}

/* 개발목표 · 글로벌 R&D 비즈니스 거점 상단 */
.asv-fez-global__top{padding:30px; gap:20px;}
.asv-fez-global__head{gap:10px;}
.asv-fez-global__diagram{width:90%; padding: 0 0 30px;}
.asv-fez-global__main_row{position: static;}
.asv-fez-global__card{width:160px;}
.asv-fez-global__card-img{width:160px; height:150px;}
.asv-fez-global__card-cap{width:160px;}
.asv-fez-global__dots-li::before{top:11px;}
.asv-fez-global__dots-li > .fs16{font-size:0.778rem;}

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



/* 글로벌 R&D타운 소개 (Figma 70339:51642) */
.asv_rnd_list{gap:20px;}
.asv_rnd_hd_meta{gap:10px;}
.asv_rnd_box{padding:20px; gap:20px;}
.asv_rnd_tbl_h{margin:0 0 10px;}
.asv_rnd_tblscroll{position: relative; overflow-y: hidden; overflow-x: auto;}
.asv_rnd_tblscroll .responsive-dim.show{display: block;}
.asv_rnd_tbl{width: 980px;}
.asv_rnd_tbl thead th{padding:15px 10px;}
.asv_rnd_tbl tbody th,.asv_rnd_tbl tbody td{padding:15px 10px;}
.asv_rnd_tbl tfoot th,.asv_rnd_tbl tfoot td{padding:15px 10px;}

/* ASV FEZ 비전 및 목표 (Figma 70339:43311) — 색·반경·자간: root.css 변수 */
.asv-fez-vision .asv-fez-vision__row{gap:10px; flex-wrap: wrap;}
.asv-fez-vision .asv-fez-vision__label{width:100%; border-width:3px; min-height:60px;}
.asv-fez-vision .asv-fez-vision__block{flex:auto; width: 100%;}
.asv-fez-vision .asv-fez-vision__block--vision{gap:8px; padding:30px 20px;}
.asv-fez-vision .asv-fez-vision__goals{gap:10px;}
.asv-fez-vision .asv-fez-vision__goal-top{padding:20px 15px;}
.asv-fez-vision .asv-fez-vision__goal-icon{width:45px; height:45px;}
.asv-fez-vision .asv-fez-vision__goal-bot{padding:15px 12px;}
.asv-fez-vision .asv-fez-vision__ind{gap:20px;}
.asv-fez-vision .asv-fez-vision__photo{width:100px; height:100px;}
.asv-fez-vision .asv-fez-vision__strat-top{padding:10px;}
.asv-fez-vision .asv-fez-vision__strat-grid{gap:5px; padding:10px;}
.asv-fez-vision .asv-fez-vision__strat-cell{padding:10px;}


/* 개발목표 · 글로벌 R&D 비즈니스 거점 상단 */
.asv-fez-global__top{padding:20px; gap:15px;}
.asv-fez-global__head{gap:10px;}
.asv-fez-global__badge{padding:0 15px;}
.asv-fez-global__diagram{width:100%; padding: 0 0 20px;}
.asv-fez-global__main_row{display: block;}
.asv-fez-global__col--left{display: block; width: 100%;}
.asv-fez-global__col--right{display: block; width: 100%;}
.asv-fez-global__row{gap:10px; margin-top: 10px;}
.asv-fez-global__card{width:calc((100% - 10px)/2); border-radius:var(--borderR10);}
.asv-fez-global__card-img{width:100%; height:auto; aspect-ratio:3/2; overflow: hidden;}
.asv-fez-global__card-cap{position: static; transform:translateX(0);}
.asv-fez-global__card-cap{width:100%;}
.asv-fez-global__dots-li::before{top:12px;}
.asv-fez-global__dots-li > .fs16{font-size:1rem;}

.asv-fez-global__bottom{padding:45px; gap:20px;}


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



/* 글로벌 R&D타운 소개 (Figma 70339:51642) */
.asv_rnd_list{gap:20px;}
.asv_rnd_hd{padding:10px 15px; gap:5px 20px; flex-wrap: wrap;}
.asv_rnd_tag{width:80px; padding:3px 0;}
.asv_rnd_imgs{flex-direction: column;}
.asv_rnd_img_l{flex:1;}
.asv_rnd_img_r{border:1px solid var(--border); border-top: 0;}
.asv_rnd_box{padding:15px; gap:15px;}
.asv_rnd_tbl_h{margin:0 0 6px;}
.asv_rnd_tbl{border-width:2px; width: 680px;}
.asv_rnd_tbl thead th{padding:10px 5px;}
.asv_rnd_tbl tbody th,.asv_rnd_tbl tbody td{padding:10px 5px;}
.asv_rnd_tbl tfoot th,.asv_rnd_tbl tfoot td{padding:10px 5px;}



/* ASV FEZ 비전 및 목표 (Figma 70339:43311) — 색·반경·자간: root.css 변수 */
.asv-fez-vision .asv-fez-vision__row{gap:5px; padding:10px 0;}
.asv-fez-vision .asv-fez-vision__label{min-height:auto; padding: 10px 10px 8px;}
.asv-fez-vision .asv-fez-vision__block--vision{padding:20px 15px;}
.asv-fez-vision .asv-fez-vision__eng{padding:0 15px;}
.asv-fez-vision .asv-fez-vision__goals{gap:10px; flex-wrap: wrap;}
.asv-fez-vision .asv-fez-vision__goal{flex:auto; width: 100%;}
.asv-fez-vision .asv-fez-vision__goal-top{gap:10px; padding:10px; flex-direction: row; justify-content: center;}
.asv-fez-vision .asv-fez-vision__goal-icon{width:30px; height:30px;}
.asv-fez-vision .asv-fez-vision__goal-bot{padding:10px;}
.asv-fez-vision .asv-fez-vision__goal-tit{width: auto;}
.asv-fez-vision .asv-fez-vision__ind{gap:15px;}
.asv-fez-vision .asv-fez-vision__photo{width:60px; height:60px;}

/* 개발목표 · 글로벌 R&D 비즈니스 거점 상단 */
.asv-fez-global__col--left .asv-fez-global__row:first-child{flex-direction: column;}
.asv-fez-global__bottom{padding:35px; gap:10px;}



}