.section_label { color: #FFF; font-family: Roboto; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; } 
.section_title { color: #fff; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 800; line-height: 140%; } 

#philosophy_section_1 { position: relative; width: 100%; min-height: 800px; background: #000; overflow: hidden; } 
#philosophy_section_1 .bg_video { width: 100%; height: 100vh; min-height: 64rem; background-color: #000; display: flex; justify-content: center; align-items: center; } 
#philosophy_section_1 .bg_video_content { position: absolute; left: auto; top: auto; width: 55rem; height: 55rem; z-index: 1; } 
#philosophy_section_1 .main_text { position: absolute; left: 50%; top: 48%; z-index: 2; text-align: center; color: #fff; font-family: Roboto; font-size: 60px; font-style: normal; font-weight: 700; line-height: 120%; transform: translate3d(-50%, 0, 0); } 

#philosophy_section_2 { padding: 0 0 100px 0; background: #000; } 
#philosophy_section_2 .section_title { color: #b7ff41; text-align: center; font-size: 40px; } 
#philosophy_section_2 .section_desc { line-height: 1.68; color: #FFF; text-align: center; font-size: 18px; } 
#philosophy_section_2 .card_list { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 70px; gap: 2%; } 
#philosophy_section_2 .card_box { position: relative; height: -webkit-fill-available; display: flex; flex: 0 0 32%; padding: 40px 26px; flex-direction: column; justify-content: space-between; align-items: flex-start; border-radius: 18px; background: hsla(0, 0%, 100%, .9); 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; line-height: 1.5; } 
#philosophy_section_2 .card_box:hover { border-color: #b7ff41; background: #b7ff41; } 
#philosophy_section_2 .card_box .small_text { align-self: stretch; color: #111; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 800; line-height: 120%; } 
#philosophy_section_2 .card_box .main_text { min-height: 6em; margin-top: 0.3em; align-self: stretch; color: var(--Font-02_black, #111); font-family: Roboto; font-size: 28px; font-style: normal; font-weight: 800; } 
#philosophy_section_2 .card_box .sub_text { min-height: 6em; margin-top: 1.5em; align-self: stretch; color: #000; font-family: Noto Sans CJK KR; font-size: 16px; font-style: normal; font-weight: 400; } 
#philosophy_section_2 .card_box .btn_common_round { margin-top: 1.5em; } 

#philosophy_section_3 { height: 100vh; min-height: 800px; padding: 120px 0; background: url('../../img/philosophy/bg_philosophy_full_1.jpg') no-repeat; background-size: cover; background-attachment: fixed; box-sizing: border-box; } 
#philosophy_section_3 .section_title { margin-top: 30px; } 

#philosophy_section_4 { height: 100vh; min-height: 800px; padding: 120px 0; background: url('../../img/philosophy/bg_philosophy_full_2.jpg') no-repeat; background-size: cover; background-attachment: fixed; box-sizing: border-box; } 
#philosophy_section_4 .section_title { margin-top: 30px; box-sizing: border-box; } 


@media (max-width: 1024px){
    .section_label { font-size: 18px; } 
    .section_title { font-size: 42px; } 
    #philosophy_section_1 { min-height: 560px; } 
    #philosophy_section_1 .bg_video { height: 720px; min-height: auto; } 
    #philosophy_section_1 .bg_video_content { width: 39rem; height: 39rem; } 
    #philosophy_section_1 .main_text { font-size: 42px; } 
    #philosophy_section_2 { padding: 0 0 70px 0; } 
    #philosophy_section_2 .section_title { font-size: 32px; } 
    #philosophy_section_2 .section_desc { font-size: 13px; } 
    #philosophy_section_2 .card_list { margin-top: 70px; gap: 3%; } 
    #philosophy_section_2 .card_box { padding: 25px 22px; } 
    #philosophy_section_2 .card_box .small_text { font-size: 15px; } 
    #philosophy_section_2 .card_box .main_text { min-height: 7.5em; width: 100%; font-size: 22px; } 
    #philosophy_section_2 .card_box .sub_text { min-height: 8em; width: 100%; font-size: 14px; } 
    #philosophy_section_3 { padding: 84px 0; min-height: 560px; } 
    #philosophy_section_4 { padding: 84px 0; min-height: 560px; } 
}

@media (max-width: 768px){
    #philosophy_section_2 .card_list { flex-direction: column; row-gap: 30px; margin-top: 40px; }
    #philosophy_section_2 .card_box { width: 100%; max-width: 400px; height: auto; margin: 0 auto; padding: 30px 20px; } 
    #philosophy_section_2 .card_box .main_text { min-height: auto; margin-top: 0.1em; }
    #philosophy_section_2 .card_box .sub_text { min-height: auto; margin-top: 2em; }
}
@media (max-width: 640px){
    .section_title { font-size: 34px; }
    #philosophy_section_1 { min-height: auto; }
    #philosophy_section_1 .main_text { top: 44%; width: 100%; font-size: 30px; }
    #philosophy_section_1 .bg_video { height: 500px; min-height: auto; } 
    #philosophy_section_1 .bg_video_content { width: 30rem; height: 30rem; } 
    #philosophy_section_2 .card_box .main_text { font-size: 20px; }
    #philosophy_section_2 .card_box .sub_text { margin-top: 1em; }
    #philosophy_section_2 .card_box .btn_common_round { margin-top: 2em; }
    #philosophy_section_3,
    #philosophy_section_4 { background-size: cover; background-position: top center; }
    #philosophy_section_3 .section_label,
    #philosophy_section_4 .section_label { text-align: center; } 
    #philosophy_section_3 .section_title,
    #philosophy_section_4 .section_title { margin-top: 10px; text-align: center; } 
    #philosophy_section_3 .section_title br,
    #philosophy_section_4 .section_title br { display: inline;}
}