@charset "utf-8";


/* 메인배너 */
#main_bn {border:1px solid #e3e5e8;position:relative;}
#main_bn:after {display:block;visibility:hidden;clear:both;content:""}

#main_bn .con {
  position: absolute;
  color: var(--color-white);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  z-index: 10;
}

#main_bn .con .cn_titl {
  font-family: "Pretendard-bold";
  font-size: var(--s-60)
}

#main_bn .con .cn_sub_titl {
  font-family: "Pretendard";
  font-size: var(--s-20);
  margin-bottom: var(--s-14);
}


#main_bn .owl_pager {
  position: absolute;
  right: 20px;
  bottom: 45px;
  z-index: 3;
}
#main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .owl_pager li {float:left;position:relative;margin-right:3px;}
#main_bn .owl_pager li:last-child {margin-right:0px}
#main_bn .owl_pager li a {display:block;
  width: 15px; height: 15px; background: rgba(0, 0, 0, 0.5);  border: 1px solid black; border-radius: 100%}
/*#main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8}*/
#main_bn .owl_pager li.active a {background: white;}
/*#main_bn .owl_pager li.active a:after {background:#3a8afd; top:-1px}*/
.owl-item .item{
  position: relative;
}

.owl-item .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 배경에 반투명 검정색 적용 */
  z-index: 1;
}


.btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px}
#main_bn .btn_wr{z-index:2}
.btn_wr .pager-prev {margin-left:5px;font-weight:bold}
.btn_wr .pager-next {margin-right:5px;font-weight:bold}
.btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff}
#slide-counter {margin:0 5px}

/*서브배너*/
#sbn_side {position:relative;width:100%;margin-bottom:20px}
.sb_bn {}
.sb_bn img {width:100%;height:auto}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
#sbn_side .bx-pager-item {display:inline-block}
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
#sbn_side .bx-pager-item a.active {opacity:1}
#sbn_side .bx-controls-direction {display:none}

/*장바구니*/
#sbsk {position:relative}
#sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
#sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;background:#fff;padding:2px 5px}
#sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center}
#sbsk .btn_buy .btn_submit {width:100%;height:40px}
#sbsk .li_empty {text-align:center;line-height:100px}
#sbsk .prd_img {display:inline-block;float:left;margin-right:10px}
#sbsk .prd_cnt {display:inline-block;float:left}
#sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px}
#sbsk .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}
#sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em}