@charset "utf-8";

#mainArea .mainBox .content .searchBox {padding:20px 0;}
#mainArea .mainBox .content .searchBox .inputBox {position:relative; margin:0 auto; width:505px; border-bottom:2px solid #222;}
#mainArea .mainBox .content .searchBox .inputBox input {width:455px; height:39px; font-size:30px; line-height:30px; border:0; background:none;}
#mainArea .mainBox .content .searchBox .inputBox a {position:absolute; top:0; right:0; width:40px; height:40px; font-size:30px;}

#suggestArea {position:absolute; top:158px; left:179px;}
#suggestArea ul {width:489px; padding-top:5px; background:#fff; border:3px solid #21b878; border-top:0; list-style:none;}
#suggestArea ul li {padding:6px 10px; border-bottom:1px solid #eee; background:#fff;}
#suggestArea ul li.on {background:#ecfbf0;}
#suggestArea ul li:hover {background:#ecfbf0; color:#4AA986; cursor:pointer;}
#suggestArea p {padding:3px; text-align:center; background:#21b878; color:#fff; cursor:pointer;}

#mainArea .mainBox .content .depaList {margin-top:20px;}
#mainArea .mainBox .content .depaList ul {margin:0 auto; width:600px; list-style:none; overflow:hidden;}
#mainArea .mainBox .content .depaList ul li {float:left; margin:10px 0; width:25%; text-align:center;}
#mainArea .mainBox .content .depaList li a {padding:4px 20px; font-weight:bold; color:#787878; border-radius:12px; background-color:#dbdbdb;}
#mainArea .mainBox .content .depaList li a:hover {background:#4bc666; color:#fff;}
#mainArea .mainBox .content .depaList li a.on {background:#4bc666; color:#fff;}

#searchNum {margin-top:50px; margin-right:10px; text-align:right;}
#searchNum span {color:#52B893; font-weight:bold;}

#listArea {width:100%; margin-top:10px; padding:10px 0; border-top:2px solid #35ac56;}
#listArea ul {width:100%; list-style:none; overflow:hidden;}
#listArea ul li {float:left; padding-top:10px; width:25%; text-align:center;}
#listArea ul li a img {width:110px; height:110px; border:3px double #dfdfdf;}
#listArea ul li a:hover img {border:3px solid #aad5c0;}
#listArea ul li a p {width:150px; height:40px; margin:0 auto; padding-top:10px;}

#paging {margin-top:30px; padding:10px 0; width:100%; text-align:center; background:#eee;}
#paging a.page {margin:0 3px; padding:0 5px 2px;}
#paging span {margin:0 5px; padding:0 4px 2px; color:#fff; background:#b4b4b4; border-radius:3px;}
#paging img {margin:0 10px;}