.page_head.company { background-image: url('../../img/head/bg_head_company_history.jpg'); } 
#about_section_1 { position: relative; height: 100vh; min-height: 800px; } 
#about_section_1 .text_box { position: absolute; left: 30px; top: 50%; max-width: calc(100% - 60px); 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: 50px; font-family: Roboto; } 
#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 150px; background: url('../../img/company/bg_company_about.jpg') bottom center #000; background-size: cover; background-attachment: fixed; } 
#about_section_2 .card_list { display: flex; justify-content: center; align-items: flex-start; } 
#about_section_2 .card_box { position: relative; display: flex; flex: 0 0 40%; height: 850px; padding: 40px 50px 0 50px; flex-direction: column; align-items: flex-start; border-radius: 18px; border: 1px solid #fff; background-repeat: no-repeat; background-position: right 40px bottom 40px; box-shadow: 6px 10px 16px 0 rgba(0, 0, 0, .13); -webkit-backdrop-filter: blur(4.5px); backdrop-filter: blur(4.5px); box-sizing: border-box; } 
#about_section_2 .card_box + .card_box { margin-left: 5%; } 
#about_section_2 .card_box.gray { border: 1px solid #fff; background-image: url('../../img/company/company_about_shape_1.png'); background-color: rgba(245, 245, 245, 0.9); } 
#about_section_2 .card_box.green { border: transparent; background-image: url('../../img/company/company_about_shape_2.png'); background-color: #b7ff41; } 

#about_section_2 .card_box .small_text { padding-bottom: 32px; align-self: stretch; color: #010108; text-align: right; font-family: Roboto; font-size: 19px; font-style: normal; font-weight: 800; line-height: 120%; } 
#about_section_2 .card_box .main_text { color: #111; font-family: Roboto; font-size: 48px; font-style: normal; font-weight: 800; line-height: 130%; z-index: 1; padding-bottom: 30px; } 
#about_section_2 .card_box .sub_text { align-self: stretch; color: #000; font-family: Noto Sans KR; font-size: 17px; font-style: normal; font-weight: 400; line-height: 150%; } 

#about_section_3 { padding: 100px 0 100px; } 
#about_section_3 .swiper_zone { margin-top: 30px; } 
#about_section_3 .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_3 .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_3 .patents_item .title { flex: 1 1; }
#about_section_3 .patents_item .no { flex: 0 0 30%; text-align: right; }
#about_section_3 .patents_item + .patents_item { border-top: 1px solid #ebebf1; } 
#about_section_3 .patents_item:hover { color: #b7ff41; background: #000; } 
#about_section_3 .partner_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } 
#about_section_3 .partner_list .partner_item { width: 25%; height: 150px; display: flex; justify-content: center; align-items: center; text-align: center; } 
#about_section_3 .partner_list .partner_item img { max-width: 50%; } 


#about_section_4 { padding: 100px 0 150px; background: url('../../img/company/bg_company_about_footer.jpg') no-repeat right bottom #a3eb27; background-size: cover; } 
#about_section_4 .main_text { color: #111; font-family: Roboto; font-size: 40px; font-style: normal; font-weight: 800; line-height: 130%; padding-bottom: 20px; } 
#about_section_4 .desc_text { color: #111; font-family: Noto Sans CJK KR; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; width: 50%; } 

@media screen and (max-width: 1024px){
    #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 105px; background-size: cover; } 
    #about_section_2 .card_box { padding: 28px 35px 30% 35px; height: 680px; background-size: 60% auto; } 
    #about_section_2 .card_box + .card_box { margin-left: 4%; } 
    #about_section_2 .card_box .small_text { padding-bottom: 22px; font-size: 13px; } 
    #about_section_2 .card_box .main_text { font-size: 34px; padding-bottom: 21px; } 
    #about_section_2 .card_box .sub_text { font-size: 12px; } 
    #about_section_3 { padding: 50px 0 50px; } 
    #about_section_3 .swiper_zone { margin-top: 21px; } 
    #about_section_3 .patents_item { height: 46px; padding: 10px 21px; font-size: 16px; }
    #about_section_4 { padding: 50px 0 240px; } 
    #about_section_4 .main_text { font-size: 28px; padding-bottom: 14px; } 
    #about_section_4 .desc_text { width: 100%; font-size: 13px; }
}
 
@media screen and (max-width: 768px){
    #about_section_2 .card_list { flex-direction: column; }
    #about_section_2 .card_box { width: 80%; max-width: 400px; height: auto; margin: 0 auto; padding: 25px 25px 70% 25px; }
    #about_section_2 .card_box + .card_box { margin-left: auto; margin-top: 30px; }
    #about_section_3 .patents_item { height: auto; min-height: 42px; padding: 8px 15px; font-size: 14px; }
    #about_section_3 .patents_item .no { flex: 0 0 170px; }
    #about_section_3 .partner_list { max-width: 400px; margin: 0 auto; }
    #about_section_3 .partner_list .partner_item { width: 50%; min-height: 80px; height: auto; }
}