/* BASIC css start */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.cdnfonts.com/css/cormorant-2');


body {background-color:#FCF9EF; width:100%;   font-family: 'NanumSquare', sans-serif;
}


/* 메인 비쥬얼 배너 */
#mainSpot {width:100%; overflow:hidden; margin:0 auto;}
#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%; height: 100%;  object-fit:cover;}
/*메인 이벤트*/
.swiper {
        width: 100%;
      }
  
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width:575px;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .swiper-slide:first-child {
        background-color: #e2c6a9;
      }
  
      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
/*best */

	.main_wrap {
				width: 100%;
                position: relative;
               margin-bottom:12%;
                
			}
            
            .main_img {width: 100%; height: 800px;
                
                
                background-image: url(//dinto.img15.kr/dinto/test/%C0%FC%C1%A6%C7%B0%2D%C0%CC%B9%CC%C1%F6.png);
                background-repeat: no-repeat; /* 배경이미지X */
                background-size: cover; /* 요소를 비율에 맞게 커버 */
                background-position: center; /* 이미지를 요소의 정가운데로 처리 */
                background-attachment: fixed; /* 스크롤바 움직일때 이미지가 따라다님 */}
            
            
			.main_img img {
				width: 100%;
				vertical-align: middle;
			}
			.main-text {
            width:100%;
			position: absolute;
             margin-top: -450px;
	        /*left: 10%;*/
			}
            
            
/*비건인증*/

    .wrapper {
      max-width:1500px;
        text-align:center;
        margin:5% auto;
     }

    .circle {
        display: inline-block;
        margin:0 1%;
        font-size:1rem; color:#2D2926;
        font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif; 
        vertical-align:middle;   
        width:25%;
        padding:2%;
        border-radius: 50%;
        border:.5px solid #2D2926;
   
    }
     .circle img {width:100%;
       
     }

         .entity {
        border-radius: 50%;
         display: inline-block;
         background-color:#2D2926;
         width:6px;
         height:6px;
    }
    
/*띠배너*/
  .marquee {
      margin: 0 auto;
    /* padding-top: 10px;*/
    color: #2D2926;
    font-size: 3.5em;
   background: #FCF9EF;
                font-family: 'Cormorant', 'Noto Sans KR', sans-serif;
                font-weight: 300;
                text-align: center;


            }

            .marquee {
                position: relative;
                width: 100vw;
                max-width: 100%;
                height: 100px;
                overflow-x: hidden;
            }

            .track {
                position: absolute;
                white-space: nowrap;
                will-change: transform;
                animation: marquee 32s linear infinite;
            }

            @keyframes marquee {
                from {
                    transform: translateX(0);
                }

                to {
                    transform: translateX(-50%);
                }
            }

/*비건인증*/


/*비건인증

    .wrapper {
    max-width:100%;
        text-align:center;
        margin:8%;
     }

    .wrapper li {
        display: inline-block;
        margin:0 50px;
        font-size:1rem; color:#2D2926;
        font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif; 
        vertical-align:middle;   
        max-width:300px;
        padding:30px;
        border-radius: 50%;
        border:.5px solid #2D2926;
   
    }
     .circle img {width:100%;
         -webkit-filter: grayscale(0%);
       
     }

         .entity {
        border-radius: 50%;
         display: inline-block;
         background-color:#2D2926;
         width:8px;
         height:8px;
    }
    */


/*3차제품 슬라이드*/

 /* button{
  margin: 0;
  padding: 0;
  background-color:#2D2926;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index:1;
}*/
 .slider-for .slide-arrow{
  position: absolute;
  top: 40%;

}
.slider-for .prev-arrow{
  left: -20px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid #2D2926;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.slider-for .next-arrow{
  right: 20px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 20px solid #2D2926;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.cateTit p{ line-height: 25px; color: #2D2926; font-size: 16px; font-family:'Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif;}
.cateTit a.shopbtn {
    display:block;
}

.slider-for li p{color: #2D2926;; font-size: 1rem;  font-family:'NanumSquare', sans-serif; font-weight: 400;line-height: 25px;text-align: center; }
.slider-for li h3{font-size: 1rem; font-family: 'NanumSquare', sans-serif;letter-spacing :0.08em;  font-weight: 500; text-align: center;}


/*SHOP버튼 에니메이션*/
.slider-for li h3 {
    background-color: #2D2926;
  color: #FCF9EF;
  text-decoration: none;
  display: inline-block;
  padding: 10px 35px;
  position: relative;
  transition: all .3s ease-in-out;
  border: 1px solid #2D2926;
}


.slider-for li h3:hover {
  color: #2D2926;
  text-decoration: none;
  display: inline-block;
  padding: 10px 35px;
  position: relative;
  background-color: transparent;
  border: 1px solid #2D2926;
}

.itembox.slider-for .slick-slide img {
    width: 400px;
    height: auto;
    margin:0 auto;
}

/*.slider-for li h3:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #333;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.slider-for li h3:hover:after { 
  width: 100%; 
  left: 0; 
}
/*에니메이션:끝*/


/*가운데서 좌우로 펼쳐지는 라인 에니메이션*/
/*.slider-for li h3 {
  color: #333;
  text-decoration: none;
  display: inline-block;
  padding: 15px 0;
  position: relative;
}
.slider-for li h3:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #333;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.slider-for li h3:hover:after { 
  width: 100%; 
  left: 0; 
}
/*가운데서 좌우로 펼쳐지는 라인 에니메이션:끝*/


/*이벤트*/


#tab-menu {
 width: 100%; 
  background : #FCF9EF;
  margin-top:5%;
  /*margin: 0 auto;*/
  position: relative; 

  
}

#tab-menu .tabs p {font-size: 1rem; font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif;  text-align: left; }
#tab-menu .tab_container h2{color: #2D2926; font-size: 3rem; font-family: 'Cormorant','Noto Sans KR',serif; font-weight: 600; text-align: left;}
#tab-menu .tab_container p {font-size: 1rem; font-family: 'Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif;  text-align: left; }

.tab-tit { margin:0 auto; padding-bottom:10%;}
.tab-tit h1{padding-top: 2%; font-size: 6rem;  font-family: 'Cormorant','Noto Sans KR', serif; font-weight: 300; text-align: center; }
.tab-tit p{ padding-top: 1%; font-size:1rem; font-family:'Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif; }

#tab-menu ul.tabs {

	float: left;
	list-style: none;
	height: 33px;
	border-bottom: 1px solid #2D2926;
	 width: 732px; 
}

#tab-menu ul.tabs li {
	margin-right: 5px;
	float: left;
	cursor: pointer;
	padding:0 21px;	
	line-height: 31px;
	border-top: 1px solid #2D2926;
	border-left: 1px solid #2D2926;
    border-right: 1px solid #2D2926;
	border-bottom: 1px solid #2D2926;
	background-color: #FCF9EF;
	color: #000;
	overflow: hidden;
	position: relative;
}

.tab_last { border-right: 1px solid #333; }

#tab-menu ul.tabs li:hover {
	background-color: #2D2926;
	color: #FCF9EF;
     -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;
}

#tab-menu ul.tabs li.active {
	background-color: #FCF9EF;
	color: #2D2926;
	border-bottom: 1px solid #FCF9EF;
	display: block;
    -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; 
}

