/* BASIC css start */
/* 롤링배너 */
#mainSpot { } 
#mainSpot .spotSlider li a img { width: 100%; } 
#mainSpot .spotSlider .slick-dots { position: absolute; bottom: 14px !important; left: 50%; transform: translateX(-50%); } 
#mainSpot .spotSlider .slick-dots li { width:8px !important; height:8px !important; border-radius: 50%; background-color: #aeaaa5 !important; border-style: none; margin: 0px 7px; float: left; } 
#mainSpot .spotSlider .slick-dots li button { font-size:0; opacity: 0; } 
#mainSpot .spotSlider .slick-dots li.slick-active { background-color: var(--main-color) !important; } 

/* //롤링배너 */
.main .topBanner:after { content: ''; display: block; clear: both; } 
.main h3 { font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b; } 
.main .topBanner { margin-top:15px; padding: 0 15px; } 
.main .topBanner .topBannerLeft { width:calc(50% - 5px); float:left; position:relative; } 
.main .topBanner .topBannerRight { width:calc(50% - 5px); 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; } 

/* 상품 목록 영역 */
.cateTit { padding: 20px 15px 12px; } 
.cateTit h2 { font-family: 'Lato', 'Noto Sans KR', sans-serif; text-align: left; color: #55403c; font-size: 1.3em; letter-spacing: 6px; } 
.cateTit h2 b { display: inline-block; border-bottom: 1px solid #55403c; height: 22px; white-space: nowrap; } 

.more { margin-top:0 } 
.btn_moreGray { background-color: var(--main-color); color: #fff; font-family: 'Lato', sans-serif; letter-spacing: 1px; } 
.btn_moreGray img { display: inline-block; margin: 14px 0 0 9px; width: 12px; } 

/* BASIC css end */