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


    /* main */
    .main_top .sec_box {display: flex; align-items: center;}
    .main_top .btn_box  {right: 20px;}
    .main_top .item .inner {width: 100%; padding: 0 130px 0 5%;}
    



}


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


    /* project */
    .pj_view .top_sec .tit {font-size: 5rem;}


    /* main */
    .main_top .item .info {gap: 30px;}
    .main_top .item .info .name {font-size: 2rem;}
    .main_top .item .info .tit {font-size: 4rem;}
    .main_top .item .info .tit2 {font-size: 3.5rem;}
    .main_top .item .info .descrip {font-size: 1.125rem;}
    .main_top .item .info .descrip br {display: none;}


    /* ai */
    .ai_fixed .cont .tbox,
    .ai_fixed .cont .bbox {width: 37vw;}
    .ai_fixed .cont .tit {font-size: 2.2rem;}
    .ai_fixed .cont .descrip {font-size: 1rem;}
    .ai_sec .tbox,
    .ai_sec .bbox {width: 37vw;}
    .ai_sec .tit {font-size: 3.5rem;}
    .ai_sec .descrip {font-size: 1.125rem;}
    .ai_sec .stit {font-size: 2rem;}
    .ai_sec .keyword {font-size: 1rem;}
    .ai_sec .cmnt {font-size: 1.125rem;}
    .ai_sec .goluna {font-size: 1.125rem;}




}


@media screen and (max-width:1199px) {
    /* contact */
    .ct_wrap .inner {flex-direction: column; gap: 60px;}
    .ct_wrap .form_wrap {margin-top: 0;}
    .ct_wrap .form_wrap .top {font-size: 1rem; text-align: left;}



    /* project */
    .pj_tab {margin-bottom: 40px;}
    .pj_tab li {font-size: 1.125rem;}
    .pj_item .cont .tit {font-size: 1.5rem;}
    .pj_item .cont .cate {font-size: 1rem;}
    .pj_item .cont .client {font-size: 1rem;}
    .pj_item .cont .year {font-size: 1rem;}


    /* main */
    .main_top {padding: 150px 0 50px; min-height: unset;}
    .main_top .item .inner {flex-direction: column; align-items: flex-start; padding: 0 5%; }
    .main_top .item .info {width: 100%; padding-right: 130px;}
    .main_top .item .info .descrip br {display: block;}
    .main_top .item .info .goto {margin-top: 15px;}
    .main_top .item .img {width: 100%; margin-left: auto;}
    .main_top .item .img img {max-height: 500px; object-position: right top;}
    .main_top .btn_box {top: 0; transform: unset;}


    .main_flow .flow .text {font-size: 1.5rem;}
    .main_flow .flow .icon {width: 40px;}


    .main_vs .inner {min-height: unset; gap: 80px;}
    .main_vs .tit {font-size: 5rem;}
    .main_vs .descrip {font-size: 1.125rem; margin-top: 40px;}
    .main_vs .chageText {width: 390px;}
    .main_vs .list {display: flex; flex-wrap: wrap; gap: 40px; max-width: 650px;}
    .main_vs .item {
        position: relative; top: unset; left: unset; right: unset; bottom: unset; transform: unset;
        width: calc(50% - 20px); margin-top: -20px; margin-bottom: 20px; min-height: 120px;
    }
    .main_vs .item:nth-child(even) {margin-top: 20px; margin-bottom: -20px;}


    .main_cli .tit {font-size: 3rem;}


    .main_wk .list {gap: 20px;}
    .main_wk .item {padding: 25px; min-height: 220px;}
    .main_wk .item .tit {font-size: 1.5rem;}
    .main_wk .item .descrip {font-size: 1rem; margin-top: 10px;}
    .main_wk .item .bg {font-size: 3rem;}


    .main_pj .list {gap: 40px;}
    .main_pj .item .tit .big {font-size: 2rem;}
    .main_pj .item .tit .arr {width: 28px; top: 7px;}
    


    /* about */
    .abt_tit .big {font-size: 3rem;}
    .abt_tit .descrip {font-size: 1.125rem;}
    .abt_top .abt_tit .big {font-size: 4rem;}

.abt_ceo .abt_ceo_wrap .img{margin-right: 5rem;}

    /* ai */
    .ai_sec .tit {font-size: 2.5rem;}
    .ai_fixed .cont .descrip br {display: none;}
    .ai_sec .descrip br {display: none;}



}


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


    /* project */
    .pj_item {width: 50%;}


    .pje_item {width: calc(50% - 10px);}


    .pj_view .top_sec {padding: 100px 0 40px;}
    .pj_view .top_sec .tit {font-size: 3rem;}
    .pj_view .top_sec .info {font-size: 1rem;}
    .pj_view .dt_sec .pc {display: none;}
    .pj_view .dt_sec .mo {display: block;}
    .pj_view .dt_sec .btnbox {padding: 0 0 80px;}
    .pj_view .dt_sec .btnbox .gohome {font-size: 1.125rem; height: 60px;}
    .pj_view .bot_sec .btnbox {padding: 80px 0;}
    .pj_view .bot_sec .cont .text {padding: 80px 0; font-size: 1.5rem;}
    .pj_view .bot_sec .btnbox .golist {font-size: 1rem; height: 55px;}



    /* main */
    .main_top .item .info .tit {font-size: 2.5rem;}
    .main_top .item .info .tit2 {font-size: 2.5rem;}
    .main_top .item .info .descrip br {display: none;}
    .main_top .item .img img {max-height: 400px;}
    .main_top .bg p {width: 2000px;}


    .main_vs .tit {font-size: 4rem;}
    .main_vs .chageText {width: 310px;}


    .main_wk .list {flex-direction: column;}
    .main_wk .item {min-height: unset; padding: 20px 20px 80px;}


    .main_pj .list {flex-direction: column;}

