/* BASIC css start */
/* 롤링배너 */
#event {position:relative;}
#event .MS_img-wrap {position:relative; width:100%; overflow:hidden;}
#event .MS_img-wrap .event-imgs {position:relative;}
#event .MS_img-area {float:left; width:100%;}
#event .MS_img-area:not(:first-child) {display:none;}
#event .MS_img-area img {width:100%;}
#event .pagination {position:relative; width:100%; margin-top:10px; text-align:center; font-size:0; line-height:0;}
#event .pagination .swiper-pagination-switch {display:inline-block; width:15px; height:5px; margin:0 4px; background:#bcbcbc;}
#event .pagination .swiper-active-switch {background:#4d4d4d;}

/* //롤링배너 */
.main h3 {font-size:1.125em; margin:30px 0 20px; text-align:center;}
.main h3 span {display:inline-block; padding:10px 20px}
.main .list_category {overflow:hidden; border-top:1px solid #ddd;}
.main .list_category li {float:left; width:20%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box;}
.main .list_category li:nth-child(5) {border-right:0px none;}
.main .list_category li:nth-child(10) {border-right:0px none;}
.main .list_category li a {display:block; height:32px; line-height:32px; color:#777; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden;}
.main .btn_moreGray {display: block; position: relative; width: 100%; height: 35px; border: 0 none; background: #222; color: #fff;}
.main .more {padding: 0 5px;}
.main .more .btn_moreGray .fa {font-size: 1.5em; font-weight: bold; color: #fff; vertical-align: middle;}


/* 롤링 배너 추가 (new, man, wman) */

#contents .swiper_new, #contents .swiper_man, #contents .swiper_wman {width:100%; padding:24px 15px; max-height:200px; height:auto; background:#ffffff}
#contents .swiper-container .swiper-slide {text-align:center}
#contents .swiper-slide .swiper_item {display:block; width:100%; height:100%; text-transform:uppercase; color:#999}
#contents .swiper-slide .swiper_item > img {width:100%; height:100%}

#contents .swiper-container-horizontal>.swiper-pagination-bullets, #contents .swiper-pagination-custom, #contents .swiper-pagination-fraction {
    bottom: 4px; left: 0; width: 100%; background:#039;
}

#contents .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

#contents .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #494243 !important
}

#contents .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ddd;
    opacity: .9;
}


#contents .swiper-button-next {
    right: 4px;
    left: auto;
}

#contents .swiper-button-prev {
    left: 4px;
    right: auto;
}

#contents .swiper-button-next, #contents .swiper-button-prev {
    opacity:0.5;
    width: 10px;
    height: 18px;
    margin-top: -22px;
    -moz-background-size: 10px 18px;
    -webkit-background-size: 10px 18px;
    background-size: 10px 18px;
}

/* BASIC css end */