/* BASIC css start */
#youtube-slide {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%; /* 16:9 비율 */
    margin-bottom: 10px; /* 기존 30px에서 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: #f8f8f8;
  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:24px; font-weight:600px; letter-spacing:-1px}
.main-slide1 .swiper-slide { width:auto; }
.main-slide1 .swiper-slide img {width:100%}

.main-slide2 {width:1400px; margin:0; text-align:center}
.main-slide2 h2 { margin:30px; 0 0 30px; font-size:24px; font-weight:600px; letter-spacing:-1px}
.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:600px; 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:50; text-align:center }
.ban_foot h2 { margin:70px 0 30px 0; font-size:24px; font-weight:600px; letter-spacing:-1px }
.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:30; text-align:center }
.ban_foot2 h2 { margin:70px 0 30px 0; font-size:24px; font-weight:600px; 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:30; text-align:center }
.ban_foot3 h2 { margin:70px 0 30px 0; font-size:24px; font-weight:600px; 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:100; text-align:center }
.ban_foot4 h2 { margin:100px 0 40px 0; font-size:24px; font-weight:600px; 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:340x; 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}

/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 200px;}
.best_review .best_review_photo img {width: 100%; }
.best_review_tit {font-size: 24px; text-align: center; margin:80px 0 30px 0; }
.best_power_review_list {width:1400px; height: 910px; margin:auto;}
.best_review {float:left; width:258px; border: 1px solid rgb(220, 220, 220); margin:11px;}
.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;}
.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 {
  background-color: #f5f5f5;
  padding: 80px 0 80px 0;
  margin-top: 120px;
}

.category-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
    flex-wrap: wrap;
}

.category-image {
  width: 520px; height: 480px;           
  margin-left: 40px;
  margin-right: 40px; 
    flex-shrink: 0;
}

.category-image img {
  width: 100%; height: 480px;
    object-fit: cover;
  border-radius: 6px;
}

.category-buttons-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 40px;
}

.category-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 90px;
  background-color: transparent;
}

.category-subtitle {
  font-size: 18px;
  color: #888;
  margin-bottom: 7px;
  text-align: center;
}

.category-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

.category-buttons button,
.category-buttons .category-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: white;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.3s ease;
  text-decoration: none;
  color: #000;
  box-sizing: border-box;
}


.category-buttons button:hover,
.category-buttons .category-button:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.category-buttons button:hover {
  background-color: #333;
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.category-buttons button:active,
.category-buttons .category-button:active {
  transform: translateY(0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.category-image iframe {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
  display: block;
}
/* BASIC css end */