@media screen and (max-width:769px) {
    html{font-size:7px;}

    header > .inner > nav > ul > li > a{font-size:15px;}

    .business > .inner > .businessPin{margin:80px 0 40px;}
    .business > .inner > p{margin-bottom:80px;}

    .service .inner{padding:80px 40px;}
    .service .inner > .serviceList > li{width:calc((100% - 3rem) / 2);}

    .partner .inner{padding:80px 40px;}
    .partner .inner > .partnerList > li > img{width:80%;}

    .product .inner{padding:80px 40px;}
    .product .inner > .textArea > .pdInfo > ul{gap:10px;}
    .product .inner > .textArea > .pdInfo > ul > li{font-size:13px;}
    .product .inner > .textArea > .pdInfo > ul > li > .t{width:72px; height:14.8px;}
    .product .inner > .imgArea{width:50%; margin-left:auto;}
    .product .inner > .imgArea > .imgBox1{width:100%;}
    .product .inner > .imgArea > .imgBox1 > img{width:100%; object-fit: cover;}

    .company .inner{padding:80px 40px;}
    .company .inner > .conpanyInfoList > li{width:calc((100% - 6rem) / 2);}
    .company .inner > .conpanyInfoList > li > .txt{font-size:18px;}
    .company .inner > .conpanyInfoList > li > .tit > img{width:40px; object-fit: cover;}

    .contactUs .inner{padding:80px 40px;}
    .contactUs .inner{flex-direction: column; gap:40px;}
    .contactUs .inner > .titArea{text-align: center; width: 100%;}
    .contactUs .inner > .formArea{width:100%;}
    .contactUs .inner > .formArea > form{display:flex; flex-direction: column; align-items: center;}
    .contactUs .inner > .formArea > form > div{width:100%;}
    .contactUs .inner > .formArea > form > button{float:none;}

    footer > .inner{padding:40px 40px;}
    footer > .inner > .footLogo{display:none;}
    footer > .inner{flex-direction: column; gap:5px; align-items: start;}
    footer > .inner > div{width:100%;}
    footer > .inner > div > p{font-size:13px;}
    footer > .inner > div > .footNav > li > a{font-size:13px;}
}


@media screen and (max-width:570px) {
    .pc{display:none;}
    .mo{display:flex !important;}


    .mainVisual > .inner > .mainText > .tit > span{font-size:12px;}
    .mainVisual > .inner > .mainText > .tit{font-size:30px;}
    .mainVisual > .inner > .mainText > .txt{font-size:12px;}
    .mainVisual > .inner > .footTxt{font-size:12px;}

    .business > .inner > .businessPin .pinItem{border-radius: 15px;}
    .business > .inner > .businessPin .pinItem > .txtBox{left:40px; bottom:20px;}
    .business > .inner > .businessPin .pinItem > .txtBox > .stit{font-size:12px;}
    .business > .inner > .businessPin .pinItem > .txtBox > .tit{font-size:20px; margin-top:10px;}

    .business > .inner > .tit{font-size:20px;}
    .business > .inner > p{font-size:14px; }
    .business > .inner > p > br{display:none;}

    main > section > .inner > .stit{font-size:12px;}
    main > section > .inner > .tit{font-size:20px;}

    .service .inner > .serviceList > li{height:auto;}
    .service .inner > .serviceList > li > .icon > img{width:30px;}
    .service .inner > .serviceList > li > .txt{font-size:14px;}
    .service .inner > .serviceList > li > .txt > br{display:none;}

    main > section > .inner > .titleText{font-size:14px;}
    main > section > .inner > .titleText > br{display: none;}

    .partner .inner > .partnerList{flex-wrap: wrap; gap:20px; justify-content: start;}
    .partner .inner > .partnerList > li{width:calc((100% - 40px) / 3);}

    .product .inner > .textArea{position:static; text-align: center;}
    .product .inner > .textArea > .stit{font-size:12px;}  
    .product .inner > .textArea > .tit{font-size:20px;}  
    .product .inner > .textArea > .pdInfo{display:flex; flex-direction: column; align-items: center;}
    .product .inner > .imgArea{display:none;}

    .contactUs .inner > .titArea > .stit{font-size:12px;}
    .contactUs .inner > .titArea > .tit{font-size:20px;}

    .company .inner > .conpanyInfoList > li > .tit > span{font-size:12px;}
    .company .inner > .conpanyInfoList > li > .tit > img{width:30px;}
    .company .inner > .conpanyInfoList > li > .txt{font-size:15px;}
}


@media screen and (max-width:500px) {
    header > .inner{padding:0 20px;}
    main > section > .inner{padding:0 20px;}

    .service .inner,
    .partner .inner,
    .product .inner,
    .company .inner,
    .contactUs .inner,
    footer > .inner{padding:40px 20px;}

    .mainVisual > .inner > .mainText{flex-direction: column;}
    .mainVisual > .inner > .mainText > .txt{padding-top:30px;}
    .mainVisual > .inner > .footTxt{left:20px;}

    .businessPin{display:none !important;}
    .businessSwiper{display:block !important;}

    .business > .inner > .tit{font-size:18px;}
    .business > .inner > p{font-size:14px; margin-bottom:40px;}

    .service .inner > .serviceList > li{width:100%;}
    .company .inner > .conpanyInfoList > li{width:100%;}

}