@media (max-width: 1023px) { 
    html { font-size: 14px; } 
    body { font-size: 1rem; } 
   }

@media (max-width: 1440px) { 

/* 공통 */
.total_navWrap { width: max-content; left: 50%; top: 100px; transform: translateX(-50%); column-gap: 200px;}

/* 서브 */
.about_contsTitle { padding: 0 2.5rem 0 3.5rem;}
.about_conts:nth-child(even) > div { padding: 0 3.5rem 0 2.5rem;}

}    

@media (max-width: 1023px) { 

/* 공통 */
.header_qnaMain,
.header_qna { display: none;}
.h1_logo,
.h1_logoSub { top: 15px; left: 20px; position: absolute;}
.btn_nav,
.btn_nav.sub { top: 20px; right: 20px; position: absolute;}

.total_navWrap { flex-wrap: wrap; flex-direction: column; } 
.total_nav .close { top: 20px; right: 20px;}
.h1_logoSubIn { top: 15px; left: 20px;}

.megamenu li { margin-bottom: 2rem;}
.megamenu li a { font-size: 2.75rem;}

.copyright dd { margin-bottom: 2rem;}

/* 메인 */
.section01 { height: 100vh; } 
.video_main { height: 100vh; }
.swiper-pagination { right: 25px !important;}

.section02 .h2, 
.section03 .h2 { font-size: 5rem;}

/* 서브 */
.sub_about, .sub_projects, .sub_team, .sub_contact { padding: 0 20px; height: 120px;}
.h2_titleSub { font-size: 4.5rem; letter-spacing: -2.5px;}

.about_visual { margin-top: -20px;}
.about_conts { flex-direction: column;}
.about_conts:nth-child(even) { flex-direction: column;}
.about_contsTitle { margin-bottom: 4rem;}
.about_contsTitle,
.about_contsImg { width: 100%;}
.about_title { padding: 12.5rem 20px 10.9375rem;}

.sub_projectsConts { padding: 0 20px;}

.sub_teamConts { padding: 0 20px;}
.team_list { flex-direction: column;}
.team_list > li { margin-bottom: 50px;}
.sp_ul,
.md_ul,
.rd_ul { display: flex; justify-content: flex-start; column-gap: 30px;}
.team_list li { flex: unset;}

.img_hover:hover { background-color: rgba(0, 0, 0, .3); z-index: unset;}
.img_hover:hover .h3_spImgHover, 
.img_hover:hover .h3_mdImgHover, 
.img_hover:hover .h3_rdImgHover,
.img_hover:hover .img_hoverUl { display: none;}

.team_sp, .team_md, .team_rd { border-left: none; padding-left: 0; padding-bottom: 0; min-height: 170px;}
.sp_imgWrap, .md_imgWrap, .rd_imgWrap { margin-top: 0;}
.h3_spImg, .h3_mdImg, .h3_rdImg { top: unset; bottom: -17px; left: 0; transform: unset; transform-origin: unset;}
.h3_spImg br, .h3_mdImg br, .h3_rdImg br { display: none;}

.sub_contactConts { padding-left: 25px;}
.contact_address { gap: 5.3125rem;}


}


@media (max-width: 759px) { 

/* 공통 */
.total_navWrap { left: 40px; transform: translateX(0); column-gap: 0;}

/* 메인 */
.section02 .h2, .section03 .h2 { font-size: 3rem;}
.section02 .h2 > br,
.section03 .h2 > br { display: block;}

.footer_contents { padding-top: 130px; padding-left: 20px; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.footer_subContents { width: calc(100% - 40px); justify-content: center !important; flex-direction: column; gap: 20px; }
.footer_nav .gnb li { margin-bottom: 3rem;}
.h1_logoFooter { display: none;}

/* 서브 */
.tab ul { gap: 10px; flex-wrap: wrap;}
.tab ul li button { padding: 10px 25px;}
.projects_list li { width: 100%;}

.h3_spImg, .h3_mdImg, .h3_rdImg { font-size: 55px;}

.sub_contactImg { padding: 70px 0; height: auto;}
.contact_address { flex-direction: column;}

}