/* BASIC css start */
/* 메인 비쥬얼 배너 */
#mainSpot {width:100%; overflow:hidden }
#mainSpot .inner { width:100%; }
#mainSpot .inner .more_view{}
#mainSpot .slick-dots { position: absolute; width: 100%; height: 0; line-height: 0; bottom: 27px; z-index: 10;  text-align: center; font-size: 0;}
#mainSpot .slick-dots li{ display: inline-block; width: 11px; height: 11px; margin: 0 5px; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#mainSpot .slick-dots li.slick-active { background-color: #b1b1b3; cursor: default;}
#mainSpot .slick-dots li button{font-size: 0;}
#mainSpot .slick-slide img{ width: 100%;}

/* 스크롤 효과 */
#slider{ position: fixed; width: 100%; height: 100%;}
#overflow{ position: absolute; top: 0; width: 100%; background: #fff; }

/* 이미지 배너 */
.top_proinfo{padding: 65px 0 180px;}
.top_proinfo .mainproinfo{ text-align: center;}
.top_proinfo .mainproinfo .lengline{ height: 80px; width: 1px; margin: auto; background: #e5e5e6;}
.mainproinfo h1{padding: 20px 0 40px; color: #333333; font-size: 40px; font-family: 'Noto Serif KR', serif; font-weight: 900;}
.mainproinfo h3{ padding-top: 26px; color: #4c4c4c; font-size: 18px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}
.mainproinfo p{ line-height: 31px; color: #808080; font-size: 16px; font-family:"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
.mainproinfo i{ display: block; padding: 40px 0 70px;}
.imgBanner { margin:0 auto;; position:relative; width:1200px; overflow:hidden }
.imgBanner img{width: 100%;}

/*영상*/
.youtube{position: relative;}
.youtube .videoWrapper{position: absolute; right: 0; width:50%; height:580px} 
.youtube .videoWrapper iframe{width:100%; height:100%}
.youtube .video_info{position: relative; top: 0; left: 0; width: 50%; height: 535px; background: #f6f6f6; text-align: center;}
.youtube .video_info .textinner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.youtube .video_info h3{padding-top: 0;}
.youtube .video_info i{ padding-bottom:0;}
.youtube .video_info i img:hover{opacity:0.8;}

/* 타이틀 */
.cateTit{padding-bottom: 53px; padding-top: 0}
.cateTit h2{ padding-bottom: 15px; color: #4c4c4c; font-size: 30px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}
.cateTit p{ color: #808080; font-size: 16px; font-family:"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
.cateTit i{ position: absolute; top: 47%; right: 0; }
.cateTit i:hover{opacity:0.5;}
    
/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width: 100%; }
.product-wrap .item-wrap{ width: 95%; max-width: 1300px; margin: 0 auto;  padding: 180px 0;}
.board_area{background: #f6f6f6; padding: 180px 0;}
.board{width:95%; max-width: 1300px; margin:0 auto;}
.board .board_wrap .board_gallery{font-size: 0;}
.board .board_wrap .board_gallery .board_gallery_inner{display: inline-block; width : 24%; /* calc() 를 지원하지 않는 브라우저 */
  width : -webkit-calc(100%/4 - 12px); /* WebKit */
  width : -moz-calc(100%/4 - 12px); /* Firefox */
  width : -ms-calc(100%/4 - 12px); /* MS Explorer */
  width : -o-calc(100%/4 - 12px); /* Opera */
  width : calc(100%/4 - 12px); /* Standard */
  margin-right: 15px; vertical-align: top;}
.board .board_wrap .board_gallery .board_gallery_inner:nth-of-type(4){margin-right: 0}
.board .board_wrap .board_gallery .board_gallery_inner .board_gallery_thumb img{width: 100%;}
.board .board_wrap .board_gallery .board_gallery_inner .board_gallery_name{ padding-top: 30px; color: #1a1a1a; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; font-size: 18px; text-align: center;}
.item-wrap .item-cont{ max-width: 1300px; width: 100%;}
.item-wrap .item-cont .item-list:nth-child(3n){padding-right: 0;}
.item-wrap .item-cont .item-list .thumb{width: 100%; height: 100%;}
.item-wrap .item-cont .item-list .thumb img{width: 100%; height: 100%;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-name{padding: 10px 0 20px; }
.item-wrap .item-cont .item-list .prd-info ul li.prd-name a{color: #1a1a1a; font-size: 16px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; line-height: 20px;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-subname{ padding: 0 0 20px; margin-top: 0; border: none; text-align: center; color: #999999; font-size: 14px;  font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}
.item-wrap .item-cont .item-list .prd-info ul li.prd-price{font-size: 17px;font-family: 'Lato', 'Noto Sans KR', sans-serif; font-weight: bold; padding-top: 0;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-price .price{color: #000;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-price strike{color: #bfbfbf; padding-left:9px;}
.item-wrap .item-cont .item-list .prd-info{ padding: 18px 0 90px;}
.item-wrap .item-cont .item-list .prd-color{ padding-top: 25px; font-size: 13px; letter-spacing: 1px;}

/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }

/*인스타*/
.insta_area{ width: 1300px; margin: 175px auto; text-align: center;}
/* BASIC css end */