@media screen and (max-width: 1180px) {

	#main{
		width:100%;
		overflow-x:hidden;
	}
	
	#main .visual{
		width:100%;
		position:relative;
		border-radius:50px 50px 0px 0px;
		background:#fff;
		z-index:1;
		margin-top:0px;
		height:auto;
		overflow:visible
	}

	#main .visual .ct{
		width:100%;
		padding:40px 3% 40px;
		box-sizing:border-box;
		position:relative;
		top:0%;
		transform:translateY(-0%);
		display:block;
		z-index:2;
	}

	#main .visual .ct .mainVisual{
		width:100%;
	}
	
	
	
	#main .visual .ct section{
		width:100%;
		display:block;
		justify-content:center;
	}
	
	
	
	
	#main .visual .ct section .txA{
		width:100%;
		place-self:center;
		padding-right:0px;
		box-sizing:Border-box;
		position:relative;
		z-index:1;
		padding:50px 3%;
		text-align:center;
	}
	
	
	#main .visual .ct section .txA .tit{
		font-size:50px;
		color:#222;
		font-weight:700;
	}
	
	#main .visual .ct section .txA .tit span{
		color:#1165AC;
		font-weight:300;
		display:inline-block;
		margin-left:15px;
	}
	
	#main .visual .ct section .txA .substance{
		font-size:20px;
		color:#222;
		margin-top:20px;
		word-break:keep-all;
		line-height:34px;
	}
	
	#main .visual .ct section .txA .substance br{
		display:none;
	}
	
	
	#main .visual .ct section .txA .btnA{
		width:100%;
		margin-top:50px;
	}
	
	#main .visual .ct section .txA .btnA .more-btn{
		display:inline-block;
		padding:0px 40px;
		background:#222;
		color:#fff;
		vertical-align:middle;
		line-height:50px;
		border-radius:50px;
	}
	
	#main .visual .ct section .txA .btnA .more-btn a{
		color:#fff;
	}
	
	#main .visual .ct section .txA .btnA .arrow-btn{
		display:inline-block;
		vertical-align:middle;
		width:50px;
	}
	
	#main .visual .ct section .txA .btnA .arrow-btn img{
		width:100%;
	}
	
	
	
	#main .visual .ct section .imgA{
		width:100%;
		place-self:center;
		padding-left:0px;
		box-sizing:Border-box;
		text-align:center;
		overflow:visible;
		position:relative !important;
		height:300px;
	}
	
	#main .visual .ct section .imgA div{
		width:45% !important;
	}
	
	
	#main .visual .ct section .imgA img{
		width:auto;
		margin:0 auto;
		height:100%;
	}


	
	#main .shortList{
		width:100%;
		background:#FAFAF4;
		padding:100px 3%;
		box-sizing:border-box;
		display:flex;
	}
	
	#main .shortList li{
		width:100%;
	}
	
	#main .shortList li .ico{
		text-align:center;
	}
	
	#main .shortList li .ico img{
		height:50px;
	}
	
	#main .shortList li .tx{
		text-align:center;
		font-size:17px;
		margin-top:20px;
		padding-top:20px;
		color:#222;
		font-weight:500;
		position:relative;
	}
	
	#main .shortList li .tx:before{
		content:'';
		position:absolute;
		width:50px;
		height:1px;
		background:#222;
		left:50%;
		transform:translateX(-50%);
		top:0;
		display:none;
	}
	
	
	#main .product{
		width:100%;
		padding:100px 3% 150px;
		background:#F5F5E9;
		box-sizing:border-box;
	}
	
	#main .product dd{
		width:100%;
		display:block;
		margin-top:100px;
	}
	
	#main .product dd:first-child{
		margin-top:0px;
	}
	
	
	#main .product dd .img{
		width:50%;
		place-self:center;
		padding-right:0px;
		box-sizing:border-box;
		text-align:center;
		margin:0 auto;
	}
	
	
	#main .product dd .img img{
		width:70%;
	}
	
	#main .product dd:last-child .img img{
		width:100%;
	}
	
	
	#main .product dd .mo{
		display:block;
	}
	
	
	#main .product dd .pc{
		display:none;
	}
	
	#main .product dd .txA{
		padding-left:0px;
		box-sizing:border-box;
		place-self:center;
		width:100%;
		text-align:center;
		margin-top:30px;
	}
	
	#main .product dd:nth-child(2n) .img{
		padding-right:0px;
		padding-left:0px;
	}
	
	#main .product dd:nth-child(2n) .txA{
		padding-left:0px;
		padding-right:0px;
	}
	
	
	#main .product dd .txA .name{
		width:100%;
		font-size:48px;
		color:#222;
		font-weight:bold
	}

	#main .product dd .txA .model_name{
		width:100%;
		font-size:38px;
		color:#1165AC;
		font-weight:600;
	}
	
	#main .product dd .txA .by{
		width:100%;
		margin-top:15px;
		color:#444;
		font-size:20px;
	}
	
	
	#main .product dd .txA .discription{
		width:100%;
		margin-top:40px;
		color:#777;
		font-size:18px;
		word-break:keep-all;
		line-height:28px
	}
	
	#main .product dd .txA .btn-a{
		width:100%;
		margin-top:40px;
	}
	
	#main .product dd .txA .btn-a .more{
		display:inline-block;
		max-height:70px;
		border-radius:50px;
		color:#fff;
		background:#222;
		padding:16px 25px;
		box-sizing:border-box;
		
	}
	
	#main .product dd .txA .btn-a .more a{
		color:#fff;
	}
	
	#main .product dd .txA .btn-a .arrow{
		display:inline-block;
		width:50px;
		margin-left:6px;
	}
	
	#main .product dd .txA .btn-a .arrow img{
		width:100%;
	}


