/* BASIC css start */
  @import url('//skin.makeshop.co.kr/skin/ms_basic_mobile/custom/shopbrand.min.css');
  @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');
  
  @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

  #MS_current_best_product_page_cnt {
    font-weight: 500;
  }
  .product_list_wrap.list_st1 .product_item .desc_container {
    width: auto;
  }
  
  
 

  body, html {
    font-family: 'Pretendard Variable', sans-serif !important;
    color: #333;
    line-height: 1.6;
    text-align: center;
  }



/* 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 }






/* ✅ fade-up 애니메이션 스타일 */
  .fade-up {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  .fade-up.show {
    opacity: 1;
    transform: translateY(0);
  }

  /* ✅ 순차적 delay */
  .delay-1 { transition-delay: 0.2s; }
  .delay-2 { transition-delay: 0.4s; }
  .delay-3 { transition-delay: 0.6s; }
  .delay-4 { transition-delay: 0.8s; }
  .delay-5 { transition-delay: 1s; }
  .delay-6 { transition-delay: 1.2s; }
  .delay-7 { transition-delay: 1.4s; }
  .delay-8 { transition-delay: 1.6s; }
  
  
  
  
  

  /* ✅ CEO 메시지 스타일 */
  
  
  
  .ceo-banner-section {
     position: relative;
  width: 100%;
  height: 740px;
    background: url('/design/issis/ceomessage_pc_01.jpg') no-repeat center center;
    display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 80px;
  box-sizing: border-box;
  margin-bottom: 30px;
  }
  
  .ceo-banner-section h2 {
    font-family: 'Lora Variable';
 text-align: left; /* 혹시 center 되어 있으면 왼쪽 정렬 */
  padding-left: 250px; /* 왼쪽 여백을 30px 추가해 살짝 오른쪽 이동 */
  font-size: 60px;
  font-weight: 500;
  color: #000;
  }
  



  
  
  
  .ceo-title-section {
    text-align: center;
    margin: 20px 0 20px;
  }
  .ceo-title-section small {
   display: block;
  margin-bottom: 20px; 
  font-size: 18px;
  color: #777;
  }
  .ceo-title-section .line {
 display: inline-block; /* 인라인 요소 사이에 가로 라인 표시 */
  width: 80px;           /* 라인의 길이 */
  height: 2px;           /* 라인의 두께 */
  background-color: #777; /* 라인 색상 */
  vertical-align: middle; /* 텍스트 라인과 높이 맞춤 */
  margin: 0 10px;        /* 숫자와 텍스트 사이 여백 */
  }
  .ceo-title-section strong {
  display: block;
 margin-top: 5px;
 margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  }
  
  
  
  
  
  .ceo-photo {
    text-align: center;
    margin: 30px 0;
  }
  .ceo-photo img {
    max-width: 600px;
    width: 100%;
    border-radius: 12px;
  }
  
  

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

  }
  .ceo-message-text strong {
    font-weight: 600;
    color: #000;
  }
  .ceo-message-text p {
    margin-bottom: 15px;
  }
/* BASIC css end */