.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; 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%; } 


#main_section_1 { position: relative; width: 100%; height: 1024px; background: #000; overflow: hidden; } 
#main_section_1 .bg_video { width: 100%; height: 100vh; min-height: 64rem; background-color: #000; display: flex; justify-content: center; align-items: center; } 
#main_section_1 .bg_video_content { position: absolute; left: 50%; top: 50%; width: 1024px; height: 1024px; z-index: 1; transform: translate3d(-50%, -50%, 0); overflow: hidden; } 
#main_section_1 .main_text { position: absolute; left: 50%; top: 37%; width: 100%; z-index: 2; text-align: center; color: #fff; font-family: NotoSansKR, sans-serif; font-style: normal; font-weight: 700; transform: translate3d(-50%, 0, 0); } 
#main_section_1 .main_text .title { text-align: center; font-size: 3rem; font-style: normal; font-weight: 600; line-height: 140%; } 
#main_section_1 .main_text .desc { margin-top: 10px; color: hsla(0, 0%, 100%, .7); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 160%; } 


#main_section_shortcut { display: flex; justify-content: center; align-items: flex-start; background: #000; } 
#main_section_shortcut .link_half_wrap { flex: 0 0 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0; background: #171719; box-sizing: border-box; } 
#main_section_shortcut .link_half_wrap + .link_half_wrap { background: #212124; } 
#main_section_shortcut .link_half_wrap .title { font-size: 20px; color: #FFF; } 
#main_section_shortcut .btn_shortcut { display: inline-flex; font-style: normal; font-weight: 700; font-size: 18px; line-height: 1.4; margin-top: 1.28em; padding: 10px 20px; background-color: rgba(0, 0, 0, .5); border-radius: 32px; justify-content: center; align-items: center; gap: 4px; overflow: hidden; box-sizing: border-box; transition: background 0.17s; } 
#main_section_shortcut .btn_shortcut .icn_arrow { display: block; width: 24px; height: 24px; } 
#main_section_shortcut .btn_shortcut.green .btn_text { color: #9eff00; } 
#main_section_shortcut .btn_shortcut.green .icn_arrow { background-image: url('../img/main/icn_arrow_shortcut_green.svg'); } 
#main_section_shortcut .btn_shortcut.blue .btn_text { color: #00e0ff; } 
#main_section_shortcut .btn_shortcut.blue .icn_arrow { background-image: url('../img/main/icn_arrow_shortcut_blue.svg'); } 
#main_section_shortcut .btn_shortcut.green:hover,
#main_section_shortcut .btn_shortcut.blue:hover { background-color: #000; } 

#main_section_trust { padding: 80px 0; } 
#main_section_trust .link_list { display: flex; justify-content: space-around; align-items: flex-end; flex-wrap: wrap; margin-top: 30px; gap: 4%; row-gap: 20px; } 
#main_section_trust .trust_title { text-align: center; font-size: 18px; color: #d0d0d0; } 
#main_section_trust ul > li img { width: 109px; }

#main_platform_desc { position: relative; padding: 100px 0; background-image: url('../img/main/bg_platform_desc.jpg'); background-size: cover; background-position: top center; background-attachment: fixed; } 
#main_platform_desc:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); } 
#main_platform_desc .section_title { position: relative; color: #FFF; text-align: center; } 
#main_platform_desc .link_list { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 2em; } 
#main_platform_desc .link_list .item { position: relative; } 
#main_platform_desc .link_list .item + .item { margin-left: 1em; padding-left: 1em; } 
#main_platform_desc .link_list .item + .item::before { content: ''; position: absolute; left: 0; top: 50%; display: block; width: 0; height: 0.7em; border-right: 1px solid rgba(255, 255, 255, 0.7); transform: translate3d(0, -50%, 0); } 
#main_platform_desc .link_list .link { padding: 0 10px; font-size: 15px; color: #FFF; transition: opacity 0.17s ease; opacity: 0.7; text-shadow: 0 0 0.5em rgba(0, 0, 0, .7); } 
#main_platform_desc .link_list .link:hover { opacity: 1; } 

