@media screen and (max-width: 1279px){
	#sub{
		width:100%;
	}
	
	#sub .commonA{
		width:100%;
		padding:5em 3% 0px;
		box-sizing:border-box;
	}

	#sub .commonA .nav{
		width:100%;
	}
	
	#sub .commonA .nav li{
		display:inline-block;
		position:relative;
		margin-right:20px;
		font-size:16px;
		color:#999;
		line-height:25px;
	}

	#sub .commonA .nav li:after{
		content:'';
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:6px;
		height:6px;
		background:#d9d9d9;
		border-radius:50%;
		right:-16px;
	}
	
	#sub .commonA .nav li:last-child:after{
		display:none;
	}
	#sub .commonA .nav li img{
		display:inline-block;
		width:25px;
	}
	
	#sub .commonA .nav li span{
		display:inline-block;
		margin-left:3px;
		color:#999;
	}
	
	#sub .commonA .titLine{
		width:100%;
		display:flex;
		justify-content:space-between;
		padding-bottom:30px;
		border-bottom:1px solid #d9d9d9;
		position:Relative;
		margin-top:20px;
	}
	
	#sub .commonA .titLine .tit{
		font-size:36px;
		color:#222;
		font-weight:600;
	}
	
	#sub .commonA .titLine .submenuA{
		width:190px;
		border:1px solid #d9d9d9;
		border-radius:5px;
		box-sizing:border-box;
		position:absolute;
		right:110px;
		background:#fff;
		z-index:1;
		overflow:hidden;
		top:0%;
	}
	
	#sub .commonA .titLine .submenuA .ps{
		width:190px;
		padding:15px;
		box-sizing:border-box;
		display:Flex;
		justify-content:space-between;
		cursor:pointer;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList{
		width:100%;
		display:none;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList li{
		width:100%;
		padding:15px;
		border-top:1px solid #e5e5e5;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList .current{
		background:#f7f7f7;
	}
	
	#sub .introduce{
		width:100%;
		margin:4em auto 5em;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#sub .introduce .thum{
		width:100%;
	}
	
	#sub .introduce .thum img{
		width:100%;
	}
	
	#sub .introduce .subj{
		width:100%;
		font-size:30px;
		color:#222;
		font-weight:600;
		margin-top:50px;
	}
	
	#sub .introduce .subs{
		width:100%;
		font-size:20px;
		color:#444;
		margin-top:20px;
		line-height:30px;
		word-break:keep-all;
	}
	
	#sub .product .wrap{
		width:100%;
		overflow:scroll;
		white-space:nowrap;
	}
	


	#sub .board{
		width:100%;
		padding:4em 3% 5em;
		box-sizing:border-box;
	}
	
	#sub .board .opBox{
		width:100%;
		background:#f7f7f7;
		border:1px solid #d9d9d9;
		padding:25px 20px;
		box-sizing:border-box;
		border-radius:5px;
		display:block;
		justify-content:space-between;
	}

	#sub .board .opBox .count{
		font-size:16px;
		color:#444;
		line-height:auto;
	}
	
	#sub .board .opBox .count b{
		color:#E43D30;
	}
	
	#sub .board .opBox .searchA{
		display:flex;
		width:100%;
		margin-top:10px;
	}
	
	#sub .board .opBox .searchA select{
		width:20%;
		background:#fff;
		padding:15px;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
	}
	
	#sub .board .opBox .searchA input{
		width:65%;
		background:#fff;
		padding:15px 15px;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
		height:auto;
		margin-left:4px;
	}
	
	#sub .board .opBox .searchA button{
		width:15%;
		background:#E43D30;
		padding:15px 15px;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
		height:auto;
		margin-left:10px;
		color:#fff;
		cursor:pointer;
	}
	
	
	
	#sub .board .boardList{
		width:100%;
		border-top:2px solid #E43D30;
		border-bottom:1px solid #d9d9d9;
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
		margin-top:2.5em;
	}
	
	#sub .board .boardList dd{
		width:100%;
		padding:2.5em;
		box-sizing:border-box;
		display:flex;
		border-bottom:1px solid #d9d9d9;
	}
	
	#sub .board .boardList dd a{
		width:100%;
		display:flex;
	}
	
	
	#sub .board .boardList dd:last-child{
		border-bottom:0px solid #d9d9d9;
	}
	
	#sub .board .boardList dd .txA{
		width:60%;
		place-self:center;
	}

	#sub .board .boardList dd .txA .subj{
		width:100%;
		font-size:22px;
		color:#222;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-weight:500;
	}
	
	#sub .board .boardList dd .txA .subs{
		width:100%;
		font-size:18px;
		color:#444;
		margin-top:20px;
		line-height: 28px;
		word-break: keep-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	#sub .board dd .opA{
		width:100%;
		margin-top:30px;
	}
	
	#sub .board dd .opA li{
		display:inline-block;
		margin-right:20px;
		font-size:16px;
		color:#777;
		line-height:16px;
		position:Relative;
	}
	
	#sub .board dd .opA li:after{
		width:1px;
		height:16px;
		content:'';
		position:absolute;
		right:-12px;
		background:#999;
	}
	
	#sub .board dd .opA li:last-child:after{
		display:none;
	}
	
	#sub .board .boardList dd .thum{
		width:40%;
		place-self:center;
		padding-left:50px;
		box-sizing:border-box;
	}
	
	#sub .board .boardList dd .thum img{
		width:100%;
	}


	#sub .board .galleryList{
		width:100%;
		margin-top:50px;
		display:flex;
		gap:30px;
		flex-flow:wrap;
	}
	
	#sub .board .galleryList dd{
		width:calc(100% / 2 - 15px);
	}
	
	#sub .board .galleryList dd .thum{
		width:100%;
	}
	
	#sub .board .galleryList dd .thum img{
		width:100%;
	}
	
	#sub .board .galleryList dd .subj{
		width:100%;
		margin-top:24px;
		color:#222;
		font-weight:600;
		font-size:18px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	#sub .board .galleryList dd .opA{
		width:100%;
		margin-top:12px;
	}
	
	
	#sub .board .paging{
		width:100%;
		margin-top:50px;
		text-align:Center;
	}
	
	#sub .board .paging li{
		width:100%;
		margin-top:50px;
		text-align:Center;
		width:30px;
		text-align:Center;
		line-height:30px;
		display:inline-block;
		border-radius:50%;
	}
	
	#sub .board .paging .current{
		background:#E43D30;
		color:#fff;
	}
	
	#sub .board .paging .current a{
		color:#fff;
	}
	
	
	
	
	#sub .board .view{
		width:100%;
		margin-top:50px;
	}
	
	#sub .board .view .tit{
		width:100%;
		text-align:Center;
		font-size:24px;
		color:#222;
		font-weight:600;
		word-break:keep-all;
		border-top:2px solid #E43D30;
		border-bottom:1px solid #d9d9d9;
		padding:30px 0px;
	}
	
	#sub .board .view .opA{
		width:100%;
		padding:24px 0px;
		text-align:Right;
		border-bottom:1px solid #d9d9d9;
	}
	
	
	#sub .board .view .opA li{
		display:inline-block;
		margin-right:20px;
		font-size:16px;
		color:#777;
		line-height:16px;
		position:Relative;
	}
	
	#sub .board .view .opA li:after{
		width:1px;
		height:16px;
		content:'';
		position:absolute;
		right:-12px;
		background:#999;
	}
	
	#sub .board .view .opA li:last-child:after{
		display:none;
	}
	
	#sub .board .view .opA li img{
		height:16px;
		margin-top:-2px;
	}
	
	#sub .board .view .opA li span{
		line-height:16px;
		display:inline-block;
		margin-left:4px;
		color:#999
	}
	
	
	
	#sub .board .view .content{
		width:100%;
		padding:50px 0px;
		box-sizing:border-box;
		font-size:16px;
		color:#444;
		line-height:26px;
		word-break:keep-all;
	}
	
	#sub .board .view .content .thum{
		width:100%;
	}
	
	#sub .board .view .content .thum img{
		width:100%;
	}
	
	
	
	#sub .board .view .fileBox{
		width:100%;
		padding:20px;
		background:#f7f7f7;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		margin-bottom:20px;
		display:flex;
		flex-flow:wrap;
		gap:20px;
	}
	
	#sub .board .view .fileBox dd{
		width:calc(100% / 2 - 10px);
		background:#fff;
		display:Flex;
		border:1px solid #d9d9d9;
	}

	#sub .board .view .fileBox dd a{
		width:100%;
		display:flex;
	}
	
	#sub .board .view .fileBox dd .ico{
		width:58px;
		place-self:center;
	}
	#sub .board .view .fileBox dd .ico img{
		width:100%;
	}
	
	#sub .board .view .fileBox dd .file{
		width:90%;
		place-self:center;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		padding-left:15px;
		box-sizing:border-box;
		color:#444;
	}
	
	
	#sub .board .view .listBtn{
		width:100%;
		text-align:Right;
	}
	
	#sub .board .view .listBtn a{
		padding:15px;
		box-sizing:border-box;
		display:inline-block;
		border:1px solid #d9d99d;
		border-radius:5px;
	}
	
	#sub .board .view .listBtn a .ico{
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .board .view .listBtn a .ico img{
		width:100%;
	}
	
	#sub .board .view .listBtn a .tx{
		font-size:18px;
		color:#777;
		display:inline-block;
		vertical-align:middle;
		margin-left:15px;
	}
	
	#sub .product{
		width:100%;
		padding:4em 3% 5em;
		box-sizing:border-box;
	}


}

