/***********************반응형***************************************/
@media (max-width:1440px) {

}
@media (max-width:1280px) {
	.header-logo{padding-left:10px;}
	
	.visual-img-bg img{
	width:100%;
	left:0;
	margin-left:0;
	}

}

@media (max-width:1024px){
	header{
	height:70px;
	line-height:70px;
	}
	.gnb-open-btn{
	display:block; 
	position:absolute; 
	right:15px; 
	top:50%;
	margin-top:-23px;  
	z-index:9999; 
	width:46px; 
	height:46px; 
	line-height:48px !important; 
	text-align:center; 
	font-size:28px; 
	color:#fff;
	background:#cc4b12;
	border-radius:999px;
	}

	.gnb-open-btn i,
	.gnb-close-btn i{
		line-height:32px !important; 
	}

	.gnb-close-btn{display:block; position:absolute; top:0; right:280px; width:40px; height:40px; line-height:40px; text-align:center; background:#222; font-size:20px; color:#fff; z-index:999}
	.home-btn{display:block; position:absolute; left:10px; top:50%; margin-top:-19px;  z-index:999; width:38px; height:38px; line-height:38px; text-align:center; background:#000; font-size:24px; color:#fff;}
	/*sidemenu*/
	#sidebar{position:fixed;top:0;bottom:0; display:none; right:-200px; z-index:999999; -webkit-transition: right 1s;  transition: right 1s; width:auto; overflow:visible; background:#fff;}
	#sidebar .gnb{position:relative; z-index:55; width:280px; left:auto; right:0; overflow-x:hidden; overflow-y:auto; height:100%; background:#fff}
	#sidebar .gnb > li{display:block; width:100%; border-bottom:2px #e0e0e0 solid;}
	#sidebar .gnb > li:first-child{
	padding-top:20px;
	}
	#sidebar .gnb > li{padding:0 20px;}
	#sidebar .gnb > li > ul{margin-top:-10px;}
	#sidebar .gnb > li > a{line-height:40px;  display:block; box-sizing:border-box; color:#333; font-weight:600;}
	#sidebar ul li li{padding:0;}
	#sidebar ul li li > a{display:block;border-bottom:1px dashed rgba(0,0,0,0.1);font-size:15px;padding:10px 0px; height:20px; line-height:20px; font-weight:300;}
	#sidebar ul li li:last-child > a{border-bottom-width:0;}
	.sidebg{position:fixed; height:150%; background:rgba(0,0,0,0.5); width:100%; top:0; right:0; z-index:44;}
	.mobile-gnb{display:block;}
	.pc-gnb{display:none;}
	.mo-depth2{display:block; background:rgba(255,255,255,0.2)}
	.mo-depth2 a{display:block;color:rgba(255,255,255,0.7); padding:9px 20px; border-top:1px dashed rgba(255,255,255,0.1); font-size:0.875rem;} 
	.mo-depth2 a:first-child{border-top-width:0;}
	.depth2-tab li{display:none;}
	
	.side-quick{
	font-size:12px;
	top:auto;
	bottom:5%;
	}
	.side-quick a{
	width:60px;
	padding:10px 0;
	}
	.side-quick img{
	width:20px;
	}
	.sq-top{
	width:60px;
	font-size:12px;
	padding:10px 0;
	}
	.sq-top i{
	font-size:20px;
	}
	
	.visual-img-bg img{
	width:180%;
	left:50%;
	margin-left:-90%;
	}
	#product{
	padding:60px 0;
	}
	.pt-t1{
	font-size:32px;
	}
	.pt-t2{
	font-size:22px;
	}
	
	.pro-slide .slick-arrow{
	width:30px;
	font-size:22px;
	}
	
	.wint-tit p{
	font-size:28px;
	}
	.wint-tit{
	font-size:18px;
	}
	
	.wint-l-txt{
	font-size:16px;
	left:30px;
	bottom:30px;
	}
	
	.window-type{
	padding:60px 2%;
	}
	#case{
	padding:60px 2%;
	overflow:hidden;
	}
	
	.sub-title-area{
	display:block;
	text-align:center;
	width:96%;
	padding:30px 0 20px;
	}
	.st-tit{
	margin-right:0;
	font-size:26px;
	}
	.sub-nav{
	font-size:14px;
	}
	.sub-content{
	border-top:1px #e0e0e0 solid;
	padding-bottom:40px;
	}
	.reference-slide .slick-arrow{
	left:10px;
	margin-left:0;
	}
	.reference-slide .slick-arrow.slick-next{
	left:auto;
	right:10px;
	margin-left:0;
	}
	
	.sub-list1 > li > a{
	display:block;
	}
	.sl1-img{
	width:100%;
	margin-bottom:20px;
	}
	.sl1-txt{
	padding-left:0;
	}
	
	.sl1-txt-top{
	display:block;
	}
	.sl1tt-tit{
	width:100%;
	font-size:22px;
	}
	.sl1tt-list{
	padding-left:0;
	margin-top:10px;
	}
	
	.s-2depth{
	display:none;
	}
	.sub-content{
	padding-top:20px;
	}
	
	.cert-list{
	flex-wrap:wrap;
	}
	
	.pv-top{

	}
	.pvt-img{
	width:100%;
	margin-bottom:10px;
	order:0;
	}
	.pvt-img2{
	width:100%;
	margin-bottom:10px;
	order:0;
	}
	.pvt-txt{
	padding-left:0;
	width:100%;
	order:2;
	}
	.reference-nav{
	forder:1;
	margin:10px 0 30px;
	}
	
	.view-btn{
	margin-top:40px;
	}
	.pvt-spec{
	border-bottom:1px #e0e0e0 solid;
	padding-bottom:20px;
	}

    .cert-list li p{
	padding-top:10px;
	padding-bottom:30px;
	}
}

