/* BASIC css start */
/* 롤링배너 */
#mainslide{padding-bottom: 30px;}
#mainslide .swiper-pagination-bullet{
    background: #e9e9e9 !important;
    border-radius: 0 !important;
    width: 20px !important;
    height: 4px !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: 20px 0 10px 0;
    font-family: roboto;
    font-weight: 900;}
    
section p.msg{
    color: #a8a8a8;
    font-family: malgun Gothic;
    font-size: 12px;
    padding-bottom: 15px;
    letter-spacing: -0.5px;}


/*(best)*/
.list_shopping3x ul{padding: 0 3px !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: 35px; height: 35px; z-index: 9999; top: 0; left: 0; font-size: 12px !important; text-align: center; color: #fff !important; line-height: 35px; 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: 14px; font-weight: normal; padding-bottom: 8px; letter-spacing: -1px;}

.list_shopping3x .list_shoppingInfo .listDiscount{font-size: 13px;}
.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; font-weight:bold; color: #000; font-size: 15px; margin-top: -3px;}


/*notice*/
#notice {
    border: 1px solid #e7e7e7;
    vertical-align: top;
    padding: 9px;
    margin: 1px;
    display: block;
}    
#notice h5{
    font-size: 13px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 9px;
    margin-bottom: 10px;
    text-indent: 6px;
    font-weight: bold;
    position: relative;
}


#notice h5 a{
    position: absolute;
    right: 0;
    width: unset;
    margin: 0;}
    
#notice li,#notice li a{font-size:11px; color:#8a8a8a}
#notice li a{
    vertical-align: top;
    width: 275px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
    
#notice li{padding: 5px; }
#notice li p{float:right;}
#notice li span{line-height: 13px;display: inline-block;margin-right: 5px;}
#notice li span img{vertical-align: middle;}

/*(new)*/
.MK_block_new_product{display: block; margin-top: 5px;}
.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: 10px; padding: 20px 10px; margin-bottom: 25px;}     
.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: 12px; color: #a8a8a8; 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;}

.sale-color {color:red;}
/* BASIC css end */