/* BASIC css start */
.main {overflow:hidden;}

/* pc 메인 배너 */
#main_bnr_swiper_pc { margin-bottom:100px; } 
#main_bnr_swiper_pc .swiper-slide { position:relative; } 
#main_bnr_swiper_pc .swiper-slide a { display:block; } 
#main_bnr_swiper_pc .swiper-slide a img { width: 100%; min-height:500px; object-fit:none; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap {position: absolute;top: 17%;left: 19%;} 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; margin-bottom: 40px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 3.3vw; font-weight: 800; line-height: 4.1vw; margin-bottom: 20px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; } 
#main_bnr_swiper_pc .swiper-button-prev { left:30px; } 
#main_bnr_swiper_pc .swiper-button-next { right:30px; } 
#main_bnr_swiper_pc .swiper-pagination { position: absolute; bottom: 23% !important; left: 19%; width: 24%; height: 4px; background: rgb(129 129 129 / 50%); z-index: 2; } 
#main_bnr_swiper_pc .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#main_bnr_swiper_pc .btn_wrap { position: absolute; bottom: 25%; left: 44%; z-index: 2; } 
.control_btn { position:relative; } 
.control_btn .control { position:absolute; left:0; top:0; display:none; } 
.control_btn .control.on { display:block; } 
.control_btn .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #757575; } 
.control_btn .control a img { width:10px; } 
.control_btn .pause_btn.control a img { width:8px; } 

/* mo 메인 배너 */
#main_bnr_swiper_mo { position: relative; margin: 0; overflow: hidden; } 
#main_bnr_swiper_mo .swiper-slide a { display: block; } 
#main_bnr_swiper_mo .swiper-slide a img { width: 100%; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap {position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);text-align: center;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_01 {font-size: 16px;font-weight: 600;line-height: 19.97px;margin-bottom: 10px;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_02 {font-size: 32px;font-weight: 800;line-height: 39.94px;margin-bottom: 20px;white-space: pre;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_03 {font-size: 16px;font-weight: 600;line-height: 19.97px;} 
#main_bnr_swiper_mo .swiper-button-prev { left: 0; } 
#main_bnr_swiper_mo .swiper-button-next { right: 0; } 


/* 아이콘 */
/* 아이콘 (3열 고정, 원형 사진 꽉 채우기) */
.ico_wrap {
  position: relative;
  padding: 32px 20px;
  overflow: hidden;
}

.ico_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 0;
}

.ico_wrap ul li {
  width: 33.3333%;
  text-align: center;
}

.ico_wrap ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  padding: 8px 0;
}

/* 원형 사진 */
.ico_wrap ul li a img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;      /* 핵심 */
  background: #f3f3f3;
  margin-bottom: 12px;
}

/* 텍스트 */
.ico_wrap ul li a p {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 1.3;
  margin: 0;
  word-break: keep-all;
}



/* 상품 롤링 */
#pd_swiper{padding: 0;}
#pd_swiper .swiper-slide {font-size:0;}
#pd_swiper .pd_bnr {position: relative;width: 49.5% !important;display:inline-block;vertical-align:top;margin-right:1.5%;}
#pd_swiper .pd_bnr img { width:100%; } 
#pd_swiper .txt_wrap {position: absolute;bottom: 25px;left: 15px;} 
#pd_swiper .txt_wrap p { color:#fff; } 
#pd_swiper .txt_wrap .txt_01 { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 10px; } 
#pd_swiper .txt_wrap .txt_02 { font-size: 22px; font-weight: 700; line-height: 20px; margin-bottom: 8px; } 
#pd_swiper .txt_wrap .txt_03 { font-size: 16px; font-weight: 400; line-height: 20px; } 
#pd_swiper .item-list { width: 24% !important; margin-right:1%; display:inline-block; position:relative; vertical-align:top;} 
#pd_swiper .item-list:last-child {margin-right:0;}
#pd_swiper .item-list.flexed { display: inline-block; align-items: center; gap: 8px; } 
#pd_swiper .item-list.flexed .thumb {}
#pd_swiper .item-list.flexed .thumb img{}
#pd_swiper .item-list.flexed .prd-info {padding: 16px 8px 0;width: 100%;box-sizing:border-box;}
#pd_swiper .item-list.flexed .prd-info .prd-wish .my-wish-list{position:absolute; top:0; right:0;}
#pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size: 16px;font-weight: bolder;margin-bottom: 8px;} 
#pd_swiper .item-list.flexed .prd-info .prd-name { margin-bottom: 10px; } 
#pd_swiper .item-list.flexed .prd-info .prd-name a { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .dc_per { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .consumer { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .normal { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .prd-color { display:none; } 
#pd_swiper .item-list.flexed .prd-info .prd-ico { display:none; } 
#pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 49%; top: auto; right:0; bottom:37px !important; height:4px;}
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#pd_swiper .item-list.flexed .thumb a.soldout { font-size: 12px;}

/* 탭 롤링 */
#tab_swiper { margin: 0 0 25px; } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a {display: inline-block;font-size: 15px;font-weight: 400;color: #000;padding: 12px 13.5px;white-space: pre;border: 1px solid #ddd;border-radius: 30px;line-height: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: var(--point-color2); } 
.tab_cont .item-wrap { width: 100%; }

