.page_head.company { background-image: url('../../img/head/bg_head_company_history.jpg'); } 

.section_label { color: #000; font-family: Noto Sans CJK KR; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } 
.section_label + .section_title { margin-top: 10px; } 
.section_title { font-size: 48px; line-height: 120%; color: #000; font-family: Roboto; font-style: normal; font-weight: 700; } 
.section_desc { margin-top: 24px; color: #000; font-family: Noto Sans CJK KR; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } 
#about_section_1 { position: relative; height: 100vh; min-height: 800px; } 
#about_section_1 .text_box { position: absolute; left: 0; top: 50%; width: 100%; font-family: Roboto; color: #fff; font-style: normal; font-weight: 700; line-height: 1.3; transform: translate3d(0, -50%, 0); z-index: 3; } 
#about_section_1 .main_text { font-size: 70px; font-family: Roboto; text-align: center; } 
#about_section_1 .sub_flex_wrap { display: flex; justify-content: center; column-gap: 10%; margin-top: 60px; font-weight: normal; font-size: 16px; line-height: 1.6; text-shadow: 0 0 1em rgba(0, 0, 0, 0.5); }
#about_section_1 .sub_flex_wrap .bold { font-size: 1.5em; font-weight: bold; }
#about_section_1 .sub_text { margin-top: 30px; font-family: Noto Sans KR; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; color: #fff; } 
#about_section_1 .loop_video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 0.15; } 
#about_section_1 .loop_video_content { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; } 

#about_section_2 { padding: 100px 0 100px; } 
#about_section_2 .swiper_zone { margin-top: 30px; } 
#about_section_2 .patents_list { display: flex; flex-direction: column; align-items: flex-start; border-top: 2px solid #111; border-bottom: 2px solid #111; background: #fff; } 
#about_section_2 .patents_item { display: flex; height: 66px; padding: 0 30px; justify-content: space-between; align-items: center; align-self: stretch; font-size: 18px; line-height: 1.5; background: #fff; overflow: hidden; color: #111; } 
#about_section_2 .patents_item .title { flex: 1 1; }
#about_section_2 .patents_item .no { flex: 0 0 30%; text-align: right; }
#about_section_2 .patents_item + .patents_item { border-top: 1px solid #ebebf1; }
#about_section_2 .patents_item:hover { color: #b7ff41; background: #000; } 
#about_section_2 .partner_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
#about_section_2 .partner_list .partner_item { width: 25%; height: 150px; display: flex; justify-content: center; align-items: center; text-align: center; } 
#about_section_2 .partner_list .partner_item img { max-width: 50%; } 

#about_section_3 { padding: 100px 0 100px; background: #222; } 
#about_section_3 .section_label { color: #999; text-align: center; }
#about_section_3 .section_title { color: #FFF; text-align: center; }
#about_section_3 .section_desc { color: #999; text-align: center; }


@media screen and (max-width: 1024px){
    .section_label { font-size: 12px; } 
    .section_label + .section_title { margin-top: 7px; } 
    .section_title { font-size: 34px; } 
    .section_desc { margin-top: 17px; font-size: 13px; } 
    
    #about_section_1 { min-height: 600px; }
    #about_section_1 .sub_flex_wrap { margin-top: 50px; font-size: 15px;; }
    #about_section_1 .main_text { font-size: 35px; } 
    #about_section_1 .sub_text { margin-top: 21px; font-size: 13px; line-height: 18px; } 
    #about_section_2 { padding: 50px 0 50px; } 
    #about_section_2 .swiper_zone { margin-top: 21px; } 
    #about_section_2 .patents_item { height: 46px; padding: 10px 21px; font-size: 14px; }
    #about_section_2 .patents_item .no { flex: 0 0 150px; }
    
    #about_section_3 { padding: 70px 0 70px; }
    #about_section_3 .desc_list .item { padding-top: 7px; font-size: 17px; }
    #about_section_3 .desc_list .item + .item { margin-top: 0.7em; } 
}
 
@media screen and (max-width: 768px){
    #about_section_1 { height: auto; min-height: auto; padding: 80px 0 50px 0; }
    #about_section_1 .text_box { position: relative; left: auto; top: auto; transform: none; }
    #about_section_1 .sub_flex_wrap { flex-direction: column; flex-wrap: wrap; margin-top: 50px; }
    #about_section_1 .sub_flex_wrap div + div { margin-top: 50px; }
    #about_section_2 .patents_item { height: auto; min-height: 42px; padding: 8px 15px; }
    #about_section_2 .partner_list { max-width: 400px; margin: 0 auto; }
    #about_section_2 .partner_list .partner_item { width: 50%; min-height: 80px; height: auto; }
    #about_section_3 .desc_list .item { font-size: 15px; }
    
}