
/* =======Dtl Thumb Slider*/ 
.dtl-lv {position: relative; display: grid; grid-template-columns: 16.4% 76.6%; grid-column-gap: 10px;}
.dtl-lv .p-label{background-color:var(--white);color:var(--cloudy-grey);border:1px solid var(--cloudy-grey); text-transform:uppercase; padding:5px 12px;font-size:10px;line-height:10px;position:absolute;left:20px;top:0px; z-index:1;}
.dtl-lv .dtl-ex .slick-slide{line-height:0px;margin-bottom:10px;}
.dtl-lv .dtl-ex .slick-slide{border: none;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item{padding-right: 1px; position:relative;line-height:0px;cursor:pointer;text-align:center;margin:0px;display:flex!important;align-items:center;justify-content:center;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item img{border: 1px solid transparent; max-height:150px;display: initial; width:auto; height:auto;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item:hover,
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item{border-color: var(--black);}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item img,
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item img{border-color: var(--black);}

.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play svg{fill:var(--white);width:44px;height:44px;}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play{border:0px;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play{background: #333333;background: -moz-linear-gradient(top,  #333333 0%, #939598 100%);background: -webkit-linear-gradient(top,  #333333 0%,#939598 100%);background: linear-gradient(to bottom,  #333333 0%,#939598 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#939598',GradientType=0 );}
.dtl-lv .dtl-ex .slick-slide:hover .dtl-ex-item.dtl-ex-play, 
.dtl-lv .dtl-ex .slick-slide.slick-current .dtl-ex-item.dtl-ex-play{background: #212121;background: -moz-linear-gradient(top,  #212121 0%, #333333 33%, #6d6e71 69%, #939598 100%);background: -webkit-linear-gradient(top,  #212121 0%,#333333 33%,#6d6e71 69%,#939598 100%);background: linear-gradient(to bottom,  #212121 0%,#333333 33%,#6d6e71 69%,#939598 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#939598',GradientType=0 );}

.dtl-lv .dtl-thumb .slick-arrow{bottom: 50px; top: auto; left: auto;}
.dtl-lv .dtl-thumb .slick-prev{right: 120px;}
.dtl-lv .dtl-thumb .slick-next{right: 60px;}
.dtl-lv .dtl-thumb .slick-arrow.slick-disabled{opacity: 1;}

.dtl-lv .dtl-thumb .slick-slide>div{ line-height:0px; position:relative;}
.dtl-lv .dtl-thumb .dtl-thumb-item .thumb img{display:initial;max-width:100%;max-height:100%;}

.dtl-ex-slider .slick-arrow svg{stroke: var(--blue);}
.dtl-ex-slider .slick-arrow.slick-disabled{opacity: 1;}

@media(min-width:768px){
.dtl-lv .dtl-ex .slick-arrow{left:auto;right:auto;text-align:center;padding:5px 0px;position:relative;width:100%;height:auto;top:auto;-webkit-transform:translate(0, 0%);-ms-transform:translate(0, 0%);transform:translate(0, 0%);}
.dtl-lv .dtl-ex .slick-arrow.slick-prev svg{transform:rotate(270deg); margin-left:0px;}
.dtl-lv .dtl-ex .slick-arrow.slick-next svg{transform:rotate(90deg);margin-right:0px;}
}
@media(max-width:1368px){
  .dtl-lv {grid-template-columns: 16.4% 79.5%;}
}
@media(max-width:1199px){
  .dtl-lv {grid-template-columns: 16.4% 81%;}
}

@media(max-width:991px){
  .dtl-right{padding: 50px;}
  .dtl-thumb-slider .dtl-thumb-item, .dtl-ex .dtl-ex-slider .dtl-ex-item{position: relative;}
  .dtl-thumb-slider .dtl-thumb-item:not(:first-child){display:none;}
  .dtl-ex .dtl-ex-slider .dtl-ex-item:not(:first-child){display:none;}
}
@media(max-width:767px){
.dtl-right{padding: 20px;}
.dtl-lv {grid-template-columns: 100%;}
.dtl-lv .por{order: 1;}
.dtl-lv .dtl-ex-slider{order: 2;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item{padding: 3px;}
.dtl-lv .dtl-ex .slick-slide .dtl-ex-item.dtl-ex-play svg{width:34px;height:34px;}
.dtl-lv .dtl-ex{width:100%;position:relative; margin:10px 0px;}
.dtl-lv .dtl-ex .slick-slide{margin:0px;height:auto;}
.dtl-lv .dtl-ex .slick-arrow{display:flex;align-items:center;justify-content:center; width:13px;}
.dtl-lv .dtl-ex .slick-arrow.slick-prev svg{transform: scaleX(-1);}
.dtl-lv .dtl-thumb .slick-arrow{bottom: 10px;}
.dtl-lv .dtl-thumb .slick-arrow svg{width: 20px; height: 20px;}
.dtl-lv .dtl-thumb .slick-prev {right: 80px;}
.dtl-lv .dtl-thumb .slick-next {right: 40px;}
}

/* =======Dtl Right*/
@media (max-width:991px){
  .dtl-page{ padding-bottom:80px;}
  .dtl-cart-sec{position:fixed;left:0px;right:0px;bottom:0px;background-color:var(--white);padding:15px;z-index:2;-webkit-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);box-shadow:0px -5px 5px 0px rgba(0,0,0,0.2);}
}
/* Dtl-top */
.dtl-top{ padding-bottom:30px; }
.dtl-top .dtl-top-name{line-height: normal; padding-bottom:5px;}
@media(max-width:767px){
  .dtl-top .dtl-top-name{font-size: 32px;}
  .dtl-top{ padding-bottom:20px; }
}

/* =======Dtl Accordion*/
.dtl-tabsec{padding: 30px 0;}
.dtl_accordion{max-width: 480px;}
.dtl_accordion h4{cursor:pointer;font-size:22px; padding:18px 0px;position:relative;border-bottom:solid 1px #C6C6C6;}
.dtl_accordion h4:before, .dtl_accordion h4:after{position:absolute;content:"";right:10px;background-color:#86BBD8;top:50%;}
.dtl_accordion h4:before{right:10px;width:16px;height:2px;margin-top:-1px;}
.dtl_accordion h4:after{right:17px;width:2px;height:16px;margin-top:-8px;}
.dtl_accordion h4.active:after,.dtl_accordion h4.active:before{transform: rotate(45deg);}
.dtl_accordion .accordion_content{margin-bottom:20px; overflow: hidden; padding: 10px 0;}
.dtl_accordion .accordion_content p:last-child{margin-bottom: 0;}
@media(max-width:1199px){
  .dtl_accordion{max-width: 100%;}
}
@media(max-width:767px){
  .dtl_accordion h4{font-size: 18px;}
}

.detail-list h3{font-size: 22px; font-weight: 300;}
.detail-list ul li{font-size: 20px; font-weight: 300;}
.detail-prdhd{font-size: 30px; border-bottom: solid 2px #C1C1C1; padding-bottom: 20px; margin-bottom: 30px;}
.detail-prdhd.border-none{border-bottom: none; padding-bottom: 10px;}
@media(max-width:767px){
  .detail-list h3{font-size: 18px;}
  .detail-prdhd {font-size: 22px; padding-bottom: 15px;}
  .detail-prdhd.border-none{padding-bottom: 0;}
}

.tabtl-list li{font-size: 16px;}

.download-link ul{column-gap: 25px; font-size: 18px; row-gap: 10px;}

.tab-size {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap:20px; grid-row-gap:20px; }
.tab-size .size-box{background: #EAEAEA; padding: 30px;}
.tab-size .size-box .size-hd{font-size: 20px; padding-bottom: 10px; font-weight: 400;}
.tab-size .size-box .sizetwolist{display: grid; grid-column-gap:40px; grid-template-columns: 1fr 1fr; width: 390px;}
.tab-size .size-box ul li {border-bottom: solid 1px #BFBFBF; padding: 5px; display: flex; justify-content: space-between; font-size: 16px;}
.tab-size .size-box ul li span{font-size: 14px; color: #707070;}

@media(max-width:1599px){
  .tab-size .size-box{padding: 20px;}
}
@media(max-width:1199px){
  .tab-size{grid-template-columns: 1fr 1fr 1fr 1fr;}
  .tab-size .size-box .sizetwolist{width: 100%; grid-template-columns: 1fr;}
}
@media(max-width:767px){
  .tab-size{grid-template-columns: 1fr;}
  .tab-size .size-box ul,.tab-size .size-box .sizetwolist{display: grid; grid-column-gap:10px; grid-template-columns: 1fr 1fr;}
}


.finish-applist ul{display: grid; grid-column-gap:20px; grid-row-gap:20px;  grid-template-columns: 1fr 1fr;}
.finish-applist ul a{display: flex; align-items: center; justify-content: center; height: 70px; background: #EAEAEA; font-size: 23px;}
.finish-applist .blue-list li a{background: #EAEFF4;}
.finish-applist.finish-applist3 ul{display: grid; grid-column-gap:20px; grid-row-gap:20px;  grid-template-columns: 1fr 1fr 1fr;}

@media(max-width:767px){
  .finish-applist.finish-applist3 ul{grid-template-columns: 1fr 1fr;}
  .finish-applist ul a{font-size: 16px; height: 50px;}
}

.materials-used .project-list {grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px;}
.materials-used .project-list .project-list-item .project-hd{padding-top: 20px;}
.materials-used .project-list .project-list-item .project-hd a{font-size: 22px; color: var(--light-grey);}
.materials-used .project-list .project-list-item svg{stroke: var(--white); stroke-width: 2px; fill: none;}
.materials-used.recently-sec .project-list-item .project-hd a{color: var(--blue);}

@media(max-width:1199px){
  .materials-used .project-list .project-list-item .project-hd a{font-size: 18px;}
}

@media(max-width:991px){
  .materials-used .project-list {grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width:767px){
  .materials-used{padding: 20px;}
  .materials-used .project-list {grid-template-columns: 1fr 1fr;}
  .materials-used .project-list {grid-column-gap: 10px; grid-row-gap: 20px;}
  .materials-used .project-list .project-list-item .project-hd{padding-top: 10px;}
  .materials-used .project-list .project-list-item .project-hd a{font-size: 16px;}
  .resp-tabs-container .materials-used{padding: 0;}
  .materials-used{padding: 0;}
}


.youmay-like.materials-used .project-list{grid-template-columns: 1fr 1fr 1fr;}
@media(max-width:767px){.youmay-like.materials-used .project-list{grid-template-columns: 1fr 1fr;} }

.dtl-subhd{font-size: 30px; color: #888;}
.dtl-rightlist{display: grid; grid-template-columns: 73% 90px; grid-column-gap: 5px;}
.dtl-rightlist .thumprd-name{font-size: 22px; color: #707070;}
.prdlist-thumbh,.right-thumbhlist{padding: 2px 0;}