/* 서브 배너 롤링 */
.sub_bnr_wrap {position:relative;padding-bottom: 40px; margin-bottom:100px;} 
.sub_bnr_wrap .cont_tit {max-width:1416px; margin:0 auto;}
.sub_bnr_wrap #sub_bnr_swiper{padding:0 6px; position:static;}
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a { display: block; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a img { width:100%; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt { margin: 21px 0 0 0; font-size: 14px; font-weight: 400; color: #000; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt p { font-size: 16px; font-weight: 700; margin-bottom: 8px; line-height: 20px; } 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; transform: translateX(-50%); height:4px; display:none;} 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; } 
.sub_bnr_wrap .arrow_wrap { width: 1416px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } 
.sub_bnr_wrap .arrow_wrap div { width: 56px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-prev { left: 0; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right: 0; }



@media (max-width: 1024px) {
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 24px; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 30px; line-height:1.5; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 24px; }
}

/* 태블릿 모바일 */
@media (max-width: 768px) {
    /* 헤더 */
    body #header {position: fixed; width: 100%; top: 0; z-index: 10;}
    #header .headerTnb .tnbLeft a img,
    #header .headerBottomRight a img {display:none;}
    #header .headerTnb .tnbLeft a img.main-icon,
    #header .headerBottomRight a img.main-icon {display:inline-block;}
    #header.fixed {background:#fff;}
    #header.fixed .headerTnb .tnbLeft a img,
    #header.fixed .headerBottomRight a img {display:inline-block;;}
    #header.fixed .headerTnb .tnbLeft a img.main-icon,
    #header.fixed .headerBottomRight a img.main-icon {display:none;}

    /* 상품 롤링 */
    #pd_swiper {padding: 0 6px 13px;}
    #pd_swiper .pd_bnr {width: 100% !important; display:block; margin-bottom:25px;}
    #pd_swiper .item-list { width: 100% !important; margin-bottom: 12px; display:block; }
    #pd_swiper .item-list.flexed { display:flex; align-items: center; gap: 8px; }
    #pd_swiper .item-list.flexed .thumb {width:80px;flex-shrink: 1;} 
    #pd_swiper .item-list.flexed .thumb img{height:100px;}
    #pd_swiper .item-list.flexed .prd-info {position: relative;padding: 0;width: calc(100% - 80px);}
    #pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size:14px;}
    #pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; right:auto; bottom:0 !important; transform: translateX(-50%); height:4px;}
    #pd_swiper .swiper-button-prev, 
    #pd_swiper .swiper-button-next {display:none;}
    
    /* 탭 롤링 */
    #tab_swiper { margin: 0 15px 25px; } 
    #tab_swiper .swiper-slide a {font-size:14px;}
    #tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 800;}
    
    /* 서브 배너 롤링 */
    .sub_bnr_wrap {margin-bottom:62px;}
    .sub_bnr_wrap .cont_tit {margin:0 24px 10px;}
    body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination {display:block;}
    
}
/* 메인배너 재생/정지 영역 통째로 숨기기 */
#main_bnr_swiper_pc .btn_wrap {
    display: none !important;
}

/* 혹시 남아 있는 세로선(구분선) 제거 */
#main_bnr_swiper_pc .control_btn,
#main_bnr_swiper_pc .control_btn::before,
#main_bnr_swiper_pc .control_btn::after,
#main_bnr_swiper_pc .btn_wrap,
#main_bnr_swiper_pc .btn_wrap::before,
#main_bnr_swiper_pc .btn_wrap::after {
    border: none !important;
    background: none !important;
}

/* borderbox 클래스에서 그려지는 선도 제거 */
#main_bnr_swiper_pc .borderbox {
    border: none !important;
}
/* 메인 배너 하단 진행바(짝대기) 숨기기 */
#main_bnr_swiper_pc .swiper-pagination {
    display: none !important;
}



/* EYEON SHOWCASE */
.eyeon_showcase {
  padding: 80px 0;
  background: #fafafa;
}

.eyeon_showcase .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.eyeon_showcase_tit {
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .1em;
  margin-bottom: 30px;
}

.eyeon_showcase_wrap {
  position: relative;
}

.eyeon_showcase_list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 260px;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 14px;
}

.eyeon_showcase_list li {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 12px;
}

.eyeon_showcase_list a {
  display: block;
  padding: 20px;
  text-align: center;
  color: #000;
}

.eyeon_showcase_list img {
  max-width: 100%;
  height: 220px;
  object-fit: contain;
}

.eyeon_showcase_list p {
  margin-top: 14px;
  font-size: 14px;
}

/* 버튼 */
.eyeon_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 2;
}

.eyeon_btn.prev { left: -10px; }
.eyeon_btn.next { right: -10px; }

/* 모바일 */
@media (max-width: 768px) {
  .eyeon_showcase {
    padding: 50px 0;
  }
  .eyeon_showcase_list {
    grid-auto-columns: 220px;
  }
  .eyeon_btn {
    display: none;
  }
}


/* BASIC css end */