/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; min-height: 20px;line-height: 20px;}
#event .pagination .swiper-pagination-switch { margin: 0 3px; width: 7px; height: 7px; display: inline-block; background: #3d3d3d; cursor: pointer; text-indent: -9999px; }
#event .pagination .swiper-active-switch { background: #8ed23f; }

#container .notice { zoom:1; background-color:#f3f3f3; padding: 8px 3px 8px 6px ; margin:5px 0 10px; }
#container .notice:after {content:""; display:block; clear:both; }
#container .notice li {float:left;}
#container .notice li:first-child { width:15%;  font-weight:bold;  }
#container .notice li:nth-child(2) { width:68%; padding-top:1px; }
#container .notice li:last-child  { width:15%; text-align:right}

/* //롤링배너 */
.main h3 {background: #8ed23f; color:#fff; text-align:center; height:24px; line-height:24px; margin: 40px 0 10px; }
.main h3.lsTit { margin-top: 20px; }
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/* BASIC css end */