@media (max-width: 1640px) { /*1401px*/
  /*container*/
  /* .container {max-width: 1350px;} */

  /*header*/
  #header img {max-width: 90%;}
  #mobile-menu.active {position: fixed; top: 35px; right: 40px;}

  /*main*/
  #m_pro {padding: 70px 0 50px;}
  .m_tit h2 {font-size: 58px;}
  #m_pro .tab_box img {max-width: 97%;}
  .m_tit .since {font-size: 34px;}
  #m_about .list li .tit {font-size: 30px;}

  /*sub*/
  #sub {padding: 130px 50px 150px;}

  /*sub01*/
  #s_top {padding: 200px 0;}
  #ceo .content .big {font-size: 53px; margin: 50px 0;}

  /*client*/
  #bo_gall .gall_img img, #bo_gall .gall_img video {max-width: 90%;}
  .s_tit {font-size: 43px;}

  /*sub02_02*/
  #system .top {font-size: 24px; line-height: 45px;}
  #system .top b {font-size: 33px;}

  /*sub04*/
  #inquiry .top {font-size: 28px; padding: 90px 0;}

  /*footer*/
  #footer .logo {right: 30px;}

  .sub05 .sec01 .talent_wrap .talent_box {width: 33%;}
  .sub05 .sec02 .process_wrap .process_box {width: 23.5%;}
  .sub05 .sec01, .sub05 .sec02 {margin-bottom: 90px;}

  #ceo .content .big {font-size: 49px;}


}

