@charset "utf-8";

/* 메인 베스트 */
#maz_area{max-width:1200px;margin:0 auto;padding:50px 0}
#maz_area h3{margin-bottom:25px;font-size:32px;font-weight:normal;color:#222;font-family:'notokr-bold'}

#maz_area ul{display:flex;justify-content:space-between}
#maz_area ul li{width:49%;height:100%;padding:15px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#maz_area ul li a{display:flex;align-items:center}
#maz_area ul li .img{flex-grow:1;width:160px;height:110px;background:center no-repeat;background-size:cover}
#maz_area ul li .cont{width:calc(100% - 160px);padding-left:15px}
#maz_area ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:18px;color:#333;font-family:'notokr-medium'}
#maz_area ul li span{color:#777;line-height:1.6}

/* 반응형 [s] */
@media (max-width:1200px){
#maz_area{padding:50px 20px}
}
@media (max-width:1024px){
#maz_area{padding:40px 20px}
#maz_area h3{margin-bottom:15px;font-size:28px}
}
@media (max-width:768px){
#maz_area{display:none}	
#maz_area h3{font-size:24px}
#maz_area ul{display:block;border-bottom:1px solid #e1e1e1}
#maz_area ul li{width:100%;padding:15px 0;border-bottom:none}
}
@media (max-width:680px){
#maz_area h3{font-size:20px;text-align:center}
#maz_area ul li p{font-size:16px}
}
@media (max-width:380px){
#maz_area ul li a { display:block}
#maz_area ul li .img{width:100%}
#maz_area ul li .cont{width:100%;padding:15px 15px 0}
}
/* 반응형 [e] */