@media (max-width: 1570px) {
    footer {
        padding: 64px 20px;
    }
}

@media (max-width: 1200px) {
    .ft_left h3 {
        white-space: normal;
    }
}

@media (max-width: 1340px) {
    #main-container .sec02 ul li .txt, #workWithUs-container .sec02 ul li .txt {
        padding: 0 54px 0 30px;
    }

    h2 {
        font-size: 6.8rem;
    }

    .flexSb {
        gap: 32px;
    }

    #tech-container #sec02 .bg {
        left: 0;
    }
}

@media (max-width: 1410px) {

    #tech-container #sec01 {
        padding: 24px 0 160px;
        background: url("/img/v3/tech_bg.png") no-repeat top center / 240px auto;
    }

    #tech-container #sec01 h3 {
        margin-bottom: 10px;
        text-align: center;
        font-size: 3.2rem;
    }

    #tech-container .sec01Tt {
        display: block;
        font-size: 2rem;
        text-align: center;
    }

    #tech-container .sec01Tt .right {
        margin-top: 20px;
    }

    #tech-container .con ul {
        margin-top: 32px;
        gap: 8px;
        flex-direction: column;
    }

    #tech-container .con ul li {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    #tech-container .con ul li .box {
        color: #fff;
        padding: 16px 8px;
        gap: 8px;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        height: auto;
    }

    #tech-container .con ul li .box span {
        font-size: 1.6rem;
        text-align: center;
        display: block;
    }

    #tech-container .con ul li p {
        font-size: 1.6rem;
        padding: 0;
        flex: 1;
    }
}

@media (max-width: 1135px) {
    .rndSearch {
        gap: 0
    }

    .rndSearch .search input {
        width: 220px
    }

    .paging {
        gap: 5px;
    }
}