#main .aroot{
	width:100%;
	padding:100px 3% 150px;
	box-sizing:border-box;
	background:#1C2935;
	position:relative;
	margin-top:-50px;
	border-radius:50px 50px 0px 0px;
}

#main .aroot .marketing{
	width:100%;
}

#main .aroot .marketing .tit{
	font-size:36px;
	color:#fff;
	word-break:keep-all;
}



#main .aroot .marketing .discription{

}

#main .aroot .marketing .discription .subj{
	font-size:20px;
	color:#fff;
	font-weight:600;
}

#main .aroot .marketing .discription .subs{
	font-size:16px;
	color:#fff;
	margin-top:20px;
	line-height:24px;
	opacity:0.7
}


#main .aroot .product-a{
	width:100%;
	margin-top:5em;
}

#main .aroot .product-a .tit-head{
	width:100%;
}

#main .aroot .product-a .tit-head .ctg{
	font-size:18px;
	color:#999;
}

#main .aroot .product-a .tit-head .subj-a{
	width:100%;
	margin-top:10px;
	display:inline-block;
}


#main .aroot .product-a .tit-head .subj-a .subj{
	font-size:30px;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
}

#main .aroot .product-a .tit-head .subj-a .more{
	display:inline-block;
	float:right;
}

#main .aroot .product-a .tit-head .subj-a .more .cir{
	width:50px;
	height:50px;
	border:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
	border-radius:100%;
	margin-top:-8px;
}




#main .aroot .product-a .tit-head .subj-a .more .tx{
	display:inline-block;
	font-size:18px;
	padding:8px;
	background:#1C2935;
	margin-left:-20px;
	color:#fff;
	position:relative;
	padding-left:15px;
	box-sizing:border-box;
}

#main .aroot .product-a .tit-head .subj-a .more .tx:before{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	top:50%;
	transform:translateY(-50%);
	left:0;
}

#main .aroot .product-a .search-line{
	width:100%;
	margin-top:20px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	display:flex;
}


#main .aroot .product-a .search-line select{
	width:170px;
	border-right:1px solid rgba(255, 255, 255, 0.20);
	background:rgba(0,0,0,0);
	padding:15px;
	box-sizing:border-box;
	color:#999;
}