.tab_container {
    width: 730px; 
	border: 1px solid #2D2926;
	border-top: none;
	clear: both;	
	background: #FCF9EF;
	overflow: auto;
}

.tab_content {

	padding: 20px;
	display: none;
}

.tab_content button {margin-top:20px; border: 1px solid #2D2926; padding:4px 16px; border-radius: 50%; font-size: 1rem; font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center; color:#000;}
.tab_content button:hover {color:#FCF9EF; background-color: #2D2926; -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; }

.tab_drawer_heading { display: none; }


.tab_img {width: 730px;  /*height:auto;*/ position:absolute; right:0%; top:0px; }
.tab_img img {width: 100%;}

/*이벤트*/


/*BESR PRO*/

.BEST_PRO {top: 60px;}


.BEST_PRO li p{color: #2D2926;; font-size: 1rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight:400;line-height: 25px;text-align: center; }
.BEST_PRO li h3{font-size: 1rem; font-family: 'Cormorant','Noto Sans KR', sans-serif; letter-spacing :0.08em;  font-weight: 500; text-align: center; }


/*SHOP버튼 에니메이션*/
.BEST_PRO li h3 {
    background-color: #2D2926;
  color: #FCF9EF;
  text-decoration: none;
 /* display: inline-block;*/
  padding: 10px 35px;
  position: relative;
  transition: all .3s ease-in-out;
  border: 1px solid #2D2926;
   width: 100px; height: auto;
   margin: 0 auto;
}


.BEST_PRO li h3:hover {
  color: #2D2926;
  text-decoration: none;
  width: 100px; height: auto;
   margin: 0 auto;
  padding: 10px 35px;
  position: relative;
  background-color: transparent;
  border: 1px solid #2D2926;
  
}


/*BESR PRO*/


/*전제품*/

.main_wrap h1{ font-size: 6rem;  font-family: 'Cormorant','Noto Sans KR', sans-serif; font-weight: 300; text-align: center;}


.more-wrap {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    text-align:center;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
 0% {
 opacity: 1;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes slideDown {
 0% {
 opacity: 1;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.slide-down {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}
@-webkit-keyframes slideUp {
 0% {
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@keyframes slideUp {
 0% {
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
.slide-up {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}
.content-wrap {
    height: 1500px;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.close-btn, .more-btn {
    display: block;
    width: 100%;
    padding: 150px 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    background: -moz-linear-gradient(  top,  #FCF9EF 0%,  #FCF9EF 60%  );
    background: -webkit-linear-gradient(  top,  rgba(255, 255, 255, 0) 0%,   #FCF9EF 60%  );
    background: linear-gradient(  to bottom,  rgba(255, 255, 255, 0) 0%,   #FCF9EF 60%  );
 filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#00FCF9EF',  endColorstr='#FCF9EF',  GradientType=0  );
}
.close-btn {
    background: none;
}
.slide-up {
    height: 1500px;
    padding-bottom: 0;
    overflow: hidden;
}
.slide-down {
    height: auto;
    overflow: visible;
    padding-bottom: 50px;
}
.more-btn p {
    display: inline-block;
    font-size:1rem; color:#2D2926;
     font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif; 
    cursor: pointer;
    background: #FCF9EF;
    padding: 10px 35px;
      border: 1px solid #2D2926;
}
.close-btn {
    padding: 0;
}
.close-btn p {
    background: #FCF9EF;
}

/*ALL ITEM*/


a {
  text-decoration: none;
  color:#282723;
}

li {
  margin:0;
  padding:0;
  list-style: none;
}

.main_item {
  width:100%;
  height: 100vh;
}

.marin_item .allitembox {
  width: 1600px;
}

.allitembox .itembox {
  display: flex;
	flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
}

.allitembox .itembox li {
  text-align: center;
  margin-bottom: 50px;
}

.allitembox .itembox li a {
  display: inline-block;
  width:100%; 
  }


.allitembox .itembox li a img {
  width:350px;
  padding: 0 25px;
}
.itembox li .item_mark {
  height: 40px;
  width:100%
}
.itembox li .item_mark span {
  display: inline-block;
  background-color: #282723;
  color:#fff;
  padding:4px;
  margin-right: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  margin-bottom:20px;
}
.itembox p {
    font-size:16px;
}
.itembox p b {
  display: block;
  margin-bottom: 5px;
  font-weight:bold;
}
.itembox i {
  font-style: normal;
  display: block;
  line-height: 1.7em;
}
.itembox p em {
  display: inline-block;
  color:crimson;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  margin-right:7px;
}
.itembox p del {
  display: inline-block;
  margin-right: 7px;
}
.itembox p span {
  font-weight: block;
  font-size: 19px;
  font-weight: 900;
}


.itembox a.shopbtn {
  text-decoration: underline;
    font-family: 'Cormorant', sans-serif;
  font-size: 16px;
  margin-top:10px;
}

.more-btn p {
  display: inline-block;
  font-size:1rem; color:#2D2926;
  font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif; 
  cursor: pointer;
  background: #FCF9EF;
  padding: 10px 35px;
 border: 1px solid #2D2926;
}
/*SHOP버튼 에니메이션*/
.more-main li h3 {
    background-color: #2D2926;
  color: #FCF9EF;
  text-decoration: none;
 /* display: inline-block;*/
  padding: 10px 0;
  position: relative;
  transition: all .3s ease-in-out;
  border: 1px solid #2D2926;
   width: 100px; height: auto;
   margin: 0 auto;
}


.more-main li h3:hover {
  color: #2D2926;
  text-decoration: none;
  width: 100px; height: auto;
   margin: 0 auto;
  padding: 10px 0;
  position: relative;
  background-color: transparent;
  border: 1px solid #2D2926;
  
}


.more-main li p{color: #282723;; font-size: 1rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 400;line-height: 25px;text-align: center; }
.more-main li h3{font-size: 1rem; font-family: 'Cormorant','Noto Sans KR', sans-serif; letter-spacing :0.08em;  font-weight: 500; text-align: center; }


/*전제품*/


/*md*/


.MD_wrap  { margin:0 auto ; max-width:1500px; margin-top: 5%; position: relative;}
.MD_wrap h1{ font-size: 6rem;  font-family: 'Cormorant','Noto Sans KR', sans-serif; font-weight: 300; text-align: left;}
.MD-text { position:absolute;}
.MD_slider { margin:0 auto ; position:relative;}
         

/* Dots */

.MD_slider .slick-dots { width:320px; z-index:10; position: relative; text-align:center; top: -100px; border-top: 1px solid #2D2926; border-bottom: 1px solid #2D2926; left: 2%; }

.MD_slider .slick-dots li {
    
    font-size: 1.3rem;  font-family: 'Cormorant','Noto Sans KR', sans-serif; font-weight: 600; line-height: 32px; text-align: center;
    display: inline-block;
    padding:0px 16px;
    border-radius: 50%;
    margin: 15px 1px;
    background-color:transparent;
    -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;
}

.MD_slider .slick-dots li.slick-active { background-color: #2D2926; color:#FCF9EF;}
    

/*md*/

/*.spotSlider2 { margin:0 auto ; position:relative; max-width:1000px; overflow:hidden;}
.spotSlider2 img{width:100%;}
.spotSlider2 {color: #282723;; font-size: 1rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;line-height: 30px;text-align: center; }1
.spotSlider2  .slick-dots { position: absolute; width: 100%; height: 0; line-height: 0; bottom: 27px; z-index: 10;  text-align: center; font-size: 0;}
.spotSlider2 .slick-dots li{ display: inline-block; width: 11px; height: 11px; margin: 0 5px; border-radius: 50%; background-color: rgba(237, 231, 223, 0.93); 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;}
.spotSlider2  .slick-dots li.slick-active { background-color: #333; cursor: default;}
.spotSlider2 .slick-dots li button{font-size: 0;}
 .more { margin:0 auto ;overflow:hidden;  width:600px; overflow:hidden;}*/
 
 /*이벤트 */
.spotSlider3 { margin:0 auto ; position:relative; max-width:500px; overflow:hidden;}
.spotSlider3 img{width:100%;}
.spotSlider3 {color: #282723;; font-size: 1rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;line-height: 20px;text-align: center; }1
.spotSlider3  .slick-dots { position: absolute; width: 100%; height: 0; line-height: 0; bottom: 27px; z-index: 10;  text-align: center; font-size: 0;}
.spotSlider3 .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;}
.spotSlider3  .slick-dots li.slick-active { background-color: #333; cursor: default;}
.spotSlider3 .slick-dots li button{font-size: 0;}


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


#slider{ position: relative; width: 100%; height: 100%; z-index: 10; }


.imgBanner1 { margin:0 auto ; position:relative; width:1600px; overflow:hidden; padding-bottom: }
.imgBanner1 ul { *zoom:1 }
.imgBanner1 ul:after { display:block; clear:both; content:'' }
.imgBanner1 ul li { padding-right:10px; float:left }
.imgBanner1 ul img { width:500px; }
.imgBanner1 p{ color: #808080; font-size: 16px; font-family:"나눔스퀘어",' NanumSquareR','Noto Sans KR', sans-serif; padding-bottom:200px;}
.imgBanner1 h3{ padding-top: 10px; color: #4c4c4c; font-size: 18px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}


/*인플루언서 리뷰*/
.reviews_index_gallery_review { width:370px!important;}
/*리뷰 이미지*/
.fixedBnnr { position:relative; width:100vw; min-width:1200px;  background:#FCF9EF }
.fixedBnnr .inner { margin:0 auto; position:relative; width:100%; text-align:center; }
/*.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }*/
.review li img { border: 2px solid rgba(237, 231, 223, 0.93);}

.review img{  margin: 0px auto;
 /* border-radius: 30px;*/
 /* background-color: rgba(237, 231, 223, 0.93);*/
  /*padding: 10px;*/
 /* box-sizing: content-box;
  box-shadow: 0px 0px 5px #333;*/
  text-align: center; }


.review { text-align:center; margin:0 auto ; position:relative; overflow:hidden;   padding-bottom:100px;}
.review ul{ display:inline-block; *display:inline; zoom:1;}
.review ul li{float:left; margin-left:-1px; z-index:1; padding-right:20px; }
/*.review li img{  box-sizing: border-box;border: solid #959494 1px; padding: 5px; width: 100%; }*/
.review h1{ padding: 20px 0 50px; color: #333333; font-size: 36px; font-family: 'Noto Serif KR', serif; font-weight: 900; }

.review .review1  img  {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -ms-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
}
.review .review1:hover img  {
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);   
    -o-transform:scale(1.02);
    transform:scale(1.02);
}

.review .review2  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.review .review2:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);   
    -o-transform:scale(1.03);
    transform:scale(1.03);
}

.review .review3  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.review .review3:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);   
    -o-transform:scale(1.03);
    transform:scale(1.03);
}

.review .review4  img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.review .review4:hover img {
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);   
    -o-transform:scale(1.03);
    transform:scale(1.03);
}


/* 이미지 배너 */
.top_proinfo{padding: 60px 0 0px;}
.top_proinfo .mainproinfo{ text-align: center;}
.lengline{ height: 40px; width: 1px; margin: auto; background: #dddddd;}
.mainproinfo h1{padding: 10px 0 30px; color: #333333; font-size: 36px; font-family: 'Noto Serif KR', serif; font-weight: 900;}
.mainproinfo h3{ padding-top: 16px; color: #4c4c4c; font-size: 18px; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}
.mainproinfo p{ line-height: 25px; color: #808080; font-size: 16px; font-family:"나눔스퀘어",' NanumSquareR','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%;}


/*영상*/
.sub_video {
    padding-top:5%;
    position: relative;
    width: 100%;
     height: 100%;
     overflow: hidden;
     margin: 0 auto;   
}


.Sub_videoWrap {
 position:relative;
    max-width: 1500px;
    margin: 0 auto;
   z-index: -999;
}

.Sub_videoWrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;}

/*.Sub_videoWrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;}*/
    
    
.video_info {max-width: 1500px; margin: 0 auto; padding-top:30px;}
.video_info button { border: 1px solid #2D2926; padding:4px 16px; border-radius: 50%; font-size: 1rem; font-family: 'Cormorant','Noto Sans KR',"나눔스퀘어",' NanumSquareR', sans-serif;  text-align: center; color:#2D2926;}
.video_info button:hover {color:#FCF9EF; background-color: #2D2926; -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; }


.text01 {float: left; }
.text01 p {color: #2D2926; font-size: 1.2rem;  font-family: 'Cormorant', 'NanumSquare', sans-serif;;font-weight:700; text-align: left; }
.text01 h1 {font-size: 6rem;  font-family: 'Cormorant', 'NanumSquare', sans-serif; text-align: left; font-weight:300; line-height:16rem;}

.text02 p {color: #2D2926; font-size: 1.2rem;  font-family: 'Cormorant', 'NanumSquare', sans-serif; font-weight:700; text-align: left;}
.text02 h1 {font-size: 6rem;  font-family: 'Cormorant', 'NanumSquare', sans-serif; text-align: left;}

.text02 {float: right; padding-top:20px; }


/* 타이틀 */
.cateTit{padding-bottom: 0px; padding-top: 20px;}
.cateTit h1{margin: -10px;padding-top: 2%; font-size: 6rem;  font-family: 'Cormorant','Noto Sans KR', sans-serif; font-weight: 300; text-align: center;}
.cateTit h3{ padding-top: 16px; color: #4c4c4c; font-size: 16px; font-family: 'NanumSquare', sans-serif; }
.cateTit h2{ padding-top: 16px; color: #4c4c4c; font-size: 30px; font-family: 'NanumSquare', sans-serif;}
.cateTit span {padding-top: 16px; color: #4c4c4c; font-size: 30px; font-family:'NanumSquare', sans-serif;}

.cateTit i{width:100%; position: absolute; top: 50%; right: 0; }
.cateTit i:hover{opacity:0.5;} 
    
/* 상품 목록 영역 */
.product-wrap { margin:-20px; position:relative; width: 100%; }
.product-wrap .item-wrap{ width: 95%; max-width: 1300px; margin: 0 auto;  padding: 40px 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: 2000px; 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 10px; }
.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 .price1{ }
.item-wrap .item-cont .item-list .prd-info ul li.prd-price strike{color: #bfbfbf; padding-right:10px;}
.item-wrap .item-cont .item-list .prd-info{    padding: 18px 50px 90px;} /* 리스트 전체 이름*/
.item-wrap .item-cont .item-list .thumb a .dc{position: absolute; top: 5px; right: 10px; height: 75px; background: #393939; border-radius: 50%; color: #fff; line-height: 75px; font-size: 16px; font-weight: bold;  font-family: "맑은 고딕",'Malgun Gothic', sans-serif;} /* 할인 스티커 */
.item-wrap .item-cont .item-list .thumb a .dc .dc_per{width: 75px; display: block;}
.item-wrap .item-cont .item-list .thumb a .dc .pro_per{ display: block; width: 75px;}
.item-wrap .item-cont .item-list .prd-color{ padding-top: 10px; font-size: 20px; letter-spacing: -2px;} /* letter-spacing 자간 조절*/


/*장바구니 */

.prd-preview { float: right;  }

.prd-preview img:hover { opacity:60%;}


/*인스타*/
.insta_area{ margin: 0 auto; text-align: center; }


/*룩북 슬라이드*/

button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 60%;
  margin-top: -15px;
}
.prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid #E2D6CA;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.next-arrow{
  right: -40px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 20px solid #E2D6CA;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


#wrapper  {
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.container h2 {
    text-align: center;
    background-color: #FCF9EF;
}

.text {
    text-align: center;
    margin: 0 auto;
    width: :100%;
    background-color: #FCF9EF;
}

.text img{width:100%; margin: 0 auto;}

/* Accordion Container */
.container {
    width: 100%;
   
    position: relative;
}

.container:hover.container:before {
    box-shadow: 0px 40px 90px #a1a7ac;
}

.container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: white;
    border-radius: 3px;
}

.accordionTitle {
background-color: #FCF9EF;
    padding:10px;
    width: 350px;
    position: relative;
    margin: 0 auto;
    border: 1px #2D2926 solid;
    color: #2D2926;
    transition: ease-in-out 0.2s all;
    cursor: pointer;
    font-size: 1.5rem; font-family: 'Cormorant','Noto Sans KR', sans-serif;
   /*box-sizing: border-box;
        width: 30%;
        border: solid #333 1px;*/
       
}

.accordionTitle:hover {
    
    /* padding-left: 00px; */
     opacity: 0.5;
     transition: ease-in-out 0.5s all; 
}

/* Accordion Item line */
.accordionTitle:before,
.accordionTitle:after {
    content: '';
    position: absolute;
   /*height: 1px;*/
    border-radius: 50px;
    transition: ease-in-out 0.5s all;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.accordionTitle:before {
    width: 100%;
    background-color: #bfbfbf;
}

.accordionTitle:after {
    background-image: linear-gradient(90deg, #000000, #8b8b8b);
    width: 100%;

}

.accordionTitle:hover::after {
    width: 00%;
}

/* Accordion Item line - Active */
.accordionTitleActive:after {
  content: '';
    position: absolute;
    height: 1px;
    border-radius: 50px;
    transition: ease-in-out 0.5s all;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordionTitleActive:after {
    background-color: #FCF9EF;
    width: 100%;
}

/* Accordion Item Icon */
.accIcon {
    margin-top: 5px;
     margin-left: 15px;
    float: left;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    
}

.accIcon:before,
.accIcon:after {
    content: '';
    position: absolute;
    border-radius: 50px;
    background-color: #2D2926;
    transition: ease 0.5s all;
}

.accIcon:before {
    width: 1px;
    height: 20px;
}

.accIcon:after {
    width: 20px;
    height: 1px;
}

.accordionTitle:hover .accIcon:before,
.accordionTitle:hover .accIcon:after {
 
}

.accIcon.anime.accIcon:before {
    transform: rotate(90deg);
}

/* Text Content */
.accordion .item .text {
    width: 100%;
    
    opacity: 0;
    height: 0;
    
    position: relative;
    line-height: 25px;
    font-size: .85rem;
    font-weight: 0px;
    transition: all 1s cubic-bezier(.5, .3, .08, 1);
    overflow: hidden;
    background-color: #FCF9EF;
     /*letter-spacing: 0.5px;*/
    font-family: 'Noto Sans KR', serif;
    
}


/* Text Content - Class for JS to hide and show */
.accordion .item .text.show {
    opacity: 1;
    height: auto;
    position: relative;
    z-index: 0;
    border-radius: 0px 0px 3px 3px;
    background-color: #FCF9EF;
}


/*1차 룩북 슬라이드*/
 
 .look1st .slide-arrow{
  position: absolute;
  top: 60%;

}
.look1st .prev-arrow{
  left: -40px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid #E2D6CA;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.look1st .next-arrow{
  right: -40px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 20px solid #E2D6CA;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

/* BASIC css end */