@import url("common.css");

#mainSpot ul li img{width:100%;}
#mainSpot .bx-pager{position:absolute;bottom:30px;left:0;}

#mainSpot .bx-wrapper .bx-pager.bx-default-pager a{-webkit-border-radius:0;width:30px;height:6px;background:#fff; transition:width 0.5s, height 0.5s, background-color 0.5s, transform 0.5s;}
#mainSpot .bx-wrapper .bx-pager.bx-default-pager a.active,
#mainSpot .bx-wrapper .bx-pager.bx-default-pager a:hover{width:60px;height:6px;background:#5a9fc0;}
#mainSpot .bx-wrapper .bx-prev,
#mainSpot .bx-wrapper .bx-prev:hover{background:url(/mobile/images/main/btn_left.png) no-repeat;width:52px;height:78px;background-size:100% 100%;}
#mainSpot .bx-wrapper .bx-next,
#mainSpot .bx-wrapper .bx-next:hover{background:url(/mobile/images/main/btn_right.png) no-repeat;width:52px;height:78px;background-size:100% 100%;}

#mainSpot .mainVisual{position:relative;}
#mainSpot .mainVisual .swiper-pagination{position:absolute;bottom:30px;left:0;}

#mainSpot .mainVisual .swiper-pagination .swiper-pagination-bullet{-webkit-border-radius:0;width:30px;height:6px;background:#fff; transition:width 0.5s, height 0.5s, background-color 0.5s, transform 0.5s; opacity:1;}
#mainSpot .mainVisual .swiper-pagination .swiper-pagination-bullet-active,
#mainSpot .mainVisual .swiper-pagination .swiper-pagination-bullet:hover{width:60px;height:6px;background:#5a9fc0;}
#mainSpot .mainVisual .swiper-button-prev{background:url(/mobile/images/main/btn_left.png) no-repeat;width:52px;height:78px;background-size:100% 100%;}
#mainSpot .mainVisual .swiper-button-prev::after{display:none;}
#mainSpot .mainVisual .swiper-button-next{background:url(/mobile/images/main/btn_right.png) no-repeat;width:52px;height:78px;background-size:100% 100%;}
#mainSpot .mainVisual .swiper-button-next::after,
#mainSpot .mainVisual .swiper-button-prev::after{display:none;}

#mainContainer{margin:50px 20px 0 20px;}
.menuList ul{overflow:hidden;border-left:1px solid #aeacac;border-top:1px solid #aeacac;}
.menuList ul li{float:left;width:50%;box-sizing: border-box;border-right:1px solid #aeacac;border-bottom:1px solid #aeacac;}
.menuList ul li img{display:block;width:100%;}

.news{overflow:hidden;margin-top:50px;}
.news .newsTitle{position:relative;font-size:26px;font-weight:bold;border-bottom:1px solid #000;padding-bottom:10px;margin-bottom:7px;}
.news .newsTitle a{position:absolute;top:0;right:0;}

.news .newsList ul{padding-top:10px;}
.news .newsList li{position:relative;padding-top:5px;padding-left:10px;padding-right:5px;font-size:17px;}
.news .newsList li a{display:inline-block; width:90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news .newsList li span{position:absolute;top:5px;right:5px;}