#content{
	margin: 0px auto;
	width: calc:(100%-260px);
	

	
}
.screen1{
	
	display : none;
}

.underline{
border-bottom : 2px solid #7BB1A8;
}
.pro_title{
	
		text-align: center;




	font-size: 1.8em;
	font-weight: bold;
	color: #fff;;
	



	

	opacity: 0.8;
	
	color: navy;

	

	
	
	
}

.sec{
	display: grid;   grid-template-columns: 48% 48%;  

	
	 grid-gap: 2%;
}
.item{
width: 100%;

position: relative;
display: grid;
	
	  align-content: start;
	
	
	
}



.titletext{

	/*background: linear-gradient(to right, #999, #ccc);*/
	/* background: linear-gradient(to right, rgba(#999, #ccc, 0, 1), rgba(255, 0, 0, 0));*/
	/*box-shadow: 10px 10px 5px 0px #888888;*/


	position: relative;
	
	font-size: 1.5em;
	font-weight: bold;
	height: 40px;;
	
	

}
.subtext{
	width: calc(100%-30);
	padding : 15px;
	

	
}

.product_image{

height: 300px;		
	background-image : url("../images/aaa.avif");
	background-repeat: no-repeat;
	background-position : center center;
	display: grid;    align-content: end;	
	background-size: 80%;
	
}


.dimension_img{

height: 300px;	
background-size: 80%;
background-repeat: no-repeat;
	background-position : center top;
background-image:url("../../../images/p40_dimension.jpg");

}

.interface_img{	height: 650px;	
	background-size: 80%;
background-repeat: no-repeat;
	background-position : center top;
		background-image: url(../../../images/p40_interface.jpg);
	
}

.layout_img{	height: 450px;	
	background-size: 80%;
background-repeat: no-repeat;
	background-position : center top;
		background-image: url(../../../images/gems35002.png);
	
}


.system_img{	height: 280px;	
	background-size: 80%;
background-repeat: no-repeat;
	background-position : center top;
		background-image: url(../../../images/etc_image2.png);
}
.connect_img{	height: 350px;	
	background-size: 80%;
background-repeat: no-repeat;
	background-position : center top;
		background-image: url("../../../images/p40_connect.jpg");
}
.speification_img{	display:none;	
	background-size: 75%;
background-repeat: no-repeat;
	background-position : center top;
		background-image: url("../../../images/si_spec.png");
}




 .system, .layout, .operation, .network, .interface, .dimension, .connect{
	display: none;
}


.speification{
	grid-column : 1/3;
	margin-bottom : 50px;
}
    .rg {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    .cg {
        flex: 25%;
        padding: 15px;
        background-color: #cce5ff; /* rg */
        border: 1px solid #000; /* 테두리 선 */
    }

    .cg p {
        margin: 0;
    }
@media(max-width:600px){
	.sec{
		   grid-template-columns: 98%;  

		display: block;
	}
 .system, .layout, .operation, .network, .interface, .dimension, .connect{
	display: none;
}
	.product{
		grid-row-start: 1;
		
	}
	.speification_img{	height: 500px;	
	background-size: 95%;

}

	
	.operation{
	grid-column : 1/1;
}
	
	
}