@media all and (max-width: 1720px) {
    .section2 .container { width: 100%; }
}

@media all and (max-width: 1600px) {
	.wrap header .container { padding: 0 15px; }
	/*
	.wrap .container { width: 100%; margin: 0 auto;}
    .wrap .sub .container { width: 100%; margin: 0 auto;padding-left: 15px;padding-right: 15px;}

    .sub_top .sub_tit { margin-bottom: 40px; }
    .view_page > button { margin: 40px auto 40px; }

	ul.circle > li { margin:10px 15px;}
	*/
}
@media all and (max-width: 1400px) {

    /* 전체 레이아웃 */
	.wrap .container { width: 100%; margin: 0 auto;}
    .wrap .sub .container { width: 100%; margin: 0 auto;padding-left: 15px;padding-right: 15px; }
    .container.sub_products,
    .container.sub_inquiry,
    .container.sub_install { padding: 80px 15px; }

    /* 헤더 레이아웃 */
    .wrap header .container { max-width: 100%; }

    /* 메인컨텐츠 */
    .section2.dashboard { padding: 80px 15px; }
    .section3.dashboard { padding: 80px 15px; }

    /* 서브메인 */
    .sub_top .sub_tit { margin-bottom: 40px; }

    /* 리스트 */
    .sub_list2 { gap: 10px; }
    .sub_list2 > div { width: calc( ( 100% - 30px ) / 4); } /* 리스트 간격 수정 */

}

@media all and (max-width: 1280px) {

    html { font-size: 9.5px; }

    /* 메인 */
    .section3.dashboard { padding: 80px 15px; }
    .section3 .container { max-width: 100%; }
    .section3 .slide_box .exa_txt p {height: 5.5rem; }

    .section4 > .container .inner { max-width: 100%;padding: 0 15px; }
    .section4 > .container .notice .inner ul li { width: calc(25% - 10px); }

    .sub_list2 > div > a { padding: 30px 25px; }

    .sub_list .list_txt { margin-top: 2.5rem; }

}

