@charset "utf-8";

/* 내용관리 */
.accessary_ban{
	background:url(img/ban.png)no-repeat center center;
	background-size:cover;
}
.ftw{
	color:#fff !important;
}
#ctt{
	width:1200px;
	margin:0 auto;
}
.accessary_list{
	width:100%;
	margin-top:50px;
	margin-bottom:106px;
}
.accessary_list>ul{
	width:100%;
	overflow:hidden;
}
.accessary_list>ul>li{
	width:387px;
	height:534px;
	float:left;
	background:#f9f9f9;
	margin-right:19px;
	border-radius:20px;
}
.accessary_list>ul>li:nth-child(3n){
	margin-right:0px;
}
.accessary_list>ul>li:nth-child(n+4){
	margin-top:20px;
}
.accessary_list_img{
	width:100%;
	height:259px;
	position:relative;
}
.accessary_list_img>img{
	display:block;
	width:auto;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
}
.accessary_list>ul>li>h1{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:28px;
	color:#000000;	
	letter-spacing:-0.03em;	
	line-height:28px;
}
.accessary_list>ul>li>p{
	display:block;
	width:100%;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#3c3c3c;	
	letter-spacing:-0.03em;	
	line-height:26px;
	margin-top:44px;
}
.accessary_list>ul>li:nth-child(n+3):nth-child(-n+5)>div>img{
	mix-blend-mode: multiply;
}

@media(max-width:1200px){
	/* 내용관리 */
	.accessary_ban{
		background:url(img/mban.png)no-repeat center center;
		background-size:cover;
	}
	.ftw{
		color:#fff !important;
	}
	#ctt{
		width:100%;
		margin:0 auto;
		padding:0 4.7vw;
	}
	.accessary_list{
		width:100%;
		margin-top:10.5vw;
		margin-bottom:15.6vw;
	}
	.accessary_list>ul{
		width:100%;
		overflow:hidden;
	}
	.accessary_list>ul>li{
		width:calc(50% - 1.55vw);
		height:68.8vw;
		float:left;
		background:#f9f9f9;
		margin-right:3.1vw;
		border-radius:3.1vw;
	}
	.accessary_list>ul>li:nth-child(3n){
		margin-right:3.1vw;
	}
	.accessary_list>ul>li:nth-child(2n){
		margin-right:0px;
	}
	.accessary_list>ul>li:nth-child(n+3){
		margin-top:3.1vw;

	}
	.accessary_list>ul>li:nth-child(n+4){
		margin-top:3.1vw;
	}
	.accessary_list_img{
		width:100%;
		height:40.3vw;
		position:relative;
	}
	.accessary_list_img>img{
		display:block;
		width:33.9vw;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
	}
	.accessary_list>ul>li>h1{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:3.9vw;
		color:#000000;	
		letter-spacing:-0.03em;	
		line-height:3.9vw;
	}
	.accessary_list>ul>li>p{
		display:block;
		width:100%;
		text-align:center;
		font-family: 'Noto Sans KR', sans-serif;
		font-weight:500;
		font-size:2.5vw;
		color:#3c3c3c;	
		letter-spacing:-0.03em;	
		line-height:3.4vw;
		margin-top:2.5vw;
	}
	.accessary_list>ul>li:nth-child(n+3):nth-child(-n+5)>div>img{
		mix-blend-mode: multiply;
	}
}