@media (max-width: 991px) {
    .mb {
        display: block;
    }

    .pc {
        display: none;
    }

    .btn {
        font-size: 1.4rem;
        padding: 12px 16px;
        gap: 4px;
    }

    .btn span {
        width: 9px
    }

    .btn span:after {
        width: 9px;
        height: 9px;
    }

    h5, h4 {
        font-size: 2.4rem;
    }

    h3 {
        font-size: 3.2rem;
    }

    h2 {
        font-size: 4.4rem;
    }

    /***** header ****/
    header {
        padding: 0;
        transition: .5s;
        height: 64px;
    }

    header h1 {
        width: 95.006px;
    }

    header.active {
        background: #fff;
    }

    header .flexSb {
        padding: 12px 16px;
        border-radius: 0;
    }

    header nav {
        position: fixed;
        top: 64px;
        left: -120%;
        background: #fff;
        padding: 12px 32px 50px 32px;
        height: calc(100vh - 64px);
        overflow-y: auto;
        transition: left 0.5s ease;
        z-index: 101;
        width: 100%;
    }

    header.active nav {
        left: 0;
    }

    header nav ul {
        display: block;
    }

    header nav ul li a {
        font-weight: 500;
    }

    .subMenu {
        flex: 1;
    }

    .subMenu li + li {
        margin-top: 16px;
    }

    header nav > ul > li {
        display: flex;
        gap: 16px;
        padding: 20px 0;
    }

    header nav > ul > li + li {
        border-top: 1px solid #B0D3F9;
    }

    header nav > ul > li > a {
        width: 147px;
        font-size: 2rem;
        font-weight: 600;
        line-height: 140%;
        padding: 0;
    }


    /***** footer ****/
    footer {
        padding: 32px 15px
    }

    footer .flexSb {
        flex-direction: column;
        align-items: normal;
    }

    .ft_left .btn {
        width: 126px;
        margin-bottom: 48px;
    }

    .ft_left {
        display: flex;
        justify-content: space-between;
    }

    .ft_left img {
        width: 112px;
    }

    .ft_left h3 {
        margin: 0 0 12px;
        white-space: pre-line;
        font-size: 2rem;
        font-weight: 500;
        line-height: 140%;
    }

    footer .copy {
        font-size: 12px;
        text-align: center;
    }

    .ft_right > div:not(.ft_connect) ul li + li {
        margin-top: 0
    }

    .ft_right > div.ft_contact ul li + li {
        margin-top: 20px;
    }

    .ft_right {
        gap: 32px;
        flex-direction: column;
    }

    .ft_right > div {
        display: flex;
        gap: 16px
    }

    .ft_right h4 {
        width: 88px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .ft_right ul {
        flex: 1;
    }

    .ft_right ul li a, .ft_right ul li.flex {
        font-size: 14px;
        gap: 12px;
    }

    .ft_menu ul {
        display: flex;
        gap: 24px;
        flex-wrap: wrap;
        row-gap: 16px;
    }

    /******************************** main **********************************/
    #main-container .sec01 {
        padding: 0;
        background: none;
    }

    .sec01_tt01 {
        padding: 146px 0 576px;
        background: url("/img/v3/mainImg_mb.png") no-repeat bottom center / 100% auto;
    }

    #main-container .sec01 .sec01_tt01 {
        padding-right: 0;
        padding-left: 15px;
        justify-content: left;
        margin-bottom: 0;
    }

    #main-container .sec01 .sec01_tt01 h2 {
        line-height: 120%;
    }

    .sec01_tt02 {
        justify-content: left;
        padding: 160px 15px;
    }

    .sec01_tt02 h3 {
        font-size: 1.6rem;
        margin-bottom: 18px;
    }

    .sec01_tt02 .btn {
        width: 125px;
    }

    .smTt {
        margin-bottom: 24px;
        gap: 8px;
    }

    .smTt h5 {
        font-size: 1.6rem;
    }

    #main-container .sec02 ul,
    #workWithUs-container .sec02 ul {
        flex-direction: column;
    }

    #workWithUs-container .sec02 ul li .txt {
        font-size: 2.4rem;
        padding: 28px 50px 28px 32px;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        display: flex;
        flex-direction: column;
        justify-content: end;
    }

    #main-container .sec02 ul li a {
        display: block;
    }

    #main-container .sec02 ul li .txt {
        height: auto;
        font-size: 2.4rem;
        padding: 28px 50px 28px 32px;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        transform: translate(0, 0);
        position: absolute;
    }

    #main-container .sec02 ul li .txt p,
    #workWithUs-container .sec02 ul li .txt p {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        margin-top: 15px;
    }

    #main-container .sec02 ul li .txt p {
        display: block;
        width: 100%;
    }

    #workWithUs-container .sec02 ul li .txt:after {
        top: 50%;
        right: 32px;
        transform: translate(0, -50%);
    }

    #main-container .sec02 ul li .txt:after {
        top: 28px;
        right: 28px;
        transform: translate(0, 0);
    }

    #main-container .sec02 ul li a img {
        height: 320px;
    }

    #main-container .sec03 {
        padding: 160px 0;
        background: url("/img/v3/mainImg02.png") no-repeat top -200px right / 75% auto;
    }

    .mainSec0301 h3 {
        margin: 12px 0 16px;
        font-size: 4.4rem;
    }

    .mainSec0301 h5 {
        font-size: 16px;
    }

    .mainSec0301 img {
        width: 100%;
    }

    #main-container .sec03 .flex {
        flex-direction: column;
        gap: 16px;
    }

    .mainSec0302 {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 12px;
    }

    .mainSec0302 p {
        font-size: 2rem;
        margin-top: 0
    }

    #main-container .sec03 ul {
        flex-direction: column;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    #main-container .sec03 ul li a {
        padding: 16px;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
        width: 100%;
    }

    #main-container .sec03 ul li a .img {
        width: 50px;
        height: 50px;
        text-align: center;
        vertical-align: middle;
    }

    #main-container .sec03 ul li a .img img {
        max-height: 100%;
    }

    #main-container .sec03 ul li p {
        flex: 1;
    }

    #main-container .sec03 ul li a span {
        right: 16px;
    }

    #main-container .sec03 ul li:last-child .img img {
        width: 14px;
    }

    #main-container .sec03 ul li a p {
        white-space: normal;
    }


    #main-container .sec04 {
        padding-bottom: 160px;
    }

    #main-container .sec04 ul {
        gap: 12px;
        flex-direction: column;
    }

    #main-container .sec04 ul li {
        height: 224px;
        padding: 24px;
        width: 100%;
        align-items: center;
    }

    #main-container .sec04 ul li .txt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #main-container .sec04 ul li .txt img {
        width: 18px;
    }

    #main-container .sec04 ul li b {
        font-size: 3.2rem;
    }

    #main-container .sec04 ul li p {
        font-size: 2rem;
    }


    .sec-bg {
        height: 100vh;
    }

    .sec-bg h5 {
        font-size: 1.6rem;
    }

    .sec-bg h4 {
        margin: 4px 0 8px;
        color: #FFF;
        font-size: 2.4rem;
    }


    #main-container .sec06 {
        padding: 160px 15px
    }

    #main-container .sec06 h5, #main-container .sec07 h5 {
        text-align: left;
        margin-bottom: 12px;
        font-size: 1.6rem;
        line-height: 140%;
    }

    #main-container .sec06 .con > div {
        padding: 8px 0 64px;
        gap: 24px
    }

    #main-container .sec06 .con > div .wrap {
        padding: 0;
        flex-direction: column;
        gap: 16px
    }

    .sec06Tt {
        width: 100%
    }

    .sec06Tt + div {
        flex: 1;
        padding-right: 0
    }

    .sec06Tt h4 {
        font-size: 2.4rem;
    }

    .sec06Tt p {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .tab-off ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    .tab-off ul.pc {
        display: none;
    }

    .tab-con {
        position: relative;
        padding-right: 0
    }

    .tab-arrow {
        top: -60px;
    }

    .tab-on {
        padding-bottom: 0;
    }

    .tab-tt {
        font-size: 1.6rem;
    }

    .tab-img {
        width: auto
    }

    .tab-flex {
        gap: 16px;
        flex-direction: column;
    }

    .tab-flex .tab-txt {
        font-size: 1.5rem;
        line-height: 110%;
    }

    .tab-flex .tab-txt p + p {
        margin-top: 10px;
    }

    .tab-on > div + div {
        margin-top: 36px;
    }


    #main-container .sec07 {
        padding: 0 15px 212px;
    }

    #main-container .sec07 .con {
        padding: 12px 0 0;
    }

    #main-container .sec07 .con ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        row-gap: 5px;
        padding: 0;
    }

    #main-container .sec07 .con ul li {
        font-size: 10px;
    }

    #main-container .sec07 .con ul li .txt {
        padding-top: 8px;
        height: 67px;
    }

    #main-container .sec07 .con ul li:nth-child(9) .img {
        display: block;
    }

    #main-container .sec07 .con ul li:nth-child(9) .img img {
        width: 100%
    }

    #main-container .sec07 .con ul li:nth-child(10) .img {
        gap: 20px;
        display: flex;
    }

    #main-container .sec07 .con ul li:nth-child(10) .img img {
        width: calc(100% / 2 - 10px);
    }

    #main-container .sec07 .con ul li:nth-last-child(-n+6) .txt {
        height: 67px;
    }

    #main-container .sec07 .con ul li:nth-child(9) {
        grid-column: span 1;
    }

    #main-container .sec07 .con ul li:nth-child(10) {
        grid-column: span 2;
    }

    #main-container .sec08 {
        padding: 160px 0;
    }

    #main-container .sec08 .flexSb {
        align-items: baseline;
        flex-direction: column;
    }

    #main-container .sec08 .flexSb h3 {
        font-size: 3.2rem;
        margin-bottom: 12px;
    }

    #main-container .sec08 .box {
        padding: 16px
    }

    .workWithUs-form label {
        font-size: 1.6rem;
    }

    .workWithUs-form .box {
        width: 100%
    }

    .workWithUs-form .box .flex {
        gap: 8px;
    }

    .workWithUs-form .box li.flex {
        flex-direction: column;
        gap: 16px;
        width: 100%;
    }

    .workWithUs-form .box.flex div {
        width: 100%
    }

    .workWithUs-form ul li + li {
        margin-top: 16px;
    }

    .workWithUs-form ul li input {
        flex: 1;
        width: 100%;
    }

    .workWithUs-form ul li input, .workWithUs-form ul li textarea {
        padding: 12px;
        font-size: 1.6rem;
    }

    .workWithUs-form ul li textarea {
        height: 160px;
    }

    .workWithUs-form .btn-wrap {
        margin-top: 8px;
    }

    #main-container .sec09 {
        padding: 100px 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #main-container .sec09 h3 {
        font-size: 32px;
        margin-bottom: 32px;
    }

    #main-container .sec09 .con ul {
        width: 235px;
        gap: 20px;
    }

    #main-container .sec09 ul li {
        width: auto
    }

    #main-container .sec09 ul li a {
        color: #fff;
        font-size: 16px;
        line-height: 150%;
        gap: 8px
    }

    /************************* our story ******************************/
    #banner {
        align-items: center;
        padding-bottom: 0;
    }

    #banner .wrap h2 {
        overflow: visible;
    }

    #banner .wrap .txt h5 {
        font-size: 1.6rem;
        margin-bottom: 8px;
	overflow:auto; height:auto;
        text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
    }

    .subNav {
        display: none;
    }

    #story-container .sec01 {
        padding: 16px 0 150px;
        background: url("/img/v3/about_bg.png") no-repeat top 100px left / 80% auto;
    }

    #story-container .sec01 .txt01,
    #story-container .sec01 .txt03 {
        display: flex;
        justify-content: center;
    }

    #story-container .sec01 p {
        font-size: 2rem;
        padding: 0 16px;
    }

    #story-container .sec01 p br {
        display: none;
    }

    #story-container .sec01 .txt02 {
        margin: 320px auto 150px;
    }

    #story-container .sec-bg {
        height: 100vh
    }

    #story-container .sec03 {
        padding: 160px 0;
        font-size: 1.6rem;
    }

    #story-container .sec03 h3 {
        margin-bottom: 16px;
        text-align: left;
    }

    .boxList {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }

    .boxList li {
        padding: 20px 16px;
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .sec03Tt {
        gap: 4px;
        margin-bottom: 0;
        width: 155px;

        flex-direction: column;
    }

    .sec03Tt span {
        display: block;
        text-align: center;
        font-size: 1.6rem;
    }

    .boxList li p {
        font-size: 1.6rem;
        flex: 1;
    }

    /******************************** history **********************************/
    #history-container {
        padding-bottom: 160px;
    }

    #history-container .tt {
        padding: 92px 0 24px;
    }

    #history-container .tt h5 {
        font-size: 1.6rem;
        margin-bottom: 8px;
    }

    #history-container .tt h2 {
        margin-bottom: 0
    }

    #history-container .subNav {
        display: none;
    }

    #history-container .con {
        display: block;
    }

    #history-container .con .tab {
        width: 100%;
        display: block;
    }

    #history-container .year, #projects-container .year {
        padding-top: 0;
        padding-bottom: 15px;
        padding-right: 0;
        border-bottom: 1px solid #B0D3F9;
        border-right: 0;
        position: relative;
        margin-bottom: 30px;
    }

    .scroll {
        overflow-x: auto;
    }

    .scroll {
        -ms-overflow-style: none;
    }

    .scroll::-webkit-scrollbar {
        display: none;
    }

    #history-container .year span {
        display: none;
    }

    #history-container .year ul li + li {
        margin-top: 0;
        margin-right: 8px;
    }

    #history-container .year ul{
        display: flex;
    }

    #history-container .year li{
        font-size: 16px;
        padding: 8px 16px;
        width: 70px !important;
        position: relative;
    }

    #history-container .year li.active a{
        color: #fff;
    }

    .oh {
        overflow: hidden;
    }

    #history-container .year li.active:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        transition: left 0.3s ease;
        position: absolute;
        bottom: -22px;
        left: 50%;
        border-radius: 50%;
        transform: translateX(-50%);
        background: var(--color);
    }

    #history-container .month {
        padding-left: 0;
        padding-top: 0;
    }

    #history-container .month ul li + li {
        margin-top: 24px;
    }

    #history-container .month ul li {
        gap: 16px;
    }

    #history-container .month ul li span {
        font-size: 1.6rem;
        width: 48px;
    }

    #history-container .month ul li p {
        font-size: 1.4rem;
    }

    /************************* sustainability ******************************/
    #Sustainability-container .sec01.flex {
        padding: 16px 0 175px;
        gap: 10px;
        flex-direction: column;
    }

    #Sustainability-container .sec01 h3 {
        font-size: 3.2rem;
        font-weight: 600;
        line-height: 130%;
    }

    #Sustainability-container .sec01 p {
        font-size: 2rem;
    }

    #Sustainability-container .sec02Tt p {
        font-size: 1.6rem;
        margin: 8px 0 20px;
        width: 100%;
    }

    #Sustainability-container .sec02 .con ul {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
    }

    #Sustainability-container .sec02 .con ul li {
        width: calc((100% - 32px) / 3);
    }

    #Sustainability-container .sec02 .txt {
        padding: 18px 15px 80px;
        gap: 50px;
        row-gap: 50px;
        flex-direction: column;
    }

    #Sustainability-container .sec02 .txt > div {
        width: 100%
    }

    #Sustainability-container .sec02 .txt .img img {
        width: 96px;
    }

    #Sustainability-container .sec02 .txt p {
        font-size: 1.6rem;
        margin-top: 4px;
    }

    #Sustainability-container .sec03 {
        padding-bottom: 160px;
    }

    #Sustainability-container .sec03 h5 {
        margin-bottom: 16px;
    }

    #Sustainability-container .sec03 .box {
        padding: 16px;
    }

    #Sustainability-container .sec03 .boxTt {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 24px;
    }

    #Sustainability-container .sec03 .boxTt img {
        width: 96px;
        margin-right: 0
    }

    #Sustainability-container .sec03 .boxTt h5 {
        margin-bottom: 4px;
        font-size: 1.6rem;
    }

    #Sustainability-container .sec03 .boxTt p {
        font-size: 1.6rem;
        white-space: normal;
    }

    #Sustainability-container .sec03 .box + .box {
        margin-top: 16px;
    }

    #Sustainability-container .sec03 .box ul {
        gap: 16px;
        flex-direction: column;
    }

    #Sustainability-container .sec03 .box ul li b {
        font-size: 3.2rem;
    }

    #Sustainability-container .sec03 .box ul li p {
        font-size: 1.6rem;
    }

    #Sustainability-container .sec03 .box ul li:not(.flex1) {
        width: 100%
    }

    .data2 li:not(.flex1) {
        flex: 1;
    }

    #Sustainability-container .sec03 .box ul li .flex {
        align-items: center;
        gap: 16px;
    }

    #Sustainability-container .sec04 {
        padding-bottom: 160px;
        padding-top: 0;
    }

    #Sustainability-container .sec04 .policy-tab ul {
        display: flex;
        gap: 24px;
        align-items: center;
    }

    .policy-tab {
        position: static;
    }

    #Sustainability-container .sec04 .left {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 10;
        padding-bottom: 10px;
        padding-top: 80px;
    }

    #Sustainability-container .sec04 .left li + li {
        margin-top: 0;
    }

    #Sustainability-container .sec04 .policy-tab ul a {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 140%;
    }

    #Sustainability-container .sec04 h3 {
        font-size: 2.4rem;
    }

    #Sustainability-container .sec04 .flexSb {
        flex-direction: column;
        gap: 38px;
    }

    #Sustainability-container .sec04 h5 {
        font-size: 1.6rem;
        margin-bottom: 4px;
    }

    #Sustainability-container .sec04 .left a {
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        color: #848C92;
        transition: .3s;
    }

    #Sustainability-container .sec04 .left li.active > a {
        color: var(--color);
    }

    #Sustainability-container .sec04 .left li:hover > a {
        font-weight: 700;
    }

    .policy-tab {
        top: 72px;
        background: #fff;
    }

    #Sustainability-container .sec04 .right {
        width: 100%;
        padding-top: 0;
    }

    #Sustainability-container .sec04 .right h4 {
        font-size: 2rem;
    }

    .policy_list + .policy_list {
        margin-top: 48px;
    }

    #Sustainability-container .sec04 .right h6 {
        font-size: 1.6rem;
    }

    #Sustainability-container .sec04 .right .img {
        gap: 8px;
        margin-bottom: 8px;
    }

    #Sustainability-container .sec04 .right .img img {
        width: 21px
    }

    #Sustainability-container .sec04 .right .noFlex {
        margin-bottom: 24px
    }

    #Sustainability-container .sec04 .right .noFlex h6 {
        margin-bottom: 4px
    }

    #Sustainability-container .sec04 .right p {
        font-size: 1.6rem;
    }

    #Sustainability-container .sec04 .right .txt {
        padding-left: 32px;
    }

    #Sustainability-container .sec04 .right .policy01 > div + div {
        margin-top: 32px;
    }

    #Sustainability-container .sec04 .right .txt div {
        padding-left: 20px;
        position: relative;
    }

    #Sustainability-container .sec04 .right .txt div + div {
        margin-top: 8px;
    }

    #Sustainability-container .sec04 .right .txt div span {
        font-size: 1.6rem;
    }

    #Sustainability-container .sec04 .right .policy02 > div:not(.noFlex) {
        padding-left: 40px;
    }

    #Sustainability-container .sec04 .right .policy02 > div:not(.noFlex) + div {
        margin-top: 40px;
    }


    /************************* publication ******************************/
    #publication-container #banner, #patents-container #banner, #projects-container #banner {
        background-image: url("/img/v3/cs_banner.jpg");
    }

    #publication-container, #patents-container, #projects-container {
        padding-bottom: 160px;
    }

    .rndNav {
        margin-bottom: 16px;
        margin-top: 16px;
        overflow-x: auto;
        -ms-overflow-style: none;
    }

    .rndNav::-webkit-scrollbar {
        display: none;
    }

    .rndNav ul {
        gap: 16px;
    }

    .rndNav a {
        font-size: 1.4rem;
    }

    .rndSubNav {
        margin-bottom: 16px;
    }

    .rndSubNav ul {
        width: max-content;
    }

    .rndSubNav ul a {
        font-size: 1.4rem;
        width: max-content;
    }

    .rndSearch {
        padding: 16px;
        margin-bottom: 16px;
    }

    .rndSearch .search select, .rndSearch .search input {
        padding: 8px 12px;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        min-width: 90px;
        color: #B0D3F9;
    }

    .rndSearch .search input {
        width: 100%;
        background: #fff;
    }

    .rndSearch select {
        width: calc((100% - 12px) / 2);
    }

    #press-container .rndSearch select {
        width: 100%
    }

    #press-container .search form {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #press-container .search form div {
        grid-column: span 2;
    }

    .rndSearch input {
        width: 100%
    }

    .rndSearch .search button {
        padding: 12px 16px;
        font-size: 1.4rem;
    }

    .search {
        width: 100%;
    }

    .search form {
        flex-wrap: wrap;
        gap: 12px;
    }

    .search form div {
        display: flex;
        justify-content: right;
        width: 100%;
    }

    .rndSearch .paging {
        display: none;
    }


    .rndTable .table .thead {
        display: none;
    }


    .tb_no, .tb_year, .tb_journal, .tb_author {
        width: auto
    }

    .rndTablePaging, .rndTablePerPage {
        align-items: center;
        justify-content: center;
        color: var(--black);
        font-weight: 500;
    }

    .trow {
        padding: 16px 16px 16px 48px;
        display: block;
        position: relative;
    }

    .trow .tb_no {
        position: absolute;
        left: 16px;
        top: 16px;
        text-align: left;
        font-size: 12px;
    }

    .trow .tb_year {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        color: var(--color);
    }

    .trow .tb_journal {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        color: var(--color);
    }

    .trow .tb_author {
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        color: #6C757D;
    }

    .trow .tb_flex1 {
        margin: 8px 0;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

    /************************* patents ******************************/
    .rndTable .table .thead .flexSb {
        width: 100%;
        padding-right: 16px;
    }

    #patents-container .tbody .img {
        width: 62px;
    }

    #patents-container .tbody .trow {
        padding: 24px 16px 24px 40px;
    }

    #patents-container .trow .tb_no {
        top: 24px;
    }

    #patents-container .tbody .flex {
        gap: 16px;
        align-items: flex-start;
    }

    .rndTableData {
        gap: 0;
        row-gap: 8px;
        font-size: 12px;
    }

    #patents-container .tbody .trow .txt {
        display: block;
        width: 100%;
    }

    .rndTableData > div {
        display: block;

    }

    #patents-container .trow div a {
        display: block;
        margin-bottom: 16px;
    }

    .rndTableData > div b {
        width: 100%;
        font-size: 12px;
        line-height: 140%;
    }

    .rndTableData > div span {
        flex: 1;
        line-height: 140%;
        display: block;
    }


    /************************* projects ******************************/
    #projects-container section {
        padding-top: 16px;
    }

    #projects-container section h4 {
        font-size: 2.4rem;
        margin-bottom: 16px;
    }

    #projects-container .flex {
        gap: 20px;
        flex-direction: column;
    }

    #projects-container .scroll ul {
        display: flex;
        gap: 0
    }
    #projects-container .scroll ul li {
        margin-right: 24px;
    }

    #projects-container .scroll ul a {
        padding: 8px 0;
    }

    #projects-container .flex .rndTable {
        flex: 1;
    }

    #projects-container section ul li + li {
        margin-top: 0
    }

    #projects-container section ul a {
        font-size: 1.6rem;
    }

    .tb_period, .tb_partner {
        width: auto
    }

    .trow div.tb_period {
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        color: var(--color);
    }

    .trow div.tb_partner {
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        color: #6C757D;
    }


    /************************* press ******************************/
    #press-container {
        padding: 96px 0 160px
    }

    #press-container h2 {
        margin-bottom: 24px;
    }

    #press-container .con ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    #press-container .con ul li {
        border-radius: 8px;
    }

    #press-container .con ul li a {
        padding: 16px;
        border-radius: 8px;
    }

    #press-container .con ul li a .txt {
        padding-top: 16px
    }

    #press-container .con ul li a .txt span {
        font-size: 12px;
    }

    #press-container .con ul li a .txt p {
        font-size: 1.5rem;
        font-weight: 500;
        -webkit-line-clamp: 4;
        max-height: 5.6em;
    }

    #press-container .con ul li a .txt div {
        display: none;
    }


    /************************* Work With Us ******************************/
    #workWithUs-container {
        padding: 96px 0 64px
    }

    #workWithUs-container h2 {
        margin-bottom: 24px;
    }

    #workWithUs-container .sec02 ul li, #workWithUs-container .sec02 ul li .img {
        height: 160px;
    }

    #workWithUs-container .sec02 ul li .txt {
        font-size: 2.4rem;
        padding: 28px 50px 28px 32px;
        justify-content: center;
    }

    #workWithUs-container .sec03 h3 {
        margin: 64px 0 25px;
        font-size: 3.2rem;
    }

    #workWithUs-container .sec03 .box .flex input {
        flex: 1;
    }

    #workWithUs-container .sec03 .box ul .flex {
        gap: 16px;
    }

    #workWithUs-container .sec03 .connect a, #workWithUs-container .sec03 .connect_tt {
        gap: 8px;
        font-size: 1.6rem;
    }

    #workWithUs-container .sec03 .connect_tt span {
        line-height: 1.4;
    }

    #workWithUs-container .sec03 .connect img {
        width: 24px;
    }

    .connect_map {
        margin: 12px 0;
    }

    .workWithUs-form .flexSb {
        flex-direction: column;
        gap: 64px
    }

    #workWithUs-container .sec03 .connect {
        width: 100%;
        flex-wrap: wrap;
        display: flex;
    }

    #workWithUs-container .sec03 .connect li {
        width: 100%;
    }

    #workWithUs-container .sec03 .connect > li:first-child,
    #workWithUs-container .sec03 .connect > li:nth-child(2) {
        width: 50%;
        margin-top: 0;
    }

    #workWithUs-container .sec03 .connect a + a {
        margin-top: 14px;
    }

    #workWithUs-container .sec03 .connect > li + li {
        margin-top: 32px;
    }

    #workWithUs-container .sec03 .connect > li:last-child {
        margin-top: 12px;
    }

    #workWithUs-container .sec03 .connect li h4 {
        font-size: 1.6rem;
    }

    #workWithUs-container .sec03 .connect li ul {
        margin-top: 4px;
    }

    #workWithUs-container .sec03 .connect li ul li {
        padding-left: 20px;
        position: relative;
    }

    #workWithUs-container .sec03 .connect li ul li span {
        font-size: 1.6rem;
    }

    #workWithUs-container .sec03 .connect li ul li p {
        font-size: 1.6rem;
    }

    #workWithUs-container .sec03 .connect li ul li + li {
        margin-top: 10px;
    }

    /************************* our Team ******************************/
    #ourTeam-container #banner {
        background-image: url("/img/v3/ourTeam_banner_mb.jpg");
    }

    #ourTeam-container .sec01 .flex {
        display: block;
        margin-top: 16px;
    }

    #ourTeam-container .sec01 .flex h3 {
        margin-top: 0
    }

    #ourTeam-container .sec01 .flex ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        row-gap: 13px;
    }

    #ourTeam-container .sec02 {
        padding: 120px 0;
    }

    #ourTeam-container .sec01 .flex ul li b {
        margin: 8px 0 4px;
        font-size: 1.6rem;
    }

    #ourTeam-container .sec01 .flex ul li p {
        font-size: 1.4rem;
    }

    #ourTeam-container .sec01 {
        margin-bottom: 160px;
    }

    #ourTeam-container .sec02 h3 {
        font-size: 3.2rem;
        margin-bottom: 40px;
    }

    #ourTeam-container .sec02 .wrap div {
        display: flex;
        justify-content: center;
    }

    #ourTeam-container .sec02 ul {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 32px
    }

    #ourTeam-container .sec02 ul li {
        gap: 24px;
        font-size: 1.6rem;
    }

    #ourTeam-container .sec02 ul li span {
        line-height: 1.4;
    }

    #ourTeam-container .sec02 ul li img {
        width: 48px
    }

    #ourTeam-container .sec03 {
        padding: 160px 0
    }

    #ourTeam-container .sec03 h3 {
        font-size: 3.2rem;
    }

    #ourTeam-container .sec03 ul {
        flex-direction: column;
        gap: 36px;
    }

    #ourTeam-container .sec03 ul li {
        display: flex;
        align-items: flex-start;
    }

    #ourTeam-container .sec03 ul li div {
        display: flex;
        gap: 16px;
        align-items: center;
        flex: 1;
        padding-right: 10px;
    }

    #ourTeam-container .sec03 ul li div img {
        width: 36px;
    }

    #ourTeam-container .sec03 ul li b {
        font-size: 1.6rem;
    }

    #ourTeam-container .sec03 ul li p {
        margin-top: 0;
        flex: 1;
    }

    .modal {
        width: calc(100% - 32px);
    }

    .modal.active {
        top: 50%;
        transition: all 0.4s ease;
    }

    #ourTeam-container .modal .flex {
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        display: flex;
        gap: 0
    }

    .modal .txt {
        margin-top: 8px;
    }

    .modal .txt h4, .modal .txt p {
        text-align: center;
    }

    #ourTeam-container .sec01 .modal .flex ul {
        padding-left: 16px;
    }

    .modal .txt ul li {
        font-size: 1.4rem;
    }

    .modal .txt ul li::marker {
        font-size: 1rem;
    }

    .modal .txt ul li + li {
        margin-top: 0
    }


    /************************* our technology ******************************/
    #tech-container #sec02 .bg {
        display: none;
    }

    #tech-container #banner {
        background-image: url("/img/v3/tech_banner_mb.jpg");
    }


    #tech-container #sec02 .bg {
        display: none;
    }

    #tech-container #sec02 > div:not(.bg) .wrap > div {
        width: 100%
    }

    #tech-container #sec02 > div {
        padding: 48px 0;
    }

    #tech-container #sec02 > div:not(.bg) .wrap {
        justify-content: left;
    }

    #tech-container #sec02 #tech01 {
        height: auto;
        padding: 32px 0;
        background: url("/img/v3/tech0201.png") no-repeat bottom left / 307px auto;
    }

    #tech-container #sec02 #tech01 ul {
        display: flex;
        gap: 32px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 32px 0;
    }

    #tech-container #sec02 #tech01 ul li img {
        width: 77px;
    }

    #tech-container #sec02 #tech02 {
        height: 429px;
        background: #0072ED url("/img/v3/tech0202.png") no-repeat bottom left 60px / auto 100%;
    }

    #tech-container #sec02 #tech03 {
        height: 549px;
        background: url("/img/v3/tech0203.png") no-repeat bottom left / auto 100%;
    }

    #tech-container #sec02 #tech04 {
        height: 277px;
        background: #0072ED url("/img/v3/tech0204.png") no-repeat bottom left 58px / auto 100%;
    }

    #tech-container #sec02 #tech05 {
        height: 526px;
        background: url("/img/v3/tech0205.png") no-repeat bottom left 80px / auto 100%;
    }

    #tech-container #sec02 #tech01 .wrap {
        align-items: baseline;
    }

    #tech-container #sec02 h4 {
        font-size: 2.4rem;
        margin-bottom: 8px;
    }

    #tech-container #sec02 p, #tech-container #sec02 p span {
        font-size: 1.6rem;
    }

    #tech-container #sec02 > div:not(.bg):nth-child(odd) p {
        color: #fff;
    }


    /************************* services ******************************/
    #services-container {
        background: url("/img/v3/solution_bg.png") no-repeat center right / 287px auto;
    }

    #services-container #banner {
        background-image: url("/img/v3/services_banner_mb.jpg");
    }

    .servicesTxt {
        padding: 16px 15px 0;
    }

    .servicesTxt p {
        font-size: 1.6rem;
    }

    #services01 {
        padding-top: 160px;
        background: none;
    }

    #services-container .tt p {
        margin: 8px 0 36px;
        font-size: 1.6rem;
        white-space: normal;
        width: 100%;
    }

    #services-container .flex {
        flex-direction: column;
        gap: 16px;
    }

    #services-container .left {
        font-size: 2.4rem;
    }

    #services-container .right {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #services-container .right > div {
        padding: 24px 16px;
    }

    #services-container .right .sv01Tt {
        margin-bottom: 16px;
        justify-content: center;
    }

    #services-container .right .sv01Tt img {
        width: 48px;
    }

    #services-container .right .sv01Tt span {
        font-size: 1.6rem;
    }

    #services-container .right p {
        font-size: 1.6rem;
    }

    #services02, #services03, #services04 {
        padding-top: 160px;
    }

    #services05 {
        padding-top: 160px;
        padding-bottom: 160px;
    }

    #services05 .wrap {
        padding: 0;
    }

    #services05 h3 {
        margin-bottom: 8px;
        padding: 0 15px;
    }

    #services05 .tt {
        padding: 0 15px;
    }

    #services05 .tt span {
        font-size: 1.6rem;
    }

    #services-container #services05 .tt p {
        margin: 0 0 16px;
    }

    #services-container #services05 .box {
        padding: 16px;
        background: rgba(255, 255, 255, 0.74);
        backdrop-filter: blur(8.399999618530273px);
    }

    #services-container #services05 {
        background: url("/img/v3/solution_bg02.png") no-repeat bottom left / 82.8vw auto;
    }
}

@media (max-width: 479px) {
    .sec01_tt01 br {
        display: none;
    }

    #main-container .sec01 .sec01_tt01 h2 {
        font-size: 4rem;
    }

    #main-container .sec01 .sec01_tt01 h2 br {
        display: none;
    }
}