/* BASIC css start */
/* 메인 롤링 배너 */
.sliderWrap {position:relative;min-width:1200px;height: 605px;overflow:hidden;} /* 경호수정전 height: 580px; */
.sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;height:580px;text-align: center;}
.sliderArea .bx-pager{position:absolute;bottom: 20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 16px;height: 6px;font-size:0;margin: 0 3px;background-color: rgba(140, 140, 140, 0.8);border-radius: 3px;}
.sliderArea .bx-pager-link.active{width: 80px;background-color: rgba(45, 45, 45, 0.8);}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%;opacity:0;}
.sliderArea:hover .bx-controls-direction {transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-25px;font-size: 30px;display:inline-block;width:50px;height:50px;color: #eaeaea;border-radius: 100%;}
.sliderArea .bx-prev i, .sliderArea .bx-next i {vertical-align: middle;line-height: 50px;}
.sliderArea .bx-prev{left: 50%;margin-left: -590px;}
.sliderArea .bx-next{right: 50%;margin-right: -590px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff;border-radius: 100%;}

/* 처음에 숨김 */
.video-slide video,
.mute-toggle {
    display: none;
}


/* 영상 슬라이드의 16:9 비율 설정 */
.video-slide {

    position: relative;
    width: 1200px;
    max-width: 1200px; /* 기존 너비 */
    margin: 0 auto;
    overflow: hidden; /* 비율 유지 및 잘림 방지 */
    margin-left:-600px;position:absolute;top:0;left:50%;width:1200px;height:674px;text-align: center;
}

.video-slide video {
    width: 1200px;
    height: 674px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; /* 비율에 맞추어 영상 조정 */
}

.video-slide::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 비율 (9/16 = 0.5625) */
}



/* 음소거버튼 */


.mute-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
    color: white;
    cursor: pointer;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.mute-toggle:hover {
    background: rgba(0, 0, 0, 0.8);
}

    
/* 메인 서브 배너 */
.subbnArea {position: relative;margin-top: 0;margin-left:-12px;}/* 경호수정전 margin-top: 12px; */
.subbnArea:after { content: ""; display: block; clear: both; }
.subbnArea .sub_banner > li {float: left;margin-left: 11px;width: 291px;}
.subbnArea .sub_banner > li > img { width: 100%; max-width: 100%; }

.subbnArea .sub_banner li.hdNotice {border: 1px solid #ddd;width: 289px;height: 178px;}
.subbnArea .sub_banner li.hdNotice dt a {display: block;position: relative;border-bottom: 1px solid #eee;height: 40px;line-height: 42px;padding: 0 20px;}
.subbnArea .sub_banner li.hdNotice dt i {position: absolute;right: 18px;top: 15px;}
.subbnArea .sub_banner li.hdNotice dd {padding: 10px 20px;}
.subbnArea .sub_banner li.hdNotice dd li a {display: block;line-height: 23px;}
 
/* tabProduct */
#tabProduct {visibility:hidden;position:relative;margin-top:70px;background-color:#f5f5f5;padding: 20px 0 100px; 0}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;width: 950px;margin: 0 auto 40px;}
#tabProduct .newCate_prod .newCateTab li{float:left;width: 140px;margin: 0 8px;text-align:center;} /*경호수정전 : {float:left;width: 170px;margin: 0 10px;text-align:center;}*/
#tabProduct .newCate_prod .newCateTab li a {display:block;height: 45px;font-size:14px;line-height: 45px;background:#fff;border-radius: 5px;}
#tabProduct .newCate_prod .newCateTab li a.active { color:#fff; background-color:#333; }
#tabProduct .newCate_prod .slideList ul {margin-left: -15px;/*경호추가 - 드래그선택방지*/-webkit-user-select: none;   -moz-user-select: none;-ms-user-select: none; user-select: none; -khtml-user-select: none;-webkit-touch-callout: none; cursor:hand; }
#tabProduct .newCate_prod .slideList li {position:relative;float:left;width: 228px;margin: 0 0 15px 15px;}
#tabProduct .newCate_prod .slideList li .thumb img {width:100%;}
#tabProduct .newCate_prod .prd-info-bx {display:none;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;}
#tabProduct .newCate_prod .prd-info-bx .prd-info {position:absolute;top:50%;left:0;right:0;margin-top: -90px;z-index:10;} /* 경호수정전 : margin-top: -70px */
#tabProduct .newCate_prod .prd-info-bx .clChip {display: flex;flex-wrap: wrap; gap: 2px;padding-bottom: 10px;justify-content: center;}
#tabProduct .newCate_prod .prd-info-bx .clChip span {display:inline-block;width: 12px;height: 3px;border: 1px solid rgba(0,0,0,0.15);box-sizing: border-box;}
#tabProduct .newCate_prod .prd-info-bx .prd-name {font-size: 14px;}
#tabProduct .newCate_prod .prd-info-bx .prd-subname {padding: 15px 25px; }
#tabProduct .newCate_prod .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {padding: 3px 0 10px;font-size:16px;font-weight: bold;}
#tabProduct .newCate_prod .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:.88; filter:alpha(opacity=80); z-index:0 }/* 경호수정전 :  opacity:0.8; filter:alpha(opacity=80); */

/* 메인 중간 배너 */
.mdlArea01 { margin-top: 50px; }

/* 상품 타이틀 */
.h_title {padding: 70px 0 35px;text-align:center;}
.h_title h3 { font-size: 24px; font-weight:bold; color:#292929; }

/* special item */
#specialItem .item-wrap .item-cont .item-list{ width:228px; padding:0 15px 40px 0 }
#specialItem .item-wrap .item-cont .item-list:last-child { padding-right:0px }
#specialItem .item-wrap .item-cont .item-list .thumb a { width: 100%; }


/* 인스타그램 */
.instaWrap .h_title h3 span {font-size: 14px;font-weight: normal;}
.instaWrap {text-align:center; }

/* ------------------------------------------------------------------------ */
/* 경호추가-시작 */


.sliderArea img {border-radius :2em;box-shadow: 0 1em 1em rgba(125,125,125,.2);}    
.sliderArea video {border-radius :2em;box-shadow: 0 1em 1em rgba(125,125,125,.2);}        
.main_banner > li {
    padding-bottom: 3em;
}
.subbnArea .sub_banner > li > img { border-radius :1em; }
.subbnArea .sub_banner > li > a >img { width: 100%; max-width: 100%; border-radius :1em;}
.hdNotice {border-radius :1em; }

#tabProduct .newCate_prod .slideList li .thumb img {border-radius :1em;padding-top:15px; padding-bottom:15px; height:240px;background-color:#fff}
#tabProduct .newCate_prod .prd-info-bx .bg {border-radius :1em;box-shadow: 0 4px 12px rgba(125,125,125,.4);}

.prd-ico {margin-top:6px}

.kr_s_tit {
    color: #000;
   /* background-color: #c1d8ef;
    width: max-content;
    max-width: 300px;
    padding: 2px 10px;
    margin: 4px auto;
    border-radius: 8px;*/
    }
/* ---.itemWrap{}--------------------------------------------------------------------- */










/* BASIC css end */