@charset "utf-8";

/*------------------------------------------------------------------------------------

  main-product 
  
--------------------------------------------------------------------------------------*/ 

.main-product {} 
.prod-item {
    position: relative;
	margin:0 10px;
	margin-bottom:50px;
	}  
.prod-item .prod-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: .5s;
	border-radius:5px;
	padding:30px;	
}
.prod-item:hover .prod-overlay {
    opacity: 1;
}

.prod-img {
    position: relative;
	overflow:hidden;
	border-radius:5px;
	} 


.prod-img img { width: 100%;
	} 
.prod-info {
    position: relative;
	overflow:hidden;
	border-radius:5px;
	padding:30px;
	} 

/************* 비디오 *************/

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed{ position:absolute;top:0;left:0;width:100%;height:90%; }	

.p-title  {  } 
.p-title, 
.p-name { font-weight:500;  letter-spacing:-0.5px; margin-right:10px;}
.p-class {  position:relative; margin:20px 0 10px;   } 
.p-class h6,
.p-class p { font-weight:500;  letter-spacing:-0.25px; 
	position:relative; margin:0 0 3px 0; 
	text-overflow: ellipsis; overflow: hidden;
	white-space: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  }
.p-explain {  position:relative; margin:0 0 20px 0;   } 
.p-explain h6,
.p-explain p { font-weight:500;  letter-spacing:-0.25px;  font-size: calc(0.95rem + 0.25vw) !important;  
	position:relative; margin:0 0 3px 0; 
	text-overflow: ellipsis; overflow: hidden;
	white-space: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  }

