/* ----------------------------- 반응형 ---------------------------------- */
@media screen and (max-width:1640px){

/* common */
html{font-size: 19px;}


/* main */
.business_wrap{width: 43rem; transition: max-width 0.5s ease;}
.business_cont .bs_box{width: 45%; transition: width 0.5s ease;}
.business_cont .bs_box > img{width: 100%; transition: all 0.5s ease;}

/* sub */
#inner_wide_sub .sub_txt_wrap,
.sub_contents .sub_txt_wrap{padding-left: 0; padding-right: 0;}

/* 주요사업분야 */
.field_wrap .field_box{margin-bottom: 2rem;}
.field_wrap .field_box > img{width: 50%;}


/* 연구소 - 01 */
.sub_txt_wrap{padding-left: 1rem; padding-right: 1rem; box-sizing: border-box;}


/* darktrace */
.sub_txt_wrap > img{width: 100%;}

/* oss */
.ops_img_pc{width: 100%;}



}



@media screen and (max-width:1280px){

    /* common */
    html{font-size: 18px;}
    header{height: 80px; padding: 0 2rem;}
    .header_cont{height: 100%;}
    header .header_menu .hm_depth01 > li{max-width: 140px;}
    header .header_menu .hm_depth02{width: 140px;}

    #inner_wide_sub{padding: 2rem;}
    .sub_contents{padding: 4rem 1rem;}

    /* main */
    .main_cont .swiper-slide{max-width: 380px;}
    .main04_title{padding: 13rem 4rem 0;}

    .bg_highlight{max-height: 122px;}
    .main05_left, .mname_left{max-width: 550px;}
    .main05_right, .mname_right{width: calc(100% - 580px);}




    /* sub */
    /* 안사말 */
    .p_box{padding-top: 1rem;}
    .scnt_wrap{align-items: flex-end;}
    .scnt_wrap .scnt_right > p:first-of-type{padding-top: 1.5rem;}
    .scnt_wrap .scnt_left > img{max-width: 400px;}
    .scnt_wrap .scnt_right{padding-left: 2rem;}

    /* 오시는길 */
    .main05_wrap.bg_white .map_name .mname_box{padding: 2rem 4rem 2rem 2rem;}



    /* 연구소 - 01 */
    .digital_lab .icon_w_txt .icon_box.img_box > img{width: 100%;}

    .lab03_01_pc{width: 100%;}


    /* 통합유지보수 */
    .manage_box .manage_txt{padding: 1rem;}
    .manage_box .manage_txt > h4{font-size: 1.25rem; padding-bottom: .5rem;}
    .manage_box .manage_txt > p:first-of-type{border-bottom: 1px solid #fff; padding-bottom: .5rem; margin-bottom: .5rem;}


    /* 문의 */
    .inq_wrap .inq_top .manager_wrap{flex-wrap: wrap; justify-content: center; padding-bottom: 2rem;}
    .inq_wrap .inq_top .manager_wrap .manager_box{width: 42%; margin-top: 1rem;}
    /*.inq_wrap .inq_top .manager_wrap .manager_box:nth-child(-n+2){margin-top: 0;}*/
    .inq_wrap .inq_top .manager_wrap .manager_box:nth-child(3){margin-left: 0;}




}



@media screen and (max-width:1200px){

    /* common */
    /* main */
    /* sub */




}



@media screen and (max-width:1080px){

    /* common */
    header{padding: 0 2rem;}
    header#subHeader{background: rgba(38, 121, 233, 0.8);}
    .header_menu{display: none;}
    #inner_wide{padding: 0 2rem;}
    #inner_wide_sub{padding: 2rem 1rem;}
    .fp-responsive .fp-is-overflow.fp-section{height: 37rem !important; min-height: auto !important;}

    footer{padding: 2rem;}
    .fp-responsive .fp-is-overflow.fp-section#footer{height: 100% !important;}
    .ft_left > h1 > a > img{max-width: 180px;}

    footer.subft{padding: 1rem 2rem;}

    .main_pop{padding: 4rem; box-sizing: border-box;}

    #erp_pop > a > img,
    #cluster_pop > a > img{width: 100%;}

    /* main */
    .main_slider{height: 100%; overflow: hidden}
    .fp-overflow, .main_visual, .slick-list, .slick-track, .slide_box, .slide_box .slide_txt {height: 100%;}
    .slide_box .slide_txt{padding: 0 2rem;}
    .slick-dots{top: 70%; left: 2rem;}
    .slide_box .slide_txt .main_txt{font-size: 2.5rem;}
    .slide_box .slide_txt .sub_txt{font-size: 1.25rem;}
    .title_m .title{font-size: 2rem;}
    .main02 .main02_wrap{height: 100%;}
    .main02_wrap .title_m .mb_box{margin-top: 2rem;}

    .slide_wrap{height: 100%;}
    #section10{display: none;}

    .main02_wrap .title_m{align-items: flex-start;}
    .main_left_txt{padding-top: 4rem;}
    .business_wrap{width: 35rem; max-height: 590px; padding-top: 4rem;}
    .business_cont .bs_box:nth-child(2n){padding-left: 2rem;}

    .main03 .main03_wrap , .main04_wrap{height: 100%;}

    .main03_title{padding: 4rem 2rem;}
    .m03t_right > a{width: 65px; max-height: 65px;}
    .m03t_right > a > img{width: 100%; height: 100%;}
    .flow_logo{padding: 3rem 0;}
    .flow_logo > ul > li > img{width: auto; max-height: 28px;}

    .main04_title{padding: 4rem 2rem 0;}
    .main_cont .swiper{padding: 2rem;}
    .main_cont .swiper-slide{max-width: 20rem; max-height: 20rem;}
    .news_btm{margin-top: 4rem;}
    .news_txt .news_cont{display: none;}

    .main05_wrap{flex-flow: column; height: 100%; padding-top: 2rem;}
    .main05_left{max-width: fit-content}
    .main05_wrap .main05_left > .title_m{height: fit-content; padding: 0 0 2rem 1rem;}/* 추가 - height */
    .bg_highlight{display: none;}
    .map_name{display: flex; align-items: center; justify-content: center;}
    .map_name .mname_box{max-width: 450px; border-top: 2px solid transparent;}
    .map_name .mname_box.active{border-top: 2px solid #fff; border-radius: 0; padding: 1.5rem 1rem;}
    .main05_right{width: 100%; border-radius: 0; margin-left: 0;}
    .map_name .mname_box.active .mname_right{display: none;}




    /* sub */
    .sub_cont{position: relative; height: 37rem;}
    .sub_title > h2{font-size: 3rem;}
    .icon_w_txt{flex-wrap: wrap;}


    /* 인사말 */
    .timeline_title{margin-bottom: 2rem;}
    .scnt_wrap .scnt_left{display: none;}
    .scnt_wrap .scnt_right{width: 100%; padding-left: 0; padding-bottom: 2rem; text-align: center;}
    .scnt_wrap .scnt_right > h4{font-size: 1.5rem;}
    .scnt_wrap .scnt_right > p:last-of-type{justify-content: center;}

    /* 오시는길 */
    .main05_left.pt40{padding-top: 0;}
    .main05_wrap.bg_white .map_name .mname_box{padding: 1rem 2rem;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box{border-top: 2px solid transparent;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box.active{border-top: 2px solid #4073ff;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box.active .mname_left{color: #111;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box.active .mname_left .add_name > img{filter: invert(0%) sepia(5%) saturate(1083%) hue-rotate(352deg) brightness(40%) contrast(87%);}


    /* 사업전략 */
    .icon_box{width: 45%; margin-bottom: 1rem;}
    .icon_box:nth-child(odd){margin-left: 0;}


    /* 통합유지보수 */
    .icon_w_txt.box4{flex-wrap: wrap;}
    .box4 .icon_box{width: 45%;}
    .manage_wrap .manage_btm{flex-flow: column;}
    .manage_box{width: 100%; height: 15rem; margin-left: 0; margin-bottom: 1rem;}
    .manage_box > img{height: 100%;}
    .manage_box .manage_txt{padding: 2rem 1.5rem;}


    /* 연구소 - 01 */
    .txt_w_img{flex-flow: column; align-items: flex-start;}
    .digital_lab .icon_w_txt{flex-wrap: wrap;}
    .digital_lab .icon_w_txt .icon_box.img_box{width: 46%;}
    .digital_lab .icon_w_txt .icon_box.img_box > img{width: auto;}
    /* 스타일겹칠시 .digital_lab 추가 */
    .txt_w_img .c_txt_wrap{width: 100%; margin-top: 1rem;}
    .txt_w_img .c_img_wrap{width: 100%; margin-left: 0; margin-top: 1.5rem;}
    .txt_w_img .c_txt_wrap > p{font-size: .9rem;}
    .txt_w_img .c_img_wrap > ul{justify-content: center;}
    .txt_w_img .c_img_wrap > ul > li{width: 33%; padding-left: 0; padding-right: 1rem;}
    .txt_w_img .c_img_wrap > ul > li:first-child{display: none;}
    .txt_w_img .c_img_wrap > ul > li > img{width: 100%; height: 300px;}


    /* 연구소 - 03 */
    .long_box .icon_box{max-height: 450px; min-height: 450px;}
    .digital_lab .icon_box.one_line{width: 100%; margin-left: 0;}


    /* sap */
    .sap_icon_list > ul > li{width: 20%;}
    .line_over2 .icon_w_txt{flex-wrap: wrap;}
    .line_over2 .icon_box{width: 48%;}


    /* 보안제품 */
    .in_beyond .icon_box:first-child{margin-left: 0;}
    .in_beyond .icon_box{margin-left: 1rem;}
    .beyond_wrap .beyond_box{flex-flow: column;}
    .beyond_wrap .beyond_box .bb_left{margin-right: 0;}
    .beyond_wrap .beyond_box .bb_right{justify-content: space-between; margin-top: 2rem;}
    .beyond_wrap .beyond_box .bb_right_box{width: 48%;}
    .icon_box.in_netman{margin-left: 1rem;}
    .icon_box.in_netman:first-child{margin-left: 0;}


    /* 문의 */
    .inq_wrap .inq_top .manager_wrap .manager_box{width: 100%; margin-left: 0; margin-top: 1rem;}
    .inq_form{flex-flow: column; margin-top: 2rem;}
    .inq_form .inq_form_tit{padding-right: 0;}
    .inq_form .inq_form_cont{margin-top: 1rem;}




}



@media screen and (max-width:1000px){

    /* common */
    footer.subft .ft_left{flex-flow: column; align-items: flex-start;}

    /* main */
    .business_wrap{max-height: 530px;}
    .bg_highlight{max-height: 100px;}
    .main05_left .map_name .mname_box{padding: 1.5rem 2rem;} /* 추가 - 기존코드 변경 */

    /* sub */

    .digital_lab .icon_box{width: 30%; padding: 1rem;}
    .digital_lab .icon_box > img{width: 100%;}
    .digital_lab .icon_box:nth-child(odd){margin-left: 1rem;}
    .



}



@media screen and (max-width:800px){

    /* common */
    html{font-size: 16px;}

    footer.subft .footer_info{padding-left: 0; padding-top: .5rem;}

    .circle-text{display: none;}
    .header_cont > h1 > a > img{max-width: 150px;}
    .popFullClose > button > img{width: 38px;}
    /*.main_pop #cluster_pop{display: none;}*/
    .main_pop{flex-flow: column;}
    .pop_wrap.main_pop .pop_box{margin-left: 0;}
    #cluster_pop{margin-top: 2rem;}
    .main_pop{padding: 2rem;}
    .main_pop.in_mob{display: flex !important; align-items: center; justify-content: center; flex-flow: column;}
    .main_pop.in_mob .pop_box{max-width: 450px;}

    /* main */
    .main_left_txt{display: flex; align-items: center; justify-content: space-between; width: 100%;}
    .main02_wrap .title_m{flex-flow: column;}
    .main02_wrap .title_m .mb_box{padding: .25rem 1rem; margin-top: 1rem;}
    .business_wrap{width: 100%; padding-top: 2rem;}
    .business_cont{flex-wrap: nowrap; width: 1000px; padding-bottom: 0; overflow-x: auto;}
    .business_cont .bs_box{padding-top: 0; padding-left: 1rem;}
    .business_cont .bs_box:first-child{padding-left: 0;}
    .business_cont .bs_box:nth-child(3), .business_cont .bs_box:nth-child(5){margin-top: 0;}
    .business_cont .bs_box:nth-child(even){padding-top: 0; padding-left: 1rem; transform: none;}

    .nav_wrap{padding: 1rem;}
    .nav_wrap .nav_menu_wrap{height: fit-content; padding: 1rem 0 0 1rem;}
    .nav_wrap .nav_menu_wrap .nav_menu_box.in_pc{display: none;}
    .nav_wrap .nav_menu_wrap .nav_menu_box.in_mob{display: flex !important; flex-wrap: wrap; width: 100%;}
    .nav_wrap .nav_menu_box.in_mob .nav_menu{width: 100%; padding-right: 0;}
    .nav_wrap .nav_menu_box.in_mob .nav_menu > ul{display: none; padding-bottom: 2rem}
    .nav_wrap .nav_menu_box.in_mob .nav_menu > h2{position: relative; padding-bottom: 0; margin-bottom: 2.5rem;}
    .nav_wrap .nav_menu_box.in_mob .nav_menu > h2.active{color: #ffa759;}
    .nav_wrap .nav_menu_box.in_mob .nav_menu.active > ul{display: block;}

    .nav_wrap .nav_menu_box.in_mob .nav_menu > h2 .icons{position: absolute; top:0; right:0; width:40px; height:40px; cursor:pointer; text-indent: -9999px;}
    .nav_wrap .nav_menu_box.in_mob .nav_menu > h2 .icons:before{content:""; position: absolute; right:10px; top:5px; width:16px; height:16px; border:2px solid #fff; border-width:2px 2px 0 0; transform:rotate(135deg);}
    .nav_wrap .nav_menu_box.in_mob .nav_menu > h2.active .icons:before{transform:rotate(-45deg);top:15px;}



    /* sub */
    .sub_tabs_pc{display: none;}
    .sub_tabs_mob{display: block;}
    .sub_depth02_menu{background: #4cbbff;}
    .in_mob{display: block !important;}
    .in_pc{display: none;}
    .sub_title > h2{text-align: center;}

    .link_btns > a > img{display: none;}

    .field_wrap .field_box .fd_txt > p{font-size: .9rem;}

    /* 회사현황 */
    .cinfo_L{display: none;}
    .cinfo_R{width: 100%;}
    .time_left{display: none;}
    .timeline ol li .time-wrapper{font-size: 2.5rem;}

    /* 조직도 */
    .org_pc{display: none;}
    .org_mob{display: block;}

    /* 주요 고객사 */
    .s2_cont .main5_tab{width: 100%;}
    .partner_list > ul{justify-content: center;}
    .partner_list > ul > li{width: 22%;}


    /* 사업전략 */
    .partner_list.in_business > ul > li{width: 22%;}


    /* 주요사업분야 */
    .field_wrap .field_box{flex-flow: column;}
    .field_wrap .field_box:nth-child(odd) .fd_txt{padding-left: 0;}
    .field_wrap .field_box > img{width: 100%;}
    .field_wrap .field_box > .fd_txt{width: 100%;}
    .field_wrap .field_box .fd_txt{padding-top: 1rem;}
    .field_wrap .field_box:nth-child(even){flex-flow: column-reverse; justify-content: flex-start;}
    .field_wrap .field_box:nth-child(even) .fd_txt{padding-right: 0; text-align: left;}

    /* 조달제품 */
    .just_img_wrap{padding: 0 1rem;}

    /* ---------- 사업분야 - 오픈소스sw ---------- */
    .ops_img_pc{display: none;}
    .ops_img_mob{display: block !important; width: 100%; padding: 0 1rem; box-sizing: border-box;}

    /* 연구소 - 01 */
    .sub_depth02_main{display: none;}
    .sub_depth02_sub{max-width: 100%; padding: 0 1rem; margin-left: 0;}

    /* 연구소 - 02 */
    .manage_top{padding: 0 1rem; box-sizing: border-box;}
    .icon_box.one_line > img{width: auto; height: 40px;}
    .box3 .icon_box{width: 100%; margin-left: 0;}

    /* 연구소 - 03 */
    .long_box .icon_box{max-height: 500px; min-height: 500px;}
    .digital_lab .icon_box:nth-child(odd){margin-left: 0;}
    .digital_lab .icon_box > img{width: auto;}
    .digital_lab .icon_w_txt .icon_box.img_box > img{width: 90%;}

    /* sap */
    .field_wrap .field_box.bd_box:nth-child(odd) .fd_txt{padding-left: 0;}
    .sap_box > img{display: none;}
    .sap_box .sap_txt_box{padding-left: 0;}
    .field_wrap .field_box.up_down{padding: 2rem 0; margin-bottom: 0;}

    .sap_case_contents{flex-flow: column;}
    .case_contents_left{width: 100%;}
    .sap_case_contents .sap_case_box > h4{font-size: 1.2rem;}
    .case_contents_right{width: 100%; padding-left: 0; margin-top: 1rem;}
    .sap_case_contents .sap_case_img .sap_case_img_right{width: 100%; padding-left: 0; margin: 2rem 0;}
    .sap_case_contents .sap_case_img .sap_case_img_right > img{max-width: 200px;}
    .sap_case_contents .sap_case_img .sap_case_img_right > p:first-of-type{width: 100%; margin-top: 0;}
    .sap_case_contents .sap_case_img .sap_case_img_right > p:first-of-type > br{display: none;}

    .sap_img.in_pc{display: none;}

    .img_wrap > img{width: 100%;}


    /* 보안제품 */
    .icon_w_txt.in_beyond{flex-wrap: wrap;}
    .in_beyond .icon_box{width: 100%; margin-left: 0;}
    .beyond_wrap .beyond_box .bb_right_box{width: 100%;}
    .beyond_wrap .beyond_box .bb_right_box:nth-child(2){padding-top: 1rem;}
    .timeline_title > h4 > img, .timeline_title > h4 > svg{width: 80% !important;}
    /*.icon_w_txt{flex-wrap: wrap;}*/
    .icon_box > p{height: auto; margin-bottom: .5rem;}
    .icon_box > p:last-child{margin-bottom: 0;}
    .icon_box.in_netman{width: 100%; margin-left: 0;}
    .table_wrap{display: none;}





}



@media screen and (max-width:640px){

    /* common */
    header{padding: 0 1rem;}

    .footer_wrap{flex-flow: column; align-items: flex-start;}
    .ft_left{width: 100%;}
    .ft_right{align-items: flex-start; width: 100%; margin-top: .5rem;}
    .ft_right > p{margin-top: .5rem;}

    #inner_wide{padding: 0 1rem;}

    /* main */
    .slide_box .slide_txt{padding: 0 1rem;}
    .one_line_txt{flex-flow: column; align-items: flex-start;}
    .one_line_txt > p:last-child{padding: .5rem 0 0 0;}
    .main02_wrap .title_m .mb_box{border-radius: 4px; padding: .25rem;}
    .main02_wrap .title_m .more_btn{display: none;}
    .title_m .title_s{padding-bottom: 0;}

    .main03_title{padding: 4rem 1rem;}
    .m03t_right > a{width: 44px; max-height: 44px;}

    .main04_title{padding: 4rem 1rem 1rem;}


    /* sub */
    .sub_title > h2{font-size: 2.5rem;}
    .icon_box{width: 100%; margin-left: 0;}

    /* 주요 고객사 */
    .partner_list > ul > li{width: 27%;}

    /* 오시는길 */
    .map_name.in_sub{flex-flow: column; width: 100%; border-top: 0;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box{border-top: none; border-left: 5px solid transparent;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box.active{border-top: none; border-left: 5px solid #4073ff;}
    .main05_wrap.bg_white .map_name.in_sub .mname_box.active .mname_left .add_name > img{filter: invert(63%) sepia(68%) saturate(7498%) hue-rotate(215deg) brightness(102%) contrast(100%);}

    /* 사업전략 */
    .partner_list.in_business > ul > li{width: 27%;}


    /* 통합유지보수 */
    .box4 .icon_box{width: 100%; margin-left: 0;}

    /* 연구소 - 01 */
    .digital_lab .icon_w_txt .icon_box.img_box{width: 100%; margin-left: 0;}
    .digital_lab .icon_w_txt .icon_box.img_box > img{width: auto;}
    .digital_lab .icon_w_txt .icon_box.img_box:last-child{margin-bottom: 0;}

    .long_box .icon_box{max-height: 450px; min-height: 450px;}

    #visual.in_sub .swiper-wrapper.mxw350 .swiper-slide{width: calc(100vw - 160px) !important; max-width: 100vw;}
    #visual.in_sub.only_lab .sw_img{width: calc(100vw - 160px) !important;}
    #visual.in_sub.only_lab .sw_img img{width: 100%;}


    /* sap */
    .sap_icon_list > ul > li{width: auto; margin-right: .5rem;}



}



@media screen and (max-width:480px){

    /* common */
    .footer_info{flex-wrap: wrap;}
    .finfo_box{width: 100%;}
    .finfo_box:first-child{border-right: none; padding-right: 0;}
    .finfo_box:last-child{padding-left: 0; padding-top: .5rem;}
    .finfo_box > p{font-size: .8rem;}
    .ft_right{font-size: .8rem;}



    /* main */
    .map_name .mname_box .mname_left .add_name > img{display: none;}

    .main_pop{padding: 2rem;}


    /* sub */
    /* 사업전략 */
    .icon_box{width: 100%; margin-left: 0;}
    .aipage #visual.in_sub .swiper-wrapper .swiper-slide{width: 100% !important;}
    .aipage #visual.in_sub .swiper-wrapper .swiper-slide .sw_img > img{width: 100%;}



}




@media screen and (max-width:360px){

    /* common */
    /* main */
    /* sub */




}