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

#technology_section_1 { padding: 100px 0; }
#technology_section_1 .section_title { text-align: center; }
#technology_section_1 .pr_list { display: flex; justify-content: center; align-items: flex-start; margin: 50px auto 0 auto; }
#technology_section_1 .pr_list .item { flex: 0 0 20%; box-sizing: border-box; }
#technology_section_1 .pr_list .icn_box { width: 64px; height: 64px; display: flex; justify-content: flex-start; align-items: center; }
#technology_section_1 .pr_list .icn_box img { width: 100%; height: auto; }
#technology_section_1 .pr_list .title { font-size: 30px; font-weight: 700; color: #343434; padding-top: 0.5em; }
#technology_section_1 .pr_list .title_label { margin-top: 0.5em; font-size: 14px; font-weight: 200; color: #999; }
#technology_section_1 .pr_list .desc { padding-top: 15px; font-size: 15px; line-height: 1.38; font-weight: 200; }

#technology_section_2 { padding: 100px 0; background: url('../../img/technology/bg_technology_next.jpg') no-repeat top center; background-size: cover; background-attachment: fixed; }
#technology_section_2 .section_title { text-align: center; color: #FFF; }
#technology_section_2 .level_wrap { margin-top: 50px; padding: 40px; background: rgba(255, 255, 255, 0.85); border-radius: 30px; }
#technology_section_2 .level_list { display: flex; box-sizing: border-box; overflow: hidden; }
#technology_section_2 .level_list .level_item { flex: 1 0 auto; max-width: 25%; }
#technology_section_2 .level_item .picto_wrap { display: flex; align-items: flex-end; width: 100%; height: 250px; margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #aaa; }
#technology_section_2 .level_item .picto_wrap .box { position: relative; width: 80%; padding: 20px; border-radius: 24px; color: #FFF; background: #999; box-sizing: border-box; }
#technology_section_2 .level_item .picto_wrap .box::after { content: ''; position: absolute; bottom: -20px; width: 0; height: 0; left: 30px; border-top: 20px solid #999; border-left: 12px solid transparent; border-right: 12px solid transparent; }
#technology_section_2 .level_item .picto_wrap .level { font-size: 20px; }
#technology_section_2 .level_item .picto_wrap .level { font-size: 50px; }
#technology_section_2 .level_item .title { position: relative; word-break: keep-all; color: #999; font-size: 24px; line-height: 1.38; font-weight: 700; padding: 0; }
#technology_section_2 .level_item .desc_list { margin-top: 20px; }
#technology_section_2 .level_item .desc_item { position: relative; padding-left: 1em; color: #999; font-weight: 400; font-size: 16px; line-height: 1.4; }
#technology_section_2 .level_item .desc_item::before { content: ''; position: absolute; left: 0.5em; top: 0.7em; transform: translate3d(-1px, -1px, 0); display: block; width: 2px; height: 2px; background: #999; }
#technology_section_2 .level_item .desc_item + .desc_item { margin-top: 0.2em; }
#technology_section_2 .level_item.type_1 .picto_wrap .box { padding-top: 20px; }
#technology_section_2 .level_item.type_2 .picto_wrap .box { padding-top: 50px; }
#technology_section_2 .level_item.type_3 .picto_wrap .box { padding-top: 110px; background-color: #008fff; }
#technology_section_2 .level_item.type_3 .title { color: #008fff; }
#technology_section_2 .level_item.type_3 .desc_item { color: #000; }
#technology_section_2 .level_item.type_3 .desc_item::before { background: #000; }
#technology_section_2 .level_item.type_3 .picto_wrap .box::after { border-top-color: #008fff; }
#technology_section_2 .level_item.type_4 .picto_wrap .box { padding-top: 160px; background-color: #71a6cf; }
#technology_section_2 .level_item.type_4 .picto_wrap .box::after { border-top-color: #71a6cf; }
#technology_section_2 .level_item.type_4 .title { color: #71a6cf; }
#technology_section_2 .level_item.type_4 .desc_item { color: #71a6cf; }
#technology_section_2 .level_item.type_4 .desc_item::before { background: #71a6cf; }

