@charset "utf-8";

.m_prod_ul {position:relative;margin:0 -30px 0 0 !important;}
.m_prod_ul:after {display:block;clear:both;content:"";}
.m_prod_ul li.m_prod_item {float:left;width:25%;margin-bottom:2%;text-align:center;}
.m_prod_ul ul.cont {width:90%;list-style:none;margin:0 auto;padding:8px;border:2px solid #fff;box-shadow:0 0 10px hsla(0,0%,0%,.15);}
.m_prod_ul ul.cont li {text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.m_prod_ul ul.cont li.img img {max-width:100%;height:190px;transition:all .2s;}
.m_prod_ul ul.cont:hover li.img img {transform:scale(1.2);}
.m_prod_ul ul.cont li.tit {padding:30px 10px 10px;font-size:1.15em;}
.m_prod_ul ul.cont li.memo {padding:0 10px 30px;font-size:.8em;line-height:1.3em;}
.m_prod_ul ul.cont li.memo a {color:hsla(0,0%,0%,.5);}
#m_prod a.more {display:inline-block;margin:20px auto;padding:0 40px;border:1px solid hsla(0,0%,0%,.2);border-radius:30px;line-height:35px;background:hsla(244,27%,17%,.8);color:hsla(100,100%,100%,.7);box-shadow:inset 2px 2px 7px hsla(0,0%,0%,.4),0 3px 6px hsla(0,0%,0%,0);transition:all .3s;}
#m_prod a.more:hover {border:1px solid hsla(0,0%,0%,.3);color:hsla(2,75%,42%,1);background:hsla(0,100%,100%,1);box-shadow:inset 1px 1px 5px hsla(0,0%,0%,0),0 3px 6px hsla(0,0%,0%,.1);}
/* All Device */
@media all and (max-width:1200px) {.m_prod_ul li.m_prod_item {width:33.3%} .m_prod_ul li.m_prod_item:nth-child(4n) {display:none;}}
/* 4의 배수번째는 감추기, 1줄만 보이고 더보기로 2, 3째줄 불러내기 */