/*header*/
header .headerBox .innerBox{ gap:100px; }
header .headerBox nav .depth1{ gap:0; }
header .headerBox nav .depth1 > li > a{ width: 180px;}

/* main */
main .product .ctnBox .itemBox{ height: auto;}
main .product .ctnBox .itemBox a{ display: flex; flex-direction: column; justify-content: space-between;}
main .product .ctnBox .itemBox figure{ position: relative; right: 0; bottom: 0;}

/*sub*/
#quickBtn{ width: auto; padding: 0 20px;}
#sv #lnb > li:not(.home){ width: auto; min-width:200px; }
#sv #lnb .lgnb > div:after{ margin-left: 20px;}
#cloud section .ctnBox .itemBox{ height: 300px;}
#cloud section .ctnBox .itemBox .txtBox .txt{ padding-right: 50px; }
#product .ctnBox .itemBox{ height: auto;}
#company section.location .ctnBox .itemBox{ height: 300px;}
#inquiry .itemBox .fileBox p.btn{ width: 90px;}

@media screen and (max-width:1400px){
	/*header*/
	header .headerBox nav .depth1 > li > a{ width:  auto;}
	
	/*sub*/
	#cloud section .ctnBox .itemBox{ height: auto;}
	#cloud section .ctnBox .itemBox .txtBox .txt{ padding-right: 0; }
	#company section.location .ctnBox .itemBox{ height: auto; }
}
@media screen and (max-width:1200px){
	#allMenu #gnb > li > a{ width: auto; }
}
@media screen and (max-width:960px){
	/* main */
	main .info .ctnBox .itemBox .txtBox .font50{ width: 60%;}	
	main .product .ctnBox .itemBox{ height: 600px; }

	/* sub */
	#sv #lnb > li:not(.home){ min-width: auto;}
	#system .mobile .itemBox{ padding: 0 35px;}
	#system .mobile .itemBox .title{ margin: 10px 0 ; font-size:18px}
	#system .mobile .itemBox .txt{ font-size:16px;}
}