/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
}
#mainSpot .inner {
  margin-left: 0;
  position: relative;
  width: 100%;
}
#mainSpot .inner img {
  width: 100%;
}
#mainSpot .txtArea {
  position: absolute;
  top: 200px;               
  left: 120px;               
  transform: translate(-50%, -50%); 
  width: auto;             /* 내용에 맞게 너비 조절 */
  padding: 5 20px;         /* 좌우 여백 */
  box-sizing: border-box;
  text-align: left;
}

#mainSpot .txtArea span {
  color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -1px;
}
#mainSpot .txtArea .t1 {
  display: block;
  font-size: 17px;
}
#mainSpot .txtArea .t2 {
  display: block;
  padding-top: 18px;
  font-size: 37px;
}
#mainSpot .txtArea .t3 {
  display: block;
  font-size: 35px;
  margin-top: 30px;
}
#mainSpot .txtArea .t4 {
  display: block;
  padding-top: 12px;
  font-size: 14px;
}



/* 화살표 */
#mainSpot .bx-controls .bx-controls-direction{position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
#mainSpot .bx-controls .bx-controls-direction .bx-prev{ position: absolute; left:10px; width:30px; height:30px; background-size: contain;}
#mainSpot .bx-controls .bx-controls-direction .bx-next{ position: absolute; right:10px; width:30px; height:30px; background-size: contain;}
@media (max-width:768px){
    #mainSpot .bx-controls .bx-controls-direction{bottom:10px; top:auto; transform:none;}
    #mainSpot .bx-controls .bx-controls-direction .bx-prev{left:auto; right:50px;}
}

/* 게시판 */
.board_area .board{width:100%; margin:0 auto 60px; padding:0 15px; box-sizing:border-box;}
.board_area .board .board_wrap .board_gallery{margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner{display:block; width:100%; border-top:1px solid #eee;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner a{padding:20px 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con p{font-size:16px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner div span{font-size:14px;}
.board_area .board .board_wrap .board_gallery .board_gallery_day{position:static; transform:none; text-align:right; margin-top:5px;}
.board_area .board .board_wrap .board_gallery .slick-dots{margin:30px 0 0;}
.board_area .board .board_wrap .board_gallery .slick-dots li{width:20px;}

/* 중간배너 */
.middlebnnr{margin:40px 0 0;}
.middlebnnr a img{width:100%;}

/* 상품타이틀 */
.setionTit{margin:50px 0 20px;}
.setionTit h2{font-size:24px;}
.setionTit a{display:none;}

/* 상품 목록 영역 */
.product-wrap {width:100%; padding:0 10px; box-sizing:border-box;}
.item-wrap, .item-wrap .item-cont{width:100%;}
.item-wrap .item-cont .item-list{width:calc(50% - 4px); margin:0 4px 8px 0; display:inline-block; vertical-align:top;}
.item-wrap .item-cont .item-list:nth-of-type(2n){margin-right:0;}
.item-wrap .item-cont .item-list .prd-name{font-size:14px;}
.item-wrap .item-cont .item-list .prd-subname{font-size:12px;}

/* contact */
.contactArea{width:100%; margin:0 auto 60px; padding:0 10px; box-sizing:border-box;}
.contactArea ul{padding-top:15px;}
.contactArea ul li{display:block; width:100%; padding:10px 0; border-right:0; border-bottom:1px solid #eee;}
.contactArea ul li:last-child{border-bottom:0;}
.contactArea ul li img{float:none; display:block; margin:0 auto 10px;}
.contac

/* BASIC css end */