/* BASIC css start */
.dn {display:none !important;}

/* 메인 비쥬얼 배너 */
#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; color: #333333; font-size: 25px; font-weight: 500; }
.mainproinfo h3{ padding-top: 26px; color: #4c4c4c; font-size: 18px; }
.mainproinfo p{ line-height: 20px; color: #808080; font-size: 16px; }
.mainproinfo i{ display: block; padding: 40px 0 70px;}
.imgBanner { margin:0 auto;; position:relative; width:1200px; overflow:hidden }
.imgBanner img{width: 100%;}

/* 메인영상 */
.videoCont {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.videoCont iframe,
.videoCont object,
.videoCont embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*영상*/
.youtube{/*position: relative;*/ display:flex;}
.youtube .right_video{/*position: absolute; right: 0; width:52.5%;*/ flex:1; }
.youtube .videoWrapper{position: relative; padding-top: 56%; width: 100%; height: 0;} 
.youtube .videoWrapper iframe{width:100%; height:100%; position: absolute; top: 0; left: 0;}
.youtube .video_info{position: relative; top: 0; left: 0; width: 50%; background: #f6f6f6; text-align: center; /*padding: 15% 0;*/ flex:1;}
.youtube .video_info .textinner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;}
.youtube .video_info h3{padding: 0 0 15px;}
.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; }
.cateTit p{ color: #808080; font-size: 16px;}
.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-size: 17px; text-align: center; }
.board .board_wrap .board_gallery .board_gallery_inner .board_gallery_name b{font-weight:400;}
.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; }
.item-wrap .item-cont .item-list .prd-info ul li.prd-name a{color: #1a1a1a; line-height: 20px;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-subname{ padding: 0 0 3px; margin-top: 0; border: none; text-align: center; color: #999999; font-size: 14px;}
.item-wrap .item-cont .item-list .prd-info ul li.prd-price{font-size: 17px; 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 */