/* 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 .notice{
    display: block;
    border: 1px solid #e7e7e7;
    padding: 3px;}
    
main .notice h5{font-size: 14px;
    height: 40px;
    line-height: 41px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: bold;
    text-indent: 10px;}
    
main .notice h5 a{
    float: right;
    margin-top: 11px;
    width: unset;
    margin-right: 10px;}
    
main .notice li,main .notice li a{font-size:11px; color:#8a8a8a}
main .notice li a{
    text-indent: 10px;
    float: left;
    width: 81%;}
    
    
main .notice li{
    padding-bottom: 3px;
    width: 100%;
    display: inline-block;}
    
main .notice li p.subject{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
main .notice li .date{
    padding-right: 10px;
    float: right;}

main .notice li p.subject img{
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;}


/*진열 타이틀*/
.main h3 {
    font-size: 20px;
    display: inline-block;
    margin: 30px 0 9px 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{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{}
.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)*/
.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 0; 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{display:none; 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;}
/* BASIC css end */