/* BASIC css start */
#contents img{max-width:100%;}
#contents { max-width: 1400px; }
.ease2 { -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.ease2:hover { -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }

.titleArea { text-align: center; }
.titleArea h2 { font-weight: bold; color: #333; margin-bottom: 80px; }

#commuCont,
.topBoard,
.bottomBtn { width: 100%; height: auto; overflow: hidden; margin-bottom: 80px; }
.topBoard .latest { float: left; width: calc(50% - 30px); }
.topBoard .latest:first-child { margin-right: 60px; }
.latest h2 { position: relative; padding: 0 20px; font-size: 22px; font-weight: 500; letter-spacing: -0.5px; line-height:1; color: #333; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px #aaa solid; }
.latest h2 a { display:inline-block; *display:inline; *zoom:1; float: right; padding: 2px 20px; border: 1px #333 solid; border-radius: 5px; font-size: 12px; }
.latest h2 a:hover { background: #333; color: #fff; }
.latest ul { border-bottom: 1px #aaa solid; margin-bottom: 20px; padding-bottom: 20px; }
.latest ul li { position: relative; line-height: 28px; padding: 0 20px; border-radius: 3px;  }
.latest ul li:hover { background: #f5f5f5; }
.latest ul li * { font-size: 14px; }
.latest ul li span { float: right; color: #999; font-size: 12px; }

.bottomBtn a { float: left; text-align: center; font-weight: 500; width: calc(20% - 40px); height: 200px; line-height: 200px; font-size: 16px; margin-left: 50px; box-sizing: border-box; display:inline-block; *display:inline; *zoom:1; border: 1px #aaa solid; -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.bottomBtn a:first-child { margin-left: 0; }
.bottomBtn a:hover { border: 1px #eee solid; background: #eee;  -webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
/* BASIC css end */