#technology_section_3 { padding: 100px 0; }
#technology_section_3 .section_title { text-align: center; }
#technology_section_3 .common_detail_list { margin-top: 80px; }
#technology_section_3 .common_detail_list .detail_item .title { font-size: 24px; line-height: 1.4; }
#technology_section_3 .common_detail_list .detail_item .desc { font-size: 18px; color: #999; }

@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; } 



    #technology_section_1 { padding: 70px 0; }
    #technology_section_1 .pr_list { flex-wrap: wrap; justify-content: flex-start; column-gap: 8%; row-gap: 30px; text-align: center; max-width: 90%; margin-top: 35px; }
    #technology_section_1 .pr_list .desc br { display: none; }
    #technology_section_1 .pr_list .item { flex: 0 0 44%; justify-content: flex-start; }
    #technology_section_1 .pr_list .icn_box { width: 45px; height: 45px; margin: 0 auto; }
    #technology_section_1 .pr_list .title { font-size: 21px; padding-top: 0.35em; }
    #technology_section_1 .title_label { margin-top: 0.35em; font-size: 10px; }
    #technology_section_1 .desc { padding-top: 11px; font-size: 12px; }
  
    #technology_section_2 { padding: 70px 0; }
    #technology_section_2 .level_wrap { margin-top: 35px; padding: 28px; background: #FFF; }
    #technology_section_2 .level_list { flex-wrap: wrap; row-gap: 50px; }
    #technology_section_2 .level_list .level_item { flex: 1 0 50%; }
    #technology_section_2 .level_item .picto_wrap { height: 190px; margin-bottom: 14px; padding-bottom: 21px; }
    #technology_section_2 .level_item .picto_wrap .box { padding: 14px; border-radius: 17px; }
    #technology_section_2 .level_item .picto_wrap .box::after { bottom: -14px; left: 21px; border-top: 14px solid; border-left: 8px solid transparent; border-right: 8px solid transparent; }
    #technology_section_2 .level_item .level { font-size: 14px; }
    #technology_section_2 .level_item .title { font-size: 16px; padding: 0; }
    #technology_section_2 .level_item .desc_item { font-size: 13px; }
    
    #technology_section_2 .level_item.type_1 .picto_wrap .box { padding-top: 10px; }
    #technology_section_2 .level_item.type_2 .picto_wrap .box { padding-top: 30px; }
    #technology_section_2 .level_item.type_3 .picto_wrap .box { padding-top: 60px; }
    #technology_section_2 .level_item.type_4 .picto_wrap .box { padding-top: 100px; }
    #technology_section_2 .level_item .picto_wrap .label { font-size: 13px; }
    #technology_section_2 .level_item .picto_wrap .level { font-size: 40px; }
    #technology_section_2 .desc_list { margin-top: 14px; padding-right: 10px; box-sizing: border-box; }
    #technology_section_2 .desc_item { padding-left: 0.7em; font-size: 12px; }
    #technology_section_2 .desc_item + .desc_item { margin-top: 0.14em; }

    #technology_section_3 { padding: 70px 0; }
    #technology_section_3 .common_detail_list { margin-top: 56px; }
    #technology_section_3 .common_detail_list .detail_item .title { font-size: 17px; }
    #technology_section_3 .common_detail_list .detail_item .desc { font-size: 13px; }
}

@media screen and (max-width: 640px){
    #technology_section_2 .level_wrap { max-width: 300px; margin: 30px auto 0 auto; }
    #technology_section_2 .level_list { row-gap: 30px; }
    #technology_section_2 .level_list .level_item { flex: 1 0 100%; max-width: none; }
    #technology_section_2 .level_item .title { margin-top: 15px; }
    #technology_section_2 .level_item .desc_list { margin-top: 10px; }
    #technology_section_2 .level_item .picto_wrap { height: auto; margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
    #technology_section_2 .level_item .picto_wrap .box { width: 100%; }
    
    #technology_section_2 .level_item.type_1 .picto_wrap .box,
    #technology_section_2 .level_item.type_2 .picto_wrap .box,
    #technology_section_2 .level_item.type_3 .picto_wrap .box,
    #technology_section_2 .level_item.type_4 .picto_wrap .box { padding: 15px; }
}