#main .aroot .product-a .search-line input{
	width:80%;
	padding:15px;
	box-sizing:border-box;
	background:rgba(0,0,0,0);
	color:#fff;
}

#main .aroot .product-a .search-line input:placeholder{
	color:#999;
}


#main .aroot .product-a .search-line button{
	width:170px;
	padding:15px;
	background:#1165AC;
	color:#fff;
	border-radius:50px;
}



#main .aroot .product-a .product-list{
	width:100%;
	display:flex;
	margin-top:80px;
}

#main .aroot .product-a .product-list li{
	width:100%;
	margin-left:10px;
	padding:40px 0px 30px;
	box-sizing:border-box;
	background:#192530;
	border-radius:20px;
	position:relative;
	overflow:hidden;
}



#main .aroot .product-a .product-list li:first-child{
	margin-left:0;
}

#main .aroot .product-a .product-list li .icon{
	width:100%;
	text-align:center;
	position:relative;
	z-index:1;
}

#main .aroot .product-a .product-list li .icon img{
	height:80px;
}

#main .aroot .product-a .product-list li .tx{
	width:100%;
	text-align:center;
	font-size:14px;
	margin-top:30px;
	color:#fff;
	position:relative;
	z-index:1;
	word-break:keep-all;
}




#main .article{
	width:100%;
	border-radius:50px;
	background:#fff;
	position:relative;
	z-index:1;
	margin-top:-50px;
	padding:100px 3%;
	box-sizing:border-box;
}

#main .article .tit-line{
	width:100%;
	display:inline-block;
}

#main .article .tit-line .tit{
	font-size:36px;
	color:#222;
	font-weight:bold;
	display:inline-block;
}

#main .article .tit-line .more{
	float:right;
	display:inline-block;
}

#main .article .tit-line .more .tx{
	font-size:18px;
	color:#222;
	font-weight:500;
	display:inline-block;
	vertical-align:Middle;
}

#main .article .tit-line .more .arrow{
	display:inline-block;
	vertical-align:Middle;
	width:14px;
}

#main .article .tit-line .more .arrow img{
	width:100%;
}


#main .article .article-list{
	width:100%;
	margin-top:30px;
	display:flex;
	white-space:nowrap;
	gap:30px
}

#main .article .article-list li{
	width:40%;
	display:inline-block;
	margin-left:0px;
}

#main .article .article-list li:first-child{
	margin-left:0px;
}

#main .article .article-list li .thum{
	width:100%;
	border-radius:30px;
	overflow:Hidden;
}

#main .article .article-list li .thum img{
	width:100%;
}

#main .article .article-list li:hover .thum img{
	transform:scale(1.2);
	transition:all 0.5s;
}



#main .article .article-list li .ctg{
	width:100%;
	margin-top:20px;
	color:#1165AC;
	font-size:16px;
	white-space:wrap;
	word-break:keep-all;
}

#main .article .article-list li .subj{
	width:100%;
	margin-top:10px;
	font-size:16px;
}

#main .article .article-list li .btn-a{
	width:100%;
	margin-top:50px;
}



#main .article .article-list li .btn-a div{
	display:inline-block;
	padding:12px 15px;
	border-radius:50px;
	font-size:16px;
	color:#fff;
}


#main .article .article-list li .btn-a div a{
	color:#fff;
}



#main .article .article-list li .btn-a .black-btn{
	background:#222;
}

#main .article .article-list li .btn-a .blue-btn{
	background:#1165AC;
}


#main .article .article-list li .time{
	width:100%;
	margin-top:50px;
	
}

#main .article .article-list li .time .ico{
	width:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px
}

#main .article .article-list li .time .ico img{
	width:100%;
}

#main .article .article-list li .time .tx{
	font-size:16px;
	color:#777;
	display:inline-block;
	vertical-align:middle;
	margin-left:3px;
}
	

}


