/* 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:0px; 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:unblock; 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; text-shadow: 0px 0px 10px black; }
#mainSpot .txtArea .t1 { display:block; font-size:46px; font-weight:300;  opacity:0; margin-left: -100px}
#mainSpot .txtArea .t2 { display:block; padding-top:0px; font-size:46px; opacity:0; margin-left: -200px; font-weight: 300;}
#mainSpot .txtArea .t3 { display:block; padding-top:20px; 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 .t5 { display:block; padding-top:5px; 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 .txtArea.active .t5 { 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: 40px; 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}
.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 8px 8px 0;}
.item-wrap .item-cont .item-list .prd-info{position: absolute; width: 100%; height: 100%; padding: 0; text-align: left; z-index: 99; bottom: 0; left: 0; background: rgba(0,0,0,0.5); text-shadow: 0px 0px 5px black; background: linear-gradient( rgb(255 255 255 / 0%)66%, rgb(0 0 0 / 57%)100% );}
.item-wrap .item-cont .item-list .prd-info.on{opacity:;}
.item-wrap .item-cont .item-list .prd-info a{display: block; width: 100%; height: 100%;}
.item-wrap .item-cont .item-list .prd-info a > ul{ position: absolute; bottom: 40px; left: 0; padding: 0 26px;}
.item-wrap .item-cont .item-list .prd-name{color: #fff; font-size: 20px; font-family: 'Noto Sans KR',sans-serif;}
.item-wrap .item-cont .item-list .prd-subname{ margin-top: 17px; padding: 0; border: 0; color: #fff; font-family: 'Noto Sans KR',sans-serif; font-size: 15px;}

/* 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 28px; 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 25px 0 15px; opacity: 0.2;}
.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 */