/* 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: absolute; bottom:5px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background:rgba(0,0,0,0.5); background-size: 19px 7px; width:22px; height:3px; }
#event .pagination .swiper-active-switch {background:rgba(0,0,0,0.9);}
/* //롤링배너 */
.main .titlebg { background:#fff; box-shadow:4px 4px 4px #eee; border:1px solid #eee; padding:10px 15px; display:inline-block; margin:60px 0 20px; }
.main .titlebg p { font-size:10px; }
.main h2 {font-size:12px; display: inline-block; margin:0 0 10px 0;  font-weight:bold; border-bottom:1px solid #666; padding:0 0 5px; }
.main h3 {font-size:13px; display: inline-block; margin:40px 0 18px 0; padding:0 10px 6px; border-bottom:1px solid #3b3b3b;}
.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;}


.mid-banner { max-width:700px; padding:0 10px; margin:50px auto 30px; position:relative; }
.mid-banner ul { display:table; table-layout:fixed; font-size:0; width:100%; }
.mid-banner li { display:inline-block; width:47%; margin:1.5%; background:#888; text-align:center; padding:30px 0 30px; position:relative; vertical-align:top; cursor:pointer; }

.mid-banner li img { width:30%; }

.mid-banner .text { width:80%; background:#fff; padding:10px 0; color:#666; font-size:10px; border:1px solid #eee; line-height:18px; margin:20px auto 0; }
.mid-banner .text h4 { border-bottom:2px solid #ccc; color:#444; font-weight:bold; font-size:12px; margin:0 0 10px; padding:0 7px 5px 8px; display:inline-block; letter-spacing:1px; }
.mid-banner .text p { height:55px; }


/* ##################################################################### */

.main .titlebg2 { background:#fff; box-shadow:4px 4px 4px #eee; border:1px solid #eee; padding:10px 15px; display:inline-block; margin:0 0 10px; text-align:center; }
.main .titlebg2 p { font-size:10px; }

/* 상품관련 */
.prd_list {
    font-size: 0; letter-spacing: 0; line-height: 0;
    padding: 0 5px;
    text-align: left;
}
.prd_list li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px; letter-spacing: normal; line-height: 1.2;
    padding: 0 5px; margin: 0 0 20px;
    box-sizing: border-box;
    position: relative;
}


/* 상품할인율 */

.prd_list li .discount_rate {
    display:none;
    position: absolute; top: 0; right: 0; z-index: 4;
    margin-right: 5px;
    width: 26px; height: 26px;
    text-align: center;
    font-size: 10px; line-height: 26px; font-weight: 400; color: #fff;
    background: #000;
}



/* 상품할인율2 */

.discount_rate2 {
    display:none; 
    position: absolute; top: 0; right: 0;
    margin:0 2px 0 0;
    width: 26px; height: 26px;
    text-align: center;
    font-size: 10px; line-height: 26px; font-weight: 400; color: #fff;
    background: #000;
}





.prd_list li .thumb {
    position: relative;
    margin: 0 0 8px;
}
.prd_list li .thumb img {
    width: 100%;
    vertical-align: top;
}
.prd_list li .info {
    position: relative; z-index: 3;
}

/* 상품명, 가격등 폰트 조정 */
.prd_list li .info .name {
    font-size: 13px; font-weight: 100; color: #000; line-height: 1;
}
.prd_list li .info .price {
    line-height:1.5em;
    font-size: 13px; font-weight: 100; color: #000;
    padding: 8px 0 0 0;
}
.prd_list li .info .price span {
    display: block;
    font-size: 12px; font-weight: 400; color: #aeaeae;
}
.prd_list.column2 li {
    width: 50%;
}
.prd_list.column3 li {
    width: 33.333%;
}
.prd_list.column4 li {
    width: 25%;
}

.btn_moreGray {
    font-size: 14px; color: #000;
}
.btn_moreGray span {
    font-size: 12px; color: #aaa; line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}




.main .area_tab {
    margin-top: -10px;
    background: #f6f6f6
    padding: 0 0 10px;
}
.main .area_tab .tab_menu {
    text-align: center;
    padding: 0px 0 16px;
}
.main .area_tab .tab_menu li {
    display: inline-block;
    margin: 0 1.2%;
}
.main .area_tab .tab_menu li a {
    display: block;
    position: relative;
    font-size: 12px; line-height: 30px; letter-spacing: normal; color: #b6b6b6; font-weight: normal;
    text-decoration: none;
}
.main .area_tab .tab_menu li a.fixo-active {
    color: #000;
}
.main .area_tab .tab_menu li a.fixo-active:after {
    content: '';
    position: absolute; bottom: 0; left: 0; right: 0;
    height: 3px;
    background: #000;
}

#fixoSlide {
    position: relative;
    opacity: 0; filter:alpha(opacity=0);
    overflow: hidden;
}
#fixoSlide .fixo-viewport {
    overflow: hidden;
}
#fixoSlide .prd_list li .info .price span {
    color: #000;
}











/* BASIC css end */