@media screen and (max-width: 767px) {
	#main{
		width:100%;
		
	}
	
	#main .visual{
		width:100%;
		position:relative;
		border-radius:30px 30px 0px 0px;
		background:#fff;
		z-index:1;
		margin-top:0px;
		
	}

	#main .visual .ct{
		width:100%;
		padding:130px 3% 80px;
		box-sizing:border-box;
		position:relative;
		top:0%;
		transform:translateY(-0%);
		display:block;
		z-index:2;
	}

	#main .visual .ct .mainVisual{
		width:100%;
	}
	
	
	
	#main .visual .ct section{
		width:100%;
		display:block;
		justify-content:center;
	}
	
	
	
	
	#main .visual .ct section .txA{
		width:100%;
		place-self:center;
		padding-right:0px;
		box-sizing:Border-box;
		position:relative;
		z-index:1;
		text-align:center;
	}
	
	
	#main .visual .ct section .txA .tit{
		font-size:45px;
		color:#222;
		font-weight:700;
	}
	
	#main .visual .ct section .txA .tit span{
		color:#1165AC;
		font-weight:300;
		display:inline-block;
		margin-left:5px;
	}
	
	#main .visual .ct section .txA .substance{
		font-size:16px;
		color:#222;
		margin-top:20px;
		word-break:keep-all;
		line-height:24px;
	}
	
	#main .visual .ct section .txA .substance br{
		display:none;
	}
	
	
	#main .visual .ct section .txA .btnA{
		width:100%;
		margin-top:50px;
	}
	
	#main .visual .ct section .txA .btnA .more-btn{
		display:inline-block;
		padding:0px 40px;
		background:#222;
		color:#fff;
		vertical-align:middle;
		line-height:50px;
		border-radius:50px;
	}
	
	#main .visual .ct section .txA .btnA .more-btn a{
		color:#fff;
	}
	
	#main .visual .ct section .txA .btnA .arrow-btn{
		display:inline-block;
		vertical-align:middle;
		width:50px;
	}
	
	#main .visual .ct section .txA .btnA .arrow-btn img{
		width:100%;
	}
	
	
	
	#main .visual .ct section .imgA{
		width:100%;
		place-self:center;
		padding-left:0px;
		box-sizing:Border-box;
		text-align:center;
		overflow:Hidden;
	}
	
	
	#main .visual .ct section .imgA img{
		width:100%;
		margin:0 auto;
	}


	
	#main .shortList{
		width:100%;
		background:#FAFAF4;
		padding:0px 0%;
		box-sizing:border-box;
		display:flex;
		flex-flow:wrap;
		border-top:1px solid #e5e5e5;
	}
	
	#main .shortList li{
		width:33%;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		padding:60px 0px;
	}
	
	#main .shortList li .ico{
		text-align:center;
	}
	
	#main .shortList li .ico img{
		height:50px;
	}
	
	#main .shortList li .tx{
		text-align:center;
		font-size:15px;
		margin-top:20px;
		padding-top:20px;
		color:#222;
		font-weight:500;
		position:relative;
	}
	
	#main .shortList li .tx:before{
		content:'';
		position:absolute;
		width:50px;
		height:1px;
		background:#222;
		left:50%;
		transform:translateX(-50%);
		top:0;
		display:none;
	}
	
	
	#main .product{
		width:100%;
		padding:60px 3% 90px;
		background:#F5F5E9;
		box-sizing:border-box;
	}
	
	#main .product dd{
		width:100%;
		display:block;
		margin-top:100px;
	}
	
	#main .product dd:first-child{
		margin-top:0px;
	}
	
	
	#main .product dd .img{
		width:50%;
		place-self:center;
		padding-right:0px;
		box-sizing:border-box;
		text-align:center;
		margin:0 auto;
	}
	
	
	#main .product dd .img img{
		width:90%;
	}
	
	#main .product dd:last-child .img img{
		width:130%;
		margin:0 auto;
		display:inline-block;
	}
	
	
	#main .product dd .mo{
		display:block;
	}
	
	
	#main .product dd .pc{
		display:none;
	}
	
	#main .product dd .txA{
		padding-left:0px;
		box-sizing:border-box;
		place-self:center;
		width:100%;
		text-align:center;
		margin-top:30px;
	}
	
	#main .product dd:nth-child(2n) .img{
		padding-right:0px;
		padding-left:0px;
	}
	
	#main .product dd:nth-child(2n) .txA{
		padding-left:0px;
		padding-right:0px;
	}
	
	
	#main .product dd .txA .name{
		width:100%;
		font-size:30px;
		color:#222;
		font-weight:bold
	}

	#main .product dd .txA .model_name{
		width:100%;
		font-size:24px;
		color:#1165AC;
		font-weight:600;
	}
	
	#main .product dd .txA .by{
		width:100%;
		margin-top:13px;
		color:#444;
		font-size:16px;
	}
	

	#main .product dd .txA .discription{
		width:100%;
		margin-top:40px;
		color:#777;
		font-size:15px;
		word-break:keep-all;
		line-height:28px
	}
	
	#main .product dd .txA .btn-a{
		width:100%;
		margin-top:40px;
	}
	
	#main .product dd .txA .btn-a .more{
		display:inline-block;
		max-height:70px;
		border-radius:50px;
		color:#fff;
		background:#222;
		padding:16px 25px;
		box-sizing:border-box;
		
	}
	
	#main .product dd .txA .btn-a .more a{
		color:#fff;
	}
	
	#main .product dd .txA .btn-a .arrow{
		display:inline-block;
		width:50px;
		margin-left:6px;
	}
	
	#main .product dd .txA .btn-a .arrow img{
		width:100%;
	}


