/* product view 페이지 */
.pro-view-area{
  display: flex;
  gap: 108px;
}
.pro-view-area .left-area{
  width: calc(50% - 14px);
  position: relative;

}
.pro-view-area .swiper_slider .img-box{
  aspect-ratio: 1/1;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-view-area .swiper_slider .img-box img{
  max-height: 100%;
}

.air-swiper-btn{
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}
.air-swiper-btn .swiper-btn{
  position: absolute;
  top: 0;
  width: 60px;
  height: 60px;
  background-color: rgba(0,0,0,.5);
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.air-swiper-btn .swiper-btn.prev-btn{
  left: 0;
  background-image: url(/asset/img/sub/product/swiper-btn01.png);
}
.air-swiper-btn .swiper-btn.next-btn{
  right: 0;
  background-image: url(/asset/img/sub/product/swiper-btn02.png);
}

.pro-view-area .right-area{
  width: calc(50% - 94px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-selectBox .pro-select{
}
.product-selectBox .pro-select + .pro-select{
  margin-top: 10px;
}
.product-selectBox .pro-select .op-sel{
  width: 100%;
  height: 50px;
  border: 1px solid #aaaaaa;
}
.product-selectBox .pro-select .op-sel select{
  padding: 0 35px 0 20px;
  height: 100%;
  width: 100%;
  background: url(/asset/img/sub/product/select-arw01.png)no-repeat center right 20px;
}
.pro-view-area .form-submit-btns{
  display: flex;
  gap: 10px;
}
.pro-view-area .form-submit-btns .op-btn{
  width: calc(50% - 5px);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pro-view-area .form-submit-btns .op-btn.gray-btn{background-color: #8c8c8c;}
.pro-view-area .form-submit-btns .op-btn.black-btn{background-color: #191919;}

.pro-view-area .sub-box{
  display: flex;
}

/*
.pro-view-area .sub-box .sub-tit{
  min-width: 70px;
  width: 70px;
}
*/

.pro-view-area .sub-box .sub-tit{
  min-width: 120px;
  width: 120px;
}


.pro-view-area .sub-box + .sub-box{
  margin-top: 20px;
}

.air-page-nation{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  z-index: 1;
}
.air-page-nation .pagenation{
  display: flex;
  gap: 8px;
  justify-content: center;
}

.air-page-nation .swiper-pagination-bullet{
  width: 40px;
  height: 4px;
  opacity: 1;
  border-radius: 0;
  background-color: #d8d8d8;
}
.air-page-nation .swiper-pagination-bullet-active{
  background-color: #555555;
}

.pro-info-area .info-tabs{
  display: flex;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.pro-info-area .info-tabs .tab-btn{
  width: 33.333%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #dcdee6;
}
.pro-info-area .info-tabs .tab-btn.on{
  background-color: #f5f5f5;
}
.pro-info-area .info-tabs .tab-btn + .tab-btn{
  border-left: none;
}
.pro-info-area .info-boxs .box-area{
  display: none;
  padding: 40px;
}
.pro-info-area .info-boxs .box-area.on{display: block;}
.pro-info-area .info-boxs .box-area img{
  margin: 0 auto;
}

@media all and (max-width:1024px){
  .pro-view-area{
    flex-wrap: wrap;
    gap: 30px;
  }
  .pro-view-area .left-area,
  .pro-view-area .right-area{
    width: 100%;
  }

  .pro-view-area .right-area{
    gap: 30px;
  }
}

@media all and (max-width:768px){
  .pro-view-area .right-area{
    gap: 15px;
  }
  .air-swiper-btn {
    display: none;
  }
  .pro-view-area .form-submit-btns .op-btn{
    height: 40px;
  }
  .product-selectBox .pro-select .op-sel{
    height: 40px;
  }
  .product-selectBox .pro-select .op-sel select{
    padding: 0 20px 0 15px;
    background-position: center right 10px;
  }
  .pro-info-area .info-tabs .tab-btn{
    padding: 10px 0;
  }
  .pro-info-area .info-boxs .box-area{
    padding: 10px;
  }
  
  .pro-view-area .sub-box + .sub-box{
    margin-top: 10px;
  }
}



.brand-icon-flex {
  display: inline-flex;
  align-items: center; /* 세로 중앙 정렬의 핵심 */
  gap: 0; /* 간격은 margin으로 조절하고 있으므로 0으로 설정 */
}

/* 이미지 컨테이너 */
.brand-icon-flex .brand-img {
  display: inline-flex;
  align-items: center;
  position: relative;
}

/* 이미지 자체 크기 제한 (이미지가 화살표를 가리지 않도록) */
.brand-icon-flex .brand-img img {
  max-width: 200px;
  height: auto;
  display: block;
}

/* 화살표 공통 설정 (두 번째 화살표 포함) */
.brand-icon-flex .brand-img:before,
.brand-icon-flex .category-name:before {
  content: '';
  display: inline-block;
  width: 8px;   /* 화살표 크기에 맞게 조절 */
  height: 12px;
  margin: 0 20px; /* 좌우 여백 */
  background: url(/asset/img/sub/brand/brand-arw.png) no-repeat center center / contain;
  
  /* 중요: 기존의 위로 밀어 올리는 코드를 초기화합니다 */
  transform: none; 
  vertical-align: middle;
}

/* 카테고리 이름 영역 */
.brand-icon-flex .category-name {
  display: inline-flex;
  align-items: center;
}

@media all and (max-width: 768px) {
  /* 1. 부모 컨테이너 정렬 강화 */
  .brand-icon-flex {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    flex-wrap: wrap;
  }

  .brand-icon-flex .brand-img {
    display: inline-flex;
    align-items: center; /* 내부 요소 중앙 정렬 */
    max-width: 200px; /* 기존 요청 유지 */
  }

  .brand-icon-flex .brand-img img {
    max-height: 30px;
    width: auto;
  }

  /* 2. 화살표 위치 수정 */
  .brand-icon-flex .brand-img:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 12px; /* 화살표 이미지 비율에 맞게 조정 */
    margin: 0 8px;
    
    /* 핵심: 기존의 translateY를 0으로 초기화하거나 제거합니다 */
    transform: translateY(0); 
    
    /* 배경 설정 */
    background: url(/asset/img/sub/brand/brand-arw.png) no-repeat center center / contain;
    vertical-align: middle;
  }

  /* 카테고리 앞 화살표도 동일하게 정렬 */
  .brand-icon-flex .category-name:before {
    transform: translateY(0);
    vertical-align: middle;
  }
}


/* 20250604 추가 */
.privacy .textarea {
	width: 100%;
	height:600px;
	border:1px solid #000;
	padding:20px;
	overflow-y: auto;
}

.privacy .textarea p {
	font-size:1.6rem;
}