@media screen and (max-width: 767px){
	#sub{
		width:100%;
	}
	
	#sub .commonA{
		width:100%;
		padding:3em 3% 0px;
		box-sizing:border-box;
	}

	#sub .commonA .nav{
		width:100%;
	}
	
	#sub .commonA .nav li{
		display:inline-block;
		position:relative;
		margin-right:20px;
		font-size:13px;
		color:#999;
		line-height:25px;
	}

	#sub .commonA .nav li:after{
		content:'';
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:6px;
		height:6px;
		background:#d9d9d9;
		border-radius:50%;
		right:-16px;
	}
	
	#sub .commonA .nav li:last-child:after{
		display:none;
	}
	#sub .commonA .nav li img{
		display:inline-block;
		width:20px;
	}
	
	#sub .commonA .nav li span{
		display:inline-block;
		margin-left:3px;
		color:#999;
	}
	
	#sub .commonA .titLine{
		width:100%;
		display:flex;
		justify-content:space-between;
		padding-bottom:1.5em;
		border-bottom:1px solid #d9d9d9;
		position:Relative;
		margin-top:1em;
	}
	
	#sub .commonA .titLine .writeBtn{
    	width:80px;
    	border:1px solid #d9d9d9;
    	background:#f7f7f7;
    	padding:8px;
    	text-align:center;
    	border-radius:5px;
    	font-size:14px
    }
	
	#sub .commonA .titLine .tit{
		font-size:26px;
		color:#222;
		font-weight:600;
	}
	
	#sub .commonA .titLine .submenuA{
		width:190px;
		border:1px solid #d9d9d9;
		border-radius:5px;
		box-sizing:border-box;
		position:absolute;
		/* right:0; */
		left:0;
		background:#fff;
		z-index:1;
		overflow:hidden;
		top:66px;
		/* display:none; */
	}
	
	#sub .commonA .titLine .submenuA .ps{
		width:190px;
		padding:15px;
		box-sizing:border-box;
		display:Flex;
		justify-content:space-between;
		cursor:pointer;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList{
		width:100%;
		display:none;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList li{
		width:100%;
		padding:15px;
		border-top:1px solid #e5e5e5;
	}
	
	#sub .commonA .titLine .submenuA .subMenuList .current{
		background:#f7f7f7;
	}
	
	#sub .introduce{
		width:100%;
		margin:3em auto 5em;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#sub .introduce .thum{
		width:100%;
	}
	
	#sub .introduce .thum img{
		width:100%;
	}
	
	#sub .introduce .subj{
		width:100%;
		font-size:20px;
		color:#222;
		font-weight:600;
		margin-top:1em;
		word-break:keep-all;
		line-height:30px;
	}
	
	#sub .introduce .subs{
		width:100%;
		font-size:14px;
		color:#444;
		margin-top:20px;
		line-height:22px;
		word-break:keep-all;
	}
	
	