#main .aroot{
	width:100%;
	padding:60px 3% 90px;
	box-sizing:border-box;
	background:#1C2935;
	position:relative;
	margin-top:-30px;
	border-radius:30px 30px 0px 0px;
}

#main .aroot .marketing{
	width:100%;
	display:block;
}

#main .aroot .marketing .tit{
	width:100%;
	font-size:30px;
	color:#fff;
	word-break:keep-all;
}


#main .aroot .marketing .discription{
	width:100%;
	margin-top:20px;
}

#main .aroot .marketing .discription .subj{
	font-size:18px;
	color:#fff;
	font-weight:600;
}

#main .aroot .marketing .discription .subs{
	font-size:14px;
	color:#fff;
	margin-top:20px;
	line-height:22px;
	opacity:0.7;
}


#main .aroot .product-a{
	width:100%;
	margin-top:5em;
}

#main .aroot .product-a .tit-head{
	width:100%;
}

#main .aroot .product-a .tit-head .ctg{
	font-size:18px;
	color:#999;
}

#main .aroot .product-a .tit-head .subj-a{
	width:100%;
	margin-top:10px;
	display:inline-block;
}


#main .aroot .product-a .tit-head .subj-a .subj{
	font-size:30px;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
}

#main .aroot .product-a .tit-head .subj-a .more{
	display:inline-block;
	float:right;
}

#main .aroot .product-a .tit-head .subj-a .more .cir{
	width:40px;
	height:40px;
	border:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
	border-radius:100%;
	margin-top:0px;
}




#main .aroot .product-a .tit-head .subj-a .more .tx{
	display:inline-block;
	font-size:15px;
	padding:8px;
	background:#1C2935;
	margin-left:-20px;
	color:#fff;
	position:relative;
	padding-left:15px;
	box-sizing:border-box;
}

#main .aroot .product-a .tit-head .subj-a .more .tx:before{
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	top:50%;
	transform:translateY(-50%);
	left:0;
}

#main .aroot .product-a .search-line{
	width:100%;
	margin-top:20px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	display:flex;
}


#main .aroot .product-a .search-line select{
	width:170px;
	border-right:1px solid rgba(255, 255, 255, 0.20);
	background:rgba(0,0,0,0);
	padding:15px;
	box-sizing:border-box;
	color:#999;
}

#main .aroot .product-a .search-line input{
	width:80%;
	padding:15px;
	box-sizing:border-box;
	background:rgba(0,0,0,0);
	color:#fff;
}

#main .aroot .product-a .search-line input:placeholder{
	color:#999;
}


