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

@media all and (max-width: 1600px) {
    .wrap .container { width: 100%; margin: 0 auto; padding-right: 15px; padding-left: 15px; }
    .wrap header .container { padding-left: 15px; }
    .sub_top .sub_tit > span { margin-top: 100px; }
    .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) {
    .section2.dashboard { padding: 90px 120px 90px 0; }
	.section2 .slider-for .slick-slide { flex-direction: column-reverse; align-items: flex-start; justify-content: space-between; }
    .section2 .slider-nav { height: unset; }

    .container.company { margin: 50px auto 100px !important; }
    .business > p { margin: 50px 0 80px; }
    .inquiry.container { flex-direction: column; margin: 50px auto 100px !important; }
    .inquiry > .left { width: 100%; margin-bottom: 20px; }
    .inquiry > .right { width: 100%; }
    .inquiry > .right .file_inner span { width: calc(100% - 200px); }
    .inquiry > .right > form > span.file label { width: 190px; }
    .inquiry > .right > form > button { margin: 65px auto 0; }

    .sub_list2 { gap: 15px 10px; }
    .sub_list2 > div { width: calc( ( 100% - 30px ) / 4); }
	ul.circle > li { display:inline-block; width:200px;height:200px;border: 10px solid #eee;box-shadow: inset 0 0 0 4px #9fc3ec;margin:10px 10px;}
	ul.circle > li > p { font-size:26px;font-weight: 600;color:#fff;line-height:40px;padding-top:55px;}
}
@media all and (max-width: 1280px) {
    html { font-size: 9.5px; }

    .section2 .slider-for .slick-slide .img_wrap { width: inherit; height: 500px; }

    .catalog { gap: 20px; }
    .catalog > li { width: calc((100% - 20px) / 2); }
    .catalog > li > a { padding-left: 0; }
    .catalog > li > a > b { display: none; }
    .catalog > li > a > div { gap: 10px; }
    .block_right .left { gap: 20px; }
    .block_right .left > div > .img_wrap { width: 100px; height: 100px; }
    .block_right .left > div { gap: 30px; align-items: center; }
    .block_right .right > li { margin-bottom: 25px;margin-right:0px;padding:0px 50px; }

    .install_list .install_slide { gap: 40px 10px; }
    .install_list .install_slide a { width: calc((100% - 20px) / 3); padding: 15px 10px; }
    .install_list .install_slide a > .install_img { height: 270px; }
    .install_list .install_slide a > .install_img > img { height: 100%; width: unset; }
    .install_list .install_slide a > p { margin-top: 20px; }
    .install_list .install_slide a i { right: 10px; bottom: 15px; }

    .sub_list2 > div > a { padding: 25px 25px; }
    .sub_list2 > div:after { top: 38px; right: 25px; }
    .sub_list2 > div > a > img { position: absolute; bottom: 35px; right: 25px; }

	.sub_list2 > div > a > .img_wrap {  width: 220px; height: 220px; }

}
@media all and (max-width: 1060px) {
    .section2 .slider-for .slick-slide .img_wrap { height: 400px; }

	.company > .ceo_wrap > .pic { display:block;width:720px;height:400px;}
	.company > .ceo_wrap > .company_p { margin-left:570px;}
}

@media all and (max-width: 1024px) {
    html { font-size: 9px; }
    .wrap .s_container { width: 100%; margin: 0 auto; }

    .company > .company_p { margin-left: 0; width: 100%; }
    .summary_list > div { margin-left: 0; }

    .business_field ul { flex-wrap: wrap; height: fit-content; gap: 30px 0; margin: 50px 0 100px; }
    .business_field ul li { width: calc(100% / 3); }
    .business_field ul li > b { margin-top: 10px; }
    .workwith > .container > div > span { width: calc(100% / 3); text-align: center; }

    .view_mid > img { width: 100%; }

    .sub_list { gap: 28px 20px; }
    .sub_list > div { width: calc( ( 100% - 60px ) / 4); }

    .view_top { flex-direction: column; align-items: flex-start; gap: 20px; }
    .view_top > button { margin-left: auto; }

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

    .paging_wrap { margin-bottom: 100px; }
}

@media screen and (max-width: 980px) {
	.product_info { display:block;font-size:0px;padding:0px 0px; }
	.product_info > .thumb { width:50%;}
	.product_info > .thumb > img {width:80%;height:auto;max-width:400px; }

    .catalog { flex-direction: column; }
    .catalog > li { width: 100%; }

	.company > .ceo_wrap { padding:0px;margin-top:-30px; }
	.company > .ceo_wrap > .pic { display:block;width:auto;height:450px;;position: relative;margin-bottom: 50px;}
	.company > .ceo_wrap > .pic::after { display:none; }
	.company > .ceo_wrap > .company_p { margin-left:0px;}

    .summary_loca > .address { flex-direction: column; gap: 20px; margin-bottom: 100px; }
    .summary_loca > .address > span, .summary_loca > .address > ul { width: 100%; }
    .summary_loca > .address > ul { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-left: 40px; }
    .summary_loca > .address > ul > li { margin-bottom: 0; }
    .summary_loca > .address > ul > li > b { margin-right: 7px; }

	ul.circle { width:500px;margin:0 auto; }
}

@media screen and (max-width: 940px){
    .dashboard h2 { display: block; text-align: center; }
    .dashboard h2 + p { text-align: center; margin: 10px auto 25px; }
    .siteMap,
    .siteMap.open{ display: none; }
    .section1.dashboard { padding-right: 0; }
    .section1 .slide .paragraph { top: 35%; }
    .section1 .slide .paragraph,
    .section1 .slide .slide_control { padding:  0 10px; }
    .section1 .slide .paragraph > p { font-size: 5rem; }
    .section1 .slide .paragraph > b { font-size: 7rem; }

    .section2.dashboard { padding-right: 0; }
    .section2 h2:after { display: none; }
    .section2 .slider-for { width: 100%; }
    .section2 .slider-nav { display: none; }
    .section2 ul.tab { margin-top: 10px; justify-content: center; margin-bottom: 50px; }
    .section2 .slider-for .slick-slide .img_wrap { height: 300px; }
    .section2 .slider-for .slick-slide .txt_wrap { width: 100%; text-align: center; margin-top: 40px; }
    .section2 .slider-for .slick-slide { margin-bottom: 50px; }
    .section2 .slide_control2 { position: static; right: unset; }
    .section2 .slide_control2 > button.slick-prev { position: absolute; top: 340px; }
    .section2 .slide_control2 > button.slick-next { position: absolute; top: 340px; right: 10px; }
    .section2 .slide_control2 > button.slick-prev:after { display: none; }

    .section3.dashboard { padding-right: 0; }
    .section3 .install_slide a { margin-right: 20px; }
    .section3 .slick-dots { display: flex !important; align-items: center; justify-content: center; margin-top: 50px; gap: 15px; }
    .section3 .slick-dots button { font-size: 0; display: block; width: 7px; height: 7px; background: #c9cfde; border-radius: 50%; }
    .section3 .slick-dots .slick-active button { background: #222837; }
    .slide_control3 { display: none; }

    .section4 { background: #fff; }
    .section4 h2:after { display: none; }
    .section4.dashboard { padding-top:0; padding-right: 0; padding-bottom: 80px; }
    .section4 > .container > ul { margin-top: 0; flex-direction: column; }
    .section4 > .container > ul > li { width: 100%; height: unset; border-right: none; margin-right: 0; }
    .section4 > .container > ul > li > a { position: relative; padding: 0; padding: 24px 0; border-bottom: 1px solid #ddd; }
    .section4 ul > li > a > span { margin-bottom: 0; }
    .section4 ul > li > a > i { font-size: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; }
    .section4 ul > li > a > i:after { font-size: 2rem; }
    .section4 ul > li > a > p { width: calc(100% - 60px); }
    .section4 ul > li > span { padding: 0; margin: 24px auto; }


    .popup_inner { width: 100%; padding: 32px 40px 40px 40px; margin: 0 10px; }
    .popup_inner .popup_form > form > .form_bottom > button { margin: 0 auto; }
    .popup_inner .popup_form > form > span.file > span,
    .popup_inner .popup_form > form > span.service > span,
    .popup_inner .popup_form > form > span > label { width: 130px; min-width: 130px;}
}

@media screen and (max-width: 820px){
    html { font-size: 8px; }
    .section1 .slide .summary_nav a > img { width: 100%; }

    .install_slide a { width: 500px; }
    .install_slide a i { display: none; }
    .install_slide a > .install_img { height: 200px;}
    .install_slide a > .install_img > img { height: unset; width: 100%; }
    .install_list .install_slide a > p { height: 47px; }

    .business > .business_p { margin-left: 0; margin-bottom: 80px; }
    .business > .business_p > p > br { display: none; }
    .block_right { margin: 0 auto 150px !important; }
    .root_daum_roughmap .wrap_map { height: 500px !important; }
    .summary_banner { height: 500px; }

    .sub_top .sub_tit > span { margin-top: 50px; }
    .sub_top .sub_tit > p { font-size: 7rem; }

    .withForm.container { margin: 50px auto 0 !important; }
    .withForm form { margin-bottom: 40px; }
    .view_page.container { margin: 50px auto !important; }

    .scroll_sub { width: 100%; overflow: hidden;overflow-x: scroll; white-space: nowrap; flex-wrap: nowrap !important; }
    .scroll_sub::-webkit-scrollbar{ display:none; }
    .sub_list_tab { margin-top: 30px;margin-bottom:0px; }
    .sub_list_tab > ul { gap: 7px; }
    .sub_list_tab > ul a { padding: 0 20px; }
    .sub_list_tab > ul > li { height: 43px; }
    .sub_list_tab > ul a { line-height: 43px;;}
    .cs_container.table_list > table > colgroup > col:nth-child(1) { width: 12% !important; }
    .table_list { margin-bottom: 50px; }
    .table_list > table td:first-child { font-size: 2.3rem; }
    .table_list > table td > a { padding: 27px 0; }
    .table_list > table td > a > b { font-size: 2rem; }

    .summary_banner { height: 500px; }
    .summary_banner p { font-size: 4rem; }
    .summary_banner span { font-size: 8rem; }
    .summary_list > div { gap: 20px; flex-direction: column; }

    .workwith > .container > span { margin-bottom: 100px; }
    .workwith > .container > div { gap: 50px 0; }

    .sub_list { gap: 30px 20px; }
    .sub_list > div { width: calc( ( 100% - 40px ) / 3); }
    .sub_list > div > a > .list_top { height: 240px; }
    .sub_list > div > a > .list_top > img { width: 80%; }

    .view_top > button { width: 170px; height: 50px;line-height: 50px; }

    .sc_wrapper > .sc_table {padding-left:180px;}
	.sc_wrapper > .sc_table .thead { width:180px;}
	.sc_wrapper > .sc_table .thead .head_table { width:180px; }
	.sc_wrapper > .sc_table .thead .head_table > .td > p > b { width:160px;font-size:12px;}
	.sc_wrapper > .sc_table .thead .head_table > .td > p > span { width:160px;font-size:11px;}
	.sc_wrapper > .sc_table .btn_arr.toleft { left:181px;right:auto; background:linear-gradient(to right, rgba(244,244,244,0.7) , rgba(244,244,244,0)); }

	.sc_wrapper > .sc_table .tbody .body_table > .th > p { padding:12px 10px; }
	.sc_wrapper > .sc_table .tbody .body_table > .th > p > b { min-width:120px;font-size:13px; }
	.sc_wrapper > .sc_table .tbody .body_table > .td > p { padding:7px 10px;}
	.sc_wrapper > .sc_table .tbody .body_table > .td > p > b { min-width:150px;font-size:12px; }

    .sub_list2 > div:after { display: none; }
    .sub_list2 > div { height: 280px; }
    .sub_list2 > div > a > .img_wrap { width: 200px; height: 200px; }
    .sub_list2 .list_top > b { padding-right: 0; }
}

@media screen and (max-width: 780px){
    .section1 .slide .paragraph > p { font-size: 4rem; }
    .section1 .slide .paragraph > b { font-size: 6rem; }
    .section1 .slide .summary_nav a:first-child { padding-left: 22px; }
    .section1 .slide .summary_nav a:nth-child(4) { padding-right: 22px; }

    .workwith { padding: 90px 0; }
    .workwith > .container > span { margin-bottom: 80px; }
    .workwith > .container > div > span > img { width: 60%; }
    .company > .top { font-size: 6rem; }
    .business > p { margin: 50px 0 50px; font-size: 6rem; }

    .inquiry > .right > form > span > label, .inquiry > .right > form > span.service > span, .inquiry > .right > form > span.file > span { display: none; }
    .inquiry > .right > form > p,
    .inquiry > .right > form > .inputCheck { margin-left: 0; }

	.business_field ul li { width: calc(100% / 2); }

	ul.circle > li { margin:5px 5px;}
}

@media screen and (max-width: 680px) {
	.product_info > .thumb { display:block;width:auto;height:auto;}
	.product_info > .exp { display:block;width:auto;text-align: center;}

	.spec_area { padding:70px 0; }
	.spec_area > p.ex { font-size:12px;text-align: left;margin-top:10px;}

	.sc_wrapper > .sc_table {padding-left:180px;}
	.sc_wrapper > .sc_table .thead { width:180px;}
	.sc_wrapper > .sc_table .thead .head_table { width:180px; }
	.sc_wrapper > .sc_table .thead .head_table > .td > p > b { width:160px;font-size:12px;}
	.sc_wrapper > .sc_table .thead .head_table > .td > p > span { width:160px;font-size:11px;}
	.sc_wrapper > .sc_table .btn_arr.toleft { left:181px;right:auto; background:linear-gradient(to right, rgba(244,244,244,0.7) , rgba(244,244,244,0)); }
	.sc_wrapper > .sc_table .tbody .body_table > .th > p { padding:12px 10px; }
	.sc_wrapper > .sc_table .tbody .body_table > .th > p > b { min-width:120px;font-size:13px; }
	.sc_wrapper > .sc_table .tbody .body_table > .td > p { padding:7px 10px;}
	.sc_wrapper > .sc_table .tbody .body_table > .td > p > b { min-width:150px;font-size:12px; }
	.products_grid { margin-top:50px; }

    .install_list .install_slide a { width: calc((100% - 10px) / 2); }
    .sub_list2 { gap: 10px; }
    .sub_list2 > div { width: calc( ( 100% - 10px ) / 2); }
}

@media screen and (max-width: 660px){
    .section2 .slider-for .slick-slide .img_wrap > img { height: 80%; }
    .section2 .slide_control2 > button.slick-prev,
    .section2 .slide_control2 > button.slick-next { top: 300px; }

    .block_right { padding: 0 !important; }

}

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

    .section1 .slide .slide_control { display: none; }
    .section1 .slide .summary_nav .s_container { justify-content: space-between; }
    .section1 .slide .summary_nav a { gap: 0; height: 80px; padding: 0; justify-content: space-between; }
    .section1 .slide .summary_nav a > img { width: 70%; margin-bottom: 10px; }
    .section1 .slide .summary_nav { height: 170px; background: transparent; border-top: 1px solid rgba( 255, 255, 255, 0.2 );}

    .section3 > h2:after, .section4 h2:after,
    .section2 h2:after { display: none; }
    .section2 .slide_control2 > button.slick-prev, .section2 .slide_control2 > button.slick-next { top: 250px; }
    .install_slide a {width: 260px; padding: 10px; }
    .install_slide a > .install_img { height: 130px; }

    .dashboard h2 { font-size: 4rem; }
    .section3 > h2:after,
    .section4 h2:after { width: 15px; height: 20px; margin-left: 15px; background-size: contain; }

    .sub_top .sub_sort { margin-top: 0; }
    .sub_top .sub_tit > span { margin: 20px 0; }
    .sub_top .sub_tit > p { font-size: 4rem; }
    .sub_top .sub_tab li a { padding: 20px; }
    .sub_top .sub_tab li:first-child.on a:after { left: calc(50% - 10px); }

    .business > p { font-size: 5rem; }
    .business_field ul li > .img_wrap > img { width: 60%; }
    .block_right .left { gap: 70px; }
    .block_right .left > b { display: none; }
    .block_right .right > li { letter-spacing: -0.5px; }

    .summary_loca > .map { margin: 40px 0; }
    .root_daum_roughmap .wrap_map { height: 300px !important; }

    .withForm form { gap: 5px; }
    .withForm form .select,
    .withForm form .search { height: 50px; line-height: 50px; }
    .withForm form .select { width: 25%; }
    .withForm form .search { width: 75%; }

    .cs_container.table_list > table > colgroup > col:nth-child(1) { display: none; }
    .table_list > table td:first-child { display: none; }
    .table_list > table td > a { padding: 20px 10px;}

    .install_list .install_slide { gap: 20px 10px; }
    .install_list .install_slide a > p { height: 43px; }
    .install_list .install_slide a .install_bottom > ul { margin-top: 10px; }
    .install_list .install_slide a > .install_img { height: 150px; }
    .install_list .install_slide a .install_bottom > ul > li:first-child:after { margin: 0 5px; }

    .summary_banner p { font-size: 2.5rem; }
    .summary_banner span { font-size: 5rem; bottom: 40px; }
    .summary_banner { height: 300px; margin-top: 100px; padding: 40px 0; }
    .summary_list > div > div > .num > b.lineDouble { margin-bottom: 24px; }

    .sub_list_tab > ul a { padding: 0 15px; }
    .sub_list { gap: 50px 10px; }
    .sub_list > div { width: calc( ( 100% - 10px ) / 2); }
    .sub_list > div > a > .list_top { height: 240px; }
    .sub_list2 > div { height: 240px; }
    .sub_list2 > div > a { padding: 25px 15px; }

    .mail_wrap { height: 50px; }
    .inquiry > .right .file_inner span { width: calc(100% - 100px); height: 50px; }
    .inquiry > .right > form > span.file label { width: 90px; height: 50px; line-height: 50px; }
    .inquiry > .right > form > span > input { height: 50px; }
    .view_page.container { margin: 50px auto !important; }
    .view_page > button,
    .inquiry > .right > form > button,
    .popup_inner .popup_form > form > .form_bottom > button { width: 170px; height: 50px; line-height: 50px; }

    .view_top { padding: 20px 10px; gap: 10px; }
    .view_page .view_list > a { padding: 15px 10px; }
    .view_page .view_list i { margin-right: 10px; }
    .view_page .view_list > a > div { margin-right: 20px; }

    .catalog > li > a { gap: 0; }
    .catalog > li > a > i { width: 23px; }
    .catalog > li > a .img_wrap { height: 90px; }
    .catalog > li > a .txt_wrap > ul > li:after { margin: 0 4px; vertical-align: middle; width: 6px; height: 5px; }

    .popup_inner { padding: 22px 15px 15px 15px; }
    .popup_inner .popup_tit { margin-bottom: 22px; }
    .popup_inner .popup_item { flex-direction: column; gap: 10px; }
    .popup_inner .popup_item > .tit_wrap > b { margin-bottom: 10px; }
    .popup_inner .popup_form { margin-top: 10px; }
    .popup_inner .popup_form > form { gap: 10px; }
    .popup_inner .popup_form > form > span.file > span,
    .popup_inner .popup_form > form > span.service > span,
    .popup_inner .popup_form > form > span > label { display: none; }
    .popup_inner .popup_form > form > span > input { height: 50px; line-height: 50px; }
    .popup_inner .popup_form > form > span.file .file_inner > span,
    .popup_inner .popup_form > form > span.file .file_inner > label { height: 50px; line-height: 50px; }
    .popup_inner .popup_form > form > span.file + p,
    .popup_inner .popup_form > form > .inputCheck { margin-left: 0; }

	.workwith > .container > div > span { width: calc(100% / 2); }

    .sub_list2 > div > a > .img_wrap {  width: 170px; height: 170px;right:-10px; }

	.business > .business_p { margin-bottom:50px; }

	ul.circle { width:100%; padding:0px 10px;}
	ul.circle > li { display:inline-block; width:160px;height:160px;border: 5px solid #eee;box-shadow: inset 0 0 0 5px #9fc3ec;margin:2px 2px;}
	ul.circle > li > p { font-size:20px;font-weight: 600;color:#fff;line-height:30px;padding-top:47px;}

}


@media screen and (max-width: 425px){
    .section1 .slide .paragraph > p { font-size: 2.8rem; margin-bottom: 5px; }
    .section1 .slide .paragraph > b { font-size: 4.3rem; }

    .sub_list > div > a > .list_top { height: 200px; }
    .install_list .install_slide a i { display: none; }
    .install_list .install_slide a > p { width: 100%; }


}

@media screen and (max-width: 375px){
    .summary_con > ul { height: 370px; }
    .summary_con > ul > li { width: 190px; height: 190px; }
    .summary_list > div > div > .txt > p { padding-left: 0; }
	.sub_list2 > div > a > .img_wrap {  width: 160px; height: 160px;right:-10px; }
}

@media screen and (max-width: 365px){
    .install_list .install_slide a .install_bottom > ul { margin-top: 10px; flex-direction: column; align-items: flex-start; gap: 3px; }
    .install_list .install_slide a .install_bottom > ul > li:first-child:after { display: none;}

	ul.circle > li { display:inline-block; width:140px;height:140px;border: 5px solid #eee;box-shadow: inset 0 0 0 5px #9fc3ec;margin:2px 2px;}
	ul.circle > li > p { font-size:20px;font-weight: 600;color:#fff;line-height:30px;padding-top:37px;}
}