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

    /* header */
    .header_bg header {position:relative; height:70px; padding:0 10px;}
    .header_bg header .gnb {display:none;}
    .header_bg header h1 a img {height:20px;}
    /* header > m_nav */
    .header_bg header .m_nav {display:block;}
    .header_bg header .m_nav img {width:35px;}
    .header_bg header .m_nav_open {
        position:absolute; right:10px; top:60px; display:block; width:100px;
    }
    .header_bg header .m_nav_open a {
        color:#222; display:flex; flex-flow:column; align-items:center; padding:10px; transition:0.3s;
        background-color:#fff; border-radius:10px; justify-content:center; width:100%;
        margin-bottom:10px; box-shadow:1px 1px 1px rgba(255,255,255,0.4); font-size:14px; font-weight:700;
    }
    .header_bg header .m_nav_open a:hover {
        background-color:#19b8d1; color:#222; transition:all 0.3s ease; text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    }


    /* index_p1 */
    main .p1_bnr .swiper-container {height:300px;}
    main .p1_bnr .swiper-container .swiper-wrapper .swiper-slide .slide_c .slide_txt {padding:0 20px;}
    main .p1_bnr .swiper-container .swiper-wrapper .swiper-slide .slide_c .slide_txt h1 {
        font-size:22px;
    }
    main .p1_bnr .swiper-container .swiper-wrapper .swiper-slide .slide_c .slide_txt p {
        font-size:14px;
    }
    main .p1_bnr .swiper-container .swiper-wrapper .slide1 .s1 .s1_txt h1 {
        font-size:16px;
    }
    br {display:none !important;}
    main .p1_bnr .swiper-container .swiper-pagination-bullet {
        height:8px; width:8px; margin-right:5px;
    }
    /* index_p2 */
    main .p2_uboutUs {padding:100px 20px;}
    main .p2_uboutUs .p2_top {
        flex-flow:column nowrap; height:max-content; margin-bottom:50px;
    }
    main .p2_uboutUs .p2_top div {width:100%; margin-bottom:30px;}
    main .p2_uboutUs .p2_btm {flex-flow:column;}
    main .p2_uboutUs .p2_btm .p2_btm_left {padding:0; width:100%;}
    main .p2_uboutUs .p2_btm .p2_btm_left h2 {font-size:32px; margin-bottom:30px; text-align:center;}
    main .p2_uboutUs .p2_btm .p2_btm_right {width:100%; display:flex; flex-flow:column; align-items:center;}
    main .p2_uboutUs .p2_btm .p2_btm_right p {font-size:14px; line-height:1.8; margin-bottom:30px;}
    main .p2_uboutUs .p2_btm .p2_btm_right a {width:max-content;}
    /* index_p3 */
    main .p3_bg .p3_callToAction {padding:0 20px;}
    main .p3_bg .p3_callToAction h2 {font-size:32px;}
    main .p3_bg .p3_callToAction p {font-size:16px;}
    /* index_p4 */
    main .p4_ourProduct {padding:100px 20px 140px;}
    main .p4_ourProduct h2 {font-size:32px; margin-bottom:30px;}
    main .p4_ourProduct .swiper-container .swiper-wrapper .swiper-slide div img {height:190px;}
    main .p4_ourProduct .swiper-container .swiper-pagination {bottom:100px;}
    /* index_p5 */
    main .p5_bg .p5_ourPartners {padding:0 20px;}
    main .p5_bg .p5_ourPartners h1 {font-size:32px; margin-bottom:30px;}
    main .p5_bg .p5_ourPartners h1 span {margin-bottom:10px;}
    main .p5_bg .p5_ourPartners p {font-size:14px;}


    /* footer */
    .footer_bg {height:350px;}
    .footer_bg footer {width:100%; padding:0 20px; flex-flow:column;}
    .footer_bg footer .footer_left {display:flex; flex-flow:column; margin-bottom:50px; align-items:center;}
    .footer_bg footer .footer_left h1 {}
    .footer_bg footer .footer_left h1 img {height:20px; margin-bottom:10px;}
    .footer_bg footer .footer_right {text-align:center; width:80%;}
    .footer_bg footer .footer_right p {font-size:14px; line-height:1.8;}
    br {display:none !important;}
    
    }