/* BASIC css start */
/* 롤링배너 */


#mainslide{padding-bottom: 30px; overflow:hidden; width:100%; position:relative;}
#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: 10px;
    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: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-size: 11px; font-weight: normal; padding-bottom: 3px !important;}

.list_shopping3x .list_shoppingInfo .listDiscount{}
.list_shopping3x .list_shoppingInfo .listDiscount del{ font-size: 11px; font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-weight:300; color: #acacac;}
.list_shopping3x .list_shoppingInfo .listPrice{/*display: inline-block;*/ font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-weight:300; color: #000; font-size: 12px; margin-top: -3px; font-weight: bold;}


/*notice*/
#notice {
    border: 1px solid #e7e7e7;
    vertical-align: top;
    padding: 10px;
    margin: 10px;
    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;
    */
    width: calc(100% - 80px);
    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: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-size: 11px; font-weight: normal; padding-bottom: 3px !important;}
.list_shopping2x .list_shoppingInfo .listName {color: #8d8d8d; font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-size: 11px; 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: 11px; font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-weight:300; color: #acacac;}
.list_shopping2x .list_shoppingInfo .listPrice{/*display: inline-block;*/ font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-weight:300; color: #000; font-size: 12px; 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: 10px;}     
.main .topBanner .topBannerLeft {width:100%; /* 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{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
#endBnr  .end_mid{font-size:0; }
#endBnr  .end_mid a{display:inline-block; width:49%}
#endBnr  .end_mid img{border:1px solid #e7e7e7;}
#endBnr  .end_mid a:nth-of-type(1){border-left:0;}
#endBnr  .end_mid a:nth-of-type(2){border-right:0;}
#endBnr  .end_bottom{border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}


#middleslide2,
#middleslide{border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; box-sizing:border-box; }

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

.main .bottomBanner {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-top: 10px; /* padding: 20px 10px; */ margin-bottom: 10px;}     
.main .bottomBanner .bottomBannerLeft {width:100%; /* float:left; position:relative; border-right: 1px solid #e7e7e7;*/ }
.main .bottomBanner img {width:100%; vertical-align:top;}
.main .bottomBanner .bottomBannerTitle {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;}


/* 인스타그램 영역 */
#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%}


#brandSlide.swiper-container{margin:0 12px; padding-bottom:50px;}
#brandSlide.swiper-container .swiper-wrapper{}
#brandSlide.swiper-container .swiper-wrapper .swiper-slide{}
#brandSlide.swiper-container .swiper-wrapper .swiper-slide > a{display:block; position:relative; }
#brandSlide.swiper-container .swiper-wrapper .swiper-slide .brand_bg{display:block; width:100%; /* position:absolute; top:0; left:0; z-index:-1;*/ }
#brandSlide.swiper-container .swiper-wrapper .swiper-slide .brand_info{position:absolute; top:0; left:0; width:100%; height:100%; vertical-align:middle; text-align:center;  background:rgba(0,0,0,0.3);}
#brandSlide.swiper-container .swiper-wrapper .swiper-slide .brand_info label{position:absolute; top:50%; left:0; width:100%; height:30px; line-height:30px; text-align:center; color:#FFF; font-size:18px; margin-top:-15px; font-family:"Roboto"; font-weight:700; letter-spacing:2px; }
#brandSlide.swiper-container .swiper-pagination.swiper-pagination-progressbar{width:50%; bottom:25px; left:25%; top:auto; }
#brandSlide.swiper-container .swiper-pagination-progressbar-fill{background:#000;}

/*
.brand_list{}    
.brand_list .brand_item{float:left; width:282px; height:394px; margin-left:24px; margin-bottom:24px; position:relative; display:table;}
.brand_list .brand_item:nth-of-type(4n+1){margin-left:0;}
.brand_list .brand_item .brand_bg{position:absolute; top:0; left:0; z-index:-1; }
.brand_list .brand_item .brand_info{display:table-cell; vertical-align:middle; text-align:center;  background:rgba(0,0,0,0.3); opacity:0;}
.brand_list .brand_item:hover .brand_info{opacity:1;}
.brand_list .brand_item .brand_info label{color:#FFF; width:100%; display:inline-block; font-size:22px; font-family: 'Roboto'; font-weight:700; line-height:1.2; margin-bottom:40px; }
.brand_list .brand_item .brand_info a{display:inline-block; width:100px; height:34px; box-sizing:border-box; border:1px solid #FFF; border-radius:17px; line-height:32px; font-size:11px;  font-family:'Malgun Gothic'; color:#FFF; }
*/


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

/* 가상태그 브랜드이름 구역 폰트수정 */
b font{font-family: -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif !important; font-size: 12px; margin-bottom: 10px;}

.list_shopping2x {
    text-align: center;
    position: relative;
}

/* 모바일 메인 구역 상품명 폰트사이즈와 간격조절 */
.list_shoppingInfo .listName.bold {margin-top: 5px !important;  margin-bottom: 3px !important;}

/* BASIC css end */