#sub .product{
	width:100%;
	padding:4em 3% 5em;
	box-sizing:border-box;
}


#sub .product table{
	width:100%;
	
}
	
#sub .product .table1{
	width:100%;
	border:1px solid #e5e5e5;
}

#sub .product .table1 th,
#sub .product .table1 td{
	padding:20px 10px;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	font-size:13px;
}
#sub .product .table1 th{
	background:#f7f7f7;
}


#sub .product .table2{
	width:100%;
	margin-top:50px;
}

#sub .product .table2 thead tr{
	background:#f7f7f7;
	margin-top:1px;
	border-radius:10px;
}

#sub .product .table2 thead tr th{
	font-size:13px;
	color:#444;
	font-weight:normal;
	padding:20px 10px;
	word-break:keep-all;
}


#sub .product .table2 tbody tr{
	background:#fff;
}

#sub .product .table2 tbody tr:nth-child(2n){
	background:#f7f7f7;
}

#sub .product .table2 tbody tr th{
	font-size:15px;
	color:#444;
	font-weight:normal;
	padding:20px 10px;
	word-break:keep-all;
}



	#sub .board{
		width:100%;
		padding:4em 3% 5em;
		box-sizing:border-box;
	}
	
	#sub .board .opBox{
		width:100%;
		background:#f7f7f7;
		border:1px solid #d9d9d9;
		padding:10px 10px;
		box-sizing:border-box;
		border-radius:5px;
		display:block;
		justify-content:space-between;
	}

	#sub .board .opBox .count{
		font-size:13px;
		color:#444;
		line-height:26px;
	}
	
	#sub .board .opBox .count b{
		color:#E43D30;
	}
	
	#sub .board .opBox .searchA{
		display:flex;
		width:100%;
		margin-top:10px;
	}
	
	#sub .board .opBox .searchA select{
		width:25%;
		background:#fff;
		padding:15px;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
	}
	
	#sub .board .opBox .searchA input{
		width:55%;
		background:#fff;
		padding:15px 15px;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
		height:auto;
		margin-left:4px;
	}
	
	#sub .board .opBox .searchA button{
		width:20%;
		background:#E43D30;
		padding:15px 0px;
		box-sizing:border-box;
		border-radius:5px;
		font-size:15px;
		height:auto;
		margin-left:10px;
		color:#fff;
		cursor:pointer;
	}
	
	
	
	#sub .board .boardList{
		width:100%;
		border-top:2px solid #E43D30;
		border-bottom:1px solid #d9d9d9;
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
		margin-top:2.5em;
	}
	
	#sub .board .boardList dd{
		width:100%;
		padding:1.5em;
		box-sizing:border-box;
		display:block;
		border-bottom:1px solid #d9d9d9;
	}
	
	#sub .board .boardList dd a{
		width:100%;
		display:block;
	}
	
	
	#sub .board .boardList dd:last-child{
		border-bottom:0px solid #d9d9d9;
	}
	
	#sub .board .boardList dd .txA{
		width:100%;
		place-self:center;
	}

	#sub .board .boardList dd .txA .subj{
		width:100%;
		font-size:16px;
		color:#222;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-weight:500;
	}
	
	#sub .board .boardList dd .txA .subs{
		width:100%;
		font-size:14px;
		color:#444;
		margin-top:10px;
		line-height: 22px;
		word-break: keep-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	#sub .board dd .opA{
		width:100%;
		margin-top:20px;
	}
	
	#sub .board dd .opA li{
		display:inline-block;
		margin-right:20px;
		font-size:13px;
		color:#777;
		line-height:13px;
		position:Relative;
	}
	
	#sub .board dd .opA li:after{
		width:1px;
		height:13px;
		content:'';
		position:absolute;
		right:-12px;
		background:#999;
	}
	
	#sub .board dd .opA li:last-child:after{
		display:none;
	}
	
	#sub .board .boardList dd .thum{
		width:100%;
		place-self:center;
		padding-left:0px;
		box-sizing:border-box;
		margin-top:30px;
	}
	
	#sub .board .boardList dd .thum img{
		width:100%;
	}


	#sub .board .galleryList{
		width:100%;
		margin-top:50px;
		display:flex;
		gap:30px;
		flex-flow:wrap;
	}
	
	#sub .board .galleryList dd{
		width:100%;
	}
	
	#sub .board .galleryList dd .thum{
		width:100%;
	}
	
	#sub .board .galleryList dd .thum img{
		width:100%;
	}
	
	#sub .board .galleryList dd .subj{
		width:100%;
		margin-top:12px;
		color:#222;
		font-weight:600;
		font-size:18px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	#sub .board .galleryList dd .opA{
		width:100%;
		margin-top:12px;
	}
	
	
	#sub .board .paging{
		width:100%;
		margin-top:2.5em;
		text-align:Center;
	}
	
	#sub .board .paging li{
		width:100%;
		margin-top:0px;
		text-align:Center;
		width:25px;
		text-align:Center;
		line-height:25px;
		display:inline-block;
		border-radius:50%;
	}
	
	#sub .board .paging .current{
		background:#E43D30;
		color:#fff;
	}
	
	#sub .board .paging .current a{
		color:#fff;
	}
	
	
	
	
	#sub .board .view{
		width:100%;
		margin-top:50px;
	}
	
	#sub .board .view .tit{
		width:100%;
		text-align:Center;
		font-size:24px;
		color:#222;
		font-weight:600;
		word-break:keep-all;
		border-top:2px solid #E43D30;
		border-bottom:1px solid #d9d9d9;
		padding:30px 0px;
	}
	
	#sub .board .view .opA{
		width:100%;
		padding:24px 0px;
		text-align:Right;
		border-bottom:1px solid #d9d9d9;
	}
	
	
	#sub .board .view .opA li{
		display:inline-block;
		margin-right:20px;
		font-size:13px;
		color:#777;
		line-height:13px;
		position:Relative;
	}
	
	#sub .board .view .opA li:after{
		width:1px;
		height:13px;
		content:'';
		position:absolute;
		right:-12px;
		background:#999;
	}
	
	#sub .board .view .opA li:last-child:after{
		display:none;
	}
	
	#sub .board .view .opA li img{
		height:13px;
		margin-top:-2px;
	}
	
	#sub .board .view .opA li span{
		line-height:13px;
		display:inline-block;
		margin-left:4px;
		color:#999;
		font-size:13px;
	}
	
	
	
	#sub .board .view .content{
		width:100%;
		padding:50px 0px;
		box-sizing:border-box;
		font-size:16px;
		color:#444;
		line-height:26px;
		word-break:keep-all;
	}
	
	#sub .board .view .content .thum{
		width:100%;
	}
	
	#sub .board .view .content .thum img{
		width:100%;
	}
	
	
	
	#sub .board .view .fileBox{
		width:100%;
		padding:10px;
		background:#f7f7f7;
		border:1px solid #d9d9d9;
		box-sizing:border-box;
		margin-bottom:20px;
		display:flex;
		flex-flow:wrap;
		gap:10px;
	}
	
	#sub .board .view .fileBox dd{
		width:100%;
		background:#fff;
		display:Flex;
		border:1px solid #d9d9d9;
	}

	#sub .board .view .fileBox dd a{
		width:100%;
		display:flex;
	}
	
	#sub .board .view .fileBox dd .ico{
		width:40px;
		place-self:center;
	}
	#sub .board .view .fileBox dd .ico img{
		width:100%;
	}
	
	#sub .board .view .fileBox dd .file{
		width:90%;
		place-self:center;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		padding-left:15px;
		box-sizing:border-box;
		color:#444;
	}
	
	
	#sub .board .view .listBtn{
		width:100%;
		text-align:Right;
	}
	
	#sub .board .view .listBtn a{
		padding:15px;
		box-sizing:border-box;
		display:inline-block;
		border:1px solid #d9d99d;
		border-radius:5px;
	}
	
	#sub .board .view .listBtn a .ico{
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#sub .board .view .listBtn a .ico img{
		width:100%;
	}
	
	#sub .board .view .listBtn a .tx{
		font-size:18px;
		color:#777;
		display:inline-block;
		vertical-align:middle;
		margin-left:15px;
	}
	
	
	#sub .product{
		width:100%;
		padding:3em 3% 5em;
		box-sizing:border-box;
	}


}