/* BASIC css start */
/* 롤링배너 */
#mainslide{margin-top:10px;}
#mainslide .swiper-pagination-bullet{background:#e9e9e9 !important; border-radius: 0 !important;width: 20px !important; height: 5px !important; margin: 0 3px !important;opacity:1 !important;}
#mainslide .swiper-pagination-bullet-active{background:#000 !important;}


/*중간슬라이더*/
#middleslide .swiper-pagination-bullet{border:1px solid #000; background:none !important; border-radius: 0 !important;width: 6px !important; height: 6px !important; margin: 0 3px !important;opacity:1 !important;}
#middleslide .swiper-pagination-bullet-active{background:#000 !important;}
#middleslide .swiper-pagination{text-align: right !important; left: -10px !important;}


/*진열 타이틀*/
.main h3 {font-size: 20px; display: inline-block; margin: 30px 0 7px 0; padding-top: 6px; font-family: roboto; font-weight: 900; letter-spacing: -2px;}
section p.msg{color:#737373; font-family: malgun Gothic; letter-spacing: -0.3px; font-size: 13px;    padding-bottom: 15px;}


/*(best)*/
.list_shopping3x ul{padding: 0 10px !important;}
.list_shopping3x li a{padding: 4px !important;}

.list_shopping3x li a figure{position:relative;}
.list_shopping3x li:nth-child(1) a figure .rank,
.list_shopping3x li:nth-child(2) a figure .rank,
.list_shopping3x li:nth-child(3) a figure .rank{/*display:inherit !important;*/}


.list_shopping3x li a figure .rank{display:none; position:absolute;background:#cacaca; width: 30px; height: 30px; z-index: 9999; top: 0; left: 0; font-size: 12px !important; text-align: center; color: #fff !important; line-height: 30px; font-weight: bold; font-family: roboto;}
.list_shopping3x li:nth-child(1) a figure .rank{background:#474747 !important;}

.list_shopping3x .list_shoppingInfo{}
.list_shopping3x .list_shoppingInfo .listName {color: #343434 !important; font-family: malgun Gothic !important; font-size: 13px; font-weight: normal; padding-bottom: 8px;}

.list_shopping3x .list_shoppingInfo .listDiscount{}
.list_shopping3x .list_shoppingInfo .listDiscount del{ font-family: roboto; font-weight:300; color: #acacac;}
.list_shopping3x .list_shoppingInfo .listPrice{font-family: roboto; font-weight:300; color: #000; font-size: 14px; margin-top: -3px;}


/*(new)*/
.list_shopping2x ul{padding: 0 7px !important;}
.list_shopping2x li a{padding: 0 5px 18px 5px !important;}
.list_shopping2x .list_shoppingInfo .listName.bold {color: #343434 !important; font-family: malgun Gothic !important; font-size: 13px; font-weight: normal; padding-bottom: 3px !important;}
.list_shopping2x .list_shoppingInfo .listName {color: #8d8d8d; font-family: malgun Gothic !important; font-size: 13px; font-weight: normal; padding-bottom: 8px;}
.list_shopping2x .list_shoppingInfo .listDiscount{ display: inline-block; margin-right: 3px;}
.list_shopping2x .list_shoppingInfo .listDiscount del{font-size: 14px; font-family: roboto; font-weight:300; color: #acacac;}
.list_shopping2x .list_shoppingInfo .listPrice{display: inline-block; font-family: roboto; font-weight:300; color: #000; font-size: 14px; margin-top: -3px; font-weight: bold;}

/*상단2개배너*/
.main .topBanner {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 20px; padding: 20px 10px; margin-bottom: 10px;}     
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative; border-right: 1px solid #e7e7e7;}
.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;}


/*하단4개배너*/
#endBnr {margin-top:20px;}
#endBnr img{width:100%;}
#endBnr  .end_top{}
#endBnr  .end_mid{}
#endBnr  .end_mid a{display:inline-block; width:49%}
#endBnr  .end_bottom{}


/*중간2개배너*/
.main .midBanner {margin-top: 6px;}     
.main .midBanner .midBannerLeft {width:49%; float:left; position:relative; border-right: 1px solid #e7e7e7;}
.main .midBanner .midBannerRight {width:49%; float:right; position:relative;}
.main .midBanner img {width:100%; vertical-align:top;}
.main .midBanner .midBannerTitle {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;}

.mb6{margin-bottom:6px;}


/* 인스타그램 영역 */
#instagram{text-align:center; margin-top: 30px;}
#instagram h1 img.tit{width: 115px;}
#instagram p{margin-top:10px; font-size: 13px; color: #636363; letter-spacing: -1px;}


#instagram a{float:right; margin-top: -25px; margin-right: 10px;}
#instagram .inner{margin-top:15px;}
#instagram .inner img{width:100%}


/*기타*/
.color{margin-bottom: 6px;}

.main_cate {
    font-size: 0;
    background: #fff;
    line-height: 0;
    margin-top: 20px;
}
.main_cate ul li {
    width: 20%;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    float: left;
    border-right: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0;
    letter-spacing: -2px;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
}
.main_cate ul {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e7e7e7;
}

.main_cate ul:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.main_cate ul li:nth-child(5n+5) {
    border-right: 0;
}

iframe.snapwidget-widget {
    width: 100% !important;
}


iframe.snapwidget-widget {
   /* height: 375px !important;*/
    height: 420px !important;
}


@media screen and (min-height:1024px) {

iframe.snapwidget-widget {
    height: 770px !important;
}

}

@media screen and (min-height:1366px) {

iframe.snapwidget-widget {
    height: 1025px !important;
}

}
/* BASIC css end */