#main .aroot .product-a .search-line button{
	width:170px;
	padding:15px;
	background:#1165AC;
	color:#fff;
	border-radius:50px;
}



#main .aroot .product-a .product-list{
	width:100%;
	display:flex;
	margin-top:80px;
	flex-flow:wrap;
	gap:10px;
}

#main .aroot .product-a .product-list li{
	width:31%;
	margin-left:0px;
	padding:40px 0px 30px;
	box-sizing:border-box;
	background:#192530;
	border-radius:20px;
	position:relative;
	overflow:hidden;
}



#main .aroot .product-a .product-list li:first-child{
	margin-left:0;
}

#main .aroot .product-a .product-list li .icon{
	width:100%;
	text-align:center;
	position:relative;
	z-index:1;
}

#main .aroot .product-a .product-list li .icon img{
	height:40px;
}

#main .aroot .product-a .product-list li .tx{
	width:100%;
	text-align:center;
	font-size:14px;
	margin-top:30px;
	color:#fff;
	position:relative;
	z-index:1;
	word-break:keep-all;
}




#main .article{
	width:100%;
	border-radius:30px;
	background:#fff;
	position:relative;
	z-index:1;
	margin-top:-50px;
	padding:60px 3%;
	box-sizing:border-box;
}

#main .article .tit-line{
	width:100%;
	display:inline-block;
	padding:0;
}

#main .article .tit-line .tit{
	font-size:30px;
	color:#222;
	font-weight:bold;
	display:inline-block;
}

#main .article .tit-line .more{
	float:right;
	display:inline-block;
}

#main .article .tit-line .more .tx{
	font-size:16px;
	color:#222;
	font-weight:500;
	display:inline-block;
	vertical-align:Middle;
}

#main .article .swiper-wrapper{
	padding:0;
}

#main .article .tit-line .more .arrow{
	display:inline-block;
	vertical-align:Middle;
	width:14px;
}

#main .article .tit-line .more .arrow img{
	width:100%;
}


#main .article .article-list{
	width:100%;
	margin-top:30px;
	display:flex;
	white-space:nowrap;
	gap:20px
}

#main .article .article-list li{
	width:80%;
	display:inline-block;
	margin-left:0px;
}

#main .article .article-list li:first-child{
	margin-left:0px;
}

#main .article .article-list li .thum{
	width:100%;
	border-radius:20px;
	overflow:Hidden;
}

#main .article .article-list li .thum img{
	width:100%;
}

#main .article .article-list li:hover .thum img{
	transform:scale(1.2);
	transition:all 0.5s;
}



#main .article .article-list li .ctg{
	width:100%;
	margin-top:20px;
	color:#1165AC;
	font-size:16px;
	white-space:wrap;
	word-break:keep-all;
}

#main .article .article-list li .subj{
	width:100%;
	margin-top:10px;
	font-size:16px;
}

#main .article .article-list li .btn-a{
	width:100%;
	margin-top:50px;
}



#main .article .article-list li .btn-a div{
	display:inline-block;
	padding:12px 15px;
	border-radius:50px;
	font-size:16px;
	color:#fff;
}


#main .article .article-list li .btn-a div a{
	color:#fff;
}



#main .article .article-list li .btn-a .black-btn{
	background:#222;
}

#main .article .article-list li .btn-a .blue-btn{
	background:#1165AC;
}


#main .article .article-list li .time{
	width:100%;
	margin-top:50px;
	
}

#main .article .article-list li .time .ico{
	width:15px;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px
}

#main .article .article-list li .time .ico img{
	width:100%;
}

#main .article .article-list li .time .tx{
	font-size:16px;
	color:#777;
	display:inline-block;
	vertical-align:middle;
	margin-left:3px;
}
	
}










/***************** 2023-10-27 수정 시작 *****************/

