/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot { position:relative; width:100%; max-width: 1903px; margin: 0 auto; height:740px; overflow:hidden }
#mainSpot .inner { margin-left:-952px; position:absolute; top:0; left:50%; right:0; }
#mainSpot .inner .spotSlider img{width:100%}
#mainSpot .bx-pager { position:absolute; bottom:44px; left:0; right:0; height:11px; text-align:center }
#mainSpot .bx-pager .bx-pager-item { display:inline-block; }
*:first-child+html #mainSpot .bx-pager .bx-pager-item { display:inline } /* IE7 Hack */
#mainSpot .bx-pager .bx-pager-item a { display:block; width:40px; height:2px; text-indent:-9999em; background:#979797 }
#mainSpot .bx-pager .bx-pager-item a.active { background:#fff }
#mainSpot .txtArea { margin-left:-600px; position:absolute; top:254px; left:50%; width:1200px; z-index:10 }
#mainSpot .txtArea span{ color:#fff; font-family: 'Noto Sans KR',sans-serif; transition: all 1s ease; letter-spacing: -2px;}
#mainSpot .txtArea .t1 { display:block; font-size:18px; font-weight: bold; font-weight:700;  opacity:0; margin-left: -100px}
#mainSpot .txtArea .t2 { display:block; padding-top:24px; font-size:46px; opacity:0; margin-left: -200px; font-weight: 300;}
#mainSpot .txtArea .t3 { display:block; font-size:46px; opacity:0; margin-left: -300px; line-height: 48px;}
#mainSpot .txtArea .t4 { display:block; padding-top:39px; font-size:18px; opacity:0; margin-left: -400px; font-weight: 300;}

#mainSpot .txtArea.active .t1 { margin-left:0 ; opacity: 1 }
#mainSpot .txtArea.active .t2 { margin-left:0 ; opacity: 1 }
#mainSpot .txtArea.active .t3 { margin-left:0 ; opacity: 1 }
#mainSpot .txtArea.active .t4 { margin-left:0 ; opacity: 1 }

/* 화살표 */
#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: 40px; width: 46px; height: 46px; margin: 0; background: url(//skin.makeshop.co.kr/skin/studio/pc/icon/left_arrow.png) no-repeat; text-indent: -9999px; opacity: 0.8;}
#mainSpot .bx-controls .bx-controls-direction .bx-next{ position: absolute; right: 40px; width: 46px; height: 46px; margin: 0; background: url(//skin.makeshop.co.kr/skin/studio/pc/icon/right_arrow.png) no-repeat; text-indent: -9999px; }
@media (max-width: 1845px) {
    #mainSpot .bx-controls .bx-controls-direction{bottom: 76px; top: auto; transform: none;}
    #mainSpot .bx-controls .bx-controls-direction .bx-prev{ left: auto; right: 98px;}
}


/* 게시판 */
.board_area .board{width: 1200px; margin: 0 auto 120px;}
.board_area .board .board_wrap .board_gallery{ margin: 0 -7px; font-size: 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.board_area .board .board_wrap .board_gallery .slick-slide{margin: 0 7px; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner{ display: inline-block; position: relative; width: 100%; border-top: 1px solid #eee; vertical-align: top; }
.board_area .board .board_wrap .board_gallery .board_gallery_inner:first-of-type{border-top: 0}
.board_area .board .board_wrap .board_gallery .board_gallery_inner a{ display: block; padding: 40px 0; outline: 0; border: 0;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_con p{ margin: 0 0 10px; color: #555; font-size: 22px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.board_area .board .board_wrap .board_gallery .board_gallery_inner div span{ color: #aaa; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; line-height: 24px;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .date{display: block; width: 92px; height: 26px; color:#ccc; overflow: hidden;}
.board_area .board .board_wrap .board_gallery .board_gallery_inner .board_gallery_day .bodmore{display:none; position: absolute; right: 30px; bottom: 59px;}

.board_area .board .board_wrap .board_gallery .slick-dots{margin: 60px 0 0; text-align: center;}
.board_area .board .board_wrap .board_gallery .slick-dots li{ display: inline-block; width: 40px; height: 2px; margin: 0 4px; background: #a3a3a3;}
.board_area .board .board_wrap .board_gallery .slick-dots li.slick-active{background: #000;} 
.board_area .board .board_wrap .board_gallery .slick-dots li button{font-size:0}

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

/* 상품타이틀 */
.setionTit{position: relative; margin: 100px 0 30px; text-align: center;}
.setionTit h2{color: #222222; font-size: 30px; font-family: 'Montserrat','Noto Sans KR', sans-serif; font-weight: bold;}
.setionTit a{position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

/* 상품 목록 영역 */
.product-wrap {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}

/* 상품 리스트 전체 */
.item-wrap,
.item-wrap .item-cont {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 3개마다 줄바꿈 맞추기 */
.item-wrap .item-cont .item-list:nth-of-type(3n) {
  margin-right: 0;
}

/* 개별 상품 카드 */
.item-wrap .item-cont .item-list {
  position: relative;
  padding: 0;
  margin: 0 20px 30px 0; /* 상품 사이 간격 */
  width: calc(33.333% - 14px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; /* 가운데 정렬 */
}

/* 상품 썸네일 */
.item-wrap .item-cont .item-list .thumb {
  width: 100%;
  margin-bottom: 3px; /* 이미지와 상품명 사이 여백 */
}

.item-wrap .item-cont .item-list .thumb a {
  display: block;
  width: 100%;
}

.item-wrap .item-cont .item-list .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* 상품 정보 (항상 노출) */
.item-wrap .item-cont .item-list .prd-info {
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 0;
  text-align: center;
  background: none;
  opacity: 1;
  z-index: 1;
}

/* 상품명 */
.item-wrap .item-cont .item-list .prd-name {
  color: #333;
  font-size: 18px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 500;
  line-height: 1.4;
}

/* 서브상품명 */
.item-wrap .item-cont .item-list .prd-subname {
  margin-top: 6px;
  padding: 0;
  border: 0;
  color: #777;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

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


/* SNS 영역 */
.instar_wrap { position:relative; width:1200px; margin:0 auto 200px; }
.instar_wrap h2{color: #222222; font-size: 30px; font-family: 'Montserrat','Noto Sans KR', sans-serif; font-weight: bold;}


/* contact */
.contactArea{width: 1200px; margin: 0 auto 150px;}
.contactArea ul{ padding: 25px 0 0; font-size: 0;}
.contactArea ul li{ display: inline-block; width: 385px; padding: 0px 68px; border-right: 1px solid #eee; box-sizing: border-box;}
.contactArea ul li:nth-of-type(1){ padding-left: 0;}
.contactArea ul li:nth-of-type(3){ padding-right: 0; border-right:0;}
.contactArea ul li:after{content:''; display:block; clear:both}
.contactArea ul li img{ float: left; margin: 7px 50px 0 0;}
.contactArea ul li .contact_txt{ float: left;}
.contactArea ul li .contact_txt p{color: #555; font-size: 15px; font-family: 'Noto Sans KR',sans-serif; font-weight: 300; line-height: 22px;}
/* BASIC css end */