@media all and (max-width: 1300px) {

    .section2 .tab_content > .accordion ul li .thumb { background: #E1EDFD url(../images/list_item_all2.png) no-repeat bottom -20px left -5px / 230px }
}


@media all and (max-width: 1024px) {

    html { font-size: 9px; }

    /* 메인 */
    .wrap .s_container { width: 100%; margin: 0 auto; }

    .section1 .slide .summary_nav ul { gap: 20px;max-width: 100%; }
    .section1 .slide .summary_nav ul li { width: calc(25% - 20px); }

    .section2 .tab_content > .accordion ul li .thumb { background: #E1EDFD url(../images/list_item_all2.png) no-repeat bottom -20px left -25px / 230px }

    .section3.dashboard { padding: 80px 0px; }
    /*.section3 .slick-list { margin-right: 0; }
    .section3 .slide_box a { width: 350px; } */

    /* 서브 */
    .company .history_wrap { gap: 30px; }
    .company .history_wrap .img_box { width: 40rem; }
    .company .history_wrap .txt_box { width: calc(100% - 40rem); }

    .spec_area { padding: 0 0 80px 0; }
    .sub_list { gap: 28px 20px; }
    .sub_list > div { width: calc( ( 100% - 60px ) / 3); }
    .sub_list2 > div { width: calc( ( 100% - 20px ) / 3); }

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


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

    .section1 .slide .paragraph h2 { font-size: 5rem; }

    .section1 .slide .summary_nav { height: auto; }
    .section1 .slide .summary_nav ul { gap: 0; }
    .section1 .slide .summary_nav ul li { width: 50%;border-top: 1px solid #ddd; }
    .section1 .slide .summary_nav ul li:nth-child(2n) { border-left: 1px solid #ddd; }
    .section1 .slide .summary_nav ul li a { padding: 20px; }

    .section4 > .container .notice { padding: 50px 0; }
    .section4 > .container .notice .inner ul { flex-direction: column;margin-top: 40px; }
    .section4 > .container .notice .inner ul li { width: 100%; }
    .section4 > .container .notice .inner ul li a { padding: 15px; }
    .section4 > .container .notice .inner ul li a p { height: auto;-webkit-line-clamp: 1; }

    .company .history_wrap .img_box { display: none; }
    .company .history_wrap .txt_box { width: 100%; }
    .company .treatment_prd ul li { width: 33.333%; }

    .sub_inquiry .inquiry { flex-direction: column; }
    .sub_inquiry .inquiry > .left { width: 100%; }
    .sub_inquiry .inquiry > .right { width: 100%;margin-top: 40px; }
    .sub_inquiry .inquiry > .right > form > button { margin: 45px auto 0; }

    .view_top { padding: 30px 10px; }
    .view_top .view_tit { width: 85%; }
    /* .view_top .view_date > span { min-width: 85px; } */

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

    .section1 .slide .paragraph > h2 { font-size: 4rem; }

    /* 820분기점으로 margin 값 50으로 통일? */
    .section1 .slide .paragraph { top: 48%; }

    .section2 .tab_content > .accordion ul { flex-direction: column; }
    .section2 .tab_content > .accordion ul li { width: 100%;height: auto; }
    .section2 .tab_content > .accordion ul li .thumb { background-position: center right;background-size: contain;padding: 3rem 2rem; }
    .section2 .tab_content > .accordion ul li .thumb .text { position: static; }
    .section2 .tab_content > .accordion ul li .thumb strong { position: static;transform : rotate(0); margin-top:15px;}
    .section2 .tab_content > .accordion ul li .thumb p { position: static;transform : rotate(0) ;}
    .section2 .tab_content > .accordion ul li.on { width: 100%; }
    .section2 .tab_content > .accordion ul li.on .thumb { display: block; }
    .section2 .tab_content > .accordion ul li.on .detail { opacity: 0; }

    .sub_top .sub_tit > p { font-size: 7rem; }

    /* .view_page.container { margin: 50px auto !important; } */

    .sub_top .sub_nav ul li span.select select { font-size: 14px; }

    .scroll_sub { width: 100%; overflow: hidden;overflow-x: scroll; white-space: nowrap; flex-wrap: nowrap !important; }
    .scroll_sub::-webkit-scrollbar{ display:none; }

    .sub_tab { width: 100vw;margin-left: -15px;padding: 10px 0; }
    .sub_tab ul li { width: auto; }

    .sub_list { gap: 20px; }
    .sub_list > div { width: calc( ( 100% - 40px ) / 3); }
    .sub_list > div > a { padding: 15px; }
    .sub_list > div > a > .img_wrap { height: 160px; }

    .product_info > .thumb { width:50%;}
	.product_info > .thumb > img {width:80%;height:auto;max-width:400px; }

    .catalog { flex-direction: column;gap: 15px; }
    .catalog li { width: 100%; }
    .catalog > li > a { padding: 15px;gap: 0; }

    .sub_install .install_list ul li { width: calc( (100% - 20px) / 2); }
    .sub_install .install_list ul li a .txt_wrap span { margin-top: 25px; }

    .view_mid > img { width: 100%; }

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

	.section1 .slide .paragraph > .cscenter > b { font-size:14px;line-height: 20px;width:100px;letter-spacing: -1px;}
	.section1 .slide .paragraph > .cscenter > span { font-size:30px; line-height: 34px;letter-spacing: -1px;}

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


    .container.sub_products,
    .container.sub_inquiry,
    .container.sub_install { padding: 50px 15px; }

    .sub_list_tit { margin: 50px 0; }
    .sub_top .sub_tit > p { font-size: 5rem; }
    .sub_top .sub_tit > span { font-size: 2.6rem; }

    .sub_top .sub_nav ul { gap: 0;display:block;font-size:0px; }
	.sub_top .sub_nav ul li { display:inline-block;vertical-align: top;width: calc(50% - 20px);}
    .sub_top .sub_nav ul li + li::after { display: none; }
	.sub_top .sub_nav ul li.home { width: 40px !important }
    .sub_top .sub_nav ul li.home a { border-radius: 0;width: 40px;height: 40px; }
    .sub_top .sub_nav ul li span.select { border-radius: 0;border: 1px solid #68A3F4;display:block; padding:0px;width:auto;}
    .sub_top .sub_nav ul li:last-child span.select { border-left: none; }
	.sub_top .sub_nav ul li span.select > select { padding-left:15px;width:100%; }

    .company .treatment_prd ul li { width: 50%;padding: 20px; }
    .company .treatment_prd ul li:nth-child(1),
    .company .treatment_prd ul li:nth-child(2) { padding: 0 20px 20px 20px; }
    .root_daum_roughmap .wrap_map { height: 350px !important; }
    .company .map_wrap > .map { margin: 50px 0; }
    .sub_list_tit > p { font-size: 4.5rem; }
    .company .history_wrap .txt_box ul li dl { margin-left: 30px; }
    .company .treatment_prd ul li { flex-direction: column; }
    .company .map_wrap > .address { flex-direction: column;margin-bottom: 70px; }

    .sub_tab { margin: -50px 0 50px -15px; }
    .sub_tab ul li a { font-size: 1.6rem; }
    .company .map_wrap > .address > span { width: 100%; }
    .company .map_wrap > .address > ul { width: 100%;margin-top: 17px; }

    .sub_list2 > div { width: calc( (100% - 10px) / 2);height: 240px; }
    .sub_list2 > div > a > .img_wrap { width: 140px;height: 140px;right: -10px; }

    .sub_list > div { width: calc( ( 100% - 20px ) / 2); }

    .product_info { flex-direction: column; }
    .product_info > .thumb { display:block;width:auto;height:auto;}
	.product_info > .exp { display:block;width:auto;text-align: center;}
    .spec_area > p.ex { font-size:12px;text-align: left;margin-top:10px;}

    .sub_install .install_list ul { gap: 20px 10px; }
    .sub_install .install_list ul li { width: calc( (100% - 10px) / 2); }
    .sub_install .install_list ul li a .txt_wrap { padding: 10px 0; }
    .sub_install .install_list ul li a .img_wrap { height: 170px; }

    .form_top form span { width: 28rem; }

    .sub_inquiry .notice_list ul li a { padding: 20px 10px; }
    .sub_inquiry .notice_list ul li a b { width: auto; }
    .sub_inquiry .notice_list ul li a span { width: auto; }
    .sub_inquiry .notice_list ul li a p { width: 69%;margin: 0;height: 19px; }

    .sub_inquiry .inquiry > .right > form > span > label,
    .sub_inquiry .inquiry > .right > form > span.file > span { display: none; }
    .sub_inquiry .inquiry > .right > form > span > input { height: 50px; }

    .view_top > div { flex-direction: column; }
    .view_top .view_tit { flex-direction: column;width: 100%; }
    .view_top .view_tit > b { margin-top: 10px; }
    .view_top .view_date { margin-top: 10px; }

}


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

    html { font-size: 8px; }

    .sub_list2 > div > a { padding: 15px; }
    .sub_list > div > a > .img_wrap { height: 120px; }

    .catalog > li > a { min-width: initial; }
    .catalog > li > a > div { gap: 0; }
    .catalog > li > a .img_wrap { height: 90px; }

    .sub_install .install_list ul li a .txt_wrap p { height: 40px; }


}