@media (max-width:1100px) {

    .aboutUs .conArea > .con > .content > img{width:100%;}
}

@media (max-width:800px) {
    html{font-size:9px;}

    .visual p{font-size:14px;}

    .service .conArea > .con.sec1 > .foot_area{max-width:690px;}
    .service .conArea > .con.sec1 > .foot_area li > span{font-size:25px; width:18vw;}
    .service .conArea > .con.sec1 > .foot_area li > div{font-size:15px; width: calc(100% - 18vw);}

    .service .conArea > .con.sec2 > .content > .imgWrap > div > .t{width:100%;}

    .service .conArea > .con.sec2 > .content > .conList{max-width:320px;}
    .service .conArea > .con.sec2 > .content > .conList > div{width:100%;}

    .token .chartWrap{flex-wrap: wrap;}
    .token .chartWrap .st{font-size:20px;}
    .token .chartWrap > div{width:100%;}

    .token .chartWrap table td{font-size:14px;}

    .token .conArea > .con > ul.sbtList{gap:30px 20px;} 
    .token .conArea > .con > ul.sbtList > li,
    .token .conArea > .con > ul > li{width:calc(50% - 10px);  text-align: center;}

	.sbt_list .conArea > .con > ul.sbtList{gap:30px 20px;}
    .sbt_list .conArea > .con > ul.sbtList > li {width:calc(50% - 10px);  text-align: center;}

    .modalWrap.event > .modalArea{position:relative; max-width:100%; max-height: 100%;}
    .modalWrap.event > .modalArea > .con{height:100%; width:100%;  display:inline-block; font-size: 0;}

}

@media (max-width:770px) {
    .pcNav{display:none;}
    header nav > .moNavBtn{display:inline-block;}
}

@media (max-width:650px) {
    .cowImg{width:90% !important; object-fit: cover;}

    .service .conArea > .con.sec1 > .top_area{flex-wrap: wrap;}
    .service .conArea > .con.sec1 > .top_area > div{width:100%;}
    .service .conArea > .con.sec1 > .top_area > div + div{margin-top:20px;}

    .service .conArea > .con.sec1 > .foot_area li > span{width:150px;}

    .service .conArea > .con.sec2 > .content > .imgWrap{width:100%; flex-wrap: wrap; justify-content: center;}
    .service .conArea > .con.sec2 > .content > .imgWrap > div{width:100%; max-width:400px;}
    .service .conArea > .con.sec2 > .content > .imgWrap > div:nth-of-type(2){display:none;}
    .service .conArea > .con.sec2 > .content > .imgWrap > div:nth-of-type(3){margin-top:65px;}

    .roadMapList > li{flex-wrap: wrap;}
    .roadMapList > li > div{width:100% !important;}
    .roadMapList > li > .year{border:0px; padding:0 0 30px;}
    .roadMapList > li > .con{padding:0 0 50px 0;}

    .modalWrap .pcImg{display:none;}
    .modalWrap .moImg{display:inline-block; max-height:90vh;}
}

@media (max-width:425px) {
    .visual > .conArea > h2{width:170px;}
    .service .conArea > .con.sec2 > .content > img{width:100% !important;}
    .architecture img{width:100%;}

    main > section > .conArea .tit{font-size:30px;}

    .teamList > li > .photo{display:none;}
    .teamList > li > .txt{width:100%;}


    footer > img{width:50px;}

    .token .conArea > .con > ul > li > a > span{font-size:15px;}
}