@media (max-width: 1400px) { /*1025px*/
  /*header*/
  #header img {max-width: 80%;}
  #h_gnb {display: none;}
  .hd_lang {display: none;}
  .techStudio {margin-left: 20px;}

  #mobile-menu.active {right: 40px;}

  /*container*/
  /* .container {max-width: 1000px;} */

  /*main*/
  #m_slider .swiper-wrapper .swiper-slide {height: 780px;}
  #m_slider .swiper-wrapper .text h2 {font-size: 56px;}
  #m_slider .swiper-wrapper .text p {font-size: 24px; font-weight: 300;}
  #m_slider .swiper-wrapper .text .view {font-size: 16px; padding: 15px 50px;}

  .m_tit h2 {font-size: 52px;}
  .m_tit .text {font-size: 19px; letter-spacing: -0.5px;}
  .m_tit .down {font-size: 18px; margin-top: 40px;}
  #m_pro {padding: 50px 0 30px;}
  #m_pro .tab_btn li {width: 305px; padding: 20px 35px;}
  #m_pro .tab_btn li h2 {font-size: 26px; letter-spacing: -0.5px; font-weight: 400;}
  #m_pro .tab_btn li h2 span {font-size: 15px;}
  #m_pro .tab_btn li .arrow {right: 35px;}
  #m_pro .tab_box {right: -255px; top: 20px;}
  #m_pro .tab_box img {max-width: 91%;}

  #m_about .m_tit {margin-left: 20px;}
  #m_about .list {padding: 50px 30px 35px 70px;}
  #m_about .list img {max-width: 25%;}
  #m_about .list li:nth-child(2) img {margin: 5px 0;}
  #m_about .list li:nth-child(3) img {max-width: 25%;}
  #m_about .list li:nth-child(3) p {margin-bottom: 25px;}
  #m_about .list li .tit {font-size: 28px;}
  #m_about .list li .text {font-size: 18px; letter-spacing: -0.8px;}
  #m_about .list li .more {font-size: 15px; padding: 10px 26px;}

  #m_client {padding: 120px 30px 90px;}

  .pic_lt ul {margin-left: -10px;}
  .pic_lt li .lt_img img, .pic_lt li .lt_img video {width: 90%;}

  /*sub*/
  #s_top {padding: 150px 0;}
  #s_top .tit {font-size: 40px;}

  /*sub01*/
  #ceo .img {padding-right: 50px;}
  #ceo .content .big {font-size: 38px; line-height: 50px; margin: 40px 0;}
  #ceo .content .text {font-size: 17px; line-height: 28px;}
  #ceo .img .name img {margin-left: 15px;}

  /*sub01_02*/
  #history .content .top {font-size: 38px; line-height: 58px; margin-bottom: 25px;}
  #history .list li .year {font-size: 32px;}
  #history .list li .text {font-size: 18px; line-height: 32px;}

  /*sub01_04*/
  #global .office .list li .tit {font-size: 28px; font-weight: 400;}
  #global .office .list li .text {font-size: 16px; line-height: 32px; margin-top: 10px;}
  .wide::before , .wide::after {height: 1290px;}

  /*sub01_06*/
  #map .tab_btn {margin-bottom: 30px;}
  #map .list {padding-top: 40px;}
  #map .list li i {font-size: 35px;}
  #map .list li h2 {font-size: 19px;}
  #map .list li p {font-size: 16px;}

  /*sub02*/
  .tabContainer ul li a {font-size: 18px; line-height: 30px; text-align: center; padding: 0 35px;}

  /*sub04*/
  #inquiry .top {font-size: 22px;}
  .fields li {display: flex;}
  .fields .desc {margin: 0 !important;}
  .btn-group .more_btn {padding: 14px 45px; font-size: 16px;}

  /*privacy*/
  #ctt_con p, #ctt_con p span, #ctt_con ul, #ctt_con ul li {font-size: 16px !important;}

  /*footer*/
  #footer {padding: 40px 0;}
  #footer address {margin: 30px 0; font-size: 16px;}
  .copy {font-size: 16px;}

  .s_tit {font-size: 40px;}
  .sub02 .article, .sub05 .article {font-size: 20px;}
  .sub02 .tech_box .tech_txt .tit {font-size: 21px;}
  .sub02 .tech_box .tech_txt .desc {font-size: 14px;}
  .sub05 .sec01 .title_wrap p, .sub05 .sec02 .title_wrap p {font-size: 24px;}
  .sub05 .article br {display: none;}
  .sub05 .sec01 .talent_wrap .talent_box {padding:22px;}
  .sub05 .sec01 .talent_wrap .talent_box .tit {font-size:23px;}
  .sub05 .sec01 .talent_wrap .talent_box .desc {font-size:14px;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap {margin-bottom: 8px;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap .step {font-size: 15px; margin-bottom:8px; padding-bottom: 4px;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap .step_txt {font-size: 20px;}
  .sub05 .sec02 .process_wrap .process_box ul li {font-size: 15px;}
  .sub05 .sec02 .process_wrap .process_box {width: 23%;}
  .sub05 .sec02 .process_wrap > img {width: 2.5%;}

  #ceo .content .big {font-size: 35px; margin: 32px 0;}
  #ceo .content .text {font-size: 15px;}
  #ceo .content .name {font-size: 18px;}

}

@media (max-width: 1024px) { /*769px*/
  /*header*/
  #header {height: 90px;}
  #header img {max-width: 75%;}
  #mobile-menu.active {top: 30px;}

  /*all-menu*/
  .all-menu-logo {left: 51%;}
  #all-menu #all-gnb {gap: 50px;}
  #all-menu #all-gnb > li > a {font-size: 22px; font-weight: 600;}
  #all-menu #all-gnb .lnb li a {font-size: 16px;}

  /*container*/
  /* .container {max-width: 770px;} */

  /*main*/
  #m_slider .swiper-wrapper .text h2 {font-size: 44px;}
  #m_slider .swiper-wrapper .text p {font-size: 21px;}
  #m_slider .swiper-wrapper .text .view {font-size: 14px; padding: 14px 45px;}
  #m_slider .swiper-button-next, #m_slider .swiper-button-prev {font-size: 12px;}

  .m_tit .blue {font-size: 19px; margin-bottom: 8px;}
  .m_tit h2 {font-size: 37px; letter-spacing: -0.5px;}
  .m_tit .text {font-size: 16px; line-height: 24px;}
  .m_tit .down {font-size: 16px; padding: 18px 30px; margin-top: 30px;}

  #m_pro .content {padding-left: 0;}
  #m_pro .tab_box {right: -195px; top: 50px; width: 90%;}
  #m_pro .tab_btn li {width: 245px; padding: 15px 25px;}
  #m_pro .tab_btn li h2 {font-size: 20px;}
  #m_pro .tab_btn li h2 span {font-size: 14px; letter-spacing: -0.4px;}
  #m_pro .tab_btn li .arrow {right: 25px; top: 50%; transform: translateY(-50%);}

  .m_tit .since {font-size: 24px;}
  #m_about .list {margin-top: 50px;}
  #m_about .list img {max-width: 24%;}
  #m_about .list li:nth-child(2) img {max-width: 27%; margin: 1px 0;}
  #m_about .list li:nth-child(3) img {max-width: 24%;}
  #m_about .list li .tit {font-size: 20px; letter-spacing: -1px;}
  #m_about .list li .text {font-size: 14px; letter-spacing: -1px;}
  #m_about .list li:nth-child(2) p {margin-bottom: 24px;}
  #m_about .list li .more {font-size: 14px; padding: 8px 18px;}

  /*sub*/
  #s_top {padding: 130px 0;}
  #s_top .tit {font-size: 34px;}
  #snb > li {padding: 20px 30px;}
  #snb > li .arrow i {top: 50%; transform: translateY(-50%);}
  #sub {padding: 100px 30px 120px;}
  #bo_v_atc .flex_box .img_box {padding-top: 25px;}

  /*sub01*/
  #ceo .img .name {font-size: 16px; text-align: initial;}
  #ceo .img .name img {margin-left: 185px; margin-top: -35px;}
  #ceo .content .big {font-size: 30px; line-height: 40px; margin: 30px 0;}
  #ceo .content .text {font-size: 16px; line-height: 26px;}

  /*sub01_02*/
  #history .content .top {font-size: 30px; letter-spacing: -1.5px; line-height: 48px;}
  #history .list li .year {font-size: 26px; margin-right: 55px;}
  #history .list li .text {width: 78%; font-size: 16px; line-height: 30px; padding-left: 35px;}

  /*sub01_04*/
  #global .office .list li .tit {font-size: 24px; margin-bottom: 15px;}
  #global .office .list li .text {line-height: 30px; letter-spacing: -1px;}
  #global .office .list li .text i {width: 25px;}
  .wide::before , .wide::after {height: 1285px;}

  /*sub01_06*/
  #map .tab_btn li {font-size: 16px;}
  #map .list li i {font-size: 30px;}
  #map .list li h2 {font-size: 18px; margin: 20px 0 10px;}

  /*sub02*/
  .tabContainer ul li a {font-size: 16px; font-weight: 400; line-height: 22px; text-align: center;}
  .tabContainer ul li a.on {font-weight: 600;}
  #system .down {font-size: 16px;}

  /*sub02_03*/
  .s_tit {font-size: 36px;}
  #system .top b {font-size: 23px;}
  #system .top {font-size: 18px; line-height: 36px; letter-spacing: -1px; padding-top: 20px;}


  /*notice, down, as*/
  .tbl_head01 thead th {padding: 15px 0;}
  .tbl_head01 td {text-align: center;}
  #bo_list .td_name {text-align: center;}

  /*notice*/
  #bo_list tbody .even td {padding-left: initial; text-align: center;}

  /*down*/
  #bo_list table tr th {font-size: 14px !important; font-weight: 400 !important;}

  /*video*/
  .gall_row .col-gn-3 {width: 50% !important;}

  /*sub04*/
  #inquiry .top {font-size: 18px; padding: 70px 0;}

  /*footer*/
  #footer {padding: 30px 0;}
  #footer .link li a {font-size: 16px;}
  #footer address {margin: 20px 0; font-size: 14px; line-height: 24px;}
  .copy {font-size: 15px;}

  .sub02 .article, .sub05 .article {font-size: 17px;}
  .sub02 .tech_box {width: 100%; padding: 30px 20px;}
  .sub02 .tech_box:nth-child(2n+1) {border-right: none;}
  .sub02 .tech_box:nth-child(5){border-bottom: 1px solid #bdbdbd;}
  .sub05 .sec01 .title_wrap p, .sub05 .sec02 .title_wrap p {font-size: 22px;}
  .sub05 .sec01 .talent_wrap {gap: 10px;}
  .sub05 .sec01 .talent_wrap .talent_box {width:100%; height:200px; text-align: center; display: flex; flex-direction: column; justify-content: center;}
  .sub05 .sec01 .talent_wrap .talent_box .tit {font-size: 25px;}
  .sub05 .sec02 .process_wrap .process_box {width: 47%;}
  .sub05 .sec02 .process_wrap .process_box:last-child, .sub05 .sec02 .process_wrap .process_box:nth-of-type(3) {margin-top: 20px;}
  .sub05 .apply_btn a {font-size: 15px;}

  #ceo .img {width:100%; padding-right: 0; text-align: center; }
  #ceo .img img {width:100%; height: 564px; object-fit: cover;}
  #ceo .content {width:100%; margin-top:20px;}

}

@media (max-width: 768px) { /*320px*/
  /*header*/
  #header {height: 60px; padding: 0 20px;}
  #h_logo {left: 20px;}
  #header img {max-width: 48%; display: block; /*margin: 50px auto;*/}
  #mobile-menu {width: 20px; height: 15px;}
  #mobile-menu span:nth-of-type(2) {top: 7px;}
  #mobile-menu.active {right: 20px; top: 20px;}
  #mobile-menu.active span:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
  #mobile-menu.active span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}
  .techStudio {display: none;}

  /*container*/
  .container {padding: 0 10px;}

  /*all-menu*/
  #menu-box {top: 60%;}
  .all-menu-logo {left: 53%; top: -150px;}
  #mobile-lang {top: -60px;}
  #mobile-lang a {font-size: 16px;}
  #all-menu {overflow-y: scroll;}
  #all-menu #all-gnb {gap: 0 !important; justify-content: normal; margin-top: 30px; flex-direction: column;}
  /* #all-menu #all-gnb > li {width: 50%;} */
  #all-menu #all-gnb > li {margin-top: 30px;}
  #all-menu #all-gnb > li > a {font-size: 20px; font-weight: 700;}
  #all-menu #all-gnb .lnb {margin-top: 20px; gap: 12px;}
  .all-menu-logo img{max-width: 70%; display: block; margin: 30px auto;}
  .factor4Link {display: block; margin-top: 60px; margin-bottom: 100px;}
  .factor4Link img {max-width: 45% !important; margin: 0 auto; display: block;}

  #menu-box{position:initial !important;    transform: initial !important;-webkit-transform : initial !important;}
  .all-menu-logo{position:initial !important;transform: initial !important; -webkit-transform: initial !important;}
  #mobile-lang{position:initial !important;transform: initial !important; -webkit-transform: initial !important;}

  /*main*/
  #m_slider .swiper-wrapper .text {padding: 0 10px;}
  #m_slider .swiper-wrapper .text h2 {font-size: 34px;}
  #m_slider .swiper-wrapper .text p {font-size: 16px;}
  #m_slider .swiper-wrapper .text .view {padding: 8px 26px;}
  #m_slider .swiper-wrapper .swiper-slide {height: 600px;}
  #m_slider .swiper-button {display: none;}
  /* #m_slider .swiper-button-next, #m_slider .swiper-button-prev {top: -30px;} */

  #m_pro {padding: 15px 0 25px;}
  #m_pro .m_tit {width: 100%; height: 30%; margin-top: 20px;}
  .m_tit .blue {font-size: 18px; margin-bottom: 5px;}
  #m_pro .content {width: 100%; height: 70%;}
  .m_tit .down {padding: 10px 24px; margin-top: 0; font-size: 12px;}
  #m_pro .content {padding-left: 0;}
  #m_pro .tab_btn {margin-top: 40px; display: flex; flex-wrap: wrap;}
  #m_pro .tab_btn li {width: 50%; padding: 10px;}
  #m_pro .tab_btn li h2 {font-size: 17px;}
  #m_pro .tab_btn li h2 span {font-size: 12px; letter-spacing: -0.5px;}
  #m_pro .tab_btn li .arrow {right: 10px;}
  #m_pro .tab_box {position: static; width: 100%;}
  #m_pro .tab_box img {max-width: 100%;}

  #m_about {padding-top: 110px;}
  #m_about .m_tit {margin-left: 0;}
  .m_tit .since {font-size: 18px;}
  .m_tit h2 {font-size: 32px;}
  #m_about .list {margin-top: 40px; padding: 30px 20px 0; flex-wrap: nowrap; flex-direction: column; gap: 20px;}
  #m_about .list li {display: flex; flex-wrap: wrap; align-content: space-around; align-items: center; width: 100%; /*padding: 0;*/}
  #m_about .list img {max-width: 18%; margin-right: 10px;}
  #m_about .list li:nth-child(2) img {margin: 1px 10px 1px 0;}
  #m_about .list li .tit {font-size: 18px; margin: 5px 0;}
  #m_about .list li .text {line-height: 20px; width: 100%; margin: 10px 0;}
  #m_about .list li:nth-child(2) p, #m_about .list li:nth-child(3) p {margin-bottom: 10px;}
  #m_about .list li .more {font-size: 12px; padding: 6px 10px; margin-top: 8px;}

  .m_tit .text {font-size: 15px; line-height: 22px; margin-bottom: 30px;}
  #m_client {padding: 80px 10px 40px;}
  #m_client .latest {margin-top: 30px;}

  /*sub*/
  #s_top {padding: 60px 0;}
  #s_top .tit {font-size: 28px;}
  #snb_wrap {display: none;}
  #sub {padding: 30px 10px 80px;}
  .s_tit {font-size: 22px; margin-bottom: 12px;}

  /*sub01*/
  #sub.sub01_01 {padding: 60px 0 80px;}
  #ceo .wrap {flex-direction: column; flex-wrap: nowrap; padding: 0 40px 20px;}
  #ceo .img {padding-right: 0; width: 100%;}
  #ceo .img .name img {width: 30%; margin-left: 180px; margin-top: -30px;}
  #ceo .content {width: 100%;}
  #ceo .content .big {font-size: 26px; line-height: 35px;}
  #ceo .content .text {font-size: 15px; line-height: 25px;}

  /*sub01_02*/
  #history {padding-top: 70px;}
  #history .content {width: 100%; padding-right: 0; padding-bottom: 60px;}
  #history .content::before {top: -65px;}
  #history .content .top {line-height: 45px;}
  #history .content img {max-width: 54%;}
  #history .list {width: 100%; margin-left: 30px;}
  #history .list li .text {width: 100%; padding-left: 30px; letter-spacing: -0.5px;}

  /*sub01_04*/
  #global .oversea .text {font-size: 16px; margin-top: 30px;}
  #global .oversea .text .pink {margin-left: 25px;}
  #global .oversea {padding: 40px 0 80px;}
  #global .office {padding: 30px 0;}
  #global .office .list {flex-direction: column; flex-wrap: nowrap;}
  #global .office .list li {width: 100%; margin: 0 0 20px; padding: 20px;}
  #global .office .list li .tit {font-size: 20px;}
  #global .office .list li iframe {height: 150px;}
  #global .office .list li .text {font-size: 15px; line-height: 28px; letter-spacing: -0.3px;}
  .wide::before , .wide::after {height: 1555px;}

  /*sub01_06*/
  #map .tab_btn li {font-size: 14px; padding: 8px 12px; margin: 0 2px;}
  #map .tab_content iframe {height: 350px;}
  #map .list {padding-top: 30px;}
  #map .list li {padding: 10px;}
  #map .list li i {font-size: 18px;}
  #map .list li h2 {font-size: 16px; margin: 15px 0 8px; letter-spacing: -1.6px;}
  #map .list li p {font-size: 13px; letter-spacing: -0.8px;}

  /*sub02*/
  .tabContainer {position: initial;}
  .tabContainer ul {flex-direction: column; gap: 6px;}
  .tabContainer ul li::after {display: none;}
  .tabContainer ul li a {font-size: 15px;}
  #system {margin-top: 30px;}
  #system .top {font-size: 16px; line-height: 28px; letter-spacing: -0.5px; padding-top: 10px;}
  #system .top b {font-size: 21px;}
  #system .img {margin: 50px 0;}
  #system .down {font-size: 14px; padding: 14px 30px;}

  /*notice, down, as*/
  .tbl_head01 thead th {padding: 12px 0;}

  /*notice*/
  #bo_list table tr th {font-weight: 300 !important;}
  #bo_list tbody .even .td_subject {width: 40%; letter-spacing: -0.5px;}
  #bo_v_title .bo_v_tit {font-size: 19px !important; margin: 0 !important;}
  #bo_v_info .profile_info .pf_img img {width: 40px; height: 40px;}
  #bo_v_info .profile_info .profile_info_ct {padding-top: 2px;}
  #bo_v_info strong {margin: 0 10px 2px 0; font-size: 12px;}
  #bo_v_con {margin: 10px 0 !important;}

  /*down*/
  #bo_list .th_num {width: 70px;}
  #bo_list .th_down {width: 110px;}
  #bo_list tbody .even td {font-size: 13px;}
  #bo_list table tr td.td_down a {font-size: 12px !important; padding: 6px 10px !important;}
  #bo_list table tr td.td_down a i {font-weight: 500; margin-left: 2px;}

  /*video*/
  #bo_gall .gall_box {margin: 0 0 30px 0 !important;}
  #bo_gall .gall_text_href {margin: 7px 4px !important;}
  #bo_gall .gall_text_href a {font-size: 14px;}
  #bo_gall .bo_tit {font-size: 14px; margin-top: 7px; line-height: 26px;}

  /*sub04*/
  #inquiry .top {font-size: 16px; padding: 50px 0; margin-bottom: 40px;}
  #inquiry .top i {font-size: 30px;}
  .fields li {padding: 5px;}
  .fields .lbl {width: 27%; padding: 15px 10px; text-align: center;}
  .fields .desc {width: 73%;}
  .fields .btn-group {margin: 0;}
  .btn-group .more_btn {padding: 12px 30px;}

  /*footer*/
  #footer .link {display: none;}
  /* #footer .link li a {font-size: 15px; padding-right: 5px;}
  #footer .link li a:after {padding-left: 5px;} */
  #footer address {margin: 40px 0 20px; position: relative; text-align: center; line-height: 22px;}
  #footer address span {display: block; letter-spacing: -1.2px;}
  #footer address span:nth-child(3) {margin-right: 0;}
  #footer address span:nth-child(6) {margin-right: 0;}
  #footer address span:nth-child(7) {margin-right: 0;}
  #footer address span:nth-child(3):after {display: none;}
  #footer address span:nth-child(6):after {display: none;}
  #footer address span:nth-child(7):after {display: none;}
  #footer address br {display: none;}
  /* #footer address span:last-child {display: none;} */
  .copy {font-size: 13px; line-height: 20px; text-align: center;}
  #footer .logo {width: 150px; position: absolute; top: -40px; left: 50%; transform: translateX(-50%);}

  .sub02 .article {font-size: 14px; margin-bottom: 60px;}
  .sub02 .compet {margin-bottom: 40px;}
  .sub02 .tech_box {flex-wrap: wrap; justify-content: center; text-align: center;}
  .sub02 .tech_box img {width: 25%; margin-bottom: 12px;}
  .sub02 .tech_box .tech_txt {width: 100%;}
  .sub02 .compet img:last-child {display: block; margin: 0 auto; width:75%;}
  .sub02 .compet img:first-child {display: none;}

  .sub05 .sec01 .title_wrap p, .sub05 .sec02 .title_wrap p {font-size: 19px; margin-top:2px;}
  .sub05 .sec01 .talent_wrap .talent_box {height: 170px;}
  .sub05 .sec01 .talent_wrap .talent_box .tit {font-size: 22px;}
  .sub05 .sec01 .talent_wrap .talent_box .desc {font-size: 13px;}
  .sub05 .sec02 .process_wrap .process_box img {width: 50%;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap .step {font-size : 13px;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap .step_txt {font-size: 18px;}
  .sub05 .sec02 .process_wrap .process_box ul li {font-size: 13px;}
  .sub05 .sec01, .sub05 .sec02 {margin-bottom: 70px;}
  .sub05 .apply_btn a {padding: 16px 84px;}

  #ceo .img img {height: 420px;}
  #ceo .content .big {font-size: 24px; margin: 22px 0;}
  #ceo .content .text {font-size: 13px; line-height: 160%; margin-bottom: 24px;}
  #ceo .content .name {font-size: 16px;}
}

@media (max-width: 500px) {
  #m_pro {min-height: 678px;}
  #m_slider .swiper-wrapper .text h2 {font-size: 32px;}
  .m_tit .since {font-size: 16px;}
  .m_tit h2 {font-size: 28px;}
  .lat ul {flex-wrap: wrap;}
  .lat li {width:100%!important;}

  .sub02 .article, .sub05 .article {font-size: 14px;}
  .sub02 .article br {display: none;}

  .sub02 .compet img:last-child {width:98%;}

  .sub05 .sec01 .talent_wrap .talent_box {height: 150px; border-radius: 5px;}
  .sub05 .sec01 .talent_wrap .talent_box .tit {font-size: 19px;}
  .sub05 .sec01 .talent_wrap .talent_box .desc {font-size: 12px;}
  .sub05 .sec02 .process_wrap .process_box {width:100%;}
  .sub05 .sec02 .process_wrap .process_box img {width:30%;}
  .sub05 .sec02 .process_wrap .process_box .txt_wrap .step {font-size: 12px;}
  .sub05 .sec02 .process_wrap > img {width: 6%; transform: rotate(90deg); margin: 10px auto;}
  .sub05 .apply_btn a {font-size: 14px;}

  #ceo .wrap {padding: 0 0 20px;}
  #ceo .img img {height: 263px;}
  #ceo .content .big {font-size: 22px; margin: 16px 0;}
  #ceo .content .text {font-size: 12px; margin-bottom: 16px;}
  #ceo .content .name {font-size: 14px;}

  #map .list li {width: 100%; margin-bottom: 20px;}

}