/* BASIC css start */
#youtube-slide {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%; /* 16:9 비율 */
    margin-bottom: 10px; 
    background-color: #000;
}
#youtube-slide .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

#mainslide {
    margin-top: 0;
}

.banner-content {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.info-table {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 20px;
  border-collapse: collapse;
}

.info-table th, .info-table td {
  padding: 10px;
  border: 1px solid #ccc;
}

.info-table th {
  background-color: #eee;
  font-weight: bold;
}

.additional-banner img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.scroll_list_wrap{position: absolute; z-index: 11; top:1030px !important; left: 50%;margin: 0 0 0 720px !important;text-align: center;}
#main {width:1400px; margin:0 auto;}

#mainslide .visual { background-color:#fff; overflow:hidden; position:relative; z-index:1; width:100% !important; min-width:1400px; margin:-1px auto 70px; }
#mainslide .main-slide .swiper-slide { width:auto; }
#mainslide .visual .swiper-slide .txt-box { position:absolute; bottom:200px; color:#fff; transition:2s; opacity:0; text-align:center }
#mainslide .visual .swiper-slide .txt-box .tit { font-size:45px; font-weight:bold; line-height:1.3; margin-bottom:25px; letter-spacing:-1px; }
#mainslide .visual .swiper-slide .txt-box .des { font-size:18px; }
#mainslide .visual .swiper-slide.swiper-slide-active .txt-box { opacity:1; animation:fadeIn2 1.5s; left:95px; }
#mainslide .visual .swiper-container-horizontal > .swiper-pagination-bullets { bottom:auto; left:auto; width:auto; right:20px; top:45%; text-align:center; }
#mainslide .visual .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display:block; margin:15px auto;  }
#mainslide .visual .swiper-pagination-bullet-active { background:#000; width:13px; height:13px; }
@keyframes fadeIn2 {
    0% { left: 140px; }
    100% { left:95px; }
}
.main-slide1 {width:1400px; margin:0;}
.main-slide1 h2 { margin:0 0 15px; font-size:30px; font-weight:800; letter-spacing:-1px}
.main-slide1 .swiper-slide { width:auto; }
.main-slide1 .swiper-slide img {width:100%}

.main-slide2 {width:1400px; margin:0; text-align:left}
.main-slide2 h2{
  margin:100px 0 32px 0;
  font-size:26px;
  font-weight:600;
  letter-spacing:-0.02em;
}
.main-slide2 .swiper-slide { width:auto; }
.main-slide2 .swiper-slide img {width:100%}

.product {width:1400px; margin:0; text-align:center}
.product h2 { margin:0 0 30px; font-size:24px; font-weight:600; letter-spacing:-1px }
.product .swiper-slide { box-sizing:border-box; width:auto;border:1px solid #fff }
.product .swiper-slide img { width:100%;}
.product .swiper-slide:hover {border:1px solid #f04b3c}

#main .swiper-pagination { position:relative; text-align:right; margin:30px 0 0; z-index: 10;}
#main .swiper-pagination .swiper-pagination-bullets {
  position:absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}
#main .swiper-pagination-bullet {
  width: 50px;
  height: 2px;
  display: inline-block;
  border-radius: 0%;
  background:#6d6e71;
}
#main .swiper-button-next {background:url("/design/iblank/wib/img/common/arrow_next.png")}
#main .swiper-button-prev {background:url("/design/iblank/wib/img/common/arrow_prev.png")}
#main .swiper-button-next:hover, #main .swiper-button-prev:hover {opacity:0.5} 





.ban_foot{
  width:1400px;
  margin:160px auto 0;
  text-align:left;
}
.ban_foot h2 {margin:80px 0 32px 0;
  font-size:28px;
  font-weight:500;
  letter-spacing:-0.02em;
}
.ban_foot ul{width:100%; margin-bottom : 18px; }
.ban_foot ul:after { content:"";display:block;clear:both}
.ban_foot ul li { float:left; height:520px; margin:0 24px 0 0; }
.ban_foot ul li:last-child { margin:0 }


.ban_foot2 { width:1400px; margin:30px; text-align:center }
.ban_foot2 h2 { margin:70px 0 30px 0; font-size:24px; font-weight:600; letter-spacing:-1px }
.ban_foot2 ul{width:100%}
.ban_foot2 ul:after { content:"";display:block;clear:both}
.ban_foot2 ul li { float:left; height:510px; margin:0 20px 0 0; }
.ban_foot2 ul li:last-child { margin:0 }

.ban_foot3 { width:1400px; margin:30px; text-align:center }
.ban_foot3 h2 { margin:70px 0 30px 0; font-size:24px; font-weight:600; letter-spacing:-1px }
.ban_foot3 ul{width:100%}
.ban_foot3 ul:after { content:"";display:block;clear:both}
.ban_foot3 ul li { float:left; height:520px; margin:0 18px 0 0; }
.ban_foot3 ul li:last-child { margin:0 }

.ban_foot4 { width:1400px; margin:100px; text-align:center }
.ban_foot4 h2 { margin:100px 0 40px 0; font-size:24px; font-weight:600; letter-spacing:-1px }
.ban_foot4 ul{width:100%; margin-bottom : 10px; }
.ban_foot4 ul:after { content:"";display:block;clear:both}
.ban_foot4 ul li { float:left; width: 460px; height:340px; margin:0 10px 0 0; }
.ban_foot4 ul li:last-child { margin:0 }

.mrt {padding:100px 0 0}


#main .main-section-wrap {padding-top:44px; }
#main .main-section-wrap > div {width:calc(33.33% - 14px); float:left; margin-right:21px;}
#main .main-section-wrap .right-section {margin-right:0px;}

#main .main-section-wrap .mid-section > div {border:1px solid #d6d6d6;  box-sizing:border-box; margin:0 0 20px;}
#main .main-section-wrap .mid-section .review-wrap {padding:31px 39px 0px;}
#main .main-section-wrap .mid-section .review-wrap .tit-wrap {margin-bottom:24px; position:relative; font-family: 'Montserrat', sans-serif;}
#main .main-section-wrap .mid-section .review-wrap .tit-wrap .tit {font-size:20px; color:#000; font-weight:500;}
#main .main-section-wrap .mid-section .review-wrap .tit-wrap a {position:absolute; right:0; bottom:0; font-size:16px; color:#000;}
#main .main-section-wrap .mid-section .review-wrap ul li {border-top:1px solid #b4b4b4; padding:16px 0;}
#main .main-section-wrap .mid-section .review-wrap ul li .review-img {float:left; margin-right:21px; width:116px; height:116px;}
#main .main-section-wrap .mid-section .review-wrap ul li .review-img > img {-moz-border-radius: 100px;-webkit-border-radius: 100px; border-radius: 100px; width:100%;}
#main .main-section-wrap .mid-section .review-wrap ul li .review-con {float:left; width: 183px; margin-top:25px;}
#main .main-section-wrap .mid-section .review-wrap ul li .review-con .review-tit {font-size:19px; line-height:25px; font-weight:bold; color:#000; margin-bottom:14px;}
#main .main-section-wrap .mid-section .review-wrap ul li .review-con .review-info {font-size:16px; line-height:16px; color:#545454; font-family: 'Montserrat', sans-serif;}


.roll-ban1 .slick-dots {position:absolute; bottom:23px; text-align: center; width:100%;}
.roll-ban2 .slick-dots {position:absolute; bottom:33px; text-align: center; width:100%;}
.slick-dots li { display: inline-block; margin: 0px 2px;}
.slick-dots li button {font-size: 0; line-height: 0;display: block; width: 11px; height: 11px; cursor: pointer; border: 2px solid #fff; outline: none; border-radius: 100px; background:transparent;}
.slick-dots li.slick-active button {background: #fff;}

/* notice */
.notice-wrap {border:1px solid #d9d9d9; }
.notice-wrap .notice-inn {padding:25px 30px 25px 33px; position:relative; height:23px; line-height:23px;}
.notice-wrap .notice-inn .tit {float: left; font-size:20px; color:#000; font-weight:500; margin-right: 33px; width:114px; text-align:right;}
.notice-wrap .notice-inn > a {position:absolute; right:30px; color: #000; font-size: 16px;font-family: 'Montserrat', sans-serif;}
.notice-wrap .notice-inn ul {width:800px !important;}
.notice-wrap .notice-inn ul li {width:800px !important;}
.notice-wrap .ntc-btn {position:absolute; top:25px; left:32px; text-align:center;}
.notice-wrap .ntc-btn > span {display:block;}
.notice-wrap .ntc-btn .ntc-prev {background:url(/design/iblank/wib/img/main/top_btn.png)no-repeat center center; background-size:16px 9px; width:16px; height:9px;cursor:pointer;}
.notice-wrap .ntc-btn .ntc-next {background:url(/design/iblank/wib/img/main/btm_btn.png)no-repeat center center; background-size:16px 9px; width:16px; height:9px;cursor:pointer;}
.notice-wrap .ntc-btn .ntc-bar {width:14px; height:1px; background:#cbcbcb; margin:2px auto;}

/* 상품공통 */
.item .list {margin: 0 0 20px; vertical-align: top;}
.item .list .item-list  { background: #fff; border: 1px solid #d6d6d6; box-sizing:border-box;}
.item .list .item-list .prd-info { padding:25px 21px; background: #f5f5f5; border-top: 0; position:relative;}
.item .list .item-list .prd-info .prd-name {padding-bottom:12px;}
.item .list .item-list .prd-info .prd-name a {font-size: 20px; line-height:20px; color: #000; font-weight:bold;}
.item .list .item-list .prd-info .sub-name a {font-size: 16px; line-height:16px; color: #595959;}
.item .list .item-list .prd-info .prd-price{ padding: 27px 0 0; color: #000; font-size: 17px; line-height:17px; font-weight: bold;}
.item .list .item-list .prd-info .prd-price strike { font-size: 17px; color: #4c4c4c; padding-right:8px; font-weight:normal;}
.item .list .item-list .thumbnail > a > img {width:100%;}
.item .list .item-list .prd-info .moreview {position:absolute; right:24px; bottom:28px;}
.item .list .item-list .prd-info .moreview a {font-size:14px; line-height:14px; border-bottom:1px solid #578cdc; color:#578cdc;}
.item .list:hover {-webkit-box-shadow: 0px 0px 15px 5px rgba(212,212,212,0.9);-moz-box-shadow: 0px 0px 15px 5px rgba(212,212,212,0.9);box-shadow: 0px 0px 15px 5px rgba(212,212,212,0.9);    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;}


/* 인스타그램 */
.insta_wrap { margin-top: 68px;}
.insta_wrap .insta_tit {padding-bottom:23px; text-align:center;}
.insta_wrap .insta_tit .sub-tit {display:inline-block; font-size:17px; color:#000; font-family: 'Montserrat', sans-serif; padding:0 12px 0 23px;}
.insta_wrap .insta_tit > a {display:inline-block; width:75px; height:27px; line-height:27px; text-align:center; font-size:14px; color:#3b7ada; font-family: 'Noto Sans', sans-serif; border:1px solid #3b7ada;-moz-border-radius: 2px;-webkit-border-radius: 2px; border-radius: 2px;}
.insta_wrap .insta_box .insta_section {overflow: hidden;}
.insta_wrap .insta_box #instaPics > div {float: left; margin-right: 18px;width: 192px;height: 192px;overflow: hidden;}
.insta_wrap .insta_box #instaPics > div:nth-child(6) {margin-right: 0px;}
.insta_wrap .insta_box #instaPics > div img {width: 100%;height: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.insta_wrap .insta_box #instaPics > div img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}

/* 메인커스텀 */
.main_new .item-wrap .item-cont .item-list{width:458px;padding-right:13px}
.main_new .item-wrap .item-cont .item-list .thumb{width:100%;}
.main_new .item-wrap .item-cont .item-list .thumb img{width:100%;height:auto}
.main_new .item-wrap .item-cont .item-list:nth-child(3n){padding-right:0}
.main_new .cateTit h3{
  text-align:left;
  margin:30px 0 32px 0;
  font-size:28px;
  font-weight:500;
  letter-spacing:-0.02em;
}

/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 200px;}
.best_review .best_review_photo img {width: 100%; }
.best_review_tit {font-size:28px;
  font-weight:500;
  letter-spacing:-0.02em;
  margin:100px 0 32px 0;
  text-align:left;
}
.best_power_review_list {width:1400px; height: 910px;  margin-top: -15px;}
.best_review {float:left; width:258px; border: 1px solid rgb(220, 220, 220); margin:12px;}
.best_power_review_list div.best_review:first-child {margin-left: 0px; }
.best_power_review_list div.best_review:nth-child(6) {margin-left: 0px; }
.best_power_review_list div.best_review:last-child {margin-right: 0px; }
.best_power_review_list div.best_review:nth-child(5) {margin-right: 0px; }
.best_review .review {padding:15px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:15px; color: #000000; }
.best_review .click {width:240px;}
.best_review .count {float:right;}
.best_review .write {padding-top:10px;}
.best_review .date {float:right;}
.best_review .product_img {width: 50px; margin:15px; float:left;}
.best_review .product1 {width:226px; margin:10px; }
.best_review .product1 .product_name {padding-top:10px; margin-bottom:5px;}

/* 아이블랭크 동영상 */

.category-section.category-videoOnlyWrap{
  width: 1400px;          
  margin: 120px auto 0; 
  padding: 10px 0;      
  background: #000;
  box-sizing: border-box;
}

.category-videoFull{
  width: 100%;
}

.category-videoInner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;    /* 16:9 */
  background: #000;
}

.category-videoInner iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.category-copyOut{
  width: 1400px;
  margin: 34px auto 0;
  text-align: center;
}

.category-copyOut .category-copyMain{
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #111;
}

.category-copyOut .category-copySub{
  margin: 14px 0 0;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #111;
}

/* 반응형 */
@media (max-width: 1480px){
  .category-section.category-videoOnlyWrap{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .category-copyOut{
    width: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
}


/* 실시간판매 */

.bestban_outer{
  position:relative;
  padding:100px 0 80px;
  min-height:500px;
  margin:170px 0 0;
  box-sizing:border-box;

  background:#f8f8f8;

  box-shadow: 0 0 0 100vmax #f8f8f8;
  clip-path: inset(0 -100vmax);

  overflow-anchor: none;
}

/* 중앙 컨테이너 */
.bestban{
  width:1400px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

@media(max-width:1480px){
  .bestban{
    width:100%;
    padding:0 20px;
    box-sizing:border-box;
  }
}
/*  LAYOUT  */
.bestban_wrap{
  display:flex;
  gap:40px;
  align-items:flex-start;
  position:relative;
  padding-top:80px;
}

/*  LEFT  */
.bestban_left{
  width:500px;
  flex:0 0 500px;
}

/* 제목 */
.bestban_title{
  position:absolute;
  top:0;
  left:0;
  font-size:28px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:-0.02em;
}

/* 순위 리스트 */
.bestban_rank{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset: bestRank;
}

.bestban_rank li{
  counter-increment: bestRank;
  position:relative;

  margin:0 0 8px;
  border-radius:8px;
  transition:box-shadow .25s, background-color .25s;

  box-sizing:border-box;
  height:54px;               
  display:flex;
  align-items:center;

  border:1px solid transparent;

  padding:10px 16px 10px 54px;
}

/* 순위 숫자 */
.bestban_rank li::before{
  content: counter(bestRank);
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:22px;
  text-align:right;

  font-size:22px;
  font-weight:500;
  line-height:1;
  color:#999;

  display:block;
  z-index:2;
}

.bestban_rank li button{
  all:unset;
  cursor:pointer;
  font-size:22px;
  font-weight:500;
  line-height:1;
  color:#aaa;
  transition:font-size .2s ease, font-weight .2s ease, color .2s ease;
}

.bestban_rank li.is-active{
  background:#fff;
  border-color:#111;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}
.bestban_rank li.is-active button{
  color:#111;
  font-weight:600;
  font-size:24px;        
}
.bestban_rank li.is-active::before{
  color:#111;
  font-size:24px;
  font-weight:600;
}

/* ================= RIGHT ================= */
.bestban_right{
  width:700px;
  flex:0 0 700px;
  margin-left:auto;
  background:#fff;
  padding:30px;
  border-radius:6px;
}

/* 상품 */
.bestban_item{
  display:none;
  gap:24px;
  align-items:flex-start;
}
.bestban_item.is-active{display:flex;}


.bestban_img{
  width:240px;
  height:240px;
  border:1px solid #eaeaea;
  background:#fafafa;
  overflow:hidden;
  
  display:flex;
  align-items:center;
  justify-content:center;
}

.bestban_img img{
  width:100% !important;
  height:100% !important;

  object-fit:contain;      
  object-position:center;

  transform:translateY(20px);
  opacity:0;
  animation:imgUp .45s ease forwards;
  display:block;
}

@keyframes imgUp{
  to{transform:translateY(0);opacity:1;}
}

/* 상품 정보 */
.bestban_info .name{
  font-size:16px;
  font-weight:700;
}


/* 옵션 숨김 */
.bestban_right .prd-color,
.bestban_right .colorchip,
.bestban_right .option-color{display:none;}


/* 제품명 */
.bestban_info .name{
  font-size:20px;
  font-weight:500;
  line-height:1.35;
  color:#111;
  margin:0 0 8px;
}

/* 가격 */
.bestban_info .price{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0 0 12px;
  font-size:17px;        
  font-weight:500;
  color:#111;
}

.bestban_info .price strike,
.bestban_info .price del{
  font-size:15px;
  font-weight:400;
  color:#aaa;
  margin-right:2px;
}

.bestban_item.is-active .bestban_info{
  transform:translateY(20px);
  opacity:0;
  animation:txtUp .45s ease forwards;
}

@keyframes txtUp{
  to{transform:translateY(0);opacity:1;}
}

.bestban_info{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:240px;
}

.bestban_info .desc{
  font-size:16px;
  font-weight:400;
  line-height:1.45;
  color:#666;

  margin:6px 0 22px;       

  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


/* 맨 하단: ***명이 보고 있어요 */
.bestban_info .viewers{
  margin-top:auto;
  font-size:16px;       
  color:#e53935;     
  line-height:1.2;
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:500;
}

#main .bestban_title.secTit{
  margin:0 !important;
}

#main .secTit{
  font-family: inherit !important;
  font-size:28px !important;
  font-weight:600 !important;
  letter-spacing:-0.02em !important;
  line-height:1.25 !important;
  color:#111 !important;

  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
}

/* h2/h3 기본 bold 완전 무력화 */
#main h2.secTit,
#main h3.secTit{
  font-weight:600 !important;
}

.bestban_outer .bestban_img{
  width:240px !important;
  height:240px !important;
  flex:0 0 240px !important;   
}

.bestban_outer .bestban_img img.rt-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;    
  max-height:none !important;
  object-fit:contain !important; 
  display:block !important;
}
.bestban_outer .bestban_img{flex:0 0 240px !important;}
.bestban_outer .bestban_img img.rt-img{
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
}

/* 스타일별추천 */
:root{
  --style-ratio: 1.33333;
  --style-w: 430px;

  --style-gap: 6px;  
  --style-scale: 0.78;
}

#main .styleReco{
  width:1400px;
  margin:140px auto 0;
  text-align:left;
  position:relative;
  overflow:visible;
}

#main .styleReco .styleReco_swiper{
  width:100%;
  padding:0 20px;
  box-sizing:border-box;
  position:relative;
  overflow:visible;
  height:calc(var(--style-w) * var(--style-ratio));
}

#main .styleReco .styleReco_swiper .swiper-wrapper{
  overflow:visible;
}

#main .styleReco .styleReco_swiper .swiper-slide{
  width:var(--style-w);
  position:relative;
}

#main .styleReco .styleCard{
  display:block;
  width:100%;
  position:relative;
  overflow:hidden;
  background:#f3f3f3;

  transform-origin:50% 0%;
  will-change:transform, opacity;
  transition:transform .65s ease, opacity .65s ease;
}

#main .styleReco .styleCard::after{
  content:"";
  position:absolute;
  inset:0;
  background:#000;
  opacity:var(--dim, 0);   /* 0~0.65 */
  transition:opacity .35s ease;  /* ✅ 자연스럽게 */
  pointer-events:none;
  z-index:1;
}

#main .styleReco .styleCard img{
  position: absolute;
  inset: 0;
  z-index:0;
}

#main .styleReco .styleOverlay{
  position: absolute;
  left:0; right:0; bottom:0;
  z-index:2;
}



#main .styleReco .swiper-slide-active .styleCard{
  transform:scale(1);   
  opacity:1;         
}


#main .styleReco .styleCard::before{
  content:"";
  display:block;
  padding-top:calc(var(--style-ratio) * 100%);
}

#main .styleReco .styleCard img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
    z-index:0;
}

#main .styleReco .styleCard.is-active{
  transform:scale(1);
  opacity:1;
}

#main .styleReco .styleOverlay{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:28px 28px 24px;
  color:#fff;
  background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
}

#main .styleReco .styleReco_head{
  margin-bottom:32px;
}

#main .styleReco .styleReco_head .secTit{
  margin:0;
}

#main .styleReco .styleReco_head .styleReco_sub{
  margin:0 0 7px;
}