#main_effort_section { padding: 100px 0; } 
#main_effort_section .section_title { text-align: center; } 
#main_effort_section .effort_box { display: flex; justify-content: center; align-items: center; margin-top: 50px; }
#main_effort_section .effort_nav { position: relative; display: flex; justify-content: space-between; width: 80%; max-width: 800px; margin: 30px auto 0 auto; } 
#main_effort_section .effort_nav::before,
#main_effort_section .effort_nav::after { content: ''; position: absolute; left: 0; top: 19px; display: block; width: 100%; height: 0; border-top: 2px solid #dcdcdc; } 

#main_effort_section .effort_nav::after { transition: transform 0.3s ease; border-top-color: #000; transform: scaleX(0); transform-origin: left center; z-index: 3; }
#main_effort_section .effort_nav[data-selected="1"]::after{ transform: scaleX(50%); }
#main_effort_section .effort_nav[data-selected="2"]::after{ transform: scaleX(100%); }
#main_effort_section .effort_nav .round_box { position: absolute; left: 50%; top: 8px; display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #dcdcdc; background: #FFF; transform: translate3d(-50%, 0, 0); box-sizing: border-box; z-index: 4; } 
#main_effort_section .effort_nav .item .round_box::after { content: ''; position: absolute; left: 50%; top: 50%; display: block; width: 12px; height: 12px; background: #dcdcdc; border-radius: 50%; transform: translate3d(-6px, -6px, 0); transition: border 0.17s ease,  background 0.17s ease; box-sizing: border-box; } 
#main_effort_section .effort_nav[data-selected="0"] .item:nth-child(1) .round_box,
#main_effort_section .effort_nav[data-selected="1"] .item:nth-child(1) .round_box,
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(1) .round_box,
#main_effort_section .effort_nav[data-selected="1"] .item:nth-child(2) .round_box,
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(2) .round_box,
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(3) .round_box { border-color: #000; }
#main_effort_section .effort_nav[data-selected="0"] .item:nth-child(1) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="0"] .item:nth-child(1) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="1"] .item:nth-child(1) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(1) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="1"] .item:nth-child(2) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(2) .round_box::after { background: #000; }
#main_effort_section .effort_nav[data-selected="2"] .item:nth-child(3) .round_box::after { background: #000; }
#main_effort_section .effort_nav .item { position: relative; width: 30%; padding-top: 45px; text-align: center; box-sizing: border-box; cursor: pointer; z-index: 4; } 
#main_effort_section .effort_nav .item .title { font-size: 20px; } 
#main_effort_section .effort_nav .item:nth-child(1) { transform: translate3d(-50%, 0, 0); } 
#main_effort_section .effort_nav .item:nth-child(3) { transform: translate3d(50%, 0, 0); } 
#main_effort_section .effort_list { position: relative; display: flex; justify-content: center; margin-top: 30px; column-gap: 30px; } 
#main_effort_section .effort_list .item { position: relative; flex: 0 0 30%; margin-bottom: 70px; opacity: 0.3; transition: opacity 0.17s ease; cursor: pointer; } 
#main_effort_section .effort_list .item:hover { opacity: 0.7; }
#main_effort_section .effort_list[data-selected="0"] .item:nth-child(1),
#main_effort_section .effort_list[data-selected="1"] .item:nth-child(2),
#main_effort_section .effort_list[data-selected="2"] .item:nth-child(3) { opacity: 1; }
#main_effort_section .effort_list .thumb { position: relative; width: 100%; height: 0; padding-top: 56.25%; } 
#main_effort_section .effort_list .content_box { position: absolute; right: 0; top: calc(100% - 70px); width: 90%; padding: 5%; background: #FFF; box-sizing: border-box; } 
#main_effort_section .effort_list .img_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } 
#main_effort_section .effort_list .title { color: #343434; font-size: 20px; font-weight: 700; } 
#main_effort_section .effort_list .content { color: #999; font-weight: 400; font-size: 16px; line-height: 1.42; padding-top: 10px; } 

#main_effort_list_section { padding: 100px 0; background: #222; }
#main_effort_list_section .section_title { text-align: center; color: #FFF; }
#main_effort_list_section .desc_list_wrap .img_box { width: 100%; height: 0; padding-top: 46%; background-size: cover; background-position: center center; }
#main_effort_list_section .desc_list_wrap .title { margin-top: 15px; font-size: 26px; font-weight: 600; color: #fff; text-align: left; line-height: 1.48; }
#main_effort_list_section .desc_list_wrap .desc { margin-top: 15px; font-size: 16px; color: #fff; text-align: left; line-height: 1.48; }

#main_platform_list { padding: 100px 0; }
#main_platform_list .section_title { text-align: center; }
#main_platform_list .section_desc {  text-align: center; }

#main_partner { padding: 100px 0; background: #efefef; overflow: hidden; }
#main_partner .section_title { text-align: center; }
#main_partner .partner_over_list { display: flex; margin-top: 50px; text-align: center; }
#main_partner .partner_over_list > .item { flex: 1 1 180px; position: relative; display: flex; margin-left: 10px; padding-left: 10px; box-sizing: border-box; }
#main_partner .partner_over_list > .item + .item:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; border-left: 1px solid #ddd; box-sizing: border-box; }
#main_partner .partner_over_list .item_wrap { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 30px 10px; color: #3074ff; box-sizing: border-box; }
#main_partner .partner_over_list .item_wrap:hover { position: absolute; left: 50%; top: 50%; width: 120%; padding: 30px 20px; color: #FFF; background: #3074ff; transform: translate3d(-50%, -50%, 0); z-index: 3; }
#main_partner .partner_over_list .item_wrap:hover .desc { display: block; }
#main_partner .partner_over_list .item_wrap:hover .img_normal { display: none; }
#main_partner .partner_over_list .item_wrap:hover .img_over { display: block; }
#main_partner .partner_over_list .title { margin-top: 0.4em; font-size: 16px; font-weight: bold; }
#main_partner .partner_over_list .desc { display: none; margin-top: 20px; font-size: 14px; line-height: 1.42; }
#main_partner .partner_over_list .logo_wrap { display: flex; justify-content: center; align-items: center; width: 100%; height: 40px; }
#main_partner .partner_over_list .img_logo { width: 120px; }
#main_partner .partner_over_list .img_logo.vertical { width: auto; height: 40px; }
#main_partner .partner_over_list .img_over { display: none; }

#main_percent { padding: 100px 0; }
#main_news { padding: 100px 0; background: url('../img/main/bg_main_news.jpg') no-repeat top center; background-size: cover; }
#main_news .section_title { text-align: center; color: #FFF; }
#main_news .common_board_list { margin-top: 50px; }
#main_news .common_board_list .list_item .contents { padding: 0 20px 20px; }
#main_news .common_board_list .list_item .title_text { transition: none; }
#main_news .common_board_list .list_item { background: #FFF; }
#main_news .common_board_list .list_item:hover { background: #008fff; }
#main_news .common_board_list .list_item:hover .img_box { transform: scale(1.1); }
#main_news .common_board_list .list_item:hover .title_text,
#main_news .common_board_list .list_item:hover .link { color: #FFF; }
#main_news .common_board_list .link { display: block; margin-top: 1em; color: #777 }

#main_platform_list .platform_nav_wrap { position: relative; margin: 30px auto; }
#main_platform_list .platform_nav_wrap .line { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 3px; background: #000; transition: width 0.2s ease, transform 0.2s ease; }
#main_platform_list .platform_list { display: flex; flex-direction: column; align-items: center; justify-content: center; }
#main_platform_list .platform_nav { position: relative; display: inline-flex; justify-content: center; flex-wrap: wrap; }
#main_platform_list .platform_nav .nav_item { position: relative; display: inline-block; width: 80px; padding: 10px 10px 20px 10px; font-size: 20px; text-align: center; box-sizing: border-box; cursor: pointer; }
#main_platform_list .platform_nav .nav_item.active{ font-weight: bold; }
/* #main_platform_list .platform_nav .nav_item:hover::after,
#main_platform_list .platform_nav .nav_item.active::after { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 4px; background: #000; } */
#main_platform_list .desc_list_wrap { position: relative; width: 100%; margin-top: 30px; padding: 50px 0 0 0; }
#main_platform_list .desc_list_wrap::before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 90%; background: #008fff; }
#main_platform_list .desc_list_wrap .item { display: none; column-gap: 5%; }
#main_platform_list .desc_list_wrap .item.active { display: flex; }
#main_platform_list .desc_list_wrap .item + .item { margin-top: 30px; }
#main_platform_list .desc_list_wrap .thumb { flex: 0 0 55%; }
#main_platform_list .desc_list_wrap .img_box { width: 100%; padding-top: 56.25%; background-size: cover; background-position: center center; background-repeat: no-repeat; }
#main_platform_list .desc_list_wrap .content_box { flex: 1 1; }
#main_platform_list .desc_list_wrap .percent_title { font-size: 60px; font-weight: 700; color: #fff; text-align: left; font-family: NotoSansKR,sans-serif; line-height: 100%; }
#main_platform_list .desc_list_wrap .percent_label { font-size: 20px; font-weight: 400; color: #dcdcdc; text-align: left; margin: 0.5em 0 0 0; }
#main_platform_list .desc_list_wrap .percent_desc { margin-top: 1em; font-size: 16px; color: #fff; line-height: 1.6; }

@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; } 
    .effort_box > img { width: 80%; min-width: 280px; }

    #main_section_1 { height: auto; min-height: 560px; } 
    #main_section_1 .bg_video { height: 720px; min-height: auto; } 
    #main_section_1 .bg_video_content { width: 39rem; height: 39rem; } 
    #main_section_1 .main_text { font-size: 42px; } 
    #main_section_1 .main_text .title { font-size: 42px; } 
    #main_section_1 .main_text .desc { font-size: 18px; } 

    #main_section_shortcut .link_half_wrap {padding: 35px 0; }
    #main_section_shortcut .link_half_wrap .title { font-size: 14px; }
    #main_section_shortcut .btn_shortcut { font-size: 13px; margin-top: 1em; padding: 7px 14px; border-radius: 22px; }
    #main_section_shortcut .btn_shortcut .icn_arrow { width: 17px; height: 17px; }


    #main_effort_section { padding: 70px 0; }
    #main_effort_section .effort_nav { width: 56%; max-width: 560px; margin: 21px auto 0 auto; }
    #main_effort_section .effort_nav::before,
    #main_effort_section .effort_nav::after { top: 13px; border-top: 1px solid #dcdcdc; }
    #main_effort_section .effort_nav .round_box { top: 6px; width: 18px; height: 18px; }
    #main_effort_section .effort_nav .item { padding-top: 32px; }
    #main_effort_section .effort_nav .item .title { font-size: 14px; }
    #main_effort_section .effort_list { margin-top: 21px; column-gap: 21px; }
    #main_effort_section .effort_list .item { margin-bottom: 49px; }
    #main_effort_section .effort_list .content_box { top: calc(100% - 49px); padding: 4%; }
    #main_effort_section .effort_list .title { font-size: 15px; }
    #main_effort_section .effort_list .content { font-size: 12px; padding-top: 7px; }
    #main_effort_section .effort_list .title { font-size: 15px; }
    #main_effort_section .effort_list .content { font-size: 12px; padding-top: 7px; }

    #main_effort_list_section { padding: 70px 0; }
    #main_effort_list_section .desc_list_wrap .title { margin-top: 10px; font-size: 18px; }
    #main_effort_list_section .desc_list_wrap .desc { margin-top: 10px; font-size: 13px; }

    #main_platform_list { padding: 70px 0 0 0; }
    #main_platform_list .platform_nav_wrap { margin: 21px auto 0 auto; }
    #main_platform_list .platform_nav .nav_item { width: 50px; padding: 7px 7px 14px 7px; font-size: 14px; }
    #main_platform_list .desc_list_wrap { margin-top: 21px; padding: 35px 0; }
    #main_platform_list .desc_list_wrap::before { height: 100%; }
    #main_platform_list .desc_list_wrap .item { flex-direction: column; column-gap: 4%; max-width: 400px; margin: 0 auto; }
    #main_platform_list .desc_list_wrap .item + .item { margin-top: 0; }
    #main_platform_list .desc_list_wrap .content_box { margin-top: 1em; }
    #main_platform_list .desc_list_wrap .thumb { flex: 0 0 50%; }
    #main_platform_list .desc_list_wrap .percent_title { font-size: 42px; }
    #main_platform_list .desc_list_wrap .percent_label { font-size: 15px; }
    #main_platform_list .desc_list_wrap .percent_desc { margin-top: 0.7em; font-size: 13px; }

    #main_percent { padding: 70px 0; }

    #main_partner { padding: 70px 0; }
    #main_partner .partner_over_list { flex-wrap: wrap; margin-top: 35px; row-gap: 30px; }
    #main_partner .partner_over_list > .item { flex: 1 1 30%; margin-left: 0; padding-left: 0; }
    #main_partner .partner_over_list > .item + .item { margin-left: 0; padding-left: 0; }
    #main_partner .partner_over_list > .item + .item:before { display: none; }
    #main_partner .partner_over_list .item_wrap { padding: 21px 7px; }
    #main_partner .partner_over_list .item_wrap:hover { padding: 21px 14px; }
    #main_partner .partner_over_list .title { margin-top: 0.4em; font-size: 14px; }
    #main_partner .partner_over_list .desc { margin-top: 1.2em; font-size: 12px; }
    #main_partner .partner_over_list .img_logo { width: 100px; }
    #main_partner .partner_over_list .img_logo.vertical { width: auto; height: 40px; }

    #main_news { padding: 70px 0; }
    #main_news .common_board_list { margin-top: 30px; }
    #main_news .common_board_list .link { font-size: 13px; }
    #main_news .common_board_list .list_item .contents { padding: 5px 15px 15px; }
 }

 @media screen and (max-width: 768px){
    .section_title { font-size: 28px; }
    .section_desc { margin-top: 10px; font-size: 14px; }
     #main_section_shortcut { flex-direction: column; }
     #main_section_shortcut .link_half_wrap { width: 100%; padding: 30px 20px; }
 
     #main_section_trust { padding: 50px 0; }
     #main_section_trust .link_list { flex-wrap: wrap; }
     #main_section_trust .link_list .item { flex: 0 0 15%; text-align: center; }
     #main_section_trust ul > li img { width: 80px; }
     #main_platform_desc { padding: 70px 20px; }
     #main_effort_list_section { padding: 50px 0; }
     #main_effort_section .effort_list .item { display: none; flex: 0 0 100%; }
     #main_effort_section .effort_list[data-selected="0"] .item:nth-child(1),
     #main_effort_section .effort_list[data-selected="1"] .item:nth-child(2),
     #main_effort_section .effort_list[data-selected="2"] .item:nth-child(3) { display: block; }

     #main_partner .partner_over_list { width: 80%; margin: 30px auto 0 auto; }
     #main_partner .partner_over_list > .item { flex: 1 1 50%; }
     
 }
 @media screen and (max-width: 640px){
     .section_title { font-size: 18px; }
     #main_section_1 .main_text .title { font-size: 32px; }
     #main_section_1 .main_text .desc { font-size: 15px; }
 }