.main_pj .item .img{grid-template-columns:repeat(1, 1fr); gap:10px}

    /* about */
    .abt_tit {margin-bottom: 40px;}
    .abt_tit .big {font-size: 2rem;}
    .abt_top {padding-bottom: 80px;}
    .abt_cli .list {gap: 20px;}
    .abt_cli .cli_item {width: calc(33.333% - 13.333px);}


.abt_ceo .abt_ceo_wrap{flex-direction: column;}
    .abt_ceo .abt_ceo_wrap p{font-size: 1.125rem;}

    /* ai */
    .ai_wrap .no_cont {display: none;}
    .ai_fixed {position: unset;}
    .ai_fixed .bg.on .tit {opacity: 1;}
    .ai_fixed .cont {gap: 47vw;}
    .ai_fixed .cont.on {opacity: 1;}
    .ai_fixed .cont .tbox,
    .ai_fixed .cont .bbox {width: 100%; height: calc(50% - 23.5vw);}
    .ai_sec {padding: 0 0 100px; min-height: unset;}
    .ai_sec .cont {gap: 40px;}
    .ai_sec .tbox,
    .ai_sec .bbox {width: 100%; height: auto;}
    .ai_sec .bbox {text-align: left;}
    .ai_sec .cmnt {margin-top: 0;}
    .ai_sec .goluna {margin-left: 0;}


}


@media screen and (max-width:599px) {
    
    /* contact */
    .ct_wrap .info_box .info {font-size: 1rem;}
    .ct_wrap .info_box .info li {margin-top: 10px;}
    .ct_wrap .info_box .info .gu {width: 60px;}


    /* project */
    .pj_tab {gap: 20px;}
    .pj_tab li {font-size: 1rem;}
    .pj_item {width: 100%; aspect-ratio: 4/3;} 
    .pj_item .cont .cate {font-size: 0.875rem;}
    .pj_item .cont .tit {font-size: 1.3755rem; margin-top: 30px;}
    .pj_item .cont .client {font-size: 0.875rem;}
    .pj_item .cont .year {font-size: 0.875rem;}


    .pje_item {width: 100%;}
    .pj_view .top_sec {padding: 100px 0 20px;}
    .pj_view .top_sec .tit {font-size: 2.5rem;}
    .pj_view .top_sec .info {gap: 15px 30px; font-size: 0.875rem;}
    .pj_view .bot_sec .cont .text {font-size: 1.125rem;}
    .pj_view .bot_sec .btnbox {padding: 60px 0;}


    /* main */
    .main_top {padding: 100px 0 50px;}
    .main_top .item .info {padding-right: 0; gap: 20px;}
    .main_top .item .info .name {font-size: 1.5rem;}
    .main_top .item .info .tit {font-size: 2rem;}
    .main_top .item .info .tit2 {font-size: 1.75rem;}
    .main_top .item .info .descrip {font-size: 1rem;}
    .main_top .item .info .goto {font-size: 0.875rem; }
    .main_top .item .info .goto::after {width: 14px;}
    .main_top .btn_box {display: none;}
    .main_top .swiper-pagination-bullet {font-size: 0.75rem;}


    .main_flow .flow {gap: 10px; animation-duration: 12s;}
    .main_flow .flow .text {font-size: 1.125rem;}


    .main_vs .inner {gap: 60px;}
    .main_vs .tit {font-size: 2.25rem;}    
    .main_vs .chageText {width: 175px;}
    .main_vs .descrip {font-size: 1rem; margin-top: 20px;}
    .main_vs .list {gap: 20px;}
    .main_vs .item {width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; font-size: 1rem; min-height: 100px; border-radius: 10px;}
    .main_vs .item::after {display: none;}


    .main_wk {padding-top: 0;}


    /* .main_cert .item {width: 50%;} */
    .main_cert .swiper {width: 170%; margin-left: -35%;}
    .main_cert .item .name {font-size: 0.875rem;}
    .main_cert .item .descrip {font-size: 0.75rem;}


    .main_cli .tit {font-size: 2rem;}


    .main_pj .item .tit .small {font-size: 0.875rem;}
    .main_pj .item .descrip {font-size: 1rem;}



    /* about */
    .abt_tit {margin-bottom: 30px;}
    .abt_tit .big {font-size: 1.75rem;}
    .abt_tit .name {font-size: 1rem;}
    .abt_tit .descrip {font-size: 1rem; margin-top: 10px;}
    .abt_top .abt_tit .big {font-size: 2.5rem;}
    .abt_team {background-position: right center;}
    .abt_off .item {aspect-ratio: 7/5;}
    .abt_exh .item {aspect-ratio: 7/5;}


.abt_ceo .abt_ceo_wrap h3{flex-direction: column;align-items: baseline;}
    .abt_ceo .abt_ceo_wrap h3 span{margin-left: 0;}
    .abt_ceo .abt_ceo_wrap p{font-size: 1rem;}


    /* ai */
    .ai_fixed .cont .bbox {text-align: left;}
    .ai_fixed .cont .descrip p {margin-bottom: 15px;}
    .ai_sec .cmnt {font-size: 1rem;}
    .ai_sec .goluna {font-size: 1rem; width: 100%; justify-content: space-between;}


}