.coordination{ width:100%; max-width:1200px; margin:0 auto;}
.coordination:after{content:""; display:block; clear:both;}
.coordination ul li.leftBox {float:left; width:250px;}
.coordination ul li.leftBox ul li {cursor:pointer;}

.coordination ul li.rightBox {float:right; width:900px;}
.coordination ul li.rightBox img {width:100%; max-width:900px;}

.itemList{ width:100%; max-width:1200px; margin:0 auto;}
.itemList:after{content:""; display:block; clear:both;}
.itemList ul li.leftBox {width:100%;}
.itemList ul li.rightBox {float:right; width:50%;}
.itemList h2 {font-size:18pt; margin-top:20px; font-weight:700; color:#584738;}
.itemList .item li {float:left; width:90px; margin-right:10px;}
.itemList .item li img {width:100%; height:100%; cursor:pointer;}
.itemList .item li p {text-align:center; padding-top:5px; padding-bottom:5px;}

.hiddenSection {display:none;}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	.visual_area { background:url('../image/sub_visual_msub02.jpg') no-repeat top center !important; background-size:cover !important;}
	#sub_tit {display:none;}

	.coordination ul li.leftBox {width:100%;}
	.coordination ul li.leftBox ul li {float:left; width:33.333%;}
	.coordination ul li.leftBox ul li img {width:100%;}
	.coordination ul li.rightBox {width:100%;}
	.itemList .item li {float:left; width:50px; margin-right:6px;}
	.itemList .item li img {width:100%; height:100%; cursor:pointer;}
}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}