/* BASIC css start */
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;500;700&display=swap');
@import url('https://fonts.cdnfonts.com/css/cormorant-2');

body{background-color:#FCF9EF;}


@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink-effect 1s step-end infinite;}


.main{margin-top: 0px; }
/*메인배너 */
.videoWrapper {
    width: 100%;
    height: 100%;
   
}
.videoWrapper video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;}
/*메인 이벤트 슬라이드*/
#eventbanner {
margin-bottom:10%;
}
 span.swiper-pagination-bullet-active {
     background-color:#ddd;
 }

#eventbanner .swiper-pagination .swiper-pagination-progressbar-fill {
   background:#ddd;
}

.eventbanner {
        width: 100%;
        
      }
  
    .eventbanner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .eventbanner .swiper-slide:first-child {
        background-color: #e2c6a9;
      }
  
      .eventbanner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
/*영상*/
.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 video {
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
    
/*.video_info {width: 100%; margin: 0 auto; padding-top:30px;}
.video_info span { border: 1px solid #2D2926; padding:4px 16px; border-radius: 50%; font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight:500; text-align: center; color:#2D2926;}
.video_info span: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; }*/


.text02 p {color: #2D2926; font-size: 1rem;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight:500; text-align: center; line-height:20px; }
.text03 p {font-size: .9rem; font-family: 'Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center;  letter-spacing: -.95px; line-height:22px;  color: #2D2926; }
.text03 h2 {color: #2D2926; font-size: 1rem;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight:500!important; text-align: center; line-height:20px;   letter-spacing: -.95px;}
.text03 { margin: 0 auto;  text-align: center; }

.text03 span {color: #2D2926; font-size: 1rem;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight:500; padding:10px 20px; border:1px #2D2926 solid;  border-radius: 50%;}

    
 /*marquee*/
                  .marquee {
          margin: 0 auto;
         padding-top: 25px;
          color: #2D2926;
         font-size:3em;
         background:#FCF9EF;
         font-family: 'Cormorant Garamond', serif; font-weight: 500; text-align: center; 
        }

        .marquee {
          position: relative;
          width: 100vw;
          max-width: 100%;
          height: 40px;
          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:0 auto;
     }

    .circle {
        display: inline-block;
        font-size:1rem; color:#2D2926;
        font-family: 'Cormorant Garamond','Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif; 
        vertical-align:middle;   
        max-width:90px;
        padding:20px 10px;
         border-radius: 50%;
        border:1px solid #2D2926;
   
    }
     .circle img {margin-top:-10px ; width:100%; }
    
         .entity {
        border-radius: 50%;
         display: inline-block;
         background-color:#2D2926;
         width:4px;
         height:4px;
    }
    
    
    .wrapper h3{ color: #2D2926;
         font-size:3.5em;
         background:#FCF9EF;
         font-family: 'Cormorant Garamond', serif; font-weight: 500; text-align: center; }
         
         
  /*3차제품 슬라이드*/


.slider-for li p{font-size: .95rem; font-family: 'Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center; letter-spacing :- 0.1em; line-height:22px; }
.slider-for li h3{font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR', sans-serif; letter-spacing :0.08em;  font-weight: 500; text-align: center;}
.slider-for li img { width:200px; margin:0 auto;}

/* 갤러리 */
                #gallery {
                  width: 100%;
                  margin: 0 auto;

                  flex-wrap: wrap;
                }

                #gallery li {
                  width: 120px;
                  height: 120px;
                  display: inline-block;
                  list-style: none;
                  padding: 2px;
                  margin: 0 auto;
                }

                #gallery li img {
                  width: 100%;
                  height: 100%;

                }
/*best 4차*/
              .main_img {
              
              width: 100%; 

              }
            
			.main_img img {
				width: 100%;

			}
            
            /*메인 수정 */
            
.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:200px;
  padding: 0 px;
}
.itembox li .item_mark {
  height: 30px;
  width:100%
  }

  .allitembox .itembox li {
  margin-bottom:50px;}
  
   .allitembox .itembox li p b {
   height:20px;
   line-height:20px;
   font-size:15px
   } 
  

 .allitembox .item_mark span {
  display: inline-block;
  background-color: #282723;
  color:#fff!important;
  padding:4px;
  margin-right: 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  font-weight:normal;
  margin-bottom:px;
}
.itembox p {
    font-size:16px;
}
.itembox p b {
  display: block;
  margin-bottom: 5px;
  font-weight:bold;
}
.allitembox .itembox i {
  font-style: normal;
  display: block;
  line-height: 30px;
  height:30px!important;
  padding:0!important;
}
.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;
}
 .allitembox .itembox p span {
  font-weight: block;
  font-size: 17px;
  font-weight: bold;
}


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

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


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


 .slide-arrow{
  position: absolute;
  top: 40%;
  z-index:1;
  padding: 0 10px;

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

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


/*이벤트*/


#look-menu {
 width: 95%; 
  background : #FCF9EF;
margin-top:10%;
margin-left:auto;
margin-right:auto;
 /* position: relative; */


}
#look-btn ul {    
	list-style: none;
	height: 38px;
	border-bottom: 1px solid #2D2926;
    
}

#look-btn li {
  float: left;  text-align: center; margin-right:5px;
}
#look-btn li button {
  display: block; 
  padding: 3px 12px; 
  font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;