#main .styleReco .styleName{
  display:block;
  font-size:24px;
  font-weight:600;
  line-height:1.2;
}

#main .styleReco .styleDesc{
  display:none;
  margin-top:10px;
  font-size:18px;
  line-height:1.6;
}

#main .styleReco .styleName{
  transition: opacity .35s ease;
}
#main .styleReco .styleCard:not(.is-active) .styleName{
  opacity: calc(1 - (var(--dim, 0) * 0.9));
}

#main .styleReco .styleCard.is-active .styleDesc{
  display:block;
}

#main .styleReco .styleReco_pagi,
#main .styleReco .swiper-pagination{
  display:none;
}

#main .styleReco .styleReco_prev::after,
#main .styleReco .styleReco_next::after{
  display:none;
}

#main .styleReco .styleReco_prev,
#main .styleReco .styleReco_next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:27px;
  height:44px;
  z-index:999;
  cursor:pointer;

  background-repeat:no-repeat;
  background-position:center;
  background-size:27px 44px;
}

#main .styleReco .styleReco_prev{
  left:10px;
  background-image:url("/design/iblank/wib/img/common/arrow_prev.png");
}
#main .styleReco .styleReco_next{
  right:10px;
  background-image:url("/design/iblank/wib/img/common/arrow_next.png");
}

/* 반응형 */
@media(max-width:1480px){
  #main .styleReco{
    width:100%;
    padding:0 20px;
    box-sizing:border-box;
  }
}
/* BASIC css end */