/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* 메인 슬라이드 직접 제작 */
.main-slide{margin-bottom:0 !important;}
.main-slide, .main-slide > div, .main-slide .slick-track, .main-slide-item, .main-slide-item > div{height:100vh !important;}  
.main-slide-item{position:relative;}
.main-slide-item-in{display:flex; flex-direction:column;justify-content:center !important; align-items:center; position:relative; z-index:50;}
.slick-active .main-slide-item-in{/* opacity:1; transform:translateY(0); animation:mainbtnani 1s linear; */}
.main-slide-item .video-wrap{width:100%; position:absolute; left:0; top:0; right:0; bottom:0;}
.main-slide-item video{width:100%; height:100%; object-fit:cover;}
.main-slide-item-in img, .main-slide-item-in .img{width:50vw; min-width:200px; max-width:400px; opacity:0.6;}
.main-slide-item-in > p{font-size:clamp(10px, 5vw, 15px); color:#fff; letter-spacing:3px; text-align:center;}
.main-slide-item-in > h6{font-size:clamp(15px, 5vw, 20px); color:#fff; letter-spacing:3px; font-weight:700; text-align:center;}
.slider-btn-wrap{display:flex; flex-direction:row; margin-top:30px; flex-wrap:wrap; justify-content:center; margin-bottom:10vh;}
.slider-btn-wrap > a:first-child{background-color:#fff; display:block; color:#000; border:1px solid #fff; font-size:13px; width:200px; text-align:center; margin:10px 15px; padding:10px; font-weight:500;}
.slider-btn-wrap > a:last-child{background-color:transparent; display:block; color:#fff; border:1px solid #fff; font-size:13px; width:200px;text-align:center; margin:10px 15px; padding:10px; font-weight:500;}
.main-slide .slick-dots{bottom:5vh !important;}
.main-slide .slick-dots button::before{color:#fff;}
.main-slide .slick-dots .slick-active button::before{color:#fff;}
.main-slide .slick-arrow{z-index:10; color:#fff;}
.main-slide .slick-arrow::before{font-size:clamp(10px, 5vw, 30px);}
.main-slide .slick-prev{left:5vw;}
.main-slide .slick-next{right:5vw;}
@media(max-width:767px){.slider-btn-wrap{margin-bottom:20vh;}}


/* 비디오 섹션 */
.section-inner.video{height:0 !important; padding-bottom:40%; position:relative !important; overflow:hidden !important;}
.section-inner.video .video-wrap{background-color:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; right:0; bottom:0; z-index:5; padding:5vw; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;}
.section-inner.video .video-wrap p{color:#fff; font-size:clamp(15px, 2vw, 25px) !important; font-weight:700; letter-spacing:3px; margin-bottom:15px;}
.section-inner.video .video-wrap a{background-color:transparent; display:block; color:#fff; border:1px solid #fff; font-size:clamp(13px, 2vw, 15px) !important; text-align:center; padding:10px 40px; font-weight:500; transition:0.5s;}
.section-inner.video .video-wrap a:hover{background-color:#fff; color:#000; border:1px solid #000;}
.section-inner.video img{width:50vw; min-width:200px; max-width:400px; opacity:0.6; position:relative; z-index:10;}
.section-inner.video video, .section-inner.video iframe{width:100%; height:100%; position:absolute; left:0; top:0; object-fit: cover; z-index:-5;}
.detail .section-inner img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.section-inner.video .video-uptext{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 8vw;
    color: #fff;
    font-weight: bolder;
    z-index: 10;
    pointer-events:none;
    opacity:0.6;
    width:max-content;
}
@media(min-width:2000px) {
    .section-inner.video {padding-bottom: 800px; /* 고정된 높이 값 */}
}
@media(max-width:991px){
    .section-inner.video{padding-bottom:60%;}
    .section-inner.video .video-wrap p{font-size:clamp(20px, 3vw, 25px) !important; display:none;}    
    .section-inner.video .video-wrap a{padding:8px 20px;}    
    .section-inner.video .video-uptext{font-size:10vw;}
}


/* custom heading */
.title-heading > p{color:#555; font-size:clamp(10px, 2vw, 14px) !important; letter-spacing:3px; text-align:center; margin-bottom:5px;}
.title-heading > h2{color:#000; font-size:clamp(20px, 2vw, 30px) !important; font-weight:700; letter-spacing:3px; text-align:center; margin-bottom:15px;}


/* 사용자후기, qc 슬라이드 css, celeb 슬라이드 */
.review-slider-inner, .qc-slider-inner, .celeb-slider-inner, .video-slider-inner {margin: 0 -10px;}
.review-slider-inner .item, .qc-slider-inner .item, .celeb-slider-inner .item, .video-slider-inner .item {padding: 10px;}
.review-slider-inner .item-in, .qc-slider-inner .item-in, .celeb-slider-inner .item-in, .video-slider-inner .item-in {position: relative;}
.review-slider-inner .item-image a, .qc-slider-inner .item-image a, .celeb-slider-inner .item-image a, .video-slider-inner .item-image a {display: block;overflow:hidden;border-radius:0px;}
.review-slider-inner .item-image a img, .qc-slider-inner .item-image a img, .celeb-slider-inner .item-image a img, .video-slider-inner .item-image a img {display: block;max-width: 100%;height: auto;}
.review-slider-inner .item-content, .qc-slider-inner .item-content, .celeb-slider-inner .item-content, .video-slider-inner .item-content {position: relative;padding: 15px 15px 15px 65px;}
.review-slider-inner .item-content-in, .qc-slider-inner .item-content-in, .celeb-slider-inner .item-content-in, .video-slider-inner .item-content-in {position: relative;z-index: 1;padding-left: 15px;border-left:1px solid var(--border-color-light);}
.review-slider-inner .item-content .item-num, .qc-slider-inner .item-content .item-num, .celeb-slider-inner .item-content .item-num, .video-slider-inner .item-content .item-num {position: absolute;top: -50px;left: -55px;line-height: 1em;font-size: var(--biggest-font-size);color: var(--primary-color);}
.review-slider-inner .item-content .product-info, .qc-slider-inner .item-content .product-info, .celeb-slider-inner .item-content .product-info, .video-slider-inner .item-content .product-info {
    display: block;line-height: 1em;font-size: var(--small-font-size);color: #000; font-weight:700;
    word-break:keep-all;display: -webkit-box !important; -webkit-box-orient: vertical !important; line-clamp: 1; -webkit-line-clamp: 1 !important; /* 표시할 최대 줄 수 */
	overflow: hidden !important; text-overflow: ellipsis !important;
}
.review-slider-inner .item-content h5, .qc-slider-inner .item-content h5, .celeb-slider-inner .item-content h5, .video-slider-inner .item-content h5 {margin: 10px 0 5px;}
.review-slider-inner .item-content h5 a, .qc-slider-inner .item-content h5 a, .celeb-slider-inner .item-content h5 a, .video-slider-inner .item-content h5 a {font-size: var(--small-font-size);font-weight: 700;color: #000; opacity:0.9;}
.review-slider-inner .item-content h5 a:hover, .qc-slider-inner .item-content h5 a:hover, .celeb-slider-inner .item-content h5 a:hover, .video-slider-inner .item-content h5 a:hover {text-decoration: underline;}
.review-slider-inner .item-content p, .qc-slider-inner .item-content p, .celeb-slider-inner .item-content p, .video-slider-inner .item-content p {
    display:block;font-size:var(--small-font-size);word-break:keep-all;color:#aaa;
    display: -webkit-box !important; -webkit-box-orient: vertical !important; line-clamp: 2; -webkit-line-clamp: 2 !important; /* 표시할 최대 줄 수 */
	overflow: hidden !important; text-overflow: ellipsis !important; font-weight:500 !important;
}

/* slick-slider 컨트롤 좌우 커스텀 */
.slick-slider .slick-next,
.slick-slider .slick-prev {
    width: 40px;height: 40px; background: rgba(0,0,0,.8) !important;
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;border-radius: 50% !important;
    opacity:1 !important;
}
/*
.slick-slider .slick-next:focus,
.slick-slider .slick-prev:focus {background: rgba(0,0,0,.8) !important;}
.slick-slider .slick-next:hover,
.slick-slider .slick-prev:hover {background: rgba(0,0,0,.8) !important;}
*/
.slick-slider .slick-next {right: 20px;z-index: 1;}
.slick-slider .slick-prev {left: 20px;z-index: 1;}
/*
.slick-slider:hover .slick-next {right: 20px;}
.slick-slider:hover .slick-prev {left: 20px;}
*/
.slick-slider .slick-next:before,
.slick-slider .slick-prev:before {content: "";display: block;position: absolute;top: 50%;width: 14px;height: 14px;margin-top: -7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);transition: all 0.3s linear;}
.slick-slider .slick-next:before {right: 15px;border-right: 2px solid #fff;border-top: 2px solid #fff;}
.slick-slider .slick-prev:before {left: 15px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;}
.slick-slider .slick-disabled{display:none !important;}
@media (max-width:991px){
	.slick-slider-inner {margin: 0 -3px;}
	.slick-slider-inner .item {padding: 0 3px;}
    .slick-slider .slick-next {right: 15px;}
    .slick-slider .slick-prev {left: 15px;}	
    .slick-slider .slick-next,
    .slick-slider .slick-prev {
        width: 40px !important;height: 40px !important; background: rgba(0,0,0,0) !important;
    }
    .slick-slider .slick-next:before {right: 15px;border-right: 4px solid #000;border-top: 4px solid #000;}
    .slick-slider .slick-prev:before {left: 15px;border-left: 4px solid #000;border-bottom: 4px solid #000;}
}   

/* 상품 택 이미지 사이즈 조정 */
.image-container img{
  height: 19px !important;
  margin-right:5px !important;
  /* border-radius:5px; */ display:inline-block !important;
}
@media(max-width:991px){.image-container img{height:15px !important; /* border-radius:3px; */ margin-right:3px;}}
/* 상품 택 안보이는거 숨기기 */
.image-container img[alt=""] {
  display: none !important;
}
/* 새창에서 열기 버튼 다 숨기기 */
.nw-wn{display:none !important;}


/* 마우스 올리면 위에서 올라오는거 별로 맘에 안듦 */
.product-main-10 .product-img-in .hvr-img,
.item-main-20 .product-img-in .hvr-img,
.product-list-10 .product-img-in .hvr-img,
.item-relation-10  .product-img-in .hvr-img{
    opacity:0 !important;
    top:0 !important; height:100% !important;
    z-index:10;
}
.product-main-10 .product-img-in:hover .hvr-img,
.item-main-20 .product-img-in:hover .hvr-img,
.product-list-10 .product-img-in:hover .hvr-img,
.item-relation-10 .product-img-in:hover .hvr-img{
    opacity:1 !important;
    z-index:10;    
}
.product-main-10 .product-img-in .hvr-img img,
.item-main-20 .product-img-in .hvr-img img,
.product-list-10 .product-img-in .hvr-img img,
.item-relation-10 .product-img-in .hvr-img img{
    height:100% !important;
    object-fit:cover !important;
    z-index:10;    
}

/* 컬러 버튼 씹기 */
.btn-indigo, .btn-e-red{background-color:#000 !important; border-color:#000 !important;}

/* 하단 공지 슬라이드 수정 */
.footer-slider-wrap .slide-inner{border-color:#555 !important;}
.footer-slider-wrap button::before{border-color:#fff !important;}
.footer-slider-wrap a{color:#fff !important;}
.footer-slider-wrap .en-font{font-weight:700;}

/* 상세페이지 버튼 */
.product-use-top{margin-bottom:15px !important;}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 85% !important;
        width:85% !important;
    }
}

/* youtube iframe */
.youtube{
    position: relative !important;
    padding-bottom: 56.25%;
    height: 0 !important;
    overflow: hidden;
    margin-bottom:5rem;
}
.youtube iframe{
    top: 50%;
    left: 50%;
    width: 100% !important; position:absolute; height:100% !important;
    transform: translate(-50%, -50%);
}
.mo-youtube{
    position: relative !important;
    padding-bottom: 56.25%;
    height: 0 !important;
    overflow: hidden;
    margin-bottom:5rem;
}
.mo-youtube iframe{
    top: 50%;
    left: 50%;
    width: 100% !important; position:absolute; height:100% !important;
    transform: translate(-50%, -50%);    
}
@media(max-width:991px){
    .mo-youtube{padding-bottom:150%;}
    .mo-youtube iframe{width: 220vw !important;height: 120vw !important; position:absolute;}
}
.youtube-square{
    position: relative !important;
    padding-bottom: 100%;
    height: 0 !important;
    overflow: hidden;
    margin-bottom:5rem;
}
.youtube-square iframe{
    top: 50%;
    left: 50%;
    width: 100% !important; position:absolute; height:100% !important;
    transform: translate(-50%, -50%);    
}

/* soldout */
.sold-out{opacity:0.4 !important;}