/* BASIC css start */
body, html {
  font-family: 'Pretendard Variable', sans-serif;
  color: #333;
  line-height: 1.6;
  text-align: center; /* ✅ 전체 중앙 정렬 */
}

#container.pc {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 0px;
}



/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate {  font-family:  'Lora Variable', sans-serif; padding:30px 0 30px;  font-size:30px; color:#333; font-weight:600; text-align:center; }
#productClass .cate-wrap .class-list ul { text-align:center}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { margin:0 5px; display:inline-block; }
#productClass .cate-wrap .class-list ul li a { font-family: 'Pretendard', sans-serif; display:block; font-size:13px; color:#555; background-color:#f9f9f9; padding:10px 25px; border-radius:30px }



/* 2단 래핑: 총 너비 846px 고정 */
.brand-section-2col{
  width:846px;              /* 총 가로 폭 */
  margin:48px auto;         /* 가운데 정렬 */
  display:flex;
  gap:24px;                 /* 두 블록 사이 간격 */
}

/* 두 블록이 846px 안에 정확히 반반 들어가도록 */
.brand-section-2col > div{
  box-sizing:border-box;                     /* 패딩 포함 폭 계산 */
  flex:0 0 calc((846px - 24px) / 2);         /* (총폭 - gap)/2 */
  max-width:calc((846px - 24px) / 2);
  background:#f4f4f4;
  border-radius:16px;
  padding:48px 24px;
  text-align:center;
}

/* 더 넓은 화면에서 패딩만 살짝 업 */
@media (min-width:1024px){
  .brand-section-2col > div{ padding:64px 32px; }
}

/* 작은 화면(모바일)에서는 1단으로 자동 전환 */
@media (max-width:900px){
  .brand-section-2col{
    width:100%;
    padding:0 16px;         /* 좌우 안전 여백 */
    box-sizing:border-box;
    flex-direction:column;
    gap:16px;
  }
  .brand-section-2col > div{
    max-width:100%;
    width:100%;
  }
}







.aboutus-banner-section.pc {
  position: relative;
  width: 100%;
  height: 740px;
  background: url('/design/issis/aboutissis_pc01.jpg') no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 80px;
  box-sizing: border-box;
  margin-bottom: 30px;
}



.aboutus-banner-text h2 {
  font-family: 'Lora Variable';
text-align: left; /* 혹시 center 되어 있으면 왼쪽 정렬 */
  padding-left: 250px; /* 왼쪽 여백을 30px 추가해 살짝 오른쪽 이동 */
  font-size: 60px;
  font-weight: 500;
  color: #000;
}


.cate_child_wrap ul.cate2,
.cate_child_wrap ul.cate3 {
  display: inline-block;
  margin: 10px auto;
}

.cate_child_wrap ul li {
  display: inline-block;
  margin: 0 10px;
}

.aboutus-title-section {
 margin-top: 5px; /* 타이틀 위쪽 공간 */
  text-align: center; /* 가운데 정렬 유지 */
     margin-bottom: 100px; 
}

.aboutus-title-section strong {
  display: block;
 margin-top: 5px;
 margin-bottom: 10px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}



.aboutus-title-section small {
 display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #777;
}

.aboutus-title-section .line {
 display: inline-block; /* 인라인 요소 사이에 가로 라인 표시 */
  width: 80px;           /* 라인의 길이 */
  height: 2px;           /* 라인의 두께 */
  background-color: #777; /* 라인 색상 */
  vertical-align: middle; /* 텍스트 라인과 높이 맞춤 */
  margin: 0 20px;        /* 숫자와 텍스트 사이 여백 */
}




.aboutus-message-text{
  font-size: 18px; /* 강조된 부분은 더 크게 */
  font-weight: 400;}




.step-box {
  display: block; /* ✅ 세로 배치 */
  margin: 60px auto;
  max-width: 800px;
}


.step-number {
  font-size: 18px; /* 기존보다 2~3px 크게 */
    margin-top: 20px;
    margin-bottom: 10px;}


.step-image {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
}

.step-text p {
  font-size: 18px; /* 기존보다 2~3px 크게 */
  line-height: 1.6; /* 줄 간격도 살짝 늘리면 가독성↑ */
}

.step-text strong {
  font-size: 18px; /* 강조된 부분은 더 크게 */
  font-weight: 600;
}



.step-text h3 {
  font-size: 28px;
    font-weight: 600;
  margin-bottom: 20px;
}






.lashaddict-brand, .eyewantit-brand {
  margin-top: 100px;
}

.lashaddict-brand h4,  .eyewantit-brand h4 {
  font-size: 36px;
      font-weight: 600;
  margin-bottom: 20px;
}

.lashaddict-brand p,  .eyewantit-brand p {
  font-size: 18px;
}

.lashaddict-brand strong,  .eyewantit-brand strong {
   margin-bottom: 20px;
}






/* Fade Up Animation */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 1s ease-out forwards;
}

.fade-up.delay-1 { animation-delay: 0.3s; }
.fade-up.delay-2 { animation-delay: 0.6s; }
.fade-up.delay-3 { animation-delay: 0.9s; }













 .grow-seminar-section {
    text-align: center;
    padding: 20px 10px;
    background: #fff;
    
  }
  .grow-seminar-section .title-small {
    margin-top:50px;
    font-size: 18px;
    color: #555;
  }
  
  .grow-seminar-section .title-main {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 70px; 
  }
  .grow-seminar-section .grow-logo {
    font-size: 24px;
    font-weight: bold;
    margin: 0px 0; /* 위아래 간격 넓힘 */
  }
  .grow-seminar-section .grow-logo span {
    display: block;
     margin: 0px 0; /* 위아래 간격 넓힘 */
  }
  .grow-seminar-section .speech-mark {
    width: 50px;
    margin-bottom: 0;
    height: 10px;
    background: #000;
    display: inline-block;
  }
  .grow-seminar-section .images img {
    width: 90%;
    max-width: 600px;
          margin-bottom: 30px;
  }
  
  @media (max-width: 768px) {
    .grow-seminar-section .grow-logo {
      font-size: 18px;
    }
    .grow-seminar-section .title-main {
      font-size: 18px;
    }
  }















/* 반응형 & 최대 폭 제어 */
.instagram-widget-container {
  max-width: 846px;
  margin: 0 auto;
  padding: 0 15px;
}
.instagram-widget-container iframe,
.instagram-widget-container .cn-instagram-feed,
.instagram-widget-container #embedsocial-instagram-feed {
  width: 100%;
}





/* BASIC css end */