/****************************** respon.css - 반응형 css ******************************/
@charset "UTF-8";
    @media all and (min-width: 1200px) and (max-width: 1280px) {/* 담당자분 컴퓨터 해상도에 맞춤 */
    
    .header .header_container,

    .business_field .con_wrap,
    .swiper-wrapper .swiper-slide .txt,

    .greeting .page_con,
    .page_wrap,
    #buisness .buisness_wrap, #tab-1 table
    #tab-2 table, #tab-3 table,
    #tab-4 p,
    #buisness.busi_02 .con_wrap,
    #buisness.busi_03 .con_wrap,
    #buisness.busi_03 #tab-1 p,
    #buisness.busi_04 .con_wrap,
    #location .career_wrap {width: 1200px; margin: 0 auto 130px;} 
    .footer .footer_container, .footer .bottom_wrap > div {width: 1200px; margin: 0 auto;}
    #buisness .buisness_wrap {margin: 100px auto 0;} 
    #buisness.busi_04 .con_wrap {margin-bottom: 100px;} 
    

    /* index */
    .swiper-wrapper .swiper-slide .txt_border {top: 254px;left: 8%;}
    .swiper-wrapper .swiper-slide .txt, .control_wrap{left: 15%;}

    .business_field .con_wrap ul {height: 500px;}
    .business_field .con_wrap ul li {width: 370px;}
    .business_field .con_wrap ul li p {padding-top: 405px;}
    .business_field .con_wrap ul li p:after {height: 74%;}

    .footer .logo {margin-right: 529px;}

    /* sub 공통 */
    .sub_visual {height: 450px;margin-bottom: 100px;}
    
    /* company */
    .greeting .txt_wrap .wrap_01 {width: 37%;}

    /* 활성산소 검사 */
    #buisness .txt_wrap div:first-child {width: 45%;}
    #buisness .txt_wrap div:first-child img {display: block; width: 95%;}
    #buisness .txt_wrap div:last-child {padding: 35px 0px;}

    /* 항산화력 검사 */
    #buisness.busi_02 .bottom_txt h4:after {top: 61%;}
    #buisness.busi_02 .con_wrap {padding-left: 322px;}
    #buisness.busi_02 .con_wrap figure {width: 230px;}
    #buisness.busi_02 .con_wrap figure.con.c01 {top: 18%;}

    /* 파라옥소나제 검사 */
    #buisness.busi_03 .txt_wrap div:last-child {padding: 60px 0px; width: 51%;}
    #buisness.busi_03 .con_wrap figure.con img {width: 100%;}

    /* Ohter */
    #buisness.busi_04 .txt_wrap div:first-child {width: 100%;}
    #buisness.busi_04 .txt_wrap div:first-child img {margin: 0 auto;width: 50%;}


    /* contact */
    #location .txt_wrap p {margin-right: 66px;}
    #daumRoughmapContainer1657095256286{width: 1200px !important;}
}