.p-cost { font-weight:500; letter-spacing:-0.5px;    line-height:1.2; }
.p-cost > span { margin-right:5px; font-weight:400;}
.p-cost .p-cost-point { color:#FC6C00}
.prod-cost {
	position: relative; 
	display: -webkit-box;
	display: flex;  
	flex-wrap:wrap;
	align-items: flex-end !important; 
	justify-content: space-between !important; 
	border-bottom:1px solid #ccc;
	padding-bottom:8px; 
	margin-bottom:8px; 
	} 
.prod-ex {
     position: relative;  
	 margin-top:10px;  
} 
.prod-ex p { 
	 font-weight:500;  
	 font-size: calc(0.9rem + 0.2vw) !important; 
} 
.prod-etc {
     position: relative;
	 text-align:right;
	 font-weight:500; 
	 margin-top:10px; 
	 font-size: calc(0.9rem + 0.2vw) !important; 
	} 
	
.prod-item .prod-overlay * { color:#fff; text-align:left; }
.prod-item .prod-overlay .prod-overlay-wrap,
.prod-item .prod-overlay a { position: relative;  width:100%;  } 
.prod-item .prod-overlay .p-title  { width:100%; }   
.prod-item .prod-overlay .p-class {  position:relative; margin:0 0 20px 0;   } 
.prod-item .prod-overlay .p-class p { 
	font-weight:500;  letter-spacing:-0.25px;  font-size: calc(0.95rem + 0.25vw) !important;  
	position:relative; margin:0 0 3px 0; 
	text-overflow: ellipsis; overflow: hidden;
	white-space: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  }
.prod-item .prod-overlay .p-explain  { 
	width:100%; 
	padding:20px 0; 
	margin:10px 0 20px;
	border-top:1px solid #888;
	border-bottom:1px solid #888; }  
.prod-item .prod-overlay .prod-cost { 
 	width:100%; 
	align-items: flex-end !important; 
	justify-content: center !important;
	border-bottom:none;
	} 
.prod-item .prod-overlay .prod-cost .p-cost-point { color:#9EC914}

.prod-item .prod-overlay .prod-ex { 
	margin:0 0 20px;
	text-overflow: ellipsis; overflow: hidden;
	white-space: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
}  
 @media screen and (max-width: 1024px) { 
	.prod-item .prod-overlay { 
		padding:25px;	
	}   
	.prod-info { 
		padding:25px;	
	} 
}
 @media screen and (max-width: 992px) { 
	.prod-item { 
		margin:0px;
		margin-bottom:40px;
	}  
	.prod-item .prod-overlay { 
		padding:35px;	
	}   
	.prod-info { 
		padding:35px;	
	} 
}
 
 @media screen and (max-width: 767px) { 
	.prod-item .prod-overlay {
		padding:20px 20px;	
	}   
	
	.prod-item .prod-overlay .p-explain  { 
		width:100%; 
		padding:10px 0; 
		margin:5px 0 5px;
		line-height:1.2}  
	.prod-item .prod-overlay .p-explain  h6,
	.prod-item .prod-overlay .p-explain  p{  
		line-height:1.2}  
	.prod-info { 
		padding:20px 20px;	
	} 
	
}
  
 @media screen and (max-width: 576px) { 
	.prod-item .prod-overlay {
		padding:20px 20px;	
	}   
	.prod-info { 
		padding:20px 10px;	
	} 
}
     



.product-carousel.owl-carousel .owl-nav {   
	z-index:11; 
    top: 0px; 
		position:relative; 
		bottom: auto;   
		left:auto; 
		right:auto;    
		width:auto;
		margin:auto;
		display: flex;
		align-items: center;
		justify-content: center;}
.product-carousel.owl-carousel .owl-nav .owl-prev,
.product-carousel.owl-carousel .owl-nav .owl-next { 
	margin-left: 5px;
	position:relative;  
	color: #444 ; 
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 1;  
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #444;
    border-radius: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .0); 
    transition: .5s;
	}
.product-carousel.owl-carousel .owl-nav .owl-prev i:before,
.product-carousel.owl-carousel .owl-nav .owl-next i:before {
	font-size: calc(1rem + 0.35vw);
    line-height: 50px;  }

.product-carousel.owl-carousel .owl-nav .owl-prev:hover, 
.product-carousel.owl-carousel .owl-nav .owl-prev:focus, 
.product-carousel.owl-carousel .owl-nav .owl-prev:active,
.product-carousel.owl-carousel .owl-nav .owl-next:hover,
.product-carousel.owl-carousel .owl-nav .owl-next:focus,
.product-carousel.owl-carousel .owl-nav .owl-next:active {
	outline: none; 
    background: #e8c11a;}
.product-carousel.owl-carousel .owl-nav .owl-prev {
	right:  25px; }
.product-carousel.owl-carousel .owl-nav .owl-next {
	right: 0 ; } 

.product-carousel.owl-carousel .owl-nav .owl-prev:hover i:before,
.product-carousel.owl-carousel .owl-nav .owl-next:hover i:before { 
	color: #fff ;}

.product-carousel.owl-carousel:hover .owl-nav .owl-prev,
.product-carousel.owl-carousel:hover .owl-nav .owl-next {
	opacity: 1; }
.product-carousel.owl-carousel:hover .owl-nav .owl-prev {
	left:  ; }
.product-carousel.owl-carousel:hover .owl-nav .owl-next {
	right: ; }
   
@media screen and (max-width: 1024px) {  
	.product-carousel.owl-carousel .owl-nav .owl-prev,
	.product-carousel.owl-carousel .owl-nav .owl-next {  
		width: 45px;
		height: 45px; 
	}
	.product-carousel.owl-carousel .owl-nav .owl-prev {
		right:  20px; }
} 
@media screen and (max-width: 992px) {   
	.product-carousel.owl-carousel .owl-nav {  
		position:relative; 
		bottom: -10% !important;   
		left:auto; 
		right:auto;    
		width:auto;
		margin:auto;
		display: flex;
		align-items: center;
		justify-content: center;}
	.product-carousel.owl-carousel .owl-nav .owl-prev,
	.product-carousel.owl-carousel .owl-nav .owl-next { 
		margin-right: 5px;    
		width: 35px;
		height: 35px; 
		}

	.product-carousel.owl-carousel .owl-nav .owl-prev {
		right:  15px; }
}





/*---------------------
 Product CSS -  allitems
-----------------------*/

.con_table.prod_table table{width:100%; min-width:576px;}

.allitem .item-wrap {  position:relative; }
.allitem .item-wrap .item { position:relative; padding:60px 0; }
.allitem .item-wrap .item:after {
	position:relative;
	background:#ccc; 
	width:100%; 
	height:0px; 
	top:40px;
	display:block;
	content:''; 
}
.allitem .item-wrap .item:last-child:after { 
	display:none; 
}
.allitem .item-wrap .item .prod { position:relative; width:100%; margin:0 auto}

.item-wrap a * {color:#222;} 
.item-wrap a p {color:#444;}
.item-wrap { }
.item-wrap .img {     width: 100%;     position: relative;    z-index: 0;}
.item-wrap .img img{     width: 100%;  position: relative; padding-bottom:5px;   z-index: 0;}
.bigimg {     width: 100%;     position: relative;    z-index: 0; }
.bigimg.pd  img {   width: 100%;  position:relative; top:0; bottom:0; left:0; right:0; margin: auto; display: block}

@media screen and (max-width:992px){
.bigimg.pd  img {   max-width:100%;  max-height:100%; }

}


/* watermark */ 
.watermark_wrap { display:block; position:absolute; top:0; bottom:0; left:0; right:0; content:''; margin:0 auto; text-align:center;  z-index: 2; }
.watermark_wrap .watermark_btn { }
.watermark::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: ;
  bottom: 0% ;
  background: url('/img/common/logo_cw.svg') center center no-repeat;
  background-size:50%;
  opacity: .5;
  content: '';
  z-index: 1; 
}

.watermark_wrap2 { display:block; position:absolute; top:0; bottom:0; left:0; right:0; content:''; margin:0 auto; text-align:center;  z-index: 9991; } 
.watermark2::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: ;
  bottom: 5%;
  background: url('/img/common/logo_white.svg') center center no-repeat;
  background-size:20%;
  opacity: 1;
  content: '';
  z-index: 9992; 
}


.item-wrap .img .icon_best{ 
      position: absolute;
      top: 10px;
      right: 5px; 
	  width:100px;
	  height:100px;  z-index: 5;}
.item-wrap .img.ti_icon .icon_best{    }
.item-wrap .plabel {
      position: absolute;
      top: -10px;
      left: 30px;
      display: inline-block;
      background: #006aee;
      color: #fff;
      padding: 10px 15px; 
      font-weight: 600;
	  z-index:5;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
.item-wrap .plabel:after, .item-wrap .plabel:before {
        position: absolute;
        top: 0;
        content: ''; }
.item-wrap .plabel:after {
        left: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 45px 10px;
        border-color: transparent transparent #015198 transparent; }
.item-wrap .plabel:before {
        width: 0;
        right: -10px;
        height: 0;
        border-style: solid;
        border-width: 45px 0 0 10px;
        border-color: transparent transparent transparent #015198; } 
.item-wrap .text {
    margin: 0 auto; 
    position: relative;  } 
.item-wrap .text h5,
.item-wrap .text h6,  
.item-wrap .text h5 a,
.item-wrap .text h6 a { font-weight:400;  color: #222; } 
.item-wrap .text ul {      margin: 0;	padding: 0; }
.item-wrap .text ul li {
        display: inline-block;
        margin-right: 10px;
        color: #b3b3b3; }
.item-wrap .text ul li span {	color: #f15d30;	margin-right: 10px; }	  
.item-wrap .btn_detail span {
    position: absolute;
    bottom: 20px;
    right: -5px;
    display: inline-block;
    background: #5a85bb;
    padding: 5px 10px 7px 20px;
    border-radius: 30px 0 0 30px;
    color: #fff;
	font-size:1rem;
	font-weight:500;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.item-wrap .btn_detail span:after {
      position: absolute;
      top: -5px;
      right: 0;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 0 0 5px;
      border-color: transparent transparent transparent #798da0; }
.item-wrap .prod:hover .btn_detail span {  padding-right: 20px;  background: #fff;   color: #006aee;}
.item-wrap .prod_img  {}
.item-wrap .prod_con  {  }
 a.btn_close { position: relative;  display: block; width: 40px; height: 40px;  ont-size: calc(1rem + 0.35vw) !important; color:#fff !important;    line-height: 40px; 
	margin: auto; text-align: center;	 border: 1px solid #fff;    border-radius: 60px; margin-bottom: 10px}
 a.btn_close i {font-size: calc(1rem + 0.35vw) !important; color:#fff !important;    line-height: 40px; }
.item-wrap .name { padding:5px 0 10px; color:#222;}
.item-wrap .plv { }		
.item-wrap .plv .likeview{	line-height:20px; vertical-align:middle}	 
.item-wrap .plv span.like, 
.item-wrap .plv span.view { margin-right:15px;}	  
.item-wrap .plv span:last-child{ margin-right:0;}	 	 
.item-wrap .price { color:#00468b !important; }
.item-wrap .percent { color:#222 !important; margin-right:15px;}
.item-wrap .cost { color:#888 !important; margin-right:15px;}

.item-wrap .simg	{ width:auto;  	display: block; }
.item-wrap .simg	li{ width:100%; width:50%; float:left;}
.item-wrap .simg	li img{ width:100%; border:2px solid transparent;  padding-bottom: 0 !important; box-sizing:border-box;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease; }

.mpw150 .item-wrap .simg li {  width:100%;  max-width:150px; } 

/*.zoom_simg { height:100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;}*/
	
.zoom_con {  height:90vh;	
    overflow-x: hidden; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;}
	
.item-wrap .simg.d_img 	li { width:20%;  } 
.item-wrap .simg.d_img  li img:hover{ /* border:2px solid #D5B329; */ }


.item-wrap .simg.z_img 	li { width:10%;  } 

 
.item-wrap .option_btn { padding:0; margin:10px 0; }
.item-wrap .option_btn span{ margin:0 1px 2px 0; }
.item-wrap .option_btn span:last-child{ margin-right:0; }

.item-wrap .summary { margin-bottom:20px; padding-bottom:15px; 
	border:1px solid #aaa;
	border-width:0 0 1px 0; }
.item-wrap .summary h6, 
.item-wrap .summary p { margin-bottom:.5rem;}
.item-wrap .summary span{ background:#eee; border-radius:.25rem; padding:3px 8px; margin-right:10px; color:#444; font-weight: 600 !important }


@media screen and (max-width:767px){ 

}


@media screen and (max-width:576px){
.mpw150 .item-wrap .simg	li {    max-width:46%; }
.item-wrap .simg.d_img 	li { width:20%;  } 

}




/*---------------------
 Product CSS -  detail check form
-----------------------*/
.ul-check .option_check_wrap {  background:#f8f9fa; padding-bottom:15px;}
.ul-check .option_check_wrap h6 { background:#fff; text-align:center; border-top:1px solid #D5B329; border-bottom:1px solid #ccc;  padding:12px 0 ; margin:0}
.ul-check .option_check_wrap ul { padding:20px 0 15px 0;}
.ul-check .option_check_wrap li {   padding-left: 0; }
.ul-check .option_check_wrap li:before { display:none !important;}





/* option btn 
컬러 참고 https://technext.github.io/guruable/color.html 
*/
.option_btn .ob{ width:auto; padding:3px 5px; display:inline-block; font-size:.9rem; color:#444; border-width:1px; border-style:solid; border-color:#ccc; border-radius:.25rem;}
.ob.fresh { background:#339c00; border-color:#339c00; color:#fff !important; }
.ob.ob01 { border-color:#3abaf4; color:#3abaf4;  }
.ob.ob02 { border-color:#66bb6a; color:#66bb6a; }
.ob.ob03 { border-color:#ffa426; color:#ffa426; }
.ob.ob04 { border-color:#6777EF; color:#6777EF; }
.ob.ob05 { border-color:#50bafb; color:#50bafb; }
.ob.ob06 { border-color:#e85445; color:#e85445; }
.ob.ob07 { border-color:#8d9efe; color:#8d9efe; } 
.ob.ob08 { border-color:#1cc9a7; color:#1cc9a7; }
.ob.ob09 { border-color:#ff8124; color:#ff8124; }
.ob.ob10 { border-color:#cda9fd; color:#cda9fd; }
.ob.ob11 { border-color:#f6accd; color:#f6accd; }
.ob.ob12 { border-color:#f08f85; color:#f08f85; }
.ob.ob13 { border-color:#68b2e4; color:#68b2e4; }
.ob.ob14 { border-color:#71b7e6; color:#71b7e6; }
.ob.ob15 { border-color:#b4c3ca; color:#b4c3ca; }
.ob.ob16 { border-color:#e4adff; color:#e4adff; }
.ob.ob17 { border-color:#338981; color:#338981; }
.ob.ob18 { border-color:#6a8894; color:#6a8894; }
.ob.ob19 { border-color:#adc3ff; color:#adc3ff; }
.ob.ob20 { border-color:#b1b1b1; color:#b1b1b1; }


/* Soldout */
.item.soldout::before {
  position: absolute;
  width: 100%;
  height: 98%;
  left: 0;
  top: 1%;
  background: #000;
  opacity: .3;
  content: '';
  z-index: 1; 
} 
.soldout .prod {opacity: .3;}  
.soldout .prod .price,
.soldout .prod .percent,
.soldout .prod .cost,
.soldout .btn_detail {  display:none; }
.soldout .soldout_wrap { display:block; position:absolute; top:0; bottom:0; left:0; right:0; content:''; margin:0 auto; text-align:center;  z-index: 2; }
.soldout .soldout_btn { color:#e01500; background:#fff; border:2px solid #e01500; width:auto; height:auto; text-transform:uppercase; font-weight:600; border-radius:.25rem}
 
 
 
/* Reserved */
.item.reserved::before {
  position: absolute;
  width: 100%;
  height: 98%;
  left: 0;
  top: 1%;
  background: #fff;
  opacity: .3;
  content: '';
  z-index: 1; 
} 
.reserved .prod {opacity: .3;}  
.reserved .prod .price,
.reserved .prod .percent,
.reserved .prod .cost,
.reserved .btn_detail {  display:none; }
.reserved .reserved_wrap { display:block; position:absolute; top:0; bottom:0; left:0; right:0; content:''; margin:0 auto; text-align:center;  z-index: 2; }
.reserved .reserved_btn { color:#fff; background:#006aee; border:2px solid #006aee; width:auto; height:auto; text-transform:uppercase; font-weight:600; border-radius:.25rem}
 
 
 
.favorite { 
	display:inline-block; 
	color: #444;  
	margin-right:5px;
	visibility: visible;
	opacity: 1;
	cursor:pointer;
} 
.favorite.active {
	visibility: visible;
	opacity: 1;
} 
.favorite::after {
	font-family: 'bootstrap-icons';
	content:'\F417';
	font-size:1.1rem;  
}
.favorite.active::after {
	font-family: 'bootstrap-icons';
	content:'\F415';
	color: #fe4c50;
}
.favorite:hover::after {
	color: #fe4c50;
}


.eye { 
	display:inline-block; 
	color: #444;  
	margin-right:5px;
	visibility: visible;
	opacity: 1;
}  
.eye::after {
	font-family: 'bootstrap-icons';
	content:'\F341';
	font-size:1.2rem; 
}  
  







/*---------------------
  Our items
-----------------------*/

.mainitem {}

.mainitem .sr span.keyword{ color:#e3423a;}
.mainitem .sr span.count{ color:#D5B329;}
.mainitem .new{ color:#015198; margin:auto 10px}
.mainitem .fresh{ color:#339c00; margin:auto 10px}
 












	  

/*---------------------
  Search btn
-----------------------*/

.search-form { position:relative; width:100%; height:auto;}
.searchcar h5:after {
	position:relative;
	background:#000; 
	width:100%;
	top:10px;
	height:2px;
	left:0; right:0;
	display:block;
	content:'';
	margin:0 auto;
}
.searchcar p {
	color:#555;
	font-size:95%;
}
.search-btn,.toggle-btn{ 
    width: 100%;
    height: 40px; 
    transition: all 0.3s ease 0s; 
    padding: 0px;

}
.search-form .search-toggle {  
    color: #777;
	display: ; 
}
@media only screen and (max-width: 992px) 
{
	.search-form .search-toggle { display:none;}
}




/*---------------------
  Search  
-----------------------*/
 
.con_search {background:#e5edf7; padding:20px 0; margin-bottom:10px;}
.con_search input{background:#fff;  }









  .main-content-wrapper .single-product-area {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(95% - 320px);
    flex: 0 0 calc(95% - 320px);
    width: calc(95% - 320px);
    max-width: calc(95% - 320px); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-content-wrapper .single-product-area {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 320px);
        flex: 0 0 calc(100% - 320px);
        width: calc(100% - 320px);
        max-width: calc(100% - 320px); } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-content-wrapper .single-product-area {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 280px);
        flex: 0 0 calc(100% - 280px);
        width: calc(100% - 280px);
        max-width: calc(100% - 280px); } }
    @media only screen and (max-width: 767px) {
      .main-content-wrapper .single-product-area {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        padding-top: 0; } }
    .main-content-wrapper .single-product-area .breadcrumb {
      background-color: transparent; }
      .main-content-wrapper .single-product-area .breadcrumb .breadcrumb-item {
        font-size: 14px;
        text-transform: uppercase; }
        .main-content-wrapper .single-product-area .breadcrumb .breadcrumb-item a {
          color: #242424;
          font-size: 14px;
          text-transform: uppercase; }
          .main-content-wrapper .single-product-area .breadcrumb .breadcrumb-item a:hover {
            color: #fbb710; }
      .main-content-wrapper .single-product-area .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: ">"; }
    .main-content-wrapper .single-product-area .single_product_thumb {
      position: relative;
      z-index: 1;
      margin-bottom: 170px; }
      .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators {
        margin: 0 7.5px;
        bottom: -165px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators {
            bottom: -105px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators {
            bottom: -105px; } }
        @media only screen and (max-width: 767px) {
          .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators {
            bottom: -95px; } }
        .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          width: 25%;
          min-width: 25%;
          height: 140px;
          background-position: center center;
          background-size: cover;
          border: 2px solid transparent;
          cursor: pointer; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li {
              height: 80px; } }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li {
              height: 80px; } }
          @media only screen and (max-width: 767px) {
            .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li {
              height: 70px; } }
          .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li.active {
            border: 2px solid #fbb710; }
      .main-content-wrapper .single-product-area .single_product_thumb .carousel-item a {
        cursor: zoom-in; }
    .main-content-wrapper .single-product-area .single_product_desc {
      position: relative;
      z-index: 1; }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .line {
        width: 80px;
        height: 3px;
        background-color: #fbb710;
        margin-bottom: 15px;
        display: block; }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .product-price {
        font-size: 24px;
        font-weight: 400;
        color: #fbb710;
        line-height: 1;
        margin-bottom: 10px; }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data a {
        display: block; }
        .main-content-wrapper .single-product-area .single_product_desc .product-meta-data a h6 {
          font-size: 30px;
          margin-bottom: 5px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .main-content-wrapper .single-product-area .single_product_desc .product-meta-data a h6 {
              font-size: 20px; } }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .ratings-review .ratings i {
        font-size: 10px;
        color: #fbb710; }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .ratings-review .review a {
        display: inline-block;
        color: #6b6b6b;
        font-size: 14px; }
      .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .avaibility {
        margin-bottom: 0;
        font-size: 12px;
        color: #6b6b6b;
        line-height: 1; }
        .main-content-wrapper .single-product-area .single_product_desc .product-meta-data .avaibility i {
          color: #20d34a;
          font-size: 12px; }
      .main-content-wrapper .single-product-area .single_product_desc .short_overview p {
        line-height: 2.1;
        color: #6b6b6b; }
      .main-content-wrapper .single-product-area .single_product_desc .cart p {
        margin-bottom: 0;
        line-height: 40px;
        height: 40px;
        padding: 0 15px;
        background-color: #f5f7fa; }
      .main-content-wrapper .single-product-area .single_product_desc .cart .quantity {
        position: relative;
        z-index: 1; }
        .main-content-wrapper .single-product-area .single_product_desc .cart .quantity input {
          text-align: center;
          background-color: #f5f7fa;
          height: 40px;
          width: 100px;
          border: none;
          -moz-appearance: textfield;
          -webkit-appearance: textfield;
          appearance: textfield;
          color: #959595; }
        .main-content-wrapper .single-product-area .single_product_desc .cart .quantity .qty-plus {
          position: absolute;
          right: 0;
          top: 0;
          line-height: 30px;
          width: 30px;
          text-align: center;
          height: 20px;
          cursor: pointer;
          color: #959595; }
        .main-content-wrapper .single-product-area .single_product_desc .cart .quantity .qty-minus {
          position: absolute;
          top: 21px;
          right: 0;
          line-height: 1;
          width: 30px;
          height: 25px;
          text-align: center;
          cursor: pointer;
          color: #959595; }
      .main-content-wrapper .single-product-area .single_product_desc .cart .amado-btn {
        width: 310px;
        height: 80px;
        line-height: 80px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .main-content-wrapper .single-product-area .single_product_desc .cart .amado-btn {
            width: 250px; } }
        @media only screen and (max-width: 767px) {
          .main-content-wrapper .single-product-area .single_product_desc .cart .amado-btn {
            width: 280px; } }










/*---------------------
  detail tab
-----------------------*/ 
.detail_container{  }

.detail_tab ul{
	display:table;
	width:100%}
.detail_tab:after{content:"";display:block;clear:both;zoom:1}
.detail_tab ul li {	display:table-cell;	}
.detail_tab ul li {	width:20%;}
.nav_tabs {
	justify-content: center; 
	border-bottom: none;
	display:table;
	width:100%;
} 
.nav_item { 
	text-align:center;   
	border-radius: 0;
	background-color: #fff;
	background-color: #f6f6f6;
	color: #333;  
	text-decoration: none;
	transition: all 0.2s ease; 
	border:1px solid #ccc;
	border-width:1px 0 1px 1px;  
} 
.nav_item:last-child {	border-right-width:1px}
.detail_tab ul li a {width:100%; height:100%; display:block; color:#333; font-size: calc(1rem + 0.15vw);}
.detail_tab ul li:first-child a{ }
.detail_tab ul li.on{ 	background-color: #fff;	border-bottom: none !important;  }
.detail_tab ul li.on a{  color:#D5B329;  background-color: #fff;}

 
.cont .detail_con { padding-bottom: 50px;}
.cont .detail_con * { font-weight: 500; }
.cont .detail_con p { font-size: calc(0.95rem + 0.25vw)  }
.cont .detail_con img{ width:auto; display:inline-block;}
 
.prod-info_btn { position:relative;  padding:20px 0; }
.prod_foot_btn { position:relative;  padding:20px 0; 
	border:1px solid #ccc;
	border-width:1px 0 0 0;  }
.prod_foot_btn > div { position:relative;  }

.btn-search { padding:.375rem 1.75rem .375rem .75rem;}


 


/************ zoom ***********/
 
#item_detail{position:relative; width:100%; text-align:center}
#item_detail:after{content:"";display:block;clear:both;}  
#item_detail .btn_preview{ position:relative; width:100%; z-index:10; } 
#item_detail a.close i{color:#fff; font-size:2rem;}
#item_detail .name{  }
#item_detail p{  }
 
.preview_bg{width:100%;	   height:100%;	   position:fixed;	   z-index:1000;	   background:rgba(0,0,0,.9);	   top:0;	   left:0;	   display:none;    }
.preview_wrap{ height:100vh;
  overflow-x: hidden; 	
  overflow-y: auto; 
    -webkit-overflow-scrolling: touch; }
	
.preview_bg2{width:100%;	   height:100%;	   position:fixed;	   z-index:1000;	   background:rgba(0,0,0,.9);	   top:0;	   left:0;	   display:none;    }
.preview_wrap{ padding:1%; height:100vh;
  overflow-x: hidden; 	
  overflow-y: auto; 
    -webkit-overflow-scrolling: touch; }
	

/*.preview_wrap{position:absolute;	   width:30%;	   height:90%;	   top:5%;	   left:50%;	   margin-left:-15%;   }*/

#preview{position:relative; width:100%; display:block;}
#preview #item_detail .name{color:#fff;  }
#preview #item_detail p{color:#fff; } 

  
.btn_preview { color:#555;} 

/******************* PC max-width:1461px *******************/
@media screen and (max-width:1461px){	
}
/******************* tablet max-width:1024px *******************/
@media screen and (max-width:1024px){ 
}
/******************* tablet max-width:980px *******************/
@media screen and (max-width:980px){  
}
/******************* tablet max-width:768px *******************/
@media screen and (max-width:768px){  
 
}
/******************* mobile *******************/
@media screen and (max-width:640px){ 
 
}
@media all and (max-width:480px){ 
}





/*------------------------------------------------------------------------------------

  시공갤러리
  
--------------------------------------------------------------------------------------*/ 

.portfolio {  position: relative;  }
.portfolio .portfolio-item {
  margin:0  ;
  margin-bottom: 40px;
}

.portfolio-container {
	padding-top: 30px;
}
 

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 5px 5px 0;
  display: inline-block;  
  border-radius: 50px;
  text-transform: uppercase; 
  background: #e8b82d; 
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out; 
}

.portfolio #portfolio-flters li a{ 
  text-transform: uppercase; 
  color: #121212; 
  transition: all 0.3s ease-in-out;
  font-weight:400;
}
.portfolio #portfolio-flters li:hover , 
.portfolio #portfolio-flters li.filter-active {  background: #181818; }
.portfolio #portfolio-flters li:hover a, 
.portfolio #portfolio-flters li.filter-active a{  color: #e8b82d;}
.portfolio #portfolio-flters li:last-child {  margin-right: 0;}
 
.portfolio .portfolio-wrap { 
  position: relative;
  overflow: hidden;
  border-radius:5px; 
  padding-bottom: 20px;
  height:300px;
}

.portfolio .portfolio-wrap img {
  transition: 0.3s;
  width:100%;
  min-height:300px;
  margin:auto;
  position:absolute;
  left:0; top:0; right:0; bottom:0;
}
 
.portfolio .portfolio-item h6 { 
  line-height:1.3;
  padding:20px 0 5px ;
  text-align:center;
  font-weight:400;
} 

.portfolio .portfolio-item p {   font-weight:400; } 
.portfolio .portfolio-wrap:hover {  box-shadow: 0px 4px 14px rgba(60,60,60, 0.10);}
.portfolio .portfolio-wrap:hover img {  transform: scale(1.1); }
 
  
@media (max-width: 767.98px) { 
	.portfolio .portfolio-wrap { height:180px;	} 
	.portfolio .portfolio-wrap img{ min-height:100%;	} 
}
  
@media (max-width: 576px) {
	.portfolio .portfolio-wrap { height:150px;	} 
	.portfolio .portfolio-wrap img{ min-height:100%;	}   
}

 





/************ zoom ***********/
.btn_preview{ position:relative; width:100%; z-index:10; cursor:hand; color:#333; font-weight: 600 !important
} 
.btn_preview i { color:#e8b82d } 
 
.preview_bg{width:100%;	   height:100%;	   position:fixed;	   z-index:1000;	   background:rgba(0,0,0,.9);	   top:0;	   left:0;	   display:none;    }
.preview_wrap{ height:100vh;
  overflow-x: hidden; 	
  overflow-y: auto; 
    -webkit-overflow-scrolling: touch; z-index:1000;	}
	 
.preview_wrap{ padding:1%; height:100vh;
  overflow-x: hidden; 	
  overflow-y: auto; 
    -webkit-overflow-scrolling: touch; } 

#preview{position:relative; width:100%; display:block;}
#preview .preview_title { position:relative} 
#preview .preview_title * {color:#fff; } 
#preview .preview_close { font-weight:400; position:; top:; right:;}
#preview .preview_text .name{ font-weight:400; text-align:center; padding:15px 0;}
#preview .preview_text p{ } 
 



.zoom_area  { 
  position: relative;}

.zoom_area .single_zoom {  padding:0 0 10px 0;
  position: relative;
  height: calc(75vh);
  overflow: hidden;}

.zoom_area .single_zoom .thumb {
  overflow: hidden;
  position: relative; 
	height: 100%; 
}
.zoom_area .single_zoom .thumb::before {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; 
  background: #D5B329;
  opacity: 1;
  position: absolute;
  z-index: 99;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  content: '';
  background: url('/img/common/logo_cw.svg') center center no-repeat;
  background-size:20%;
}
.zoom_area .single_zoom .thumb img {
  width: auto;
  height: auto;
  max-height: 100% ;
  position: relative;
  position: absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
} 
 
.zoom_area .single_zoom:hover .thumb img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.zoom_area .single_zoom:hover .thumb::before {  }
 
.zoom_area .owl-dots {
	width:100%;
  position: absolute;
  left: 50%;
  bottom:-15px;
  transform: translateX(-50%);
}
.zoom_area .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: #fff;
  display: inline-block;
  margin: 0 2px;
  border-radius: 50%;
  text-align: center;
}
.zoom_area .owl-dots .owl-dot.active {  background: #D5B329;}


.zoom_active.owl-carousel .owl-nav {   
	z-index:11; 
    top: 50%; 
	position:absolute; 
	bottom: auto;   
	left:0; 
	right:0;    
	width:auto;
	margin:auto;
	display: flex;
	align-items: center;
	justify-content: space-between;}
.zoom_active.owl-carousel .owl-nav .owl-prev,
.zoom_active.owl-carousel .owl-nav .owl-next { 
	margin-left: 5px;
	position:relative;  
	color: #444 ; 
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
	opacity: 1;  
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #444;
    border-radius: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .0); 
    transition: .5s;
	}
.zoom_active.owl-carousel .owl-nav .owl-prev i:before,
.zoom_active.owl-carousel .owl-nav .owl-next i:before {
	font-size: calc(1rem + 0.35vw);
    line-height: 50px;  }

.zoom_active.owl-carousel .owl-nav .owl-prev:hover, 
.zoom_active.owl-carousel .owl-nav .owl-prev:focus, 
.zoom_active.owl-carousel .owl-nav .owl-prev:active,
.zoom_active.owl-carousel .owl-nav .owl-next:hover,
.zoom_active.owl-carousel .owl-nav .owl-next:focus,
.zoom_active.owl-carousel .owl-nav .owl-next:active {
	outline: none; 
    background: #e8c11a;}
.zoom_active.owl-carousel .owl-nav .owl-prev {
	right:  25px; }
.zoom_active.owl-carousel .owl-nav .owl-next {
	right: 0 ; } 

.zoom_active.owl-carousel .owl-nav .owl-prev:hover i:before,
.zoom_active.owl-carousel .owl-nav .owl-next:hover i:before { 
	color: #fff ;}

.zoom_active.owl-carousel:hover .owl-nav .owl-prev,
.zoom_active.owl-carousel:hover .owl-nav .owl-next {
	opacity: 1; }
.zoom_active.owl-carousel:hover .owl-nav .owl-prev {
	left:  ; }
.zoom_active.owl-carousel:hover .owl-nav .owl-next {
	right: ; }
   
@media screen and (max-width: 1024px) {  
	.zoom_active.owl-carousel .owl-nav .owl-prev,
	.zoom_active.owl-carousel .owl-nav .owl-next {  
		width: 45px;
		height: 45px; 
	}
	.zoom_active.owl-carousel .owl-nav .owl-prev {
		right:  20px; }
} 
@media screen and (max-width: 992px) {   
	.zoom_active.owl-carousel .owl-nav {  
		position:relative; 
		bottom: -10% !important;   
		left:auto; 
		right:auto;    
		width:auto;
		margin:auto;
		display: flex;
		align-items: center;
		justify-content: center;}
	.zoom_active.owl-carousel .owl-nav .owl-prev,
	.zoom_active.owl-carousel .owl-nav .owl-next { 
		margin-right: 5px;    
		width: 35px;
		height: 35px; 
		}

	.zoom_active.owl-carousel .owl-nav .owl-prev {
		right:  15px; }
}


@media (max-width: 767.98px) { 
	.zoom_area .single_zoom .thumb::before {  
	  background-size:50%;
	}	
}