/*메인 진열형태 Isotope CSS : 시작*/
 


.element {
	width: 150px;
	height: auto;
	margin: 0;
	float: left;
	overflow: hidden;
	position: relative;
}
.element_item {
	width: 150px;
	height: auto;
	margin: 0 0 10px 0;
	float: left;
	overflow: hidden;
	position: relative;
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property:    -moz-transform, opacity;
	-ms-transition-property:     -ms-transform, opacity;
	-o-transition-property:      -o-transform, opacity;
	transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/**** 메인 진열형태 Isotope styles end ****/
/*메인 진열형태 Isotope CSS : 시작*/
#wrapMain {width: 100%;margin: 0 auto;}
#wrapMain #imglistBox {margin: 0 auto;}
#imglistBox .main_long_item {width: 570px; height: 200px;  padding-top:40px; padding-right:20px;}
#imglistBox .main_large_notice {width: 450px; height: 320px;  padding-top:40px;}
#imglistBox .main_small_photo {width: 700px; height: 320px; padding-top:20px;padding-right:20px;}
#imglistBox .main_small_cs {width: 280px; height: 260px;  padding-top:80px;padding-right:20px;}
#imglistBox .main_small_banner {width: 280px; height: 260px;  padding-top:80px;}
.itemR_hidden{display: block;}
.itemH_hidden{display: none;}
.itemM_hidden{display: none;}
.photoP_hidden{display: block;}
.photoM_hidden{display: none;}
.noticeP_hidden{display: block;}
.noticeT_hidden{display: none;}

@media(max-width:480px){
#wrapMain {width:100%;}
#wrapMain #imglistBox {margin: 0 auto;}
#imglistBox .main_mobile_item {width: 100%; height: 200px;  padding-top:20px;}
#imglistBox .main_large_notice{width:100%; height:220px;  padding-top:60px;}
#imglistBox .main_small_photo {width: 100%; height: 800px; padding-top:60px;padding-right:20px;}
#imglistBox .main_small_banner {display: none; padding-top:0px; height: 0px;}
#imglistBox .main_small_cs {width: 100%;  padding-top:60px;}
.itemR_hidden{display: none;}
.itemH_hidden{display: block;}
.itemM_hidden{display: none;}
.photoP_hidden{display: none;}
.photoM_hidden{display: block;}
.noticeP_hidden{display: none;}
.noticeT_hidden{display: block;}
}

@media (min-width:481px) and (max-width:879px){/*mobile and mini- tablet*/
#wrapMain {width:100%;}
#wrapMain #imglistBox {margin: 0 auto;}
#imglistBox .main_mobile_item {width: 100%; height: 200px;  padding-top:20px;}
#imglistBox .main_large_notice{width:100%; height:220px; padding-top:60px;}
#imglistBox .main_small_photo {width: 100%; height: 800px; padding-top:60px;padding-right:20px;}
#imglistBox .main_small_banner {display: none; padding-top:0px; height: 0px; }
#imglistBox .main_small_cs {width: 100%; height: 200px;  padding-top:60px;}
.itemR_hidden{display: none;}
.itemH_hidden{display: block;}
.itemM_hidden{display: none;}
.photoP_hidden{display: none;}
.photoM_hidden{display: block;}
.noticeP_hidden{display: none;}
.noticeT_hidden{display: block;}
}

@media (min-width:880px) and (max-width:1139px){/*tablet ~pc*//*768(611)*/
#wrapMain {width:100%;}
#wrapMain #imglistBox {margin: 0 auto;}
#imglistBox .main_mobile_item {width: 100%; height: 230px;  padding-top:20px;}
#imglistBox .main_large_notice{width:49%; height:224px; padding-top:60px;padding-right:40px;}
#imglistBox .main_small_photo {width: 50%; height: 800px; padding-top:60px;}
#imglistBox .main_small_banner {width: 36%; height: 200px;  padding-top:60px;}
#imglistBox .main_small_cs {width: 50%; height: 200px;  padding-top:60px;}
.itemR_hidden{display: none;}
.itemH_hidden{display: block;}
.itemM_hidden{display: none;}
.photoP_hidden{display: block;}
.photoM_hidden{display: none;}
}