@media (max-width:768px){
	body, th, td, input, select, textarea, button{
	font-size:15px;
	}

	
	header{height:60px; line-height:60px;}
	.header-logo img{width:82%}
	
	.gnb-open-btn{width:36px; height:36px; line-height:36px !important; font-size:24px; margin-top:-15px;}
	.gnb-open-btn i, .gnb-close-btn i{line-height:36px;}
	
	
	.paging a, .paging strong{
	width:30px;
	height:30px;
	line-height:30px;
	}

	
	.sub-table1 table thead th{
	font-size:14px;
	}
	.sub-table1 table tbody td{
	font-size:12px;
	}

	.grid{
	display:block;
	}
	.gi-img{
	padding-top:70%;
	width:100%;
	order:1;
	}
	
	.pro-slide .slick-slide{
	width:100%;
	padding:0 20px;
	}
	.ps-txt{
	position:unset;
	width:100%;
	text-align:center;
	order:2;
	margin-top:30px;
	}
	.ps-box a{
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	}
	.pro-tit{
	margin-bottom:10px;
	}
	.ps-t2{
	font-size:18px;
	margin:5px 0 10px;
	}
	.ps-t3{
	padding-right:0;
	font-size:14px;
	margin-bottom:0px;
	}
	.ps-t4{
	font-size:14px;
	}
	
	.wint-tit{
	display:block;
	font-size:16px;
	}
	.pt-t1{
	font-size:28px;
	}
	.pt-t2{
	font-size:16px;
	word-break:keep-all;
	}
	.wint-tit p{
	font-size:20px;
	}
	.wint-list{
	display:block;
	}
	.wint-list li{
	margin-bottom:10px;
	}
	.sub-list1 > li{
	padding:10px;
	margin-bottom:20px;
	}
	
	.sl1tt-dl{
	display:block;
	}
	.sl1tt-dl dl,
	.sl1tt-dl dl:nth-child(even){
	width:100%;
	}
	
	.sl1tt-dl dl dt,
	.sl1tt-dl dl:nth-child(even) dt{
	width:120px;
	}
	.sub-title{
	margin-top:70px;
	}
	
	.fi-logo{
	width:300px;
	}
	.history-list li span{
	width:100px;
	}
	.history-list ul{
	margin-top:0;
	}
	.sub11-top{
	font-size:20px;
	margin:15px 0 10px;
	}
	
	.sub-tab li a{
	padding:7px 20px;
	}
	.sub-tab li{
	margin-right:5px;
	}
	
	.sub-list2{
	display:block;
	}
	.sub-list2 li{
	width:100%;
	margin-bottom:30px;
	}
	
	.pvt-t1 p{
	font-size:22px;
	}
	
	#product{
	padding:30px 0;
	}
	.window-type{
	padding:30px 2%;
	}
	.wint-tit span{
	display:block;
	box-sizing:border-box;
	padding-right:20px;
	word-break:keep-all;
	}
	#case{
	padding:30px 2%;
	}
	#case .slick-slide > div{
	padding:0 2%;
	}
	
	.fi-txt p{
	margin:0 5px 0px;
	}
	

	
	.reference-slide .slick-slide{
	padding:0 10px;
	}
	.pvt-spec dt{
	width:200px;
	}
	.pv-site-link{
	margin-left:0px;
	margin-top:5px;
	padding:7px 0px;
	font-size:12px;
	display:block;
	width:100px;
	text-align:center;
	}
	.pvt-spec dd{
	word-break: keep-all;
	}
	.reference-nav .slick-slide{
	padding:0 3px;
	}
	
	.reference-nav{
	padding:0 40px;
	}
	.reference-nav .slick-arrow{
	width:35px;
	}

    .location-list{
    display:block;
    }

    .sub11-box p{
    word-break:keep-all;
	width:100%;
    }
    .sub11-box p br{
    display:none;
    }
}