@charset "utf-8";

/*
@media screen and (min-width: 1024px){
    .d-pc { display: none; }
}
@media screen and (min-width: 993px){
    .d-tb { display: none; }
}
@media screen and (min-width: 587px){
    .d-mb { display: none; }
}
*/
@media screen and (min-width: 993px){
    .hd_anb { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding-top: 5em; display: none; }
    .hd_anb_list { max-width: var(--container-lg); display: grid; justify-content: flex-start; align-items: flex-start; padding: 1.5em 0 2em; gap: 2.5em; grid-template-columns: repeat(5,1fr); }
}

/* 반응형 */
@media screen and (max-width: 1460px) {
    .container { width: 94%; }

    /* sub */
    .about_txt br { display: none; }
    .directions_list li { padding: 1.25em 1.5em; }
    .balance_txt { padding: 2em 2.5em; }
    .meter_item { gap: 4em; }
    .meter_txt { max-width: 40%; }
    .meter_txt p br { display: none; }

    /* idx */
    .idx_product .product_swiper { max-width: calc(70% - 24px); }
}
@media screen and (max-width: 1280px) {
    .wrapper { font-size: 1.2vw; }

    /* sub */
    .gallery .post_list { grid-template-columns: repeat(3, 1fr); }
    .product_content .post_list { grid-template-columns: repeat(2, 1fr); }
    .pipette_list .pipette_txt p br { display: none; }
}
@media screen and (max-width: 1024px) {
    .wrapper { font-size: 1.3vw; }
}
@media screen and (max-width: 992px) {
    .wrapper { font-size: 1.5vw; }

    .hd_gnb { display: none; }
    .hd_tnb { margin-left: auto; }
    .hd_anb { position: fixed; right: 0; top: 0; width: 100%; height: calc(var(--vh) * 100); background-color: #fff; padding-top: 7em; transform: translateY(-100%); -webkit-transition: 0.6s;-moz-transition: 0.6s;-ms-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s; }
    .hd_anb.is-open { transform: translateY(0); }
    .hd_anb_sub { display: none; padding: 1em; }
    .hd_anb_item > a { padding: 1em 0.5em; }


    .ft { text-align: center; }
    .ft_box { flex-direction: column; gap: 2em; }

    /* sub */
    .about_img { aspect-ratio: 1/0.4; }
    .about_img img { height: 100%; object-fit: cover; }
    .about_box { flex-direction: column; }

    .directions_map { aspect-ratio: 1/0.4; }
    .directions_list { grid-template-columns: repeat(2,1fr); }

    .product_wrap { flex-direction: column; }
    .product_filter { width: 100%; position: static; border: 0; padding: 0; }
    .product_tab { overflow-x: auto; }
    .product_tab .tab_list { display: flex; }
    .product_tab .tab_item { border: 0; white-space: nowrap; }
    .product_tab .tab_item a::after { display: none; }
    .product_view { flex-direction: column; gap: 2em; }
    .product_overview { max-width: none; width: 100%; position: static; }

    .balance_img { gap: 2em; }
    .balance_txt p br { display: none; }
    .balance_list { grid-template-columns: repeat(3,1fr); gap: 1.5em; }

    .meter_list { display: grid; grid-template-columns: repeat(2,1fr); gap: 3em 2em; }
    .meter_item,
    .meter_item:nth-child(even) { flex-direction: column; gap: 1.5em; margin-bottom: 0; }
    .meter_img,
    .meter_txt { max-width: none; width: 100%; }
    .meter_flex { flex-direction: column; gap: 3em; }
    .meter_seven,
    .meter_cert { width: 100%; }
    .meter_cert { padding: 2em; }

    .pipette_con,
    .pipette_con.reverse { flex-direction: column; gap: 2em; }
    .pipette_con .pipette_img { width: 100%; aspect-ratio: 1/0.4; }
    .pipette_con .pipette_txt br { display: none; }
    .pipette_list { gap: 2em; }
    .pipette_cert .pipette_txt { width: 100%; height: 100%; left: 0; top: 0; }
    .pipette_cert .pipette_img { width: 30%; }

    /* idx */
    .idx_visual .visual_con { flex-direction: column-reverse; justify-content: center; gap: 2em; }
    .idx_visual .visual_txt { text-align: center; }

    .idx_product .product_con { flex-direction: column; }
    .idx_product .product_cate { width: 100%; max-width: none; overflow-x: auto; }
    .idx_product .product_cate .product_more { display: none; }
    .idx_product .product_cate ul { display: flex; border-radius: 0; overflow: visible; }
    .idx_product .product_cate li { flex: 1 0 0; }
    .idx_product .product_cate li:first-child a { border-radius: 1.25em 0 0 0; }
    .idx_product .product_cate li:last-child a { border-radius: 0 0 1.25em 0; }
    .idx_product .product_cate li:not(:last-child) { border-bottom: 0; border-right: 1px solid #ddd; }
    .idx_product .product_cate li a { gap: 1.5em; font-size: 1.25em; padding: 1em 1.5em; }
    .idx_product .product_swiper { width: 100%; max-width: none; }

    .idx_cs .cs_list { flex-wrap: wrap; }
    .idx_cs .cs_list li { flex: 1 1 40%; }
    .idx_cs .cs_list li:nth-child(1) a,
    .idx_cs .cs_list li:nth-child(3) a { border-bottom: 1px solid #fff; }
    .idx_cs .cs_link { aspect-ratio: 1/1; width: 90%; margin: auto; }
}
@media screen and (max-width: 586px) {
    .wrapper { font-size: 2.5vw; }
    .container { width: 92%; }

    .hd_anb_list { font-size: 1.25em; }

    .idx_product .product_bg .swiper-slide img { height: 8em; }
    .directions_map { aspect-ratio: 1/0.6; }
    .directions_list,
    .meter_list,
    .pipette_list { grid-template-columns: repeat(1,1fr); }
    .balance_list { grid-template-columns: repeat(2,1fr); }

    .pipette_list .pipette_item { display: flex; }
    .pipette_list .pipette_img { width: 40%; }
    .pipette_list .pipette_img img { height: 100%; object-fit: cover; }
    .pipette_list .pipette_txt { width: 60%; text-align: left; align-items: flex-start; }
    .pipette_cert .pipette_txt .line { display: none; }
    .pipette_cert .pipette_img { width: 100%; max-width: none; margin-bottom: 1.5em; }
    .pipette_cert .pipette_txt { position: static; flex-direction: column; gap: 1em; }
    .pipette_cert .pipette_txt li,
    .pipette_cert .pipette_txt li:nth-child(odd),
    .pipette_cert .pipette_txt li:nth-child(even) { padding: 0; width: 100%; }
    .pipette_cert .pipette_txt .box { width: 100%; max-width: none; }

    .post_box { flex-wrap: wrap; gap: 1em; }
    .post_search { width: 100%; font-size: 1.25em; }
    .post_search .search_bar,
    .post_search .search_input { flex-grow: 1; }

    .basic .post_list .is-head { display: none; }
    .basic .post_item { flex-wrap: wrap; }
    .basic .post_num { width: auto; }
    .basic .post_subject { width: 100%; font-size: 1.25em; }
    .basic .post_meta { gap: 0.75em; color: #666; }
    .basic .post_meta li { width: auto; }

    .gallery .post_list { grid-template-columns: repeat(2,1fr); }
    
    .frm_list { font-size: 1.25em; }
    .frm_item.half { width: 100%; }

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

}