.m_factory_wrap {
	display: none;
}
/************** mobile mode **************/
@media screen and (max-width:767px) {
	.hero_solution_wrap {
		display: none;
	}
	.hero_text > h1 {
		font-size: 6vw;
	}
	.hero_text > p {
		font-size: 4vw;
		color: #fff;
		word-break: keep-all;
	}
	.about_slogan > h2 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	.about_slogan p {
		font-size: 24px;
		word-break: keep-all;
	}
	
	/* 포트폴리오 */
	.factory_wrap {
		padding: 50px 25px;
		margin: 0 -25px;
		width: auto;
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory; /* Chrome Canary */
		scroll-snap-type: mandatory; /* Firefox */
		-ms-scroll-snap-type: mandatory; /* IE/Edge */
		-webkit-scroll-snap-type: mandatory; /* Safari */
		-webkit-scroll-snap-destination: 0% 0%;
		-webkit-overflow-scrolling: touch; /* important for iOS */
	    scroll-padding: 25px;
	}
	.factory_wrap::-webkit-scrollbar {
	    display: none;
	}
	.factory_wrap .factory_box {
		flex: none;
		width: 300px;
		scroll-snap-align: center; /* latest (Chrome 69+) */
		scroll-snap-coordinate: 0% 0%; /* older (Firefox/IE) */
		-webkit-scroll-snap-coordinate: 0% 0%; /* older (Safari) */
	}
	.factory_wrap .factory_box > .title {
		margin-bottom: 15px;
	}
	.box_middle .box_inner {
		padding: 15px;
		margin-bottom: 15px;
	}
	.box_middle .box_inner.top p {
		display: none;
	}
	.solution_item {
		padding: 15px;
	}
	.solution_item_row {
		padding: 7px 15px;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #dedede;
		margin-bottom: 0;
	}
	
	section.data {
		padding: 25px;
	}
	.data_num {
		font-size: 3rem;
	}
	.data_num:after {
		font-size: 1rem;
	}
	.data_item {
		margin-bottom: 25px;
	}
	.plantpluse_box {
		grid-column: span 12;
		padding: 0 0 0 80px;
		background-size: 50px;
	}
	section.gateway {
		padding: 50px 25px;
	}
	.gateway_text {
		padding: 0;
		text-align: center;
	}
	.slider-customer {
		display: flex;
		flex-wrap: wrap;
	}
	.slide {
		width: 33.3333%;
	    padding: 0 15px;
	}
	section.banner {
		padding: 25px;
	}
	section.news {
		padding: 25px;
	}
	section.news > .inner {
		padding: 0;
	}
	.news_title {
		width: 100%;
		display: none;
	}
	.news-title {
		font-size: 24px;
		font-weight: 700;
		padding: 25px 0;
	}
	.news_title > h2 {
		font-size: 24px;
	}
	section.request {
		padding: 25px;
	}
	section.request .tit {
		font-size: 14px;
		margin-bottom: 15px;
	}
	section.request .desc {
		font-size: 24px;
		word-break: keep-all;
		line-height: 1.2;
	}
	.bg-wave{
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.m-news-title {
		display: block;
		padding: 15px 0;
		font-size: 16px;
		font-weight: 700;
	}
	.area_1 {
		grid-column: 8/25;
		grid-row: 1/8;
		z-index: 5;
	}
	.area_2 {
		grid-column: 1/18;
		grid-row: 8/15;
		z-index: 3;
	}
	.area_3 {
		grid-column: 8/25;
		grid-row: 14/21;
		z-index: 1;
	}
	.area_4 {
		grid-column: 1/18;
		grid-row: 20/27;
		z-index: 2;
	}
	.area_5 {
		grid-column: 8/25;
		grid-row: 26/33;
		z-index: 4;
	}
	.area_item h3 {
		font-weight: 700;
	}
	.area_item p {
		display: none;
	}
	.area_bg {
		background-size: cover;
	}
	.btn_wrap {
		display: flex;
	}
	.btn_wrap .btn {
		flex: 1;
		padding: 0 15px;
		font-size: 14px;
	}
	.banner_box {
		height: auto;
	}

}

/************** tablet mode **************/
@media screen and (max-width:1023px) {

}