/* BASIC css start */
/* BASIC css start */
div#allWrap { margin-top: -38px; position: relative; display: inline-block; width: 100%; } 

/* 롤링배너 */
#mainVisual { position:relative; overflow:hidden; } 
#mainVisual img { width:100%; } 
#mainVisual .bx-pager { position:absolute; bottom:10px; 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: 6px; height: 6px; font-size:0; margin: 0 3px; background-color:rgb(255 255 255 / 30%); border-radius: 50%; } 
#mainVisual .bx-pager-link.active { background-color: #ffcc33; } 

.main_brand_wrap { width: 100%; margin: 0 auto 80px; padding: 0; position: relative; } 
.brand_tit { font-size: 14px; color:#000; margin: 40px 0 20px; text-align:center; } 
.brand_tit b { display:block; font-size: 22px; font-weight:bold; margin-bottom: 0px; } 
.main_brand_wrap .swiper-button-next, .main_brand_wrap .swiper-button-prev { position: absolute; z-index: 999; top: 168px; background-image: none; width: 6px; height: 12px; } 
.main_brand_wrap .swiper-button-next { right: 0; } 
.main_brand_wrap .swiper-button-prev { left: 0; } 
.main_brand_wrap .swiper-button-prev:after, .main_brand_wrap .swiper-button-next:after { content: unset !important; } 

.main_brand { /* position: absolute; *//* left: 50%; *//* bottom: 60px; *//* transform: translateX(-50%); */z-index: 999; display: flex; justify-content: space-between; align-items: center; text-align: center; } 
.main_brand a { display:inline-block; text-align: center; color: #000; font-size: 23px; font-weight: bold; } 
.main_brand a img { display: block; } 


.thumb_brand { padding: 0 8px 20px !important; box-sizing:border-box; } 
.thumb_brand .swiper-wrapper { display: flex; flex-wrap: wrap; justify-content: space-around; transform: none !important; } 

.thumb_brand .swiper-wrapper .swiper-slide { text-align: center; font-size: 13px; color: #777777; border-bottom: 1px solid #dddddd; padding: 5px 0; width: 20% !important; } 
.thumb_brand .swiper-wrapper .swiper-slide-thumb-active { color:#000; font-weight:bold; border-bottom: 2px solid #ffcc33; padding-bottom: 4px; } 
/* 게시판 */
.board_wrap { width: 100%; overflow: hidden; margin: 35px 0 30px 0; padding: 0 10px; box-sizing: border-box; } 
.board_wrap h1 { display: block; position: relative; font-size: 18px; font-weight: bold; color: #000; padding-bottom: 9px; border-bottom: 1px solid #000; } 
.board_wrap h1 a {display: inline-block;position: absolute;top: 2px;right: 0;} 
.board_wrap .board_list { } 
.board_wrap .board_list li { padding: 11.4px 5px; border-bottom: 1px solid #ddd; } 
.board_wrap .board_list li a { font-size: 14px; color: #000; white-space: pre; } 


/* 서브 배너 */
.subBnnr { overflow:hidden; margin: 5px 10px; } 
.subBnnr li { margin-top: 5px; } 
.subBnnr li 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 .thumb .bestNum { position: absolute; left: 0; top: 0; width: 28px; height: 28px; text-align: center; background: #929292; line-height: 26px; font-size: 14px; z-index: 11; color: #fff; border-radius: 50%; } 
#contents .weeklyBestWrap .thumb .bestNum.ptClr { background: #ffcc33; } 
#contents .weeklyBestWrap .thumb .thumbWrap { position: relative; border-radius: 50%; overflow: hidden; width: 140px; height: 140px; } 
#contents .weeklyBestWrap .weekly-container { padding: 0 10px; } 
#contents .weeklyBestWrap .swiper-slide { width: 140px; margin-right: 10px; } 
#contents .weeklyBestWrap .swiper-slide dl dt.thumb img { width: 100%; border-radius: 50%; transform: scale(1.02); } 
#contents .weeklyBestWrap .swiper-slide dl dd { padding: 10px 0 0; text-align: center; } 
#contents .weeklyBestWrap .weekly-pagination { display:none; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } 
#contents .weeklyBestWrap .weekly-pagination .swiper-pagination-current { font-weight: bold; } 
#contents .weeklyBestWrap .listName { border-bottom: 0; padding-bottom: 0; } 

/* tabProduct */
#tabProduct { visibility:hidden; position:relative; } 
#tabProduct .newCate_prod { position:relative } 
#tabProduct .newCate_prod .newCateTab { zoom: 1; overflow: hidden; margin: 0 10px 10px; } 
#tabProduct .newCate_prod .newCateTab li { float:left; width:20%; text-align:center; } 
#tabProduct .newCate_prod .newCateTab li a { height: 30px; line-height: 30px; margin: 0 2px; text-overflow: clip; white-space: nowrap; overflow: hidden; } 
#tabProduct .newCate_prod .newCateTab li a.active { border-bottom:1px solid #111 } 

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

/* 상품 타이틀 */
.m_title { padding: 35px 0 25px; text-align:center; } 
.m_title h3 { display:inline-block; padding: 0 15px; position:relative; font-size: 20px; line-height:32px; background:#fff; } 
.m_title .line { margin: -16px auto 0; width:100%; height: 1px; background: #113e00; } 



.mainVideo { position:relative; width:100%; height:0; padding-bottom:56.25%; } 
.mainVideo:after { content:''; background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 
.mainVideo iframe { position:absolute; width:100%; height:100% } 


/* BASIC css end */


/* BASIC css end */