font-weight:500;
	cursor: pointer;	
	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: #2D2926;
	position: relative;
}

#look-btn li.active button  {
	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; 
  
}


#look-cont {
    
    border: 1px solid #2D2926;
	border-top: none;
	clear: both;	
	background: #FCF9EF;

}


#look-cont h3 {padding: 30px 0; font-size: 2.5rem;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight: 500; text-align: center; line-height:32px;}
#look-cont p {font-size: .95rem; font-family: 'Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center; letter-spacing :- 0.1em; line-height:22px; }

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

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

#look-cont button {border: 1px solid #2D2926; padding:6px 16px; border-radius: 50%; font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center; color:#2D2926; background-color: #FCF9EF;}
#look-cont button:hover {border: 1px solid #2D2926; padding:6px 16px; border-radius: 50%; font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center; color:#FCF9EF; background-color: #2D2926;}

/*이벤트*/


  /*전제품*/


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


.more-main{
    width: 100%;
    margin: 0 auto;
    text-align:center;
}
.more-main li{	display:inline-block;
	list-style: none;
	height: 100%;
	 width: 32%; 
     margin:0 auto;
     text-align:center;
     margin-bottom:5%;}
     

.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: 900px    ;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.close-btn, .more-btn {
    display: block;
    width: 100%;
    padding-top: 150px ;
    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: 900px;
    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 Garamond','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;
}

.more-main h3 {width:100%; margin:0 auto;}

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


}


.more-main li p{font-size: .9rem; font-family: 'Noto Sans KR',"나눔스퀘어",' NanumSquareR', serif;  text-align: center;  line-height:22px; }
.more-main li h3{font-size: 1rem; font-family: 'Cormorant Garamond','Noto Sans KR', sans-serif;  font-weight: 500; text-align: center;}


/*전제품*/


/*md*/


.md-for img {width:100%;}


.slick-nav{   
      
      width:92%;
      margin: 0 auto;
      padding:20px 0px;
      position: relative;
      list-style-type: none;
       text-align: center;
       border-top: 1px solid #2D2926;
       border-bottom: 1px solid #2D2926;
       
      
       }
       
.slick-nav span{
           
          font-size: 1.5rem;
          color: #2D2926;
          text-transform: uppercase;
          font-weight: 600;
          }
          
.slick-nav span:hover{
            opacity:80%;
          }
          
.slick-prev{
         position: absolute;
        left: 0;
        top:10px;
       
        
      }
      .slick-next{
        position: absolute;
        right: 0;
        top:10px;
      }          
      

.md-for .bn-controller {z-index:10; position: relative; width: 80%; margin:0 auto; top:32px; text-align:center;}

