/* BASIC css start */
/* 메인_오늘 전용 */
.gnbTabWrap {background-color: #d80c0c !important;}

/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .prevBtn, #mainVisual .nextBtn{position:absolute;top:50%;z-index:60;margin-top: -30px;font-size: 36px;color: rgba(225,225,225,0.8);background-color:transparent;width: 60px;height: 60px;text-align:center;bottom:0;padding:0;}
#mainVisual .prevBtn i, #mainVisual .nextBtn i{}
#mainVisual .prevBtn{left: 1%;}
#mainVisual .nextBtn{right: 1%;}
#mainVisual .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
#mainVisual .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
#mainVisual .bx-pager-link{display:inline-block;width: 12px;height: 6px;font-size:0;margin: 0 3px;background-color: rgba(225,225,225,0.8);border-radius: 3px;}
#mainVisual .bx-pager-link.active{width: 50px;background-color: rgba(45, 45, 45, 0.8);}
#mainVisual .bx-controls-direction {z-index:60;}
#mainVisual .bx-prev, #mainVisual .bx-next{position:absolute;top: 50%;font-size: 28px;display:inline-block;width: 32px;height: 32px;color: #eaeaea;margin-top: -16px;}
#mainVisual .bx-prev{left: 0;}
#mainVisual .bx-next{right: 0;}

/* 메인 서브 배너 */
.bannerArea{position:relative;}
.bannerArea:after{content:"";display:block;clear:both;}
.bannerArea .bn1 {background: url(/design/mjintl00/tem134/sub01.jpg) no-repeat center center;background-size: cover;margin-top: 10px; }
.bannerArea .bn2 {background: url(/design/mjintl00/tem134/sub02.jpg) no-repeat center center;background-size: cover;margin-top: 10px; }
.bannerArea div.txtArea a { width: 100%; height: 120px; display: table-cell; vertical-align: middle; text-align: center; }
.bannerArea div.txtArea {width: 100%;display: table;background: rgba(0, 0, 0, 0.4);transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;text-align: center;height: 100%;}
.bannerArea div.txtArea .mnTit {font-size: 22px;color: #fff;font-weight: bold;}
.bannerArea div.txtArea .mnCap { color:#eee;font-size: 12px; }
.bannerArea div.txtArea .mnMoreBtn {margin: 8px 0;}
.bannerArea div.txtArea .mnMoreBtn span { display: block; margin: 0 auto; width: 70%; height: 32px; line-height: 32px; background:#fff; text-align: center; }

/* 메인 중간 배너 */
.mdlArea01 { margin-top: 40px; }
.mdlArea01 img {width:100%; max-width:100%; height:auto;}

/* weeky Best */
#contents .weeklyBestWrap {position: relative;overflow: hidden;}
#contents .weeklyBestWrap > a {font-size: 11px;position: absolute;top: 0px;right: 5px;display: block;height: 20px;padding-top: 14px;}
#contents .weeklyBestWrap .swiper-slide {width: 120px;margin-right: 10px;}
#contents .weeklyBestWrap .swiper-slide dl dt.thumb img { width: 100% }
#contents .weeklyBestWrap .swiper-slide dl { text-align: center }
#contents .weeklyBestWrap .swiper-slide dl dd { padding: 10px 0 0 }
#contents .weeklyBestWrap .weekly-pagination {position: absolute;top: 40px;left: 0;height: 20px;}

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 30px auto 10px;font-weight: bold;width: 100%;text-align: center;}

/*verticalWrap*/
.verticalWrap .thumb {position: relative;}
.verticalWrap .thumb a{padding:0;}
.my-wish-list { cursor: pointer; position: absolute; bottom: 7px; right: 7px; } 
.my-wish-list img {width: 24px !important;}
.verticalWrap { margin: 60px 0px 10px; /* overflow: hidden; */position: relative; } 
.verticalWrap .vtopImg { position: relative; } 
.verticalWrap .vtopImg img { width:100% } 
.verticalWrap .vtxt { position: absolute; margin: 0 20px; bottom: 60px; font-size: 24px; color: #fff; font-weight: 600; } 
.verticalWrap .verticalitem { background: #fff; border-top: 8px solid #fff; border-bottom: 8px solid #fff; overflow: hidden; width: 94%; height: 90vw; overflow-y: scroll; margin: -40px auto 0; position: relative; padding: 0px 4px; background-color: #fff; box-shadow: 0px 0px 1px #0000009b; /* z-index: 888; */ } 
.verticalWrap .swiper-slide { } 
.verticalWrap .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 
.verticalWrap .swiper-slide { } 
.verticalWrap .swiper-pagination { opacity: 0; } 
.verticalWrap .swiper-pagination-progressbar { right:0; left:auto; /*position: relative; width: calc(100% - 10px); height:4px; margin: 14px auto 0; */ background: #e5e5e5; } 
.verticalWrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000 } 
.verticalWrap .list_shopping2x li { width: 50%; margin: 0%; } 
.verticalWrap .list_shopping2x li:nth-last-child(1) { padding-bottom:0 } 
.verticalWrap .list_shopping2x li:nth-last-child(2) { padding-bottom:0 } 
.verticalWrap .list_shopping3x li { width: 32.1%; margin: 0%; padding: 2px 2px; } 
.verticalWrap .list_shopping3x li:nth-last-child(1) { padding-bottom:0 } 
.verticalWrap .list_shopping3x li:nth-last-child(2) { padding-bottom:0 } 
.verticalWrap .list_shopping3x li:nth-last-child(3) { padding-bottom:0 } 

/* 스크롤바 막대기 */
.verticalWrap ::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #000; } 

/* 스크롤바 백그라운드 */
.verticalWrap ::-webkit-scrollbar-track { background-color: #e5e5e5; } 
.verticalWrap ::-webkit-scrollbar { width: 3px; background-color: #e5e5e5; } 


/* BASIC css end */