@media (max-width: 1600px) {
	#main .aroot .product-a .product-list li a {padding: 40px 0px 30px;}
	#main .product dd {margin: 0 auto 120px;}
	.main_slider_item .visual_txt .main_title span {font-size: 5vw; line-height: 6vw;}
	.main_slider_item .visual_txt .main_title span.color {margin-left: 1vw;}
	.main_slider_item .visual_txt .sub_t .tt {font-size: 20px; line-height: 30px;}
	#main .article .article-list {gap: 20px;}
	#main .article .article-list li {flex: 1 1 25%;}
	#main .article .article-list li .thum {border-radius: 20px;}

}


@media (max-width: 1440px) { 
	.main_slider_item .slide_inner {padding: 0 16px; width: calc(100% - 32px);}
	#main .article .article_controler .article_swiper_btn {width: 50px; height: 50px;}
	#main .article .article_controler .article_swiper_btn::after { font-size: 20px;}
	#main .aroot .product-a .product-list li .icon img {height:6vw; min-height: 40px;}
}




@media (max-width: 1200px) {
	.main_visual_slider {height: calc(100vh - 153px);}
	#main .product {padding-bottom: 100px;}
	#main .product dd {margin: 0 auto 100px;}
	#main .aroot {padding: 60px 3% 150px;}
	#main .article .article-list li .thum {border-radius: 15px;}
	#main .article .article-list li .time {margin-top: 30px;}
	#main .aroot .marketing .tit span {font-size: 50px;}
	

}



@media (max-width: 1024px) { 
	.main_slider_item .visual_txt .sub_t .tt {font-size: 16px; line-height: 26px;}
	.main_slider_item .visual_btn .more {height: 60px;}
	.main_slider_item .visual_btn .arrow_btn {width: 60px;}
	#main .aroot .product-a .product-list li a {padding: 30px 0px 30px; height: 100%;}
	#main .aroot .product-a .search-line input, #main .aroot .product-a .search-line select {height: 55px;}
	#main .aroot .product-a .search-line button {font-size: 16px;}

	#main .article .article-list {gap: 14px;}
	#main .article .article-list li {flex: 1 1 33.3%;}
	#main .article .article-list li .thum {border-radius: 10px;}
	#main .article .article_controler .article_swiper_btn {width: 40px; height: 40px;}
	#main .article .article_controler .article_swiper_btn::after { font-size: 18px;}

}



@media (max-width: 959px) { 

}



@media (max-width: 767px) {
	.main_visual_slider {height: auto; padding-top: 67px;}
	.main_slider_item .slide_inner {padding: 20px 16px 80px;}
	.main_slider_item .text {text-align: center;}
	.main_slider_item .visual_btn {justify-content: center;}

	#main .aroot .product-a .search-line select, #main .aroot .product-a .search-line button {width: 120px;}
	#main .aroot .product-a .tit-head .subj-a {display: flex; flex-flow: column;}
	#main .aroot .product-a .tit-head .subj-a .more {top: 0; margin-top: 6px; display: flex; justify-content: flex-end;}

	.main_slider_item .slide_inner {flex-flow: column;}
	.main_slider_item .visual_txt {width: 100%; order: 2;}
	.main_slider_item .visual_img {width: 100%; order: 1; display: flex; justify-content: center; margin-bottom: 20px;}
	.main_slider_item .visual_img img {max-width: 300px;}
	.main_slider_item .visual_txt .main_title span {font-size: 26px; line-height: 36px;}
	.main_slider_item .visual_txt .sub_t {margin-top: 10px;}
	.main_slider_item .visual_btn {margin-top: 20px;}

	#main .aroot .marketing .tit span {font-size: 40px;}

}



@media (max-width: 640px) {
	#main .article .article-list {gap: 10px;}
	#main .article .article-list li {flex: 1 1 50%;}
	#main .article .article-list li .thum {border-radius: 8px;}
	#main .article .article-list li .time {margin-top: 20px;}

}




@media (max-width: 479px) {
	#main .aroot .product-a .search-line select, #main .aroot .product-a .search-line button {width: 90px;}
	#main .aroot .marketing .tit span {font-size: 35px;}
}



@media (max-width: 374px) {



}


/***************** 2023-10-27 수정 끝 *****************/