.md-for .bn-controller li {
    
    font-size: 1.3rem; font-family: 'Cormorant Garamond','Noto Sans KR', sans-serif; font-weight: 600; text-align: center;
    display: inline-block;
    padding:2px 8px 5px;
    border-radius: 70%;
    
    cursor: pointer;
    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-for  .bn-controller li.slick-active { background-color: #2D2926; cursor: default; color:#FCF9EF;}

/*md*/


/* //이미지 배너 */
.topBanner h1 {padding: 20px 0 20px; color: #333333; font-size: 1.8rem; font-family: 'Noto Serif KR', serif; font-weight: 900;}
.main .topBanner {text-align:center; margin-top:15px;  }
.main .topBanner .topBanner1 {width:49%; float:left; position:relative; margin-bottom:10px;}
.main .topBanner .topBanner2 {width:49%; float:right; position:relative; margin-bottom:10px;}
.main .topBanner .topBanner3 {width:49%; float:left; position:relative;}
.main .topBanner .topBanner4 {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;  box-sizing: border-box;border: none; padding: 4px;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4); text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*.fixedBnnr { background:url(//dinto.img15.kr/dinto/MS_product/common/1_m.jpg) center top no-repeat fixed }
.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 }*/


/*리뷰이미지 */
.reviewIMG{ width:100%;  text-align:center; margin:0 auto ; position:relative; overflow:hidden; background-color:#ffffff; box-sizing:border-box; border:none; color: #969696; padding:0 7px 5px 4px;}

 .review1 {width:49%; float:left; position:relative; margin-bottom:10px; }
 .review2 {width:49%; float:right; position:relative; margin-bottom:10px;}
 .review3 {width:49%; float:left; position:relative;}
 .review4 {width:49%; float:right; position:relative;}
 .review h1 {padding: 20px 0 20px; color: #333333; font-size: 1.8rem; font-family: 'Noto Serif KR', serif; font-weight: 900;  }
 
.review{text-align: center;}
.review img{width: 100%; max-width: 560px; box-sizing: border-box;
width: 100%;
border: solid rgba(237, 231, 223, 0.93);  10px;
padding: 5px;  }

/*.review  img{  box-sizing: border-box;border: solid #959494 1px; padding: 5px; width: 50%; }
.review { padding: 20px 0 20px; color: #333333; font-size: 1.8rem; font-family: 'Noto Serif KR', serif; font-weight: 900;}*/

.spotSlider3 {color: #282723;; font-size: .85rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;line-height: 22px;text-align: center; }


.inner .videoWrapper{ width: 100%; height: 500px; overflow: hidden; margin: 0 auto; position: relative;  } 
.inner .videoWrapper iframe{left:0; top:0;  position: absolute; width:100%;  height:100%; }

/* //룩북 */
#mainSpot1 button.slick-arrow{padding: 0 5px; position: absolute; font-size:0; top: 60%; width:16px; height:16px;  z-index:1; border: 0 solid transparent;} 
#mainSpot1 button.slick-prev{left:0; opacity:20%;  border-left: 0 solid transparent;
  border-right: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;} 
  
#mainSpot1 button.slick-next{right:0;opacity:20%;   border-right: 0 solid transparent;
  border-left: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/*2차 상품*/

#mainSpot5 button.slick-arrow{padding: 0 2px; position: absolute; font-size:0; top: 40%; width:16px; height:16px;  z-index:1; border: 0 solid transparent;} 
#mainSpot5 button.slick-prev{left:0; opacity:20%;  border-left: 0 solid transparent;
  border-right: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;} 
  
#mainSpot5 button.slick-next{right:0; opacity:20%;   border-right: 0 solid transparent;
  border-left: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
 
 #mainSpot5 p {color: #282824; font-size: .95rem; font-family:'Noto Sans KR','Lato', sans-serif; font-weight: 300;line-height: 28px; text-align: center; }  
 

/*#mainSpot1 .spotSlider1 .slick-dots{position: absolute; bottom: -7% !important; left: 50%; transform: translateX(-50%);  }
#mainSpot1 .spotSlider1 .slick-dots li{ width:10px !important; height:10px !important; border-radius: 50%; background-color:#333333; !important; border-style: none; margin: 0px 4px 4px; float: left; }
#mainSpot1 .spotSlider1 .slick-dots li button{font-size:0; opacity: 0;}
#mainSpot1 .spotSlider1 .slick-dots li.slick-active { background-color: #fff !important;}*/

/* 서브영역 */

.top_proinfo .mainproinfo{padding-left:10px;  text-align: center;}
.lengline{ width: 2px; height: 30px; margin: 0 auto;  }
.mainproinfo h1{padding: 20px 0 20px; color: #333333; font-size: 1.8rem; font-family: 'Noto Serif KR', serif; font-weight: 900;}
.mainproinfo h3{padding-top: 26px; font-family: 'Noto Sans KR','Lato', sans-serif; color: #4c4c4c; font-size: 1rem;}
/*.mainproinfo p{ padding: 0 36px; line-height: 29px; color: #808080; font-size: .95rem; font-family:'Noto Sans KR','Lato', sans-serif; font-weight: 300;}*/
.mainproinfo span{color: #282723; font-size: .85rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;line-height: 20px; }
.mainproinfo i{ display: block; padding: 40px 0;}

.imgBanner{text-align: center; }
.imgBanner img{width: 100%; max-width: 100%; padding-top:20px;}


.imgBanner1{text-align: center; width: 100%; }
.imgBanner1 img{width: 100%; padding-top:10px; margin: 0 auto; }

/*룩북 타이틀*/
.wrapper img {width: 100%; height:0 auto; max-width:100%;  position:relative; text-align:left;   margin-bottom:-20px;}
 

/*영상*/
.youtube{position: relative; padding:  0;  text-align: center; }

/*.youtube .video_info .textinner{ margin-top: 10px;}*/

.video_info .moreBtn a{margin-top:-20px; display: inline-block; padding:10px 5px 5px 4px; background: #282723;  letter-spacing: 1px;}
.moreBtn{text-align: center;}
.moreBtn img{width: 100%; max-width: 709px;}


/*#mainSpot2 .spotSlider2 .slick-dots{position: absolute; bottom: 10px% !important; left: 50%; transform: translateX(-50%);  }
#mainSpot2 .spotSlider2 .slick-dots li{ width:10px !important; height:10px !important; border-radius: 50%; background-color:rgba(237, 231, 223, 0.93); !important; border-style: none; margin: 0px 4px; float: left;}
#mainSpot2 .spotSlider2 .slick-dots li button{font-size:0; opacity: 0;}
#mainSpot2 .spotSlider2 .slick-dots li.slick-active { background-color: #dddddd !important;}*/

 
 /* 타이틀 */
.cateTit{padding: 30px 35px; margin-top:-30px; }
.cateTit h1{padding: 0 0 40px; color: #333333; font-size: 1.8rem; font-family: 'Noto Serif KR', serif; font-weight: 900;}
.cateTit h3{padding-top: 20px; font-family: 'Noto Sans KR','Lato', sans-serif; color: #4c4c4c; font-size: 1rem;}
.cateTit span{ color: #282723; font-size: .85rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;line-height: 20px; text-align:center;}
.cateTit h2{ padding-bottom: 18px; color: #000; font-size: 1.3rem;  font-family: 'Noto Sans KR', sans-serif;}
.cateTit p{color: #808080; font-size: 1rem;  font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 500;}

/* 상품 영역 */
.specialarea{padding-bottom:20px;}
.main .list_shopping2x .list_shoppingInfo{margin-top:20px;}
.list_shopping2x li:nth-of-type(2n){padding-right:0}
.listName{ margin: 0 auto; color: #000; font-size: .9rem; font-family: 'Noto Sans KR','Lato', sans-serif;}
.prd-subname { margin: 0 0 11px; color: #999999; font-size: .85rem; font-family: 'Noto Sans KR','Lato', sans-serif; font-weight: 300;}
.listPrice{ display: inline-block; color: #000; font-size: .9rem; font-weight: bold; font-family: 'Lato', sans-serif;}
.listDiscount{ display: inline-block; margin: 0 0 0 5px; color: #bfbfbf; font-size: .9rem; font-weight: bold; font-family: 'Lato', sans-serif; padding-right:10px;}
.prd-color{ margin: 0 auto;}
.prd-color font{  font-size: 15px; letter-spacing: -4px;}


/* 공지 */
.board_area{background: #f6f6f6; padding: 40px 0 80px; text-align:center}
.board .board_wrap .board_gallery{ padding: 0 20px; font-size: 0;}
.board .board_wrap .board_gallery .board_gallery_inner{display: inline-block; width: calc(100%/2 - 6px); margin-right: 12px; vertical-align: top;}
.board .board_wrap .board_gallery .board_gallery_inner:nth-of-type(2n){margin-right:0}
.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: 25px 0 45px; text-align: center; color: #1a1a1a; font-size: 1rem; font-family: 'Lato','Noto Sans KR', sans-serif;}

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


/*룩북*/


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

.container h2 {
    text-align: center;
}

.text {
    text-align: center;
    margin: 0 auto;
    width: :100%;
}


/* 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 {
     padding:10px;
      width: 200px;
    position: relative;
    margin: 0 auto;
    font-size: .9rem;
    /*폰트 가중치*/
    border: 1px #2D2926 solid;
    color: #2D2926;
    transition: ease-in-out 0.2s all;
    cursor: pointer;
    font-family: 'Cormorant Garamond','Noto Sans KR', serif; 
   /* box-sizing: border-box;
       width: 30%;
        border: solid #333 1px;*/
       
}

.accordionTitle:hover {
    
    /* padding-left: 00px; */
     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-image: linear-gradient(90deg, #fff, #fff);
    width: 100%;
}

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

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

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

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

.accordionTitle:hover .accIcon:before,
.accordionTitle:hover .accIcon:after {
    background-color: #000000;
}

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

/* Text Content */
.accordion .item .text {
    width: 100%;
    
    opacity: 0;
    height: 0;
    /*padding: 0px 20px;*/
    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;
}


/*1차 룩북 슬라이드*/
 
 .look1st .slide-arrow{
  padding: 0 2px; 
  position: absolute; 
  font-size:0; 
  top: 60%; 
  width:16px;
  height:16px;  
  z-index:1; border: 0 solid transparent;

}
.look1st .prev-arrow{
  left:0; opacity:20%;  border-left: 0 solid transparent;
  border-right: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.look1st .next-arrow{
 right:0; opacity:20%;   border-right: 0 solid transparent;
  border-left: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/*2차 룩북 슬라이드*/
 
 .look2nd .slide-arrow{
  padding: 0 2px; 
  position: absolute; 
  font-size:0; 
  top: 60%; 
  width:16px;
  height:16px;  
  z-index:1; border: 0 solid transparent;

}
.look2nd .prev-arrow{
  left:0; opacity:20%;  border-left: 0 solid transparent;
  border-right: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.look2nd .next-arrow{
 right:0; opacity:20%;   border-right: 0 solid transparent;
  border-left: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/*3차 룩북 슬라이드*/
 
 .look3rd .slide-arrow{
  padding: 0 2px; 
  position: absolute; 
  font-size:0; 
  top: 60%; 
  width:16px;
  height:16px;  
  z-index:1; border: 0 solid transparent;

}
.look3rd .prev-arrow{
  left:0; opacity:20%;  border-left: 0 solid transparent;
  border-right: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.look3rd .next-arrow{
 right:0; opacity:20%;   border-right: 0 solid transparent;
  border-left: 15px solid #333333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


/*fade animation*/

.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}


@media (max-width: 425px) {
 .allitembox .itembox li { width:170px; margin:0 auto; margin-bottom:40px; }
 .allitembox .itembox li a img { width:150px!important;  }
#mainSpot5 p {font-size:13px;}
.allitembox .itembox i {
  font-style: normal;
  display: block;
  height:25px!important;;
  font-size:13px;
  line-height:20px;
  padding:5px 0 0 0!important;
}
.allitembox .itembox li p b {
    font-size:14px;
    font-weight:bold;
}
}
/* BASIC css end */