/* 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;}
#event .MS_img-area:not(:first-child) {display:none;}
#event .MS_img-area img {width:100%;}
#event .pagination {position:relative; width:100%; margin-top:5px; text-align:center; font-size:0; line-height:0;}
#event .pagination .swiper-pagination-switch {display:inline-block; width:6px; height:6px; margin:0 2px; background:#373737; border-radius:3px;}
#event .pagination .swiper-active-switch {background:#d4d4d4;}
/* //롤링배너 */
.main h3 {margin:40px 5px 20px; text-align:center; background:url(/images/d3/psdesign/makeshop/m_makeshop/common/bg_heading.gif) repeat-x 0 50%; background-size:15px 5px;}
.main h3 span {display:inline-block; padding:0 15px; background:#fff; font-size:1.25em;}
.main .list_category {overflow:hidden;}
.main .list_category li {float:left; width:25%; padding:8px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.main .list_category li a {display:block; border-right:1px solid #ddd; text-align:center; text-overflow: clip; white-space: nowrap; overflow: hidden;}
.main .list_category li:nth-child(4) a {border-right:0px none;}
.main .list_category li:nth-child(8) a {border-right:0px none;}
.main .bner {margin-top:40px;}
.main .bner img {width:100%;}


#footer { margin-top: 0 !important; }

.main .visual { position: relative; width: 100%; height: 182px; overflow: hidden; }
.main .visual .swiper-wrapper { position: relative; }
.main .visual .swiper-wrapper .swiper-slide { float: left; width: 100%; height: auto; }
.main .visual .swiper-wrapper .swiper-slide img { width: 100%; height: auto; }

.main .visual .pagination { position: absolute; right: 0; bottom: 15px; left: 0; text-align: center; }
.main .visual .pagination .swiper-pagination-switch { display: inline-block; margin: 0 5px; width: 10px; height: 10px; background: url(/design/saerow/9994/m/ico_swiper.png) no-repeat 0 0; background-size: 10px 10px; }
.main .visual .pagination .swiper-active-switch { background: url(/design/saerow/9994/m/ico_swiper_on.png) no-repeat 0 0; background-size: 10px 10px; }

.main .visual .btn-prev, 
.main .visual .btn-next { position: absolute; top: 50%; margin-top: -12px; width: 14px; height: 25px; text-indent: -9999px; }
.main .visual .btn-prev { left: 10px; background: url(/design/saerow/9994/m/btn_h50_prev.png) no-repeat 0 0; background-size: 14px 25px; }
.main .visual .btn-next { right: 10px; background: url(/design/saerow/9994/m/btn_h50_next.png) no-repeat 0 0; background-size: 14px 25px; }
/* BASIC css end */