@charset "utf-8";

.m_prod_t  { text-align:center;font-family:'Jeju Gothic';font-size:1em;font-weight:normal;line-height:1.5em; font-size:1em; height:3em; border-bottom:1px solid #aaa;}
.m_prod_t a {font-family:'Jeju Gothic';font-size:1em;font-weight:normal;}
.m_prod_a {display:block;position:absolute;left:50%;margin-left:-15px; bottom:30px;width:30px;height:30px;line-height:30px;text-indent:1px;border-radius:15px; border:1px solid #ccc;font-size:2em;font-weight:400;color:#fff !important; background:#FF7F27;text-align:center;}
.m_prod_a:hover{background:#333;transition-duration: 0.2s;}
.m_prod_l { list-style:none;margin:0;padding:0;zoom:1;  padding:30px 0px 80px 110px;border-bottom:1px solid #aaa;}
	.m_prod_l:after { display:block;clear:both;content:""; }
	.m_prod_l li { float:left;position:relative;margin:10px; background:#fff;padding:0px;}
	.m_prod_l li h2 { position:absolute;left:0;top:0;width:100%;font-weight:600;text-align:center; }
	.m_prod_l li h2 a { display:block;width:226px;height:150px;  padding:0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; color:rgba(0,0,0,0);line-height:150px; background:rgba(0,0,0,0);}
	.m_prod_l li h2 a:active,.m_prod_l li h2 a:hover,.m_prod_l li h2 a:focus {color:#FF9146; width:224px; height:148px; border:1px solid #FF9146;background:rgba(0,0,0,0.5); filter:contrast(130%);transition-duration: 0.6s;}
	.m_prod_l li img { border:1px solid #ddd;}
