.page_head.technology { background-image: url('../../img/head/bg_head_technology.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%; } 

#tech_section_1 { position: relative; padding: 100px 0 0 0; z-index: 3; } 
#tech_section_1 .section_label,
#tech_section_1 .section_title,
#tech_section_1 .section_desc { text-align: center; } 
#tech_section_1 .img_box { margin-top: 20px; text-align: center; } 
#tech_section_1 .img_box img { width: 100%; max-width: 500px; } 

#tech_section_2 { position: relative; margin-top: -200px; padding: 200px 0 100px; background: #b7ff41; } 
#tech_section_2 .section_label,
#tech_section_2 .section_title,
#tech_section_2 .section_desc { text-align: center; } 
#tech_section_2 .icon_list { display: flex; justify-content: center; align-items: flex-start; margin-top: 50px; } 
#tech_section_2 .icon_list .item { flex: 0 0 180px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } 
#tech_section_2 .icon_list .icon_box { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 0 5px; } 
#tech_section_2 .icon_list .icon_box img { width: 100%; height: 100%; } 
#tech_section_2 .icon_list .desc { margin-top: 20px; align-self: stretch; color: #000; text-align: center; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; line-height: 150%; } 


#tech_section_3 { padding: 100px 0; background: #000; } 
#tech_section_3 .card_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 35px; margin-top: 240px; padding: 0 10px; } 
#tech_section_3 .card_box { display: flex; width: 30%; height: 400px; padding: 35px; flex-direction: column; align-items: flex-start; flex-shrink: 0; align-self: stretch; background-color: #fff; border-radius: 22.745px; background: linear-gradient(0deg, #fff, #fff), linear-gradient(139deg, #00e0ff 19.52%, #9eff00 92.15%); box-sizing: border-box; } 
#tech_section_3 .card_box:nth-child(2) { margin-top: -240px; } 
#tech_section_3 .card_box:nth-child(5) { margin-top: -220px; } 
#tech_section_3 .card_box .card_header { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
#tech_section_3 .card_box .card_header img { max-width: 80px; max-height: 80px; }
#tech_section_3 .card_box .small_text { color: #000; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28px; } 
#tech_section_3 .card_box .main_text { margin-top: 0.42em; color: #282828; font-family: Roboto; font-size: 32px; font-style: normal; font-weight: 800; line-height: 140%; } 
#tech_section_3 .card_box .sub_text { width: 100%; margin-top: 1em; color: #000; font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.625; } 

#tech_section_4 { padding: 100px 0 0 0; } 
#tech_section_4 .section_inner { padding: 0 50px 50px 50px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(6px); } 
#tech_section_4 .card_list { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-top: 50px; } 
#tech_section_4 .card_list .card_box { display: flex; align-items: center; align-self: stretch; flex-direction: column; justify-content: flex-start; flex: 1 1 auto; } 
#tech_section_4 .card_list .overlay_img { position: relative; width: 190px; overflow: hidden; } 
#tech_section_4 .card_list .img_box { position: relative; width: 100%; height: 0; padding-top: 96%; flex-shrink: 0; background: #d3d3d3; background-repeat: no-repeat; background-size: cover; background-blend-mode: darken, normal; border-bottom: 32px; border-radius: 20px; overflow: hidden; } 
#tech_section_4 .card_list .img_box.overlay { position: absolute; left: 0; top: 0; transition: opacity .4s ease; opacity: 0; } 
#tech_section_4 .card_list .img_box img { width: 100%; height: auto; } 
#tech_section_4 .card_list .img_box.overlay img { transition: filter .2s ease .2s; filter: blur(5px); } 
#tech_section_4 .card_list .card_box:hover .img_box.overlay { opacity: 1; } 
#tech_section_4 .card_list .card_box:hover .overlay_img:hover .img_box.overlay img { filter: blur(0); } 
#tech_section_4 .card_list .card_box .main_text { align-self: stretch; margin-top: 10px; color: #000; text-align: center; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 700; line-height: 130%; } 

#tech_section_5 { margin-top: -320px; padding-top: 360px; padding-bottom: 20px; background: linear-gradient(0deg, #59ebff, #59ebff), #b7ff41; background-blend-mode: normal, difference; flex-shrink: 0; } 
#tech_section_5 .prize_line { display: flex; justify-content: space-between; align-items: center; } 
#tech_section_5 .prize_wrap { height: calc(100% - 160px); margin-top: 40px; display: flex; justify-content: flex-start; gap: 30px; align-items: center; color: #000; font-family: Noto Sans CJK KR; font-size: 24px; font-style: normal; font-weight: 700; line-height: 1.4; } 
#tech_section_5 .title-text { font-size: 42px; font-weight: bold; }
#tech_section_5 .sub-text { font-size: 24px; margin-top: 0.3em; }
#tech_section_5 .desc-text { font-size: 15px; margin-top: 0.6em; line-height: 1.62; }
#tech_section_5 .img_box { display: flex; justify-content: center; align-items: flex-end; width: 260px; height: 340px; margin: 0 50px; } 
#tech_section_5 .img_box img { width: auto; height: 100%; } 

@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; } 
    #tech_section_1 { padding: 50px 0 0 0; } 
    #tech_section_1 .img_box img { max-width: 350px; } 
    #tech_section_2 { margin-top: -140px; padding: 140px 0 50px; } 
    #tech_section_2 .icon_list { margin-top: 35px; } 
    #tech_section_2 .icon_list .item { flex-basis: 100px; } 
    #tech_section_2 .icon_list .icon_box { width: 49px; height: 49px; margin: 0 4px; } 
    #tech_section_2 .icon_list .desc { margin-top: 14px; font-size: 14px; } 
    #tech_section_3 { padding: 50px 0; } 
    #tech_section_3 .card_list { gap: 25px; margin-top: 100px; padding: 0 7px; } 
    #tech_section_3 .card_box { padding: 30px; }
    #tech_section_3 .card_box:nth-child(2) { margin-top: -100px; }
    #tech_section_3 .card_box:nth-child(5) { margin-top: -90px; }
    #tech_section_3 .card_box .card_header img { max-width: 50px; max-height: 50px; }
    #tech_section_3 .card_box .small_text { font-size: 14px; } 
    #tech_section_3 .card_box .main_text { margin-top: 0.4em; font-size: 22px; } 
    #tech_section_3 .card_box .sub_text { margin-top: 20px; font-size: 15px; } 
    #tech_section_4 { padding: 50px 0 0 0; } 
    #tech_section_4 .section_inner { padding: 0 35px 35px 35px; } 
    #tech_section_4 .card_list { flex-wrap: wrap; justify-content: flex-start; gap: 7px; row-gap: 30px; margin-top: 35px; } 
    #tech_section_4 .card_list .card_box .main_text { margin-top: 10px; font-size: 15px; } 
    #tech_section_5 { margin-top: -224px; padding-top: 252px; padding-bottom: 50px; } 
    #tech_section_5 .prize_wrap { height: calc(100% - 112px); margin-top: 28px; gap: 21px; font-size: 17px; } 
    #tech_section_5 .img_box { width: 182px; height: 266px; } 
    #tech_section_5 .title-text { font-size: 28px; }
    #tech_section_5 .sub-text { font-size: 18px; }
    #tech_section_5 .desc-text { font-size: 14px; }
}
@media screen and (max-width: 768px){
    #tech_section_1 .img_box img { max-width: 60%; } 
    #tech_section_2 .icon_list { flex-wrap: wrap; max-width: 540px; margin: 0 auto; }
    #tech_section_2 .icon_list .item { flex: 0 0 30%; margin-top: 30px; }
    #tech_section_2 .icon_list .item { flex: 0 0 30%; margin-top: 30px; }
    #tech_section_3 .card_list { gap: 25px; margin-top: 0; padding: 0; } 
    #tech_section_3 .card_box { width: 100%; max-width: 380px; height: auto; margin: 0 auto; }
    #tech_section_3 .card_box:nth-child(2),
    #tech_section_3 .card_box:nth-child(5) { margin-top: 0; }
    #tech_section_4 { text-align: center; }
    #tech_section_4 .card_list .card_box + .card_box { margin-top: 20px; }
    #tech_section_5 .prize_wrap { flex-direction: column; text-align: center; }
    #tech_section_5 .prize_line { flex-direction: column; }
    #tech_section_5 .img_box { margin-top: 30px; }
    #tech_section_5 .title-text { font-size: 18px; }
    #tech_section_5 .sub-text { font-size: 15px; }
    #tech_section_5 .desc-text { font-size: 13px; }

}
@media screen and (max-width: 640px){
    #tech_section_2 .icon_list .item { flex: 0 0 35%;  margin-top: 30px; }
    #tech_section_4 .card_list { flex-direction: column; }
}