@charset "UTF-8";

@media all and (max-width: 1600px) {
	#contents .wrap {
		width: 100%;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		gap: 35px;
		box-sizing: border-box;
	}
	#contents .contents { padding-left: 0; width: 100%;}
}



@media all and (max-width: 1080px) {
    #contents { margin-top: 100px; padding: 10px 10px 70px 10px; background-image: none; }
    #contents .wrap { width: 100%; margin: 0; padding-top: 10px; }
    #contents .cs_lnb { display: none }
    #contents .contents { width: 100%; padding-left: 0;}
	#header .h_gnb .hg_btn {top: -80px !important;}
	#header .h_gnb.on:before {top: 0 !important;}
}

@media all and (max-width: 940px) {
    #contents .cs_hero { display: none; }
    #contents .cs_wrap::before { display: none; }
}

@media all and (max-width: 768px) {
	.cs_body > * { font-size: 14px; }
	#header .h_gnb .hg_btn {top: -76px !important;}
}