#mainVisual::before { position:absolute; width:100%; height:100%; z-index:0; content:''; }
#mainVisualBg { position: absolute; top: 0; left: 0; z-index: 2; }



#contentZone { overflow:hidden; }
	#contentZone > div { float:left; box-sizing: border-box; }
		#contentZone > div.productZone { width:441px; margin-left:15px;}
		#productoul { overflow:hidden; }
		#productoul > li { float: left; width: 137px; height: 165px; padding-right: 10px; overflow: hidden; }
		#contentZone > div#mainContentBoard { width:290px;  }
		#contentZone > div#mainContentBoard .boardListZone { margin:0 0 15px 0; }
			#contentZone > div#mainContentBoard .boardListZone .boardLists ul li { border-bottom: dotted 1px #ddd; position:relative;  }
				#contentZone > div#mainContentBoard .boardListZone .boardLists ul li a { color:#333; }
				#contentZone > div#mainContentBoard .boardListZone .boardLists ul li .regdate{ float:right; color:#336699;   }
	#contentZone > div h3 { font-weight:900; font-size:16px; padding:10px 0 10px; margin-bottom:5px; border-bottom:double 3px #ddd; }

	.productZone { position:relative; }
	.productZone .mainTitle {  margin-right:10px; }
		.productZone .more { position:absolute; top:15px; right:15px; font-weight:bold; padding:1px 25px 1px 10px; height:15px; line-height:15px; background-color:white; border-radius:5px; }
		.productZone .more span { position:absolute;top:2px; right:5px; width:16px; height:11px; text-indent:-999px; overflow:hidden;  display:block; background:url("../img/login/arrow.gif") no-repeat 0 0 ; background-size:100% 100%; }
	#product .ptli { float:left; width:137px; height:165px; padding-right:10px; overflow:hidden; }
	.ptli .pimg {  width:135px; height:98px; padding:4px 1px 1px 1px; }
	.ptli .psub { margin-top:10px; text-align:center; font-weight:bold; }
	.ptli .pprice { margin-top:5px; text-align:center; color:red;}
		.ptli .pprice:before { content:''; background:url(../img/icon/ico_w.gif) no-repeat; display:inline-block; width:14px; height:13px; margin-right:3px; vertical-align: middle; }

@media (max-width : 768px) {
	#visualZone { height: calc((430 / 971) * 100vw); overflow:hidden; }
	#contentZone .telZone { overflow:hidden; height: calc((120 / 242) * 50vw); }
		.telZone > p { width:50%; float:left; }
	#contentZone > div.productZone { width:100%; height:205px; overflow:hidden; box-sizing: border-box; padding:0 15px; margin: 0 0 10px 0; }
		#productoul > li { margin-left:10px; width:calc(50% - 10px); padding:0; }
			#productoul > li:first-child { margin-left:0;  }
			#productoul > li .pimg { margin:0 auto; }
	#contentZone > div#mainContentBoard { width:100%; padding: 0 15px; }
	.productZone .more { border:solid 1px #ccc;}
}
@media (max-width : 360px) {
	#CoperGrid > li {
		width:calc(50% - 5.3px);
	}

	
}