/* ----- ¼­Ã¼ ½ºÅ¸ÀÏ ----- */
 --dyami-body-font:   'Nanum Gothic', sans-serif !important;  
 --dyami-primary-font:  'Nanum Myeongjo', serif  !important;

:root {--dyami-content-padding: 0;}
 .section-block {padding: 4rem 8px}
.content-wrap {padding:0}
  @media (min-width: 1200px) { .section-block { padding: 6rem 0}  }

/* ----------------------------------------------------------------
 * Ä÷¯
 -----------------------------------------------------------------*/
:root {
 --dyami-themecolor: #2fcab0; 
 --dyami-themecolor-rgb: 47, 202, 176;
 --dyami-subcolor: ; 
 --dyami-subcolor-rgb: ; 
 --dyami-link-color: var(--bs-body-color);
 --dyami-link-hover-color: var(--dyami-themecolor);
 --dyami-form-search-border: 1px solid var(--bs-border-color);
}

 .table input, .table select, .table textarea {
  --dyami-form-bg: var(--dyami-contrast-100);
  --dyami-form-border-color: var(--dyami-contrast-100);
  --dyami-form-color: var(--bs-light);
  --dyami-form-focus-bg: var(--dyami-contrast-100);
  --dyami-form-focus-border-color: var(--dyami-themecolor);
  color: var(--bs-dark)
 }

 .owl-carousel {--dyami-owl-nav-background: var(--dyami-themecolor);--dyami-owl-nav-color: var(--bs-light); --dyami-owl-nav-bg: var(--bs-dark); --dyami-owl-nav-border: none;}
 .owl-carousel .owl-item>table {width:100% !important}
 @media (min-width: 1200px) {
  .owl-carousel {--dyami-owl-nav-sizes: 62px;}
 }


/* ----------------------------------------------------------------
 * ÆùÆ®
 * À¥ÆùÆ®  ¼Ò½º´Â [¸ðµâ > TOP > ½ºÅ¸ÀϽÃÆ®] ¿¡¼­ È®ÀÎ °¡´ÉÇÕ´Ï´Ù.
 -----------------------------------------------------------------*/
:root {
  --dyami-body-font: 'Noto Sans KR' , 'Montserrat',  -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;
 --dyami-primary-font: var(--dyami-body-font);
  --bs-body-font-size: 18px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --dyami-font-size-h1: 3rem;
  --dyami-font-size-h2: 2.75rem;
  --dyami-font-size-h3: 2.5rem;
  --dyami-font-size-h4: 2rem;
  --dyami-font-size-h5: 1.65rem;
  --dyami-font-size-h6: 1.25rem;
  --dyami-font-size-small: calc(var(--dyami-font-size-body) * 0.875);
  --dyami-headings-font-weight: 400;
}
@media (max-width: 1199px) {
  :root { 
    --dyami-font-size-h1: 52px; 
    --dyami-font-size-h2: 44px; 
    --dyami-font-size-h3: 32px;
     --dyami-font-size-h6: 1rem; }
}
@media (max-width: 991px) {
  :root { 
    --bs-body-font-size: 16px; 
    --dyami-font-size-h1: 40px; 
    --dyami-font-size-h2: 34px; 
    --dyami-font-size-h3: 30px; 
    --dyami-font-size-h4: 24px; }
}
@media (max-width: 575px) {
  :root { 
    --dyami-font-size-h1: 32px; 
    --dyami-font-size-h2: 28px; 
    --dyami-font-size-h3: 25px; 
    --dyami-font-size-h4: 22px; 
    --dyami-font-size-h5: 18px; }
}
.display-1 { font-size: calc(1.575rem + 4.5vw); }
.display-2 { font-size: calc(1.575rem + 3.9vw); }
.display-3 { font-size: calc(1.475rem + 3.3vw); }
.display-4 { font-size: calc(1.475rem + 1.8vw); }
.display-5 { font-size: calc(1.375rem + 1.8vw); }
@media (min-width: 1200px) {
  .display-1 { font-size: 4.25rem; }
  .display-2 { font-size: 4rem; }
  .display-3 { font-size: 3.75rem; }
  .display-4 { font-size: 3.5rem; }
  .display-5 { font-size: 3.25rem; }
}
@media (max-width: 991px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 1.2rem }
}
/* ----------------------------------------------------------------
 * ¸Þ´º¹Ù
 -----------------------------------------------------------------*/
:root {
  --dyami-header-height : 60px ;
}
#header {
  --dyami-header-bg: var(--bs-dark);
  --dyami-header-border-color: transparent;
  --dyami-primary-menu-color: var(--bs-light);
  --dyami-primary-menu-active-color: var(--bs-light);
  --dyami-primary-menu-hover-color: var(--bs-light);
  --dyami-primary-menu-hover-bg: transparent;
  --dyami-primary-menu-font: var(--dyami-body-font);
  --dyami-primary-menu-font-weight: 500;
  --dyami-primary-menu-font-size: 18px;
  --dyami-primary-menu-submenu-bg: var(--bs-white);
  --dyami-primary-menu-submenu-color: var(--bs-dark);
  --dyami-primary-menu-submenu-hover-color: var(--dyami-themecolor);
  --dyami-primary-menu-submenu-font-size: 16px;
  --dyami-primary-menu-submenu-font-weight: 400;
  --dyami-primary-menu-submenu-hover-font-weight: 500;
}
 @media (min-width: 1200px){
 #header { 
   --dyami-header-height: 80px; 
   --dyami-header-height-shrink: 80px; 

  --dyami-primary-menu-hover-bg: var(--dyami-themecolor);} 
.sub-menu-container .menu-item > .menu-link {color: var(--bs-dark)}
  }

/* ----------------------------------------------------------------
 * ¼­ºêÆäÀÌÁö ŸÀÌƲ 
 -----------------------------------------------------------------*/
.page-title { 
  --dyami-page-title-padding: 4rem; 
  --dyami-page-title-font-size: calc(1.375rem + 1.4vw); 
  --dyami-page-title-font-weight: 600; 
  --dyami-page-title-color: var(--bs-light); 
  border-bottom: 0;
} 
 .page-title .bg-overlay-bg { background-color: rgba(var(--bs-dark-rgb), .6); } 
 .page-title-content h1,
 .page-title-content .h1 { font-family: var(--dyami-body-font); } 
 @media (min-width: 1200px){
  .page-title { --dyami-page-title-padding: 6.25rem; } 
 }


/* ---------------------------------
 * ·Î°í »çÀÌÁî ¼öÁ¤ (251227 Ãß°¡)
 ----------------------------------*/
/* ·Î°í Å©±â Á÷Á¢ Á¦¾î */
#logo img.logo-default, 
#logo img.logo-dark {
    height: 100px !important;  /* 100px ºÎºÐÀ» ¿øÇÏ´Â ¼ýÀÚ·Î ¼öÁ¤Çϼ¼¿ä */
    width: auto !important;
}


/* ¸ð¹ÙÀÏ È­¸é¿¡¼­ ·Î°í Å©±â Á¶Á¤ (ÇÊ¿ä ½Ã) */
@media (max-width: 991px) {
    #logo img.logo-default, 
    #logo img.logo-dark {
        height: 75px !important;
    }
}








/* ---------------------------------
 * Á¦Ç°ÆäÀÌÁö ¹ÝÀÀÇü (251227 Ãß°¡)
 ----------------------------------*/



/* --- Á¦Ç° ¼Ò°³ ¼½¼Ç ŸÀÌƲ (¿µ¾çÁ¦/DNAÅ°Æ® °øÅë) --- */
.product-top-eng {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #472a75; /* ºê·£µå ÆÛÇà */
    letter-spacing: 2px;
    margin-bottom: 8px;
    text-transform: uppercase;
}


.product-main-title {
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 800;
    color: #111;
    letter-spacing: -1px;
    line-height: 1.2;
    margin-bottom: 12px;
}



/* --- ±âÁ¸ .product-sub-info { ... } ºÎºÐÀ» Áö¿ì°í ÀÌ ÄÚµå·Î ±³Ã¼Çϼ¼¿ä --- */


.product-sub-info {
    display: inline-block !important; /* ±ÛÀÚ ±æÀ̸¸Å­ ¹è°æ»ö Àû¿ë */
    font-size: 14px !important;
    color: #472a75 !important;        /* ºê·£µå ÆÛÇà */
    font-weight: 700 !important;       /* ±ÛÀÚ ±½°Ô */
    margin-top: 15px !important;
    padding: 8px 25px !important;     /* µÕ±Ù ¹Ú½º ¿©¹é */
    background-color: #f4f0f9 !important; /* ¿¬º¸¶ó ¹è°æ»ö */
    border-radius: 50px !important;    /* ¾Ë¾à ¸ð¾ç */
    border: 1px solid #e9e1f2 !important; /* ¿¬ÇÑ Å׵θ® */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; /* ÀºÀºÇÑ ±×¸²ÀÚ */
    letter-spacing: -0.5px !important;
}




/* ¸ð¹ÙÀÏ Àü¿ë (±âÁ¸ ¸ð¹ÙÀÏ Äõ¸®°¡ ÀÖ´Â °÷¿¡ ³Ö¾îµµ µÇ°í, ¿©±â¿¡ µÎ¼Åµµ ÀÛµ¿ÇÕ´Ï´Ù) */
@media (max-width: 991px) {
    .product-top-eng { font-size: 12px; margin-bottom: 5px; }
    .product-main-title { font-size: 28px; }
}



@media (max-width: 991px) {
    .product-sub-info { 
        font-size: 12px !important; 
        padding: 6px 18px !important;
        margin-top: 10px !important; 
    }
}




/* ========================================================
   [»ç¾÷¾È³»] ¸ÂÃã Á¦ÀÛ (Your Market, Our Expertise) ¼½¼Ç ½ºÅ¸ÀÏ (ÃÖÁ¾º»)
   (¡Ø ÆÄÀÏ ¸Ç ¾Æ·¡¿¡ ºÙ¿©³Ö¾î ÁÖ¼¼¿ä!)
======================================================== */
.custom-market-section {
    padding: 140px 0 !important;
    background-color: #f4f8fc;
}


.custom-market-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    color: #1e3a8a;
    margin-bottom: 80px; 
    letter-spacing: -1px;
}


.zigzag-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    max-width: 1100px;
    margin: 0 auto;
    position: relative; 
}


.zz-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 2; 
}


.zz-bottom { margin-top: 60px; } 
.zz-top { margin-bottom: 60px; } 


.zz-main-circle {
    width: 150px; 
    height: 150px; 
    border: 1.5px solid #93c5fd; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.1);
    z-index: 2;
}


.zz-inner-circle {
    width: 135px; 
    height: 135px; 
    background-color: #2563eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 50px; 
    overflow: hidden; 
}



/* [¼öÁ¤] Customized For You ÅؽºÆ® Á¤·Ä ¹× Å©±â Á¶Á¤ */
.zz-text-only {
    font-size: 18px; 
    font-weight: 800;
    line-height: 1.2; 
    padding: 5px; 
    text-align: center; 
    
    /* &#128071; ÇÙ½É: <br> ÅÂ±× ¾øÀÌ ÄÚµå»óÀÇ ¿£ÅÍ(ÁٹٲÞ)¸¦ È­¸é¿¡ ±×´ë·Î ¹Ý¿µ */
    white-space: pre-line !important; 
}


.zz-line {
    width: 0;
    height: 40px; 
    border-left: 3px dotted #60a5fa;
    margin: 10px 0; 
}


.zz-dot {
    width: 18px; 
    height: 18px; 
    border: 3.5px solid #2563eb; 
    background-color: #ffffff;
    border-radius: 50%;
}


.zz-title {
    font-size: 19px;
    font-weight: 700;
    color: #1e3a8a;
    margin: 0;
    word-break: keep-all;
    letter-spacing: -0.5px;
}


.zz-bottom .zz-title { margin-bottom: 15px; }
.zz-top .zz-title { margin-top: 15px; }


/* PC(Áö±×Àç±× ¹è¿­)¿¡¼­´Â È­»ìÇ¥¸¦ ¼û±è ó¸® */
.zz-arrow-to-next {
    display: none;
}



.custom-bottom-text {
    font-size: 19px;
    line-height: 1.7;
    color: #555;
    margin: 100px auto 0; 
    font-weight: 500;
    
    /* &#128071; ¼öÁ¤ ¹× Ãß°¡µÈ ¾çÂÊ Á¤·Ä ¼Ó¼º */
    word-break: break-all !important;
    width: 100% !important;
}


/* ========================================================
   [¹ÝÀÀÇü] ¸ð¹ÙÀÏ/ÅÂºí¸´ ÃÖÀûÈ­ (991px ÀÌÇÏ)
======================================================== */
@media (max-width: 991px) {
    .custom-market-section { padding: 80px 0 !important; }
    
    .zigzag-container { 
        flex-direction: column; 
        gap: 20px; 
    }
    
    .zz-bottom, .zz-top { 
        margin: 0 !important; 
        flex-direction: column !important;
    }
    
    .zz-line, .zz-dot { display: none; } 
    
    /* ¸ð¹ÙÀÏ(¼¼·Î ¹è¿­)¿¡¼­ È­»ìÇ¥ ³ëÃâ ¹× ÇÏ´Ü ¹èÄ¡ */
    .zz-arrow-to-next {
        display: block;
        order: 3; 
        font-size: 35px;
        color: #ccc !important;
        margin-top: 25px;
        margin-bottom: 10px;
    }
    
    .zigzag-container .last-step .zz-arrow-to-next {
        display: none !important;
    }
    
    .zz-main-circle { 
        order: 1; 
        width: 130px; 
        height: 130px; 
    }
    .zz-inner-circle { 
        width: 115px; 
        height: 115px; 
        font-size: 40px; 
    }
    
    .zz-text-only { font-size: 14px; padding: 8px; }
    
    .zz-bottom .zz-title, .zz-top .zz-title { 
        order: 2; 
        margin-top: 15px !important; 
        margin-bottom: 0 !important; 
        font-size: 20px; 
    }
    
    .custom-bottom-text { 
        margin-top: 70px;
        text-align: justify !important; 
         text-justify: inter-word;
    }
}


/* ¸ð¹ÙÀÏ (767px ÀÌÇÏ) Àü¿ë ÇÏ´Ü ÅؽºÆ® Á¤·Ä */
@media (max-width: 767px) {
    .custom-bottom-text { 
        font-size: 16px; 
        word-break: break-all !important; 
        width: 100% !important; 
        text-align: justify !important;
         text-justify: inter-word; 
    }
}







/* ========================================================
   [»ç¾÷¾È³»] OEM °øÁ¤ ¼½¼Ç ½ºÅ¸ÀÏ (¸ð¹ÙÀÏ ÁÙ°£°Ý ¿ÏÀü Çذẻ)
======================================================== */
.oem-process-section {
    padding: 120px 0 !important;
    background-color: #f8f9fa !important;
    overflow: hidden;
}


.oem-process-section .text-center.mb-100 {
    margin-top: 0 !important;
    margin-bottom: 80px !important; 
}


.process-grid-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}


.process-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px; /* PC¿¡¼­ÀÇ ÁÙ °£°Ý */
}


.process-row:last-child {
    margin-bottom: 0 !important;
}


.process-row.reverse {
    flex-direction: row-reverse;
}


.step-item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1;
}


.outer-circle {
    width: 200px;
    height: 200px;
    background-color: #2fcab0; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px rgba(47, 202, 176, 0.15);
    margin: 0 auto;
}


.inner-circle {
    width: 176px;
    height: 176px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}


.step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: #ffffff !important;
    background-color: #2fcab0 !important;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin-bottom: 12px;
}


.main-txt {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #222;
    line-height: 1.3;
    margin-bottom: 5px;
    word-break: keep-all;
}


.sub-txt {
    font-size: 13px;
    color: #888;
    margin: 0 !important;
    line-height: 1.4;
    word-break: break-all;
}


/* --- È­»ìÇ¥ ±âº» ¼³Á¤ (PC) --- */
.arrow-right, .arrow-left, .arrow-down {
    position: absolute;
    color: #ccc !important;
    font-size: 24px;
    z-index: 10;
}


.arrow-right { right: -15px; }
.arrow-left { left: -15px; }


.arrow-down { 
    bottom: -75px; 
    left: 50%; 
    transform: translateX(-50%); 
    font-size: 35px;
}


/* --- ¹ÝÀÀÇü ·¹À̾ƿô --- */
@media (max-width: 1199px) {
    .outer-circle { width: 170px; height: 170px; }
    .inner-circle { width: 150px; height: 150px; }
}


@media (max-width: 991px) {
    .oem-process-section { padding: 80px 0 !important; }
    .oem-process-section .text-center.mb-100 { margin-bottom: 50px !important; }
    
    /* &#128204; 4´Ü°è¿Í 5´Ü°è »çÀÌÀÇ ÁÙ °£°ÝÀ» Ç׸ñ °£°Ý(90px)°ú µ¿ÀÏÇÏ°Ô ¼³Á¤ */
    .process-row {
        flex-direction: column !important;
        margin-bottom: 90px !important; 
    }
    
    /* ¸¶Áö¸· ÁÙÀº ÇÏ´Ü ¿©¹é Á¦°Å */
    .process-row:last-child {
        margin-bottom: 0 !important;
    }
    
    .process-row.reverse {
        flex-direction: column !important; /* ¸ð¹ÙÀÏÀº ¿ª¼ø ¹«½ÃÇÏ°í À§¿¡¼­ ¾Æ·¡·Î */
    }
    
    .step-item {
        width: 100%;
        margin-bottom: 90px; /* Ç׸ñ °£ °£°Ý */
    }


    /* °¢ ÁÙÀÇ ¸¶Áö¸· Ç׸ñ(4´Ü°è, 8´Ü°è)ÀÇ ¿©¹é Á¦°Å (ÁÙ ÀÚüÀÇ margin-bottomÀ¸·Î Á¦¾î) */
    .step-item:last-child {
        margin-bottom: 0 !important;
    }


    /* ¸ðµç È­»ìÇ¥ À§Ä¡ ¹× ¹æÇ⠾Ʒ¡(¡é)·Î ÅëÀÏ */
    .arrow-right, .arrow-left, .arrow-down {
        top: auto !important;
        right: auto !important;
        left: 50% !important;
        bottom: -60px !important; 
        font-size: 26px !important;
    }


    .arrow-right { transform: translateX(-50%) rotate(90deg) !important; }
    .arrow-left { transform: translateX(-50%) rotate(-90deg) !important; }
    .arrow-down { 
        transform: translateX(-50%) rotate(0deg) !important;
        bottom: -65px !important; 
    }
}







/* ========================================================
   [»ç¾÷¾È³»] ODM °øÁ¤ ¼½¼Ç ½ºÅ¸ÀÏ
======================================================== */
.odm-process-section {
    padding: 120px 0 !important;
    background-color: #ffffff !important; /* OEM ¼½¼Ç°ú ±¸ºÐÇϱâ À§ÇØ È­ÀÌÆ® ¹è°æ */
    overflow: hidden;
}


/* ŸÀÌƲ ¿©¹é */
.odm-process-section .text-center.mb-100 {
    margin-top: 0 !important;
    margin-bottom: 80px !important; 
}


/* ODM Àü¿ë ¿À·»Áö Ä÷¯ Å׸¶ */
.outer-circle.odm-color {
    background-color: #ff8c00 !important; /* ¿À·»Áö °è¿­ */
    box-shadow: 0 10px 25px rgba(255, 140, 0, 0.15);
}


.step-num.odm-bg {
    background-color: #ff8c00 !important;
    color: #ffffff !important;
}


/* 7´Ü°èÀ̹ǷΠ2¹ø° ÁÙ flex-start Á¤·ÄÀ» À§ÇØ Ãß°¡ */
.odm-process-section .process-row.reverse {
    justify-content: flex-start; /* 5, 6, 7´Ü°è¸¦ ¿ìÃøºÎÅÍ Ã¤¿ò (SÀÚ È帧) */
}


.odm-process-section .empty-item {
    flex: 1;
}


/* ¹ÝÀÀÇü (OEM ·ÎÁ÷ µ¿ÀÏ Àû¿ë) */
@media (max-width: 991px) {
    .odm-process-section { padding: 80px 0 !important; }
    
    .odm-process-section .process-row {
        flex-direction: column !important;
        margin-bottom: 90px !important;
    }
    
    .odm-process-section .process-row:last-child {
        margin-bottom: 0 !important;
    }
    
    .odm-process-section .process-row.reverse {
        flex-direction: column !important;
    }
    
    .odm-process-section .step-item {
        width: 100%;
        margin-bottom: 90px;
    }


    .odm-process-section .step-item:last-child {
        margin-bottom: 0 !important;
    }


    /* È­»ìÇ¥ ¹æÇ⠾Ʒ¡(¡é)·Î ÅëÀÏ */
    .odm-process-section .arrow-right, 
    .odm-process-section .arrow-left, 
    .odm-process-section .arrow-down {
        top: auto !important;
        right: auto !important;
        left: 50% !important;
        bottom: -60px !important;
        font-size: 26px !important;
        color: #ccc !important;
    }


    .odm-process-section .arrow-right { transform: translateX(-50%) rotate(90deg) !important; }
    .odm-process-section .arrow-left { transform: translateX(-50%) rotate(-90deg) !important; }
    .odm-process-section .arrow-down { transform: translateX(-50%) rotate(0deg) !important; bottom: -65px !important; }
}




/* --- Á¦Ç° ±×¸®µå À¯´ÏÅ© ½ºÅ¸ÀÏ ¼¼Æ® --- */


.p-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* ÇÑ ÁÙ¿¡ Á¤È®È÷ 2°³ ¹èÄ¡ */
    gap: 60px 40px; /* »óÇÏ 60px, Á¿ì 40px °£°Ý */
    width: 100%;
}


.p-grid-item {
    display: flex;
    flex-direction: column; /* ³»¿ëÀ» À§¾Æ·¡(¼¼·Î)·Î ¹èÄ¡ */
    text-align: left;
}


.p-grid-img-box {
    width: 100%;
    aspect-ratio: 1 / 1; /* À̹ÌÁö ¿µ¿ªÀ» Á¤»ç°¢ÇüÀ¸·Î °íÁ¤ */
     background-color: transparent; /* ¹è°æ»ö Á¦°Å */
    margin-bottom: 25px;
    overflow: hidden;
    display: block;
    border-radius: 15px;
   box-shadow: 0 5px 20px rgba(0,0,0,0.05); /* ±×¸²ÀÚ ¹Ì¼¼ Á¶Á¤ */
}


.p-grid-img-box img {
    width: 100% !important; /* 85%¿¡¼­ 100%·Î º¯°æ */
height: 100% !important; /* ³ôÀ̵µ ²Ë ä¿ò */
    object-fit: cover !important; /* ÇÙ½É: ºñÀ²À» À¯ÁöÇÏ¸ç ¹Ú½º¿¡ ²Ë ä¿ò */
display: block;
}


.p-grid-content {
    padding: 0 10px;
}


/* Á¦¸ñ Å©±â 10pt Ãà¼Ò ¹× ½ºÅ¸ÀÏ */
.p-grid-title {
    font-size: 24px !important; /* ±âÁ¸ ´ëÇü ÆùÆ®¿¡¼­ ¾à 10pt Ãà¼Ò */
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    letter-spacing: -0.5px;
}



/* --- Á¦Ç° ±×¸®µå À¯´ÏÅ© ½ºÅ¸ÀÏ ¼¼Æ® ³» ¼öÁ¤ --- */




/* --- »ý»ê Á¦Çü ¹× Á¦Ç° ±×¸®µå ¼³¸í±Û (ÁÂ¿ì ²Ë Ã¤¿ì±â ¹× ¾çÂÊ Á¤·Ä) --- */
.p-grid-desc p {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 20px;
    word-break: break-all !important; 
    width: 100% !important;
    
    /* &#128071; ±âÁ¸ left¿¡¼­ justify·Î ¼öÁ¤ ¹× Ãß°¡µÈ ¼Ó¼º */
    text-align: justify !important;
    text-justify: inter-word;
}

.p-grid-more {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #111;
    text-decoration: none;
    border-bottom: 1px solid #111;
    padding-bottom: 2px;
    transition: 0.3s;
}


.p-grid-more:hover {
    color: #472a75;
    border-color: #472a75;
}


/* ¸ð¹ÙÀÏ ´ëÀÀ: 1¿­·Î º¯°æ */
@media (max-width: 767px) {
    .p-grid-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .p-grid-title {
        font-size: 20px !important;
    }
}








/* --- Á¦Ç° »ó¼¼ ¹ÝÀÀÇü ·¹À̾ƿô --- */
.product-feature-box {
    display: flex;
    align-items: flex-start;
    gap: 50px; /* PC¿¡¼­ À̹ÌÁö¿Í ÅؽºÆ® °£°Ý */
    padding: 60px 20px;
    max-width: 1100px;
    margin: 0 auto;
}


/* À̹ÌÁö ¿µ¿ª: 1:1 ºñÀ² À¯Áö */
.feature-image {
    flex: 0 0 450px; /* PC À̹ÌÁö Å©±â */
    aspect-ratio: 1 / 1; /* °­Á¦·Î 1:1 ºñÀ² À¯Áö */
    background-color: #f5f1e6;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}


.feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.image-overlay-text {
    position: absolute;
    font-size: 32px;
    font-weight: 700;
    color: #444;
    text-align: center;
    line-height: 1.2;
    z-index: 2;
}


/* ÅؽºÆ® ¿µ¿ª */
.feature-content {
    flex: 1;
}


.feature-content .sub-title {
    font-size: 18px;
    color: #666;
    margin-bottom: 10px;
}


.feature-content .main-title {
    font-size: clamp(28px, 4vw, 38px); /* È­¸é Å©±â¿¡ µû¶ó ÆùÆ® Á¶Àý */
    font-weight: 700;
    margin-bottom: 25px;
    word-break: keep-all;
}


.tag-group {
    display: flex;
    flex-wrap: wrap; /* űװ¡ ¸¹¾ÆÁö¸é ÁÙ¹Ù²Þ */
    gap: 8px;
    margin-bottom: 30px;
}


.tag {
    border: 1px solid #000;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 4px;
}


.feature-content .description {
    font-size: 18px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 35px;
    word-break: keep-all;
}


.view-more {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid #000;
    padding-bottom: 3px;
}


/* --- ¸ð¹ÙÀÏ/ÅÂºí¸´ ¹ÝÀÀÇü (991px ÀÌÇÏ) --- */
@media (max-width: 991px) {
    .product-feature-box {
        flex-direction: column; /* ¼¼·Î ¹èÄ¡·Î º¯°æ */
        align-items: center;
        gap: 30px;
        padding: 40px 20px;
    }


    .feature-image {
        flex: 0 0 auto;
        width: 100%; /* ¸ð¹ÙÀÏ¿¡¼­ °¡·Î ²Ë Â÷°Ô */
        max-width: 500px; /* ³Ê¹« Ä¿ÁöÁö ¾Ê°Ô Á¦ÇÑ */
    }


    .feature-content {
        width: 100%;
        text-align: left; /* ¿ÞÂÊ Á¤·Ä À¯Áö (Áß¾ÓÀ» ¿øÇϸé center) */
    }


    .tag-group {
        justify-content: flex-start;
    }
}














/* --- °øÅë ¼½¼Ç ½ºÅ¸ÀÏ --- */
.section-block {
    padding: 60px 0;
}
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}






/* story ¿µ¿ª ¿©±âºÎÅÍ */
/* story ¿µ¿ª ¿©±âºÎÅÍ */
/* story ¿µ¿ª ¿©±âºÎÅÍ */
/* story ¿µ¿ª ¿©±âºÎÅÍ */
/* story ¿µ¿ª ¿©±âºÎÅÍ */
/* story ¿µ¿ª ¿©±âºÎÅÍ */




/* --- [STORY ÆäÀÌÁö ÅëÇÕ Ä¿½ºÅÒ ½ºÅ¸ÀÏ] --- */


/* 1. ÀÎÆ®·Î ¼½¼Ç */
.st-intro-section {
    position: relative;
    width: 100%;
    min-height: 800px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    padding: 100px 0 !important;
    z-index: 1;
}
.st-intro-section::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    z-index: -1;
}
.st-intro-container { position: relative; z-index: 10; width: 100%; }
.st-title-group { margin-bottom: 180px; }
.st-main-title {
    font-size: clamp(3rem, 7vw, 5rem);
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.1;
    text-shadow: 0 4px 15px rgba(0,0,0,0.5);
}


/* --- ÀÎÆ®·Î ¼³¸í ÅؽºÆ® °£°Ý ÃÖÀûÈ­ --- */
.st-desc-text {
    font-size: 1.25rem;
    line-height: 1.5 !important; 
    color: #ffffff !important;
    margin-bottom: 8px !important; 
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    
    /* &#128204; Ãß°¡ ¹× ¼öÁ¤µÈ ºÎºÐ */
    text-align: justify !important;      /* ÁÂÃø Á¤·Ä °­Á¦ Àû¿ë */
    text-justify: inter-word;
    word-break: break-all !important; /* ´Ü¾î ±âÁØ ²÷±è ¹æÁö, ÅؽºÆ® ²Ë ä¿ì±â */
    width: 100% !important;           /* ÁÂ¿ì °ø°£ 100% È°¿ë */
}

/* 2. ¸®ºä ¼½¼Ç */
.st-review-section { padding: 100px 0; background-color: #fcfcfc; }
.st-review-item { display: flex; align-items: center; gap: 60px; margin-bottom: 80px; }
.st-review-item.reverse { flex-direction: row-reverse; }
.st-review-img-box { flex: 0 0 45%; aspect-ratio: 1/1; background: #f5f1e6; position: relative; border-radius: 15px; overflow: hidden; }
.st-review-img-box img { width: 100%; height: 100%; object-fit: cover; }
.st-img-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #444; font-weight: 700; text-align: center; }
.st-review-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; }
.st-review-quote { font-size: 1.2rem; color: #555; margin-bottom: 15px; font-weight: 500; }
.st-review-description { color: #666; line-height: 1.7; word-break: break-all; width: 100%; text-align: justify !important; text-justify: inter-word; }

/* &#128204; ¸¶Áö¸· ¸®ºä ¾ÆÀÌÅÛÀº ºÒÇÊ¿äÇÑ ÇÏ´Ü ¿©¹é Á¦°Å */
.st-review-item:last-child { 
    margin-bottom: 0 !important; 
}


/* --- [STORY ÆäÀÌÁö µ¿Àû ÄݶóÁÖ ½ºÅ¸ÀÏ] --- */


.st-collage-section {
    padding: 100px 0;
    background-color: #f5f1e6; /* ±âÁ¸ º£ÀÌÁöÅæ À¯Áö */
}


.st-dynamic-collage {
    display: grid;
    /* PC ±âÁØ: 4¿­ ±×¸®µå ½Ã½ºÅÛ */
    grid-template-columns: repeat(4, 1fr);
    /* À̹ÌÁö ³ôÀ̸¦ ÀÏÁ¤ÇÏ°Ô À¯ÁöÇÏ¸ç ºóÆ´¾øÀÌ ¹èÄ¡ */
    grid-auto-rows: 250px; 
    grid-auto-flow: dense; 
    gap: 15px;
}


.collage-item {
    position: relative;
    overflow: hidden;
    border-radius: 12px; /* ºÎµå·¯¿î ¶ó¿îµù */
    background-color: #eee;
}


.collage-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* À̹ÌÁö ºñÀ² À¯ÁöÇÏ¸ç ²Ë Ã¤¿ò */
    transition: transform 0.5s ease;
}


/* ¸¶¿ì½º ¿À¹ö ½Ã È¿°ú */
.collage-item:hover img {
    transform: scale(1.1);
}


/* --- À̹ÌÁö Å©±â ´Ù¾çÈ­ (µ¿Àû ¹èÄ¡ Æ÷ÀÎÆ®) --- */
/* Å« À̹ÌÁö (2Ä­ Â÷Áö) */
.collage-item.item-lg {
    grid-column: span 2;
    grid-row: span 2;
}


/* Áß°£ À̹ÌÁö (°¡·Î 2Ä­ Â÷Áö) */
.collage-item.item-md {
    grid-column: span 2;
}


/* --- ¹ÝÀÀÇü ·¹À̾ƿô --- */


/* ÅÂºí¸´ (991px ÀÌÇÏ) */
@media (max-width: 991px) {
    .st-dynamic-collage {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 200px;
    }
}


/* ¸ð¹ÙÀÏ (767px ÀÌÇÏ) */
@media (max-width: 767px) {
    .st-collage-section {
        padding: 60px 0;
    }
    .st-dynamic-collage {
        grid-template-columns: repeat(2, 1fr); /* ¸ð¹ÙÀÏÀº 2¿­ */
        grid-auto-rows: 180px;
        gap: 10px;
    }
    /* ¸ð¹ÙÀÏ¿¡¼­´Â Å« À̹ÌÁöÀÇ ºñÀ²À» Á¶Á¤ */
    .collage-item.item-lg {
        grid-column: span 2;
        grid-row: span 1;
    }
}


/* 4. öÇÐ ¹× ÀνºÅ¸±×·¥ (¿©¹é ´ëÆø Ãß°¡) */
.st-philosophy-section { 
    padding: 120px 0 !important; /* À§¾Æ·¡ ¿©¹éÀ» 120px·Î È®Àå */
    background-color: #ffffff;
}
.st-philosophy-text { margin-bottom: 80px; } /* ÅؽºÆ®¿Í ±×¸®µå »çÀÌ °£°Ýµµ Ãß°¡ */
.st-section-quote { 
    font-size: clamp(2rem, 4vw, 3rem); 
    font-weight: 700; 
    margin-bottom: 25px; 
    color: #222; 
    line-height: 1.4;
}
.st-section-desc { font-size: 1.15rem; color: #555; word-break: keep-all; }
.st-insta-title { font-size: 1.4rem; font-weight: 600; margin-bottom: 40px; letter-spacing: 2px; }
.st-insta-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
.st-insta-item { aspect-ratio: 1/1; background: #eee; border-radius: 8px; overflow: hidden; }
.st-insta-item img { width: 100%; height: 100%; object-fit: cover; }



/* 5. CTA ¼½¼Ç */
.st-cta-section { padding: 120px 0; background-color: #472a75; color: #fff !important; }
.st-cta-title { 
    font-size: clamp(20px, 4.5vw, 2.8rem); /* ¸ð¹ÙÀÏ ÃÖ¼Ò ÆùÆ® Å©±â 20px·Î Á¶Àý */
    font-weight: 700; 
    margin-bottom: 20px; 
    color: #fff !important; 
    white-space: nowrap; /* <br> ¿ÜÀÇ ¿øÄ¡ ¾Ê´Â ÁÙ¹Ù²Þ ¿Ïº® Â÷´Ü */
    letter-spacing: -1px; /* È­¸éÀÌ ÀÛ¾ÆÁ®µµ ½ï µé¾î°¡µµ·Ï ÀÚ°£ Á¶Àý */
}



/* ¹ÝÀÀÇü */
@media (max-width: 991px) {
    .st-philosophy-section { padding: 80px 0 !important; }
    .st-insta-grid { grid-template-columns: repeat(3, 1fr); }
    
    /* &#128204; Áß¾Ó Á¤·Ä(center)À» ÁÂÃø Á¤·Ä(left)·Î º¯°æ */
    .st-review-item, .st-review-item.reverse { flex-direction: column; text-align: left; }
    
    /* &#128204; ¸ð¹ÙÀÏ¿¡¼­ º»¹® ¼³¸í±ÛÀÌ ºóÆ´¾øÀÌ ²Ë Â÷°Ô ÁÙ¹Ù²Þ µÇµµ·Ï Ãß°¡ */
    .st-review-description { 
        word-break: break-all !important; 
        width: 100% !important; 
    }
}



/* story ¿µ¿ª ¿©±â±îÁö */
/* story ¿µ¿ª ¿©±â±îÁö */
/* story ¿µ¿ª ¿©±â±îÁö */
/* story ¿µ¿ª ¿©±â±îÁö */
/* story ¿µ¿ª ¿©±â±îÁö */





.intro-bg-container {
    position: relative;
    width: 100%;
    min-height: 800px; /* PC ±âÁØ ³ôÀÌ */
    background-image: url('¹è°æÀ̹ÌÁö°æ·Î.jpg'); /* ¿©±â¿¡ ½ÇÁ¦ ¹è°æ À̹ÌÁö °æ·Î ÀÔ·Â */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}


/* ÅؽºÆ® ·¹À̾ƿô ÄÁÅ×ÀÌ³Ê */
.intro-content-overlay {
    position: relative;
    height: 100%;
    min-height: 600px; /* ÅؽºÆ® »óÇÏ ¹èÄ¡¸¦ À§ÇÑ ÃÖ¼Ò ³ôÀÌ */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* »ó´Ü ŸÀÌƲ°ú ÇÏ´Ü ¼³¸íÀ» ¾ç ³¡À¸·Î ¹èÄ¡ */
    padding-top: 60px;
    padding-bottom: 80px;
}


/* »ó´Ü ŸÀÌƲ ½ºÅ¸ÀÏ */
.intro-main-title {
    font-size: clamp(3.5rem, 8vw, 5rem);
    font-weight: 800;
    line-height: 1.1;
    color: #222;
    margin: 0;
    text-align: left;
}


/* ÇÏ´Ü ¼³¸í ¿µ¿ª ½ºÅ¸ÀÏ */
.description-area {
    max-width: 700px;
    margin-left: 0; /* ¿ÞÂÊ Á¤·Ä */
    text-align: left;
}


.description-area p {
    font-size: 1.25rem;
    line-height: 1.8;
    color: #333;
    margin-bottom: 5px;
    font-weight: 400;
    word-break: keep-all;
}


/* --- ¸ð¹ÙÀÏ ¹ÝÀÀÇü (991px ÀÌÇÏ) --- */
@media (max-width: 991px) {
    .intro-bg-container {
        min-height: 600px; /* ¸ð¹ÙÀÏ¿¡¼­ ³ôÀÌ Ãà¼Ò */
    }
    
    .intro-content-overlay {
        min-height: 450px;
        padding-top: 40px;
        padding-bottom: 50px;
    }


    .intro-main-title {
        font-size: 2.8rem;
    }


    .description-area p {
        font-size: 1.1rem;
        line-height: 1.6;
    }
}









/* --- È÷¾î·Î ¼½¼Ç ÅؽºÆ® °­Á¦ Èò»ö ¼³Á¤ --- */
#slider .slider-caption h2, 
#slider .slider-caption p {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3); /* ¿µ»ó À§¿¡¼­ ±ÛÀÚ°¡ ´õ Àß º¸À̵µ·Ï ±×¸²ÀÚ Ãß°¡ */
}


/* --- ȸ»ç¼Ò°³ ¹öÆ° ½ºÅ¸ÀÏ (¿äûÇϽŠÀ̹ÌÁö ´À³¦) --- */
.btn-main-about {
    display: inline-block;
    padding: 14px 45px;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff !important;
    background-color: transparent;
    border: 2px solid #ffffff; /* ±½Àº Èò»ö Å׵θ® */
    border-radius: 50px; /* ¿ÏÀüÇÑ ¶ó¿îµå ÇüÅ */
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    letter-spacing: -0.5px;
}


/* ¹öÆ° ¸¶¿ì½º È£¹ö ½Ã */
.btn-main-about:hover {
   background-color: #ffffff;
     color: #000000 !important; /* È£¹ö ½Ã ±ÛÀÚ»ö ¹ÝÀü */
    transform: scale(1.05); /* »ì¦ Ä¿Áö´Â È¿°ú */
}


/* ¸ð¹ÙÀÏ È­¸é ´ëÀÀ */
@media (max-width: 767px) {
    .btn-main-about {
        padding: 10px 30px;
        font-size: 15px;
    }
}





/* --- [¼öÁ¤ ¿Ï·á] ºê·£µå Àλ縻 ¼½¼Ç (À̹ÌÁö + ÅؽºÆ®) --- */
.brand-intro-section {
    padding: 100px 0 !important;
    background-color: #ffffff; /* ¼½¼Ç Àüü ¹è°æ Èò»ö */
}


/* ÁÂ¿ì ³ôÀ̸¦ ¸ÂÃß±â À§ÇÑ Ç÷º½º ¼³Á¤ */
.intro-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* ÁÂ¿ì ³ôÀ̸¦ µ¿ÀÏÇÏ°Ô ¸ÂÃã */
}


/* ¿ÞÂÊ À̹ÌÁö ¿µ¿ª */
.intro-img-col {
    display: flex;
}


.intro-img-box {
    width: 100%;
    min-height: 500px; /* PC¿¡¼­ ÃÖ¼Ò ³ôÀÌ */
    overflow: hidden;
}


.ceo-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* À̹ÌÁö°¡ Âî±×·¯ÁöÁö ¾Ê°í ²Ë Â÷°Ô */
    display: block;
}


/* ¿À¸¥ÂÊ ÅؽºÆ® ¿µ¿ª */
.intro-text-col {
    padding: 60px 50px;
    /* [¼öÁ¤] ¹è°æ»ö(#fcfbf7)À» Áö¿ì°í Èò»öÀ¸·Î º¯°æ */
    background-color: #ffffff; 
    display: flex;
    flex-direction: column;
    justify-content: center; /* »óÇÏ Áß¾Ó Á¤·Ä */
    text-align: left; /* ¿ÞÂÊ Á¤·Ä */
}


/* »ó´Ü ·¹µå ¹îÁö */
.trust-badge {
    display: inline-block;
    background-color: #e60012;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 2px;
    margin-bottom: 20px;
    width: fit-content;
}


/* CELLTUNE ŸÀÌƲ */
.brand-name-title {
    font-size: 54px;
    font-weight: 800;
    color: #111;
    margin-bottom: 15px;
    letter-spacing: -1px;
}


/* Æò»ý ¹ÏÀ» ¼ö ÀÖ´Â ¼¿Æª ¼ÒÁ¦¸ñ */
.intro-main-subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 30px;
}



/* º»¹® ÅؽºÆ® °øÅë ½ºÅ¸ÀÏ */
.intro-description p {
    font-size: 17px;
    line-height: 1.8;
    color: #555; /* ±âº» º»¹® »ö»ó */
    margin-bottom: 18px;
    word-break: break-all; /* keep-all¿¡¼­ break-all·Î ¼öÁ¤ÇÏ¿© ÁÂ¿ì °ø°£À» ²Ë ä¿ìµµ·Ï º¯°æ */
    font-weight: 400; /* ±âº» ±½±â */
    text-align: justify;
    text-justify: inter-word;
}


/* [¼öÁ¤ ¿Ï·á] ºñÀü °­Á¶ ¹®±¸ ½ºÅ¸ÀÏ »èÁ¦ ¹× ÀϹÝÈ­ */
.vision-quote {
    /* ±âÁ¸ÀÇ ±½±â, »ö»ó, ¸¶Áø ½ºÅ¸ÀÏÀ» ¸ðµÎ ÃʱâÈ­ÇÏ¿© ÀÏ¹Ý <p> ÅÂ±×¿Í µ¿ÀÏÇÏ°Ô ¸¸µê */
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #555 !important;
    margin-bottom: 18px !important;
}


/* [¼öÁ¤ ¿Ï·á] Ȥ½Ã HTML¿¡ <strong> űװ¡ ³²¾ÆÀÖ´õ¶óµµ °­Á¶µÇÁö ¾Êµµ·Ï ó¸® */
.vision-quote strong {
    font-weight: 400; /* ±½±â ÇØÁ¦ */
    color: inherit; /* »ö»ó ÇØÁ¦ (ºÎ¸ð »ö»ó µû¸§) */
}


/* --- [¹ÝÀÀÇü ¼öÁ¤] ¸ð¹ÙÀÏ/ÅÂºí¸´ ¹ÝÀÀÇü (991px ÀÌÇÏ) --- */
@media (max-width: 991px) {
    /* 1. ¼½¼Ç ¿©¹é Á¶Á¤ */
    .brand-intro-section { 
        padding: 50px 0 !important; 
    }
    
    /* 2. flex ¹æÇâÀ» À§¾Æ·¡(column)·Î º¯°æ */
    .intro-flex-wrapper {
        flex-direction: column;
        align-items: flex-start; /* ÁÂÃø Á¤·Ä */
    }


    /* 3. À̹ÌÁö ¿µ¿ª ¼³Á¤ (¡ÚÇÙ½É ¼öÁ¤ ºÎºÐ¡Ú) */
    .intro-img-col {
        width: 100%; /* °¡·ÎÆø ²Ë ä¿ò */
    }


    .intro-img-box {
        width: 100%;
        min-height: 0; /* PC¿¡¼­ ¼³Á¤ÇÑ ÃÖ¼Ò ³ôÀÌ ÇØÁ¦ */
        height: auto;     /* ³ôÀÌ ÀÚµ¿ Á¶Á¤ */
        
        /* [Áß¿ä] ¸ð¹ÙÀÏ¿¡¼­´Â »çÁø ºñÀ²À» °­Á¦ À¯Áö (3:4 ºñÀ² ±ÇÀå)
           È­¸éÀÌ Á¼¾ÆÁö¸é ºñÀ²¿¡ ¸ÂÃç »çÁø Àüü°¡ Ãà¼ÒµË´Ï´Ù. */
        aspect-ratio: 3 / 4; 
        
        background-color: #f4f4f4; /* À̹ÌÁö ·Îµù Àü ¹è°æ */
        border-radius: 8px; /* ¸ð¹ÙÀÏ¿¡¼­ »ì¦ µÕ±Û°Ô (¼±ÅûçÇ×) */
        margin-bottom: 30px; /* »çÁø°ú ¾Æ·¡ ÅؽºÆ® »çÀÌ °£°Ý */
    }


    .ceo-img {
        width: 100%;
        height: 100%;
        /* ºñÀ²À» À¯ÁöÇÏ¸ç ¿µ¿ªÀ» ²Ë ä¿ò (aspect-ratio¿Í ÇÔ²² ÀÛ¿ë) */
        object-fit: cover; 
        object-position: center top; /* ¾ó±¼ÀÌ À§ÂÊ¿¡ ÀÖ´Ù¸é »ó´Ü ±âÁØÀ¸·Î ¸ÂÃã */
    }


    /* 4. ÅؽºÆ® ¿µ¿ª ¼³Á¤ */
    .intro-text-col {
        width: 100%;
        padding: 0 10px; /* ÅؽºÆ® ÁÂ¿ì ¿©¹é Ãà¼Ò */
        background-color: transparent; /* ¹è°æ»ö Åõ¸í (¼±ÅûçÇ×) */
    }
    
    /* 5. ¸ð¹ÙÀÏ ÆùÆ® Å©±â ¹Ì¼¼ Á¶Á¤ */
    .trust-badge {
        font-size: 12px;
        padding: 5px 12px;
        margin-bottom: 15px;
    }


    .brand-name-title { 
        font-size: 36px; /* 54px -> 36px */
        margin-bottom: 10px;
    }


    .intro-main-subtitle { 
        font-size: 20px; /* 24px -> 20px */
        margin-bottom: 25px;
    }


    .intro-description p {
        font-size: 16px; /* 17px -> 16px */
        line-height: 1.7;
        margin-bottom: 15px;
         text-align: justify; 
    }
}


/* ¾ÆÁÖ ÀÛÀº ¸ð¹ÙÀÏ È­¸é (575px ÀÌÇÏ) Ãß°¡ Á¶Á¤ */
@media (max-width: 575px) {
    .brand-name-title { font-size: 32px; }
    .intro-main-subtitle { font-size: 19px; }
}







/* --- ¼½¼Ç MVC --- */
.mvc-section { 
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 100vh;
/* ³ôÀÌ È®º¸ Çʼö (¹è°æ À̹ÌÁö Ãâ·Â¿ë) */
width: 100%; } 


.mvc-overlay { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: rgba(0, 0, 0, 0.55); 
z-index: 1; }


.mvc-content { 
position: relative; 
z-index: 2; 
color: #ffffff; } 


.mvc-box { 
background-color: rgba(255, 255, 255, 0.1); 
border: 1px solid rgba(255, 255, 255, 0.3); 
border-radius: 10px; padding: 40px 20px; 
transition: all 0.4s ease; 
cursor: pointer; 
height: 100%; 
backdrop-filter: blur(4px); } 


.mvc-box:hover { 
background-color: #5e3396; 
border-color: #5e3396; 
transform: translateY(-10px); 
box-shadow: 0 10px 20px rgba(0,0,0,0.2); } 


.mvc-box h4 { 
margin: 0; 
font-weight: 600; 
letter-spacing: 2px; 
color: #ffffff; }


 /* --- ¼½¼Ç BUSINESS --- */ 
.biz-section { 
position: relative; 
background-size: cover; 
background-position: center;
background-repeat: no-repeat; 
min-height: 100vh;
/* ³ôÀÌ È®º¸ Çʼö */ 
width: 100%; }


.biz-overlay { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background-color: rgba(0, 0, 0, 0.65); 
z-index: 1; } 


.biz-content { 
position: relative; 
z-index: 2; 
color: #ffffff; } 


.biz-box { 
background-color: rgba(255, 255, 255, 0.1); 
border: 1px solid rgba(255, 255, 255, 0.3); 
border-radius: 10px; padding: 30px 15px; 
transition: all 0.4s ease; 
cursor: pointer; 
height: 100%; 
backdrop-filter: blur(4px); } 


.biz-box:hover { 
background-color: #5e3396; 
border-color: #5e3396; 
transform: translateY(-10px); 
box-shadow: 0 10px 20px rgba(0,0,0,0.2); } 


.biz-box h4 { 
margin: 0; 
font-weight: 600; 
letter-spacing: 2px; 
color: #ffffff; }



/* ======================================================== 
   MVC & BUSINESS ÅؽºÆ® (¸ÞÀÎ ½½¶óÀÌ´õ ĸ¼Ç ¿Ïº® µ¿±âÈ­) 
   ======================================================== */


/* ŸÀÌƲ (h2) ½ºÅ¸ÀÏ */
.mvc-section h2,
.biz-section h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    letter-spacing: normal;
}


/* ÆùÆ® Å©±â ÅëÇÕ ½ºÅ¸ÀÏ (¼¼ ¿µ¿ª ¸ðµÎ µ¿ÀÏÇÑ Å©±â·Î °íÁ¤) */
#slider .slider-caption p,
.mvc-section p,
.biz-section p {
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    margin-top: 15px;
}


/* 1. ¸ÞÀÎ ½½¶óÀÌ´õ ±Û¾¾ »ö»ó (±âÁ¸´ë·Î ¹à°í ¼±¸íÇÏ°Ô À¯Áö) */
#slider .slider-caption p {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}


/* 2. MVC, BUSINESS ¼½¼Ç ±Û¾¾ »ö»ó (¿¬ÇÏ°Ô º¯°æ) */
.mvc-section p,
.biz-section p {
    color: rgba(255, 255, 255, 0.9) !important; /* ¾à°£ Åõ¸íÇÑ Èò»öÀ¸·Î ºÎµå·´°Ô */
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);     /* ÅؽºÆ® ±×¸²ÀÚµµ »ì¦ ¾àÇÏ°Ô Á¶Àý */
}


/* ÆùÆ® ¹ÝÀÀÇü (ÅÂºí¸´ & ¸ð¹ÙÀÏ) - È­¸éÀÌ ÀÛ¾ÆÁú ¶§ ¼¼ ¿µ¿ªÀÌ ¶È°°ÀÌ ÁÙ¾îµê */
@media (max-width: 991px) {
    #slider .slider-caption p,
    .mvc-section p,
    .biz-section p {
        font-size: 18px !important;
    }
}


@media (max-width: 767px) {
    #slider .slider-caption p,
    .mvc-section p,
    .biz-section p {
        font-size: 15px !important;
    }
}


/* ========================================================
   ƯÇã °­Á¶ ÇϾá»ö °íÁ¤ ¹èÁö (È£¹ö ¾Ö´Ï¸ÞÀÌ¼Ç ¾øÀ½)
======================================================== */
.patent-white-badge {
    display: inline-block;
    padding: 14px 45px;
    font-size: 17px;
    font-weight: 600;
    color: #000000 !important; /* °ËÀº»ö ±Û¾¾ °íÁ¤ */
    background-color: #ffffff; /* ÇϾá»ö ¹ÙÅÁ °íÁ¤ */
    border-radius: 50px; /* µÕ±Ù ¾Ë¾à ÇüÅ */
    letter-spacing: -0.5px;
    cursor: default; /* ¸¶¿ì½º ¿À¹ö ½Ã ¼Õ°¡¶ô ¸ð¾ç ¹æÁö */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* »ì¦ ÀÔü°¨À» À§ÇÑ ÀºÀºÇÑ ±×¸²ÀÚ (¼±ÅûçÇ×) */
}


/* ¸ð¹ÙÀÏ È­¸é ´ëÀÀ */
@media (max-width: 767px) {
    .patent-white-badge {
        padding: 10px 30px;
        font-size: 15px;
    }
}




/* Áö±×Àç±× ÇüÅÂÀÇ ¸ÞÀμ½¼Ç */




/* --- ¸ÞÀÎ Ç®¹è°æ ¼½¼Ç Å©±â ¹× µðÀÚÀÎ Á¶Á¤ --- */
.main-full-bg-section {
    padding: 40px 0 !important; /* »óÇÏ ¿ÜºÎ ¿©¹é Ãß°¡ */
    background-color: #fff;
    display: flex;
    justify-content: center;
}


.full-bg-container {
    width: 80%; /* °¡·Î ³Êºñ¸¦ ±âÁ¸º¸´Ù 20% ÁÙÀÓ */
    margin: 0 auto;
    overflow: hidden;
}


.full-bg-image {
    width: 100%;
    height: 50vh; /* ³ôÀ̸¦ ±âÁ¸ 100vh¿¡¼­ 50%ÀÎ 50vh·Î Ãà¼Ò */
    min-height: 400px; /* ÃÖ¼Ò ³ôÀÌ º¸Àå */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 30px; /* À̹ÌÁö µÕ±Ù ¸ð¼­¸® */
}


/* Áß¾Ó Á¤·ÄÀ» À§ÇÑ ¿À¹ö·¹ÀÌ ·¹À̾î */
.content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; /* ¼öÁ÷ Áß¾Ó */
    justify-content: center; /* ¼öÆò Áß¾Ó */
    background-color: rgba(0, 0, 0, 0.2); /* ÅؽºÆ® °¡µ¶¼ºÀ» À§ÇÑ ¾ÆÁÖ ¿¬ÇÑ ¾îµÎ¿î ¸· */
    border-radius: 30px;
}


/* Áß¾Ó ÅؽºÆ® ½ºÅ¸ÀÏ */
.display-text {
    font-size: clamp(24px, 4vw, 36px); /* ¹ÝÀÀÇü Å©±â */
    font-weight: 700;
    color: #ffffff; /* ¹è°æ À§¿¡¼­ Àß º¸À̵µ·Ï Èò»ö ¼³Á¤ */
    line-height: 1.4;
    word-break: keep-all;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}


/* 'ÀÚ¼¼È÷ º¸±â' ¹öÆ° Ä¿½ºÅÒ (µÕ±Ù ¾Ë¾à ÇüÅÂ) */
.btn-more-custom {
    display: inline-block;
    padding: 12px 40px;
    background-color: #ffffff;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}


.btn-more-custom:hover {
    background-color: #f1f1f1;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}


/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 991px) {
    .full-bg-container {
        width: 90%; /* ¸ð¹ÙÀÏ¿¡¼­´Â ³Êºñ¸¦ Á¶±Ý ´õ ³ÐÈû */
    }
    .full-bg-image {
        height: 40vh;
    }
    .display-text {
        font-size: 22px;
    }
}








/* Ç®ÆäÀÌÁö ½ºÆ¼Å° ÇüÅ */


/* --- ½ºÆ¼Å° ¼½¼Ç »óÀ§ ¿ä¼Ò ¹æÇØ Â÷´Ü --- */
#content, .content-wrap {
    overflow: visible !important;
}


/* --- Áö±×Àç±× ½ºÆ¼Å° ¼½¼Ç ¸ÞÀÎ --- */
.sticky-main-section {
    position: relative !important;
    height: 400vh !important;
    background-color: #000;
}


/* È­¸é °íÁ¤ À©µµ¿ì */
.sticky-wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    width: 100% !important;
    overflow: hidden !important;
}


/* ¹è°æ ·¹ÀÌ¾î ¹× À̹ÌÁö ÇØ»óµµ ´ëÀÀ ¼³Á¤ */
.bg-layer {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out !important;
    /* À̹ÌÁö ÇØ»óµµ ´ëÀÀ ÇÙ½É ¼³Á¤ */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* ¹è°æÀ» 60% ¾îµÓ°Ô ¸¸µå´Â ¿À¹ö·¹ÀÌ */
.bg-layer .overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 2;
}


.bg-layer.active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1;
}


/* ÄÜÅÙÃ÷ ½ºÅà */
.sticky-content-stack {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10 !important;
}


.sticky-item {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100vh;
    display: flex !important;
    align-items: center;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.6s ease, visibility 0.6s ease !important;
}


.sticky-item.active {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ÅؽºÆ® »ó½Â ¾Ö´Ï¸ÞÀÌ¼Ç */
.anim-box {
    transform: translateY(100px);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.sticky-item.active .anim-box {
    transform: translateY(0) !important;
}


/* µµÆ® ³×ºñ°ÔÀÌ¼Ç */
.side-dots-nav {
    position: fixed !important;
    left: 40px; top: 50%;
    transform: translateY(-50%);
    z-index: 9999 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}
.side-dots-nav.visible { opacity: 1; pointer-events: auto; }
.side-dots-nav ul { list-style: none; padding: 0; margin: 0; }
.dot {
    width: 12px; height: 12px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 50%;
    margin: 20px 0;
    cursor: pointer;
    transition: 0.3s;
}
.dot.active { background-color: #fff !important; transform: scale(1.6); }




/* --- À̹ÌÁö ¾ø´Â ÅؽºÆ® Àü¿ë ¼½¼Ç --- */
.main-text-only-section {
    padding: 100px 0 !important; /* »óÇÏ ¿©¹é È®º¸ */
    background-color: #ffffff;    /* ±ú²ýÇÑ È­ÀÌÆ® ¹è°æ */
    width: 100%;
}


/* Áß¾Ó ÅؽºÆ® ½ºÅ¸ÀÏ ¼öÁ¤ */
.display-text {
    font-size: clamp(24px, 4vw, 38px);
    font-weight: 700;
    color: #333333;             /* °¡µ¶¼º ³ôÀº ´ÙÅ© ±×·¹ÀÌ·Î º¯°æ */
    line-height: 1.5;
    word-break: keep-all;
    letter-spacing: -0.5px;
}


/* ¹öÆ° µðÀÚÀÎ ¼öÁ¤ (3ae1e2.png ½ºÅ¸ÀÏ À¯ÁöÇ쵂 Å׵θ® Ãß°¡ °¡´É) */
.btn-more-custom {
    display: inline-block;
    padding: 15px 55px;
    background-color: #000000;  /* ¹è°æÀÌ ¹àÀ¸¹Ç·Î ¹öÆ°Àº ºí·¢À¸·Î º¯°æ */
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.btn-more-custom:hover {
    background-color: #333333;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}


/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü Á¶Àý */
@media (max-width: 991px) {
    .main-text-only-section {
        padding: 60px 20px !important;
    }
    .display-text {
        font-size: 22px;
    }
    .btn-more-custom {
        padding: 12px 40px;
        font-size: 15px;
    }
}




/* --- ´ëÇ¥ Á¦Ç° ¼Ò°³ ¼½¼Ç Ä¿½ºÅÒ --- */
.product-intro-section {
    padding: 100px 0 !important;
}


/* Ä«µå ±âº» ½ºÅ¸ÀÏ: ÇÁ·ÎÁ§Æ® Ư¡ ¹Ú½º ½ºÅ¸ÀÏ °è½Â */
.product-card {
    background: #fff;
    border-radius: 20px; /* ±âÁ¸ µðÀÚÀÎÀÇ µÕ±Ù ¸ð¼­¸® Àû¿ë */
    overflow: hidden;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.05);
}


/* À̹ÌÁö ¿µ¿ª: Á¤»ç°¢Çü À¯Áö */
.product-img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1; /* °­Á¦ Á¤»ç°¢Çü ¼³Á¤ */
    overflow: hidden;
    background-color: #f8f9fa; /* À̹ÌÁö°¡ ¾øÀ» ¶§¸¦ ´ëºñÇÑ ¿¬ÇÑ ¹è°æ */
}


.product-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* À̹ÌÁö ºñÀ² À¯ÁöÇÏ¸ç ²Ë Ã¤¿ò */
    transition: transform 0.5s ease;
}


/* È£¹ö ½Ã À̹ÌÁö È®´ë È¿°ú Ãß°¡ */
.product-card:hover .product-img-wrap img {
    transform: scale(1.1);
}


/* ÅؽºÆ® ¿µ¿ª */
.product-info h4 {
    color: #222;
    font-size: 1.15rem;
    letter-spacing: -0.5px;
}


/* ¸ð¹ÙÀÏ ´ëÀÀ: ÇÑ ÁÙ¿¡ 2°³¾¿ */
@media (max-width: 991px) {
    .product-intro-section {
        padding: 60px 0 !important;
    }
    .product-card {
        border-radius: 15px;
    }
    .product-info h4 {
        font-size: 1rem;
    }
}




/* --- ½ºÅ丮 °­Á¶ ¼½¼Ç ¹è°æ Á¦¾î --- */
.story-highlight-section {
    position: relative;
    padding: 120px 0 !important;
    /* À̹ÌÁö °æ·Î°¡ ¾øÀ» ¶§ º¸¿©ÁÙ ±âº» ¹è°æ»ö */
    background-color: #f8f9fa; 
    /* À̹ÌÁö ¼³Á¤ °ª */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}


/* À̹ÌÁö°¡ ÀÖÀ» ¶§ ±ÛÀÚ °¡µ¶¼ºÀ» ³ô¿©ÁÖ´Â ¿À¹ö·¹ÀÌ */
.story-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* RGB(0,0,0)Àº °ËÀº»ö, 0.5´Â 50% ¾îµÓ±â¸¦ ÀǹÌÇÕ´Ï´Ù. ´õ ¾îµÓ°Ô ÇÏ·Á¸é 0.6~0.7·Î ¼ýÀÚ¸¦ ¿Ã¸®¼¼¿ä. */ background-color: rgba(0, 0, 0, 0.5); z-index: 1; }

.story-content-pos {
    position: relative;
    z-index: 2; /* ¿À¹ö·¹À̺¸´Ù À§·Î ¿Ã¸² */
}


/* ÅؽºÆ® ¹× ¹öÆ° ½ºÅ¸ÀÏ À¯Áö */
.story-sub-title {
    font-size: clamp(32px, 5vw, 54px);
    font-weight: 700;
    letter-spacing: -0.5px;
}

.story-main-text { font-size: clamp(22px, 3.5vw, 30px); font-weight: 600; color: #ffffff; /* ÅؽºÆ®¸¦ Èò»öÀ¸·Î º¯°æ */ line-height: 1.6; word-break: keep-all; text-shadow: 0 2px 10px rgba(0,0,0,0.3); /* ¹è°æ À§¿¡¼­ Èò ±Û¾¾°¡ ´õ Àß º¸À̵µ·Ï ±×¸²ÀÚ Ãß°¡ */ }


.btn-story-pill {
    display: inline-block;
    padding: 15px 55px;
    font-size: 19px;
    font-weight: 600;
    color: #333333 !important;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
}


.btn-story-pill:hover {
    background-color: #333333;
    color: #ffffff !important;
    border-color: #333333;
}




/* BRAND Çٽɰ¡Ä¡ ¿µ¿ª */
/* BRAND Çٽɰ¡Ä¡ ¿µ¿ª */
/* BRAND Çٽɰ¡Ä¡ ¿µ¿ª */
/* BRAND Çٽɰ¡Ä¡ ¿µ¿ª */









/* --- CEO ¼½¼Ç »ó´Ü ¿©¹é Ãà¼Ò ¹× ·¹À̾ƿô ÃÖÀûÈ­ --- */
.bg-color-ceo {
    background-color: #d2dbe0 !important;
}


.ceo-message-section.ceo-section-reduced {
    /* »ó´Ü ¿©¹éÀ» ±âÁ¸º¸´Ù ´ëÆø ÁÙÀÓ (¿øÇϽô Á¤µµ¿¡ µû¶ó 20px~50px »çÀÌ Á¶Àý °¡´É) */
    padding-top: 40px !important; 
    padding-bottom: 0 !important;
    overflow: hidden;
}


.ceo-wrapper {
    display: flex;
    align-items: flex-end; /* Àι°°ú ÅؽºÆ®¸¦ ¹Ù´Ú ±âÁØÀ¸·Î Á¤·Ä */
    justify-content: space-between;
}


/* À̹ÌÁö ¿µ¿ª: Àι° Å©±â¸¦ À¯ÁöÇÏ¸ç ¹Ù´Ú¿¡ ¹ÐÂø */
.ceo-image-area {
    flex: 0 0 55%; 
    margin-right: -5%; 
}


.ceo-portrait {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom; /* ÇÏ´Ü ¿©¹é ¿ÏÀü Á¦°Å */
    object-fit: contain;
}


/* ÅؽºÆ® ¿µ¿ª: Áß¾Ó Á¤·Ä ¹× °¡µ¶¼º È®º¸ */
.ceo-text-area {
    flex: 1;
    /* Àι° À̹ÌÁö¿ÍÀÇ ³ôÀÌ ¹ë·±½º¸¦ À§ÇØ ÇÏ´Ü ¿©¹é¸¸ À¯Áö */
    padding-bottom: 160px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


.ceo-main-title {
    font-size: clamp(22px, 3.2vw, 32px); /* ¿©¹éÀÌ ÁÙ¾îµç ¸¸Å­ ŸÀÌƲ Å©±â ¹Ì¼¼ Á¶Á¤ */
    font-weight: 700;
    color: #1e293b;
    line-height: 1.4;
    margin: 20px 0;
    word-break: keep-all;
}


.ceo-description {
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 25px;
    max-width: 480px;
}


/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 991px) {
    .ceo-message-section.ceo-section-reduced {
        padding-top: 30px !important;
    }
    .ceo-wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }
    .ceo-image-area {
        width: 100%;
        margin-right: 0;
    }
    .ceo-text-area {
        padding-bottom: 40px;
    }
}






/* --- »õ·Î¿î ºê·£µå ¸ÞÀÎ Ä÷¯ ¹è°æ Ŭ·¡½º Ãß°¡ --- */
.bg-maincolor {
    background-color: #472a75 !important; /* ¿äûÇϽŠÆÛÇà Ä÷¯ Àû¿ë */
}



/* ========================================================
   4. ºê·£µå ºñÀü ¼½¼Ç (ÅؽºÆ® »èÁ¦ ÈÄ À̹ÌÁö¸¸ °­Á¶)
======================================================== */


.brand-vision-section {
    padding: 100px 0 !important;
    background-color: #472a75 !important; /* ºê·£µå ¸ÞÀÎ ÆÛÇà Ä÷¯ */
}



/* 1. À̹ÌÁö ·¦ÆÛ ¼öÁ¤ (ÃÖ´ë ³Êºñ 100% ¿­°í ±×¸²ÀÚ Á¦°Å) */
.vision-image-wrap {
    width: 100%;
    max-width: 100% !important; /* 1000px Á¦ÇÑ ÇØÁ¦ */
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    
    /* &#128204; [Áß¿ä] ±âÁ¸ ±×¸²ÀÚ Äڵ带 Áö¿ì°í noneÀ¸·Î º¯°æ */
    box-shadow: none !important; /* ±×¸²ÀÚ È¿°ú ¿Ïº® Á¦°Å */
}


.vision-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


/* --- ¹ÝÀÀÇü (¸ð¹ÙÀÏ) --- */
@media (max-width: 991px) {
    .brand-vision-section {
        padding: 60px 20px !important; /* ¸ð¹ÙÀÏ ¿©¹é Ãà¼Ò */
    }
    
    .vision-image-wrap {
        border-radius: 8px; /* ¸ð¹ÙÀÏ¿¡¼­ °î·ü ¹Ì¼¼ Á¶Á¤ */
    }
}









/* ========================================================
   ÀÔÁõ°ú ½Å·Ú - Çõ½Å Áõ¸í ¼½¼Ç (¾ÆÀÌÄÜ Å©±â ¹× °£°Ý ÃÖÀûÈ­)
======================================================== */


/* ========================================================
   [»ý»ê°øÁ¤] ¼­ºê ¼³¸í±Û ¹ÝÀÀÇü (¸ð¹ÙÀÏ ÁÂÃø Á¤·Ä ¹× ²Ë ä¿ò)
======================================================== */


.production-process-section { padding: 100px 0 !important; background-color: #ffffff; }




.process-sub-desc {
    word-break: keep-all; /* PC¿¡¼­´Â ´Ü¾î ´ÜÀ§·Î ¿¹»Ú°Ô ²÷¾îÁöµµ·Ï À¯Áö */
}


@media (max-width: 767px) {
    .process-sub-desc {
        text-align: left !important; /* ¸ð¹ÙÀÏ¿¡¼­ ¿ÞÂÊ Á¤·Ä °­Á¦ Àû¿ë */
        word-break: break-all !important; /* ±ÛÀÚ ´ÜÀ§·Î ²Ë ä¿ö¼­ ÁÙ¹Ù²Þ */
        width: 100% !important;
    }
}
/* -------------------------------------------------------- */



.innovation-proof-section { 
    background-color: #ffffff; 
    padding: 100px 0 !important; 
}


/* 1. »ó´Ü µ¶¸³ ŸÀÌƲ ¿µ¿ª */
.trust-badge-center {
    display: inline-block;
    background-color: #e60012;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 2px;
    margin-bottom: 12px;
    text-transform: none; 
}


.brand-name-title-center {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    color: #222;
    letter-spacing: -1px;
    line-height: 1;
}

/* 2. À̹ÌÁö ¹è³Ê ¹Ú½º (±âÁ¸ °î·ü/±×¸²ÀÚ º¸Á¸À» À§ÇØ ¼Ó¼º Á¤ÀÇ Á¦¿Ü) */
.innovation-top-banner {
    position: relative; 
    width: 100%; 
    height: 300px; 
    background-size: cover; 
    background-position: center;
    display: flex; 
    align-items: center; 
    justify-content: center;
    overflow: hidden;
}


.white-overlay {
    position: absolute; 
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 1;
}


.banner-content { 
    position: relative; 
    z-index: 2; 
    width: 100%; 
}


.typing-text {
    font-size: clamp(22px, 4vw, 36px); 
    font-weight: 700; 
    color: #222;
    letter-spacing: 1px;
}


/* 3. ¿ä¾à ÅؽºÆ® ¹× Åë°è Ä«µå */
.innovation-summary h3 {
    font-size: clamp(16px, 4.5vw, 36px); /* Á¼Àº È­¸é¿¡¼­ À߸®Áö ¾Êµµ·Ï ÃÖ¼Ò ÆùÆ® Å©±â¸¦ 16px·Î Ãà¼Ò */
    color: #222;
    letter-spacing: -1px;
    font-weight: 700;
    white-space: nowrap; /* °­Á¦·Î ÁٹٲÞÀ» ¹æÁöÇÏ¿© ¹«Á¶°Ç ÇÑ ÁٷΠǥ½Ã */
}


.innovation-summary p {
    font-size: 18px;
    color: #666;
    word-break: keep-all;
}


.stat-card {
    background-color: #f8f9fa; 
    padding: 50px 20px;
    border-radius: 12px;
    height: 100%;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #eeeeee;
}


/* [¾ÆÀÌÄÜ Å©±â °­Á¦ Àû¿ë] ±âÁ¸¿¡ »ç¿ëÇÏ´ø Å­Á÷ÇÑ »çÀÌÁî·Î °íÁ¤ */
.stat-icon {
    font-size: 45px !important; /* Å©±â°¡ ÀÛ°Ô ³ª¿ÀÁö ¾Êµµ·Ï °­Á¦ Àû¿ë */
    color: #472a75; 
    margin-bottom: 15px;
    line-height: 1;
}


.stat-icon i {
    font-size: 45px !important;
}


.stat-number { 
    font-size: clamp(45px, 6vw, 65px); 
    font-weight: 800; 
    color: #111; 
    line-height: 1;
    margin-bottom: 10px;
}


.stat-label { 
    font-size: 19px; 
    font-weight: 600;
    color: #444; 
}


/* --- ¹ÝÀÀÇü ¸ð¹ÙÀÏ Á¶Á¤ --- */
@media (max-width: 991px) {
    .innovation-proof-section { padding: 60px 0 !important; }
    .brand-name-title-center { font-size: 28px; }
    .innovation-top-banner { height: 200px; }
    .stat-icon, .stat-icon i { font-size: 35px !important; } /* ¸ð¹ÙÀÏ¿¡¼­¸¸ »ì¦ Ãà¼Ò */
    .production-process-section { padding: 60px 0 !important; }
}


@media (max-width: 767px) {
    .stat-card { padding: 35px 15px; }
    .stat-number { font-size: 42px; }
    .stat-label { font-size: 16px; }
}



/* ========================================================
   ÀÔÁõ°ú ½Å·Ú - ±¹Á¦ ±âÁØ ¿µ¾ç »ó¼¼ ¼½¼Ç (Ãæµ¹ ¹æÁö ¼öÁ¤º»)
======================================================== */


.nutrition-detail-section {
    padding: 100px 0 !important;
    background-color: #f8f9fa;
}


/* 1. »ó´Ü ¿ÍÀ̵å À̹ÌÁö */
.nutrition-detail-section .nutrition-wide-img-box {
    width: 100%;
    overflow: hidden;
}


.nutrition-detail-section .nutrition-wide-img-box img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}


/* 2. 4°³ ¿øÇü ·¹À̾ƿô */
.nutrition-detail-section .nutrition-circles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 50px 0;
}


.nutrition-detail-section .nutri-circle-item {
    display: flex;
    justify-content: center;
}


.nutrition-detail-section .nutri-circle {
    width: 220px;
    height: 220px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
}



/* nutri-circle ³» p ÅÂ±× ±âº» ¿©¹é Á¦°Å (¿Ïº®ÇÑ ¼öÁ÷ Áß¾Ó Á¤·Ä) */
.nutrition-detail-section .nutri-circle p {
    margin: 0 !important; 
}


.nutrition-detail-section .nutri-circle strong {
    display: block;
    font-size: 20px;
    color: #111;
    margin-top: 5px;
    font-weight: 800;
}


/* 3. »ó¼¼ ÅؽºÆ® ¿µ¿ª */
.nutrition-detail-section .nutrition-info-text {
    max-width: 1000px;
    margin: 0 auto;
}


.nutrition-detail-section .main-law-info {
    border-left: 4px solid #472a75;
    padding-left: 20px;
    margin-bottom: 50px;
}



/* »ó´Ü ÇÙ½É ¿ä¾à ÅؽºÆ® */
.nutrition-detail-section .info-combined-text {
    font-size: 20px;
    line-height: 1.6;
    color: #222;
    word-break: break-all; /* keep-all¿¡¼­ break-all·Î º¯°æ */
    width: 100%;
    text-align: justify !important;
    text-justify: inter-word;
}


/* ÇÏ´ÜÀÇ Çùȸ ¸®½ºÆ® ¹× ±ÔÁ¤ ¼³¸í ¹Ú½º ÅؽºÆ® Àüü¿¡ °­Á¦ Àû¿ë */
.nutrition-detail-section .nutrition-info-text p,
.nutrition-detail-section .nutrition-info-text blockquote {
    word-break: break-all !important;
    width: 100%;
    text-align: justify !important;
    text-justify: inter-word;
}

.nutrition-detail-section .org-item {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}


.nutrition-detail-section .regulation-block {
    margin-top: 40px;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #eee;
}


.nutrition-detail-section .reg-item blockquote {
    font-size: 14px;
    color: #666;
    font-style: italic;
    background: #f9f9f9;
    padding: 20px;
    border-left: 3px solid #ddd;
    margin-bottom: 20px;
    line-height: 1.6;
}


/* ========================================================
   ¹ÝÀÀÇü ¸ð¹ÙÀÏ Á¶Á¤ (Áß°ýÈ£ ´Ý±â È®ÀÎ ¿Ï·á)
======================================================== */


@media (max-width: 1199px) {
    .nutrition-detail-section .nutrition-circles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .nutrition-detail-section .nutri-circle { width: 200px; height: 200px; }
}


@media (max-width: 767px) {
    .nutrition-detail-section { padding: 60px 0 !important; }
    .nutrition-detail-section .nutrition-circles-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .nutrition-detail-section .nutri-circle { width: 160px; height: 160px; }
}


/* ¸ð¹ÙÀÏ »çÀÌÁî (767px ÀÌÇÏ) Ãß°¡ Á¶Á¤ */
@media (max-width: 767px) {
    
    /* Çùȸ ¸®½ºÆ® Àüü Áß¾Ó Á¤·Ä */
    .nutrition-detail-section .org-item p {
        text-align: center !important;
    }


    /* ¿µ¹®¸í(small ű×) ÁÙ¹Ù²Þ ¹× ¿©¹é ÃʱâÈ­ */
    .nutrition-detail-section .org-item p small {
        display: block !important;       /* ÇÑ ÁÙÀ» È¥ÀÚ Â÷ÁöÇÏ°Ô ¸¸µé¾î ÁÙ¹Ù²Þ Ã³¸® */
        margin-left: 0 !important;       /* ±âÁ¸ Ŭ·¡½º(ms-2)ÀÇ ÁÂÃø ¿©¹é Á¦°ÅÇÏ¿© ¿Ïº®ÇÑ Áß¾Ó Á¤·Ä */
        margin-top: 6px !important;      /* Çѱ۰ú ¿µ¹® »çÀÌÀÇ »óÇÏ °£°Ý ¹Ì¼¼ Á¶Á¤ */
    }
}




/* ========================================================
   [ÀÔÁõ°ú ½Å·Ú] °Ë»ç ÃæÁ·¼­ ÀÎÁõ ¼½¼Ç (¿ä¾à ¹Ú½º Ãß°¡º»)
======================================================== */


#cert-report-section {
    background-color: #ffffff !important;
    padding: 100px 0 !important;
}


#cert-report-section .mb-100 { margin-bottom: 100px; }


#cert-report-section .cert-main-desc p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #555 !important;
    word-break: break-all !important; /* keep-all¿¡¼­ ¼öÁ¤µÊ */
    width: 100% !important; /* Ãß°¡µÊ */

}


#cert-report-section .cert-image-wrap {
    border: 1px solid #eee !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}


#cert-report-section .regulation-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
}


#cert-report-section .reg-card {
    background-color: #f9f9f9 !important;
    padding: 35px !important;
    border-radius: 12px !important;
    border-top: 4px solid #472a75 !important;
    text-align: left !important;
}


/* ±ÔÁ¤ Á¦¸ñ ±½°Ô 800 */
#cert-report-section .reg-card h6.fw-800 {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #472a75 !important;
    margin-bottom: 18px !important;
    line-height: 1.4 !important;
}


/* ¿µ¾î º»¹® »ö»ó ¹× Å©±â (Mineralized... ¿Í µ¿±âÈ­) */
#cert-report-section .eng-ref-small {
    font-size: 13px !important;
    color: #777777 !important;
    font-style: italic !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    display: block !important;
    word-break: break-all !important; /* Ãß°¡µÊ */
    width: 100% !important; /* Ãß°¡µÊ */
     text-align: justify !important;
     text-justify: inter-word;
}


#cert-report-section .kor-ref {
    font-size: 15px !important;
    color: #333 !important;
    line-height: 1.7 !important;
    font-weight: 500 !important;
    word-break: break-all !important; /* Ãß°¡µÊ */
    width: 100% !important; /* Ãß°¡µÊ */
    text-align: justify !important;
    text-justify: inter-word;
}


/* ÇÏ´Ü »õ·Î Ãß°¡µÈ °­Á¶ ¹Ú½º ½ºÅ¸ÀÏ */
#cert-report-section .summary-highlight-box {
    padding: 40px !important;
    border-radius: 15px !important;
    text-align: left !important;
}


#cert-report-section .amino-box {
    background-color: #f4f0f9 !important; /* ¿¬º¸¶ó */
    border: 1px solid #e9e1f2 !important;
}


#cert-report-section .fatty-box {
    background-color: #fdf6f6 !important; /* ¿¬ÇÑ ·¹µå */
    border: 1px solid #f9e9e9 !important;
}


#cert-report-section .summary-highlight-box p {
    font-size: 17px !important;
    color: #444 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    word-break: break-all !important; /* Ãß°¡µÊ */
    width: 100% !important; /* Ãß°¡µÊ */
    text-align: justify !important;
    text-justify: inter-word;
}


#cert-report-section .summary-highlight-box strong {
    color: #111 !important;
    font-weight: 700 !important;
}


/* Áö¹æ»ê º¸Ãæ¿ø °­Á¶ (±âÁ¸ ½ºÅ¸ÀÏ) */
#cert-report-section .highlight-info-box {
    background-color: #f6f3fa !important;
    padding: 40px !important;
    border-radius: 15px !important;
    text-align: center !important;
}


#cert-report-section .highlight-red { color: #e60012 !important; font-weight: 800 !important; }




/* ========================================================
   [¹ÝÀÀÇü] Áö¹æ»ê º¸Ãæ¿ø °­Á¶ ¹Ú½º (¿ÞÂÊ Á¤·Ä ¹× ÅؽºÆ® ²Ë ä¿ì±â)
======================================================== */
@media (max-width: 991px) {
    #cert-report-section .highlight-info-box {
        text-align: left !important; /* Àüü ¹Ú½º ¿ÞÂÊ Á¤·Ä */
        padding: 30px 20px !important; /* ¸ð¹ÙÀÏ ¿©¹é ÃÖÀûÈ­ */
    }
    
    #cert-report-section .highlight-info-box p {
        text-align: left !important;
        word-break: break-all !important; /* ´Ü¾î ²÷±è ¹æÁö, 100% È°¿ë */
        width: 100% !important;
    }
}


/* &#128204; ¸ð¹ÙÀÏ(767px ÀÌÇÏ) È­¸é ¼¼·Î ¹èÄ¡ ½Ã °¡¿îµ¥ ±¸ºÐ¼± º¯°æ */
@media (max-width: 767px) {
    #cert-report-section .highlight-info-box .border-end {
        border-right: none !important; /* ±âÁ¸ ¼¼·Î¼± Á¦°Å */
        border-bottom: 1px solid #e9ecef !important; /* ÇÏ´Ü °¡·Î¼± Ãß°¡ */
        padding-bottom: 20px !important; 
        margin-bottom: 20px !important;
    }
}



/* --- ºñŸ¹Î/¹Ì³×¶ö ÆÄÆ® Ãß°¡ ½ºÅ¸ÀÏ --- */


/* ¼­ºê Ä«Å×°í¸® ŸÀÌƲ (Áö¿ë¼º/¼ö¿ë¼º µî) */
#cert-report-section .sub-category-title {
    text-align: left;
    border-bottom: 2px solid #eee;
    padding-bottom: 15px;
    margin-top: 50px;
}


#cert-report-section .sub-category-title h4 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
}


#cert-report-section .sub-category-title h4 small {
    font-size: 16px;
    color: #888;
    font-weight: 400;
}


#cert-report-section .sub-category-title p {
    font-size: 15px;
    color: #666;
    margin: 0;
    word-break: break-all !important; 

     text-align: justify !important;
      text-justify: inter-word;
}


/* ºñŸ¹Î Àü¿ë °­Á¶ ¹Ú½º Ä÷¯ */
#cert-report-section .vitamin-box {
    background-color: #fff9f2 !important; /* ¿¬ÇÑ ¿À·»Áö/¿»·Î¿ì Åæ */
    border: 1px solid #fbeada !important;
}


/* ¾ÆÀÌÄÜ Ä÷¯ Á¶Á¤ */
#cert-report-section .bi-lightning-charge-fill {
    color: #ff9800;
}


#cert-report-section .bi-droplet-fill {
    color: #2196f3;
}


/* ¼½¼Ç ±¸ºÐ¼± */
#cert-report-section .section-divider {
    margin: 100px 0 !important;
    border-top: 1px dashed #ccc !important;
}


/* ¹ÝÀÀÇü */
@media (max-width: 991px) {
    #cert-report-section .regulation-grid { grid-template-columns: 1fr !important; }
    #cert-report-section .summary-highlight-box { padding: 30px 20px !important; }
}





/* ========================================================
   [ÀÔÁõ°ú ½Å·Ú] ±¹Á¦ ±âÁØ ¾ÈÀü È®ÀÎ ¼½¼Ç (ÃÖÁ¾ ÅëÇÕ Á¤¸®º»)
======================================================== */


#safety-standards-section {
    padding: 100px 0 !important;
    background-color: #f8f9fa !important; 
}


#safety-standards-section .product-top-eng {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #472a75 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}


#safety-standards-section .brand-name-title-center {
    font-size: clamp(32px, 5vw, 48px) !important;
    font-weight: 800 !important;
    color: #222 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
}


#safety-standards-section .safety-main-desc p {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #555 !important;
    word-break: break-all !important; 
    width: 100% !important; 
}


#safety-standards-section .safety-wide-img-box img {
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}


#safety-standards-section .safety-check-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 25px !important;
    margin-top: 60px !important;
}


#safety-standards-section .safety-check-card {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important; 
    border-radius: 12px !important;
    padding: 30px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}


#safety-standards-section .safety-check-card:hover {
    transform: translateY(-5px) !important;
    border-color: #472a75 !important; 
    box-shadow: 0 10px 25px rgba(71, 42, 117, 0.08) !important;
}


#safety-standards-section .card-photo {
    width: 100% !important;
    height: 160px !important; 
    overflow: hidden !important;
    border-radius: 8px !important;
}


#safety-standards-section .card-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    display: block !important;
}


#safety-standards-section .card-text-wrap h6 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 8px !important;
}


#safety-standards-section .card-text-wrap p {
    font-size: 15px !important;
    color: #666 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    word-break: keep-all !important;
}


#safety-standards-section .highlight-brand {
    color: #472a75 !important; 
    font-weight: 800 !important; 
}


/* --- ¹ÝÀÀÇü ÅÂºí¸´/¸ð¹ÙÀÏ Á¶Á¤ --- */
@media (max-width: 1199px) {
    #safety-standards-section .safety-check-grid { 
        grid-template-columns: repeat(2, 1fr) !important; 
    }
}



/* ========================================================
   [¹ÝÀÀÇü] ¸ÞÀÎ ¼³¸í±Û ÅÂºí¸´(991px) Áß¾Ó Á¤·Ä / ¸ð¹ÙÀÏ(767px) ÁÂÃø Á¤·Ä Àû¿ë
   (´ë»ó: ¾Æ¹Ì³ë»ê, Çʼö Áö¹æ»ê, ºñŸ¹Î, ¹Ì³×¶ö, ¾ÈÀü È®ÀÎ µîÀÇ º»¹® ¼³¸í±Û)
======================================================== */


/* 1. ÅÂºí¸´ »çÀÌÁî (991px ÀÌÇÏ) : Áß¾Ó Á¤·Ä À¯Áö */
@media (max-width: 991px) {
    .cert-main-desc p,
    .safety-main-desc p,
    #safety-standards-section .safety-main-desc p,
    #safety-cert-section .cert-main-desc p {
        text-align: center !important; 
    }
}


/* 2. ¸ð¹ÙÀÏ »çÀÌÁî (767px ÀÌÇÏ) : ÁÂÃø Á¤·Ä Àû¿ë */
@media (max-width: 767px) {
    .cert-main-desc p,
    .safety-main-desc p,
    #safety-standards-section .safety-main-desc p,
    #safety-cert-section .cert-main-desc p {
        text-align: justify !important; 
    }
}


@media (max-width: 767px) {
    #safety-standards-section { padding: 60px 0 !important; }
    
    #safety-standards-section .safety-check-grid { 
        grid-template-columns: 1fr !important; 
        gap: 15px !important;
    }
    
    #safety-standards-section .safety-check-card { padding: 20px !important; }
    #safety-standards-section .card-photo { height: 140px !important; } 
}


/* ========================================================
   [ÀÔÁõ°ú ½Å·Ú] Á¾ÇÕ ¾ÈÀü¼º ÀÎÁõ ¼½¼Ç
======================================================== */


#safety-cert-section {
    padding: 100px 0 !important;
    background-color: #ffffff !important;
}


#safety-cert-section .mb-100 { margin-bottom: 100px !important; }


#safety-cert-section .product-top-eng {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #472a75 !important; 
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
}


#safety-cert-section .brand-name-title-center {
    font-size: clamp(28px, 4vw, 42px) !important;
    font-weight: 800 !important;
    color: #111 !important;
    line-height: 1.2 !important;
}


#safety-cert-section .cert-main-desc p {
    font-size: 18px !important;
    color: #555 !important;
    word-break: break-all !important; /* ´Ü¾î ´ÜÀ§ ²÷±è ¹æÁö, ¿©¹é ÃÖ¼ÒÈ­ */
    width: 100% !important; /* Á¿ì 100% ²Ë ä¿ì±â */
}


#safety-cert-section .point-black {
    color: #111111 !important; 
    font-weight: 800 !important;
}


#safety-cert-section .cert-image-wrap {
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}


#safety-cert-section .cert-image-wrap img {
    display: block !important;
    width: 100% !important;
}


#safety-cert-section .reason-box {
    background-color: #fcf6f6 !important;
    padding: 30px !important;
    border-radius: 10px !important;
    text-align: left !important;
    border-left: 4px solid #e60012 !important;
}


#safety-cert-section .reason-box h6 {
    font-weight: 800 !important;
    color: #e60012 !important;
    margin-bottom: 15px !important;
    font-size: 17px !important;
}


#safety-cert-section .freshness-detail-list {
    margin-top: 50px !important;
    border-top: 2px solid #472a75 !important;
}


#safety-cert-section .detail-item {
    display: flex !important;
    border-bottom: 1px solid #eee !important;
    padding: 25px 0 !important;
    text-align: left !important;
}


#safety-cert-section .detail-label {
    width: 200px !important;
    flex-shrink: 0 !important;
    font-weight: 800 !important;
    color: #472a75 !important; 
    font-size: 17px !important;
}



#safety-cert-section .detail-content {
    font-size: 16px !important;
    color: #444 !important;
    line-height: 1.7 !important;
    word-break: break-all !important; /* ´Ü¾î ±âÁØ ²÷±èÀ» ÇØÁ¦ÇÏ°í ±ÛÀÚ ±âÁØÀ¸·Î ºóÆ´¾øÀÌ ²Ë ä¿ò */
    width: 100% !important; /* ÁÂ¿ì °ø°£ 100% È°¿ë º¸Àå */
    text-align: justify !important;
    text-justify: inter-word;
}


@media (max-width: 767px) {
    #safety-cert-section { padding: 60px 0 !important; }
    #safety-cert-section .detail-item { flex-direction: column !important; }
    #safety-cert-section .detail-label { width: 100% !important; margin-bottom: 10px !important; }
}




/* ========================================================
   [¹ÝÀÀÇü] ¸ð¹ÙÀÏ È¯°æ¿¡¼­ ƯÁ¤ ¼­ºê ŸÀÌƲ ÇÑ ÁÙ °íÁ¤ °­Á¦ Àû¿ë
   (´ë»ó: 81°¡Áö ¼¼ºÎ ¿µ¾ç, 692°¡Áö ¾ÈÀü È®ÀÎ, ÀÜ·ù ³ó¾à µî °¢Á¾ °Ë»ç ¼½¼Ç)
======================================================== */
.nutrition-detail-section .brand-name-title-center,
#safety-standards-section .brand-name-title-center,
#safety-cert-section .brand-name-title-center {
    font-size: clamp(24px, 5.5vw, 48px) !important; /* ÃÖ¼Ò Å©±â¸¦ 24px·Î »óÇâÇÏ¿© °¡µ¶¼º È®º¸ */
    white-space: nowrap !important; /* °­Á¦·Î ÁٹٲÞÀ» ¹æÁöÇÏ¿© 1ÁÙ·Î °íÁ¤ */
    letter-spacing: -1.5px !important; /* ±Û¾¾°¡ Ä¿Áø ¸¸Å­ ÇÑ ÁÙ¿¡ Àß µé¾î°¡µµ·Ï ÀÚ°£ Ãà¼Ò */
}







/* ========================================================
   [ƯÇã ¹× ¼ºÀû¼­] ÃÖÁ¾ ÅëÇÕ ½ºÅ¸ÀÏ (PC °¡·Î / ¸ð¹ÙÀÏ ¼¼·Î)
======================================================== */


/* 1. ¼½¼Ç ¹× ŸÀÌƲ */
.patent-certificate-section { 
    padding: 120px 0 !important; 
    background-color: #ffffff !important; 
}


.patent-combined-title { 
    font-size: clamp(32px, 5vw, 48px) !important; 
    font-weight: 800 !important; 
    color: #222 !important; 
    line-height: 1.1 !important; 
    margin-bottom: 10px !important; 
}


.patent-combined-title .point-color { 
    color: #472a75 !important; /* ¼ýÀÚ Æ÷ÀÎÆ® Ä÷¯ */
}


.patent-sub-desc { 
    font-size: 16px !important; 
    color: #bbb !important; 
    margin-bottom: 100px !important; 
}


/* 2. 13¼¼Æ® ¸®½ºÆ® - PC °¡·Î ¹èÄ¡ */
.patent-combo-container { 
    display: flex; 
    flex-direction: column; 
    gap: 120px; 
    max-width: 1100px; 
    margin: 0 auto; 
}


.combo-visual-wrapper { 
    display: flex !important; 
    flex-direction: row !important; /* PC´Â °¡·Î */
    align-items: flex-start !important; 
    gap: 50px; 
}


.combo-cert-box { 
    flex: 0 0 38% !important; 
}


.combo-cert-box img { 
    width: 100%; 
    height: auto; 
    border: 1px solid #f0f0f0; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.03); 
}


.combo-content-right { 
    flex: 1 !important; 
    display: flex; 
    flex-direction: column; 
}


.combo-video-box { 
    width: 100%; 
    border-radius: 6px !important; 
    overflow: hidden; 
    background: #000; 
    aspect-ratio: 16 / 9; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.06); 
    margin-bottom: 25px; 
}


.combo-video-box video { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
}




/* »ó´Ü ƯÇã Á¦¸ñ (¹ÝÀÀÇü ÆùÆ® Ãà¼Ò & °ø°£ ºÎÁ· ½Ã ÀÚ¿¬½º·¯¿î ²Ë Âù ÁٹٲÞ) */
.info-tag { 
    /* È­¸é Å©±â¿¡ ¸ÂÃç 16px ~ 22px »çÀÌ·Î ºÎµå·´°Ô ÀÚµ¿ Á¶Àý */
    font-size: clamp(16px, 4vw, 22px) !important; 
    color: #472a75 !important; 
    font-weight: 800 !important; 
    margin-bottom: 12px !important; 
    letter-spacing: -0.5px !important; 
    line-height: 1.4 !important;
    display: block !important; 
    width: 100% !important;
    
    /* ²Ë Â÷¸é ºó °ø°£ ¾øÀÌ ÀÚ¿¬½º·´°Ô Áٹٲ޵ǵµ·Ï ¼³Á¤ */
    white-space: normal !important; 
    word-break: break-all !important; 
}

/* ƯÇã »ó¼¼ ¼³¸í (ÀÛ°í ¿¬ÇÏ°Ô, ¿ÞÂÊ Á¤·Ä, 100% ²Ë ä¿ì±â) */
.desc-main { 
    font-size: 16px !important; /* 19px -> 16px·Î Ãà¼Ò */
    color: #666666 !important; /* ÁøÇÑ °ËÁ¤ -> ¿¬ÇÑ È¸»öÀ¸·Î º¯°æ */
    font-weight: 400 !important; /* µÎ²² ¾ã°Ô Á¶Á¤ */
    line-height: 1.7; 
    text-align: left !important; /* ÁÂÃø Á¤·Ä °­Á¦ Àû¿ë */
    width: 100% !important; /* ÁÂ¿ì °ø°£ 100% »ç¿ë */
    word-break: break-all !important; /* ´Ü¾î ´ÜÀ§ ²÷±è ¹æÁö */
    margin: 0 !important;
     text-align: justify !important;
     text-justify: inter-word;
}


/* 3. ÇÏ´Ü ´Üµ¶ ÀÎÁõ¼­ ±×¸®µå (7°³ ´ëÀÀ ¹× ³ôÀÌ ÅëÀÏ) */
.simple-cert-grid-v2 { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); /* PC´Â 4¿­¾¿ ¹èÄ¡ */
    gap: 25px; 
    margin-top: 50px; 
}


.simple-cert-card { 
    background: #fff; 
    border: 1px solid #f0f0f0; 
    border-radius: 10px; 
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    transition: all 0.3s ease;
}


.simple-img-box-v2 { 
    width: 100%; 
    aspect-ratio: 3 / 4; /* ¹Ú½º ³ôÀÌ °íÁ¤ (Áß¿ä) */
    background-color: #fcfcfc; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 15px; 
    border-bottom: 1px solid #f2f2f2; 
}


.simple-img-box-v2 img { 
    max-width: 100%; 
    max-height: 100%; 
    width: auto; 
    height: auto; 
}


.cert-desc-box { 
    padding: 15px; 
    text-align: left; 
}



/* ÇÏ´Ü Ãß°¡ ƯÇã ÀÎÁõ - ű×(ƯÇã ¹øÈ£) (¹ÝÀÀÇü ÆùÆ® Ãà¼Ò & °ø°£ ºÎÁ· ½Ã ÁÙ¹Ù²Þ Çã¿ë) */
.cert-tag { 
    /* È­¸é Å©±â¿¡ ¸ÂÃç 11px ~ 16px »çÀÌ·Î ÀÚµ¿ Á¶Àý */
    font-size: clamp(11px, 3vw, 16px) !important; 
    color: #472a75 !important; 
    font-weight: 800 !important; 
    letter-spacing: -0.5px !important; 
    margin-bottom: 8px !important; 
    display: block !important; 
    width: 100% !important;


    /* ¸»ÁÙÀÓÇ¥ °ü·Ã ¼Ó¼º Á¦°ÅÇÏ°í, ²Ë Â÷¸é ÀÚ¿¬½º·´°Ô Áٹٲ޵ǵµ·Ï º¯°æ */
    white-space: normal !important; 
    word-break: break-all !important; 
}


/* ÇÏ´Ü Ãß°¡ ƯÇã ÀÎÁõ - ¸ÞÀÎ ÅؽºÆ®(ƯÇã¸í) (ÀÛ°í ¿¬ÇÏ°Ô, ²Ë ä¿î ÁٹٲÞ) */
.cert-main-text { 
    font-size: 14px !important; /* ±âÁ¸ Å©±â À¯Áö ¶Ç´Â ¾à°£ Ãà¼Ò ´À³¦ */
    color: #777777 !important; /* »ö»óÀ» ºÎµå·´°í ¿¬ÇÑ È¸»öÀ¸·Î º¯°æ */
    font-weight: 400 !important; /* ¾ãÀº µÎ²²·Î º¯°æ */
    line-height: 1.5 !important; 
    text-align: left !important; /* ÁÂÃø Á¤·Ä */
    width: 100% !important; /* ÁÂ¿ì °ø°£ 100% È°¿ë */
    word-break: break-all !important; /* ´Ü¾î ´ÜÀ§ ²÷±è ¹æÁö */
    margin: 0 !important; 
}


/* --- [¹ÝÀÀÇü ¼öÁ¤] ¸ð¹ÙÀÏ °­Á¦ ¼¼·Î ¹èÄ¡ ¹× ±×¸®µå Á¶Á¤ --- */
@media (max-width: 991px) {
    /* 13¼¼Æ® ¸®½ºÆ® ¼¼·Î Àüȯ */
    .combo-visual-wrapper { 
        flex-direction: column !important; 
        align-items: center !important;
        gap: 30px !important;
    }
    .combo-cert-box { 
        width: 85% !important; /* ¸ð¹ÙÀÏ¿¡¼­ ÀÎÁõ¼­ Å©±â È®´ë */
        flex: none !important;
    }
    .combo-content-right { 
        width: 100% !important; 
        flex: none !important;
    }
    /* ÇÏ´Ü ±×¸®µå 2¿­ Àüȯ */
    .simple-cert-grid-v2 { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 15px;
    }
}


@media (max-width: 575px) {
    .combo-cert-box { width: 100% !important; }
}
    /* ¾ÆÁÖ ÀÛÀº ¸ð¹ÙÀÏ¿¡¼­


/* °­Á¦ Àû¿ëÀ» À§ÇÑ ¸¶½ºÅÍ CSS */


/* 1. ÇÏ´Ü ÇªÅÍ ¹Ù - ¹è°æ»ö ¹× ¹ØÁÙ º¹±¸ */
.tech-source-footer {
    padding: 100px 0 !important;
    background-color: #472a75 !important; /* ºê·£µå ÆÛÇà °­Á¦ Àû¿ë */
    text-align: center !important;
    display: block !important;
}


.tech-source-footer p {
    max-width: 960px !important;
    margin: 0 auto !important;
    font-size: 1.35rem !important;
    line-height: 1.9 !important;
    color: #ffffff !important;
    word-break: keep-all !important;
}



.tech-source-footer .highlight-text {
    font-weight: 800 !important;
    text-decoration: underline !important;
    text-underline-offset: 8px !important;
    text-decoration-thickness: 2px !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;
    
    /* &#128071; Ãß°¡µÈ ¼Ó¼º: ¹è°æ»ö°ú °ãÄ¡Áö ¾Ê°Ô Èò»öÀ¸·Î µ¤¾î¾²°í, Å©±â´Â ÁÖº¯ ±ÛÀÚ(pű×)¿Í µ¿ÀÏÇÏ°Ô ¸ÂÃã */
    color: #ffffff !important; 
    font-size: inherit !important; 
}


/* 2. ¸ð¹ÙÀÏ¿¡¼­ °¡·Î ¹èÄ¡°¡ °è¼ÓµÉ ¶§ °­Á¦ ¼¼·Î Àüȯ */
@media (max-width: 991px) {
    .combo-visual-wrapper {
        display: flex !important;
        flex-direction: column !important; /* °­Á¦·Î ¼¼·Î Á¤·Ä */
        align-items: center !important;
    }
    .combo-cert-box {
        width: 85% !important;
        margin-bottom: 20px !important;
    }
    .combo-content-right {
        width: 100% !important;
    }
}



/* ========================================================
   [ÇÁ¸®¹Ì¾ö ¿ø·á] ¼îÄÉÀ̽º & ±Û·Î¹ú ±ÔÁ¤ ·¹À̾ƿô
======================================================== */


/* 1. ŸÀÌƲ ¹× ¼½¼Ç °øÅë */
.premium-ingredients-section {
    padding: 100px 0 !important;
}


.premium-ingredients-section .product-top-eng {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #472a75;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}


/* 2. 12´ë ¿ø·á ±×¸®µå (3°³¾¿ 4ÁÙ) */
.premium-ingredient-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PC ±âÁØ 3¿­ */
    gap: 30px;
    margin-top: 50px;
}


.ingredient-card {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}


.ingredient-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    border-color: #472a75;
}


/* ¿ø·á À̹ÌÁö ¿µ¿ª (4:3 ºñÀ²) */
.ing-img-box {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #fcfcfc;
}


.ing-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}


.ingredient-card:hover .ing-img-box img {
    transform: scale(1.08);
}


/* ¿ø·á ÅؽºÆ® ¿µ¿ª */
.ing-info-box {
    padding: 25px 20px;
    text-align: left;
}


.ing-title {
    font-size: 20px;
    font-weight: 800; /* ȲÅ µî ¿ø·á¸í ÁøÇÏ°Ô */
    color: #111;
    margin-bottom: 12px;
    display: block;
    letter-spacing: -0.5px;
}


.ing-sub {
    font-size: 15px;
    font-weight: 400; /* Ư¡ ¿¬ÇÏ°Ô */
    color: #888;
    margin-left: 5px;
}



/* ¿ø·á ÅؽºÆ® ¼³¸í (¿ìÃø ¿©¹é ¾øÀÌ ²Ë ä¿ö¼­ ÁٹٲÞ) */
.ing-desc {
    font-size: 14.5px; 
    color: #666;
    line-height: 1.6;
    margin: 0 !important;
    word-break: break-all !important; /* keep-all¿¡¼­ break-all·Î º¯°æ */
    width: 100%; /* ÁÂ¿ì °ø°£À» ÃÖ´ëÇÑ È°¿ëÇϵµ·Ï Ãß°¡ */


     text-align: justify !important;
     text-justify: inter-word;
}


/* 3. ±Û·Î¹ú ±ÔÁ¤ Áؼö ¼½¼Ç (½ºÅà ·¹À̾ƿô) */
.regulation-cards-stack {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 50px;
}


.reg-info-item {
    background-color: #f9f9f9;
    border-radius: 15px;
    padding: 40px;
    display: flex;
    align-items: flex-start;
    gap: 50px;
    text-align: left;
    border-top: 4px solid #472a75; /* ºê·£µå Ä÷¯ Æ÷ÀÎÆ® */
}


.reg-label-box {
    flex: 0 0 240px;
}


.reg-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    color: #ffffff;
    background-color: #472a75;
    padding: 4px 12px;
    border-radius: 3px;
    margin-bottom: 15px;
}


.reg-label-box h6 {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    word-break: keep-all;
}


.reg-content-box {
    flex: 1;
}




/* ¿µ¹® ±ÔÁ¤ ¿ø¹® (Á¿ì 100% ²Ë ä¿ì±â) */
.eng-text {
    font-size: 14px;
    color: #888;
    font-style: italic;
    line-height: 1.6;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    border-left: 3px solid #ddd;
    margin-bottom: 20px;
    word-break: break-all !important; 
    width: 100% !important;
    
    /* &#128071; Ãß°¡µÈ ¾çÂÊ Á¤·Ä ¼Ó¼º */
    text-align: justify !important;
    text-justify: inter-word;
}


/* ±¹¹® Çؼ® (Á¿ì 100% ²Ë ä¿ì±â) */
.kor-text {
    font-size: 17px;
    color: #333;
    font-weight: 500;
    line-height: 1.7;
    margin: 0;
    word-break: break-all !important; 
    width: 100% !important;
    
    /* &#128071; ±âÁ¸ left¿¡¼­ justify·Î ¼öÁ¤ ¹× Ãß°¡µÈ ¼Ó¼º */
    text-align: justify !important;
    text-justify: inter-word;
}


/* --- ¹ÝÀÀÇü ÃÖÀûÈ­ --- */


/* ÅÂºí¸´ (1199px ÀÌÇÏ) */
@media (max-width: 1199px) {
    .premium-ingredient-grid {
        grid-template-columns: repeat(2, 1fr); /* 2¿­·Î º¯°æ */
    }
    .reg-info-item {
        gap: 30px;
    }
    .reg-label-box {
        flex: 0 0 200px;
    }
}


/* ¸ð¹ÙÀÏ (991px ÀÌÇÏ) */
@media (max-width: 991px) {
    .reg-info-item {
        flex-direction: column; /* ¼¼·Î ¹èÄ¡ */
        padding: 30px 20px;
    }
    .reg-label-box {
        flex: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .premium-ingredients-section { 
         padding: 60px 0 !important; 
    }
}


/* ÀÛÀº ¸ð¹ÙÀÏ (575px ÀÌÇÏ) */
@media (max-width: 575px) {
    .premium-ingredient-grid {
        grid-template-columns: 1fr; /* 1¿­·Î º¯°æ */
        gap: 20px;
    }
    .ing-title {
        font-size: 18px;
    }
    .kor-text {
        font-size: 15px;
    }
}






/* ========================================================
   [ºñÁî´Ï½º] Á¦Ç°¼Ò°³ - R&D ¼½¼Ç ½ºÅ¸ÀÏ
   (Ãæµ¹ ¹æÁö ¹× 100% ²Ë ä¿î ·¹À̾ƿô Àû¿ë)
======================================================== */


/* 1. R&D ¼½¼Ç Àüü ¹× ŸÀÌƲ */
.rnd-intro-section {
    padding: 100px 0 !important;
    background-color: #ffffff;
}


/* »ó´Ü R&D ¼¾ÅÍ ¼Ò°³ (°¡·Î 2´Ü) */
.rnd-top-row {
    width: 100%;
    max-width: 1000px; /* ±âÁ¸ ¸¶À½°¡Áü/ºñÀü ¼½¼Ç°ú ÅëÀÏµÈ ¿ÍÀÌµå ³Êºñ */
    margin-left: auto;
    margin-right: auto;
}


/* ŸÀÌƲ ±×·ì (¼­ºê+¸ÞÀÎ) */
.rnd-text-col {
    text-align: left;
}


.rnd-text-col .product-top-eng {
    font-size: 14px;
    font-weight: 700;
    color: #472a75; /* ºê·£µå ÆÛÇà */
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
    display: block;
}


.rnd-main-title {
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 800;
    color: #111;
    letter-spacing: -1px;
    line-height: 1.2;
}


/* º»¹® ¼³¸í ¹× »ó¼¼ Æ÷ÀÎÆ® */
.rnd-desc {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    word-break: break-all !important; /* ÁÂ¿ì °ø°£ 100% ²Ë ä¿ì±â */
    width: 100%;
     text-align: justify !important;
     text-justify: inter-word;
}


.rnd-points {
    margin-top: 15px;
}


.rnd-points li {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px; /* µµÆ® ¾ÆÀÌÄÜ °ø°£ */
}



/* ÆÛÇà µµÆ® ¾ÆÀÌÄÜ */
.rnd-points li::before {
    content: '\2022'; /* '&#8226;' ´ë½Å ¾ÈÀüÇÑ À¯´ÏÄÚµå ¹øÈ£ »ç¿ë */
    color: #472a75;
    font-weight: 800;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -2px;
}


/* ¿À¸¥ÂÊ À̹ÌÁö ¹Ú½º */
.rnd-img-box img {
    height: auto;
    object-fit: cover;
    display: block;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important; /* ÀºÀºÇÑ ±×¸²ÀÚ */
}


/* 2. ÇÏ´Ü °ËÁõ ¹× Çù¾÷ Á¤º¸ (°¡·Î 2´Ü Ä«µå) */
.rnd-bottom-boxes {
    max-width: 1000px; /* »ó´Ü°ú ³Êºñ ÅëÀÏ */
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}


.rnd-card {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-top: 4px solid #472a75; /* »ó´Ü ÆÛÇà Æ÷ÀÎÆ® Å׵θ® */
    border-radius: 12px;
    text-align: left;
}


.support-text, .expert-text {
    font-size: 16px;
    color: #444;
    line-height: 1.7;
    word-break: break-all !important; /* ÁÂ¿ì °ø°£ 100% ²Ë ä¿ì±â */
    width: 100%;
     text-align: justify !important;
     text-justify: inter-word;
}




/* ========================================================
   [¹ÝÀÀÇü] ¸ð¹ÙÀÏ/ÅÂºí¸´ ÃÖÀûÈ­ (991px ÀÌÇÏ)
======================================================== */
@media (max-width: 991px) {
    .rnd-intro-section { padding: 60px 0 !important; }
    
    /* 1. »ó´Ü R&D ¼¾ÅÍ ¼Ò°³ (¼¼·Î ¹èÄ¡·Î Àüȯ) */
    .rnd-top-row {
        flex-direction: column-reverse; /* ¸ð¹ÙÀÏÀº »çÁøÀÌ À§·Î ¿Àµµ·Ï */
        gap: 30px;
        text-align: left; /* ÁÂÃø Á¤·Ä À¯Áö */
    }
    
    .rnd-text-col, .rnd-img-col {
        width: 100%;
        padding: 0 10px;
    }
    
    .rnd-main-title { font-size: 28px; }
    .rnd-desc { font-size: 16px; line-height: 1.7; }
    .rnd-points li { font-size: 15px; }
    
    /* »çÁø Å©±â Á¶Á¤ (¸ð¹ÙÀÏÀº ºñÀ²·Î °íÁ¤) */
    .rnd-img-box {
        min-height: 0;
        height: auto;
        aspect-ratio: 4 / 3; /* ¸ð¹ÙÀÏ »çÁø ºñÀ² */
        margin-bottom: 30px; /* »çÁø°ú ¾Æ·¡ ÅؽºÆ® »çÀÌ °£°Ý */
    }
    
    .rnd-img-box img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }


    /* 2. ÇÏ´Ü °ËÁõ ¹× Çù¾÷ Á¤º¸ (¼¼·Î ¹èÄ¡·Î Àüȯ) */
    .rnd-bottom-boxes { margin-top: 40px; }
    
    .rnd-bottom-item {
        width: 100%;
        margin-bottom: 20px; /* Ä«µå »çÀÌ °£°Ý */
    }
    
    .rnd-card { padding: 30px 20px !important; } /* ¿©¹é Á¶Á¤ */
}




/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/





/* 1. ¹è°æ À̹ÌÁö Èæ¹é ó¸® Ŭ·¡½º */
.bg-grayscale .parallax-bg {
    filter: grayscale(100%) !important; /* À̹ÌÁö¸¦ 100% Èæ¹éÀ¸·Î º¯È¯ */
    -webkit-filter: grayscale(100%);
}


/* 2. Ä¿½ºÅÒ ¿À¹ö·¹ÀÌ ¼³Á¤ (#533189 Ä÷¯, 85% Åõ¸íµµ) */
.custom-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* ¹è°æ»ö Àû¿ë (RGBAÀÇ ¸¶Áö¸· 0.85°¡ 85% Åõ¸íµµ¸¦ ÀǹÌÇÕ´Ï´Ù) */
    background-color: rgba(83, 49, 137, 0.85) !important; 
    z-index: 1; /* À̹ÌÁöº¸´Ù´Â À§, ÅؽºÆ®º¸´Ù´Â ¾Æ·¡ */
}


/* 3. ÅؽºÆ®°¡ ¿À¹ö·¹ÀÌ À§·Î ¿Ã¶ó¿Àµµ·Ï Á¶Á¤ */
.bg-grayscale .container {
    position: relative;
    z-index: 10;
}


/* ÅؽºÆ® °¡µ¶¼ºÀ» À§ÇØ Èò»öÀ¸·Î °íÁ¤ */
.bg-grayscale h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}






/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/
/*°¢ ÆäÀÌÁö header ¹è°æÀ̹ÌÁö ¿µ¿ª*/




/* ½½¶óÀÌµå ¹è³Ê¸¦ °¨½Î´Â ÄÁÅ×ÀÌ³Ê */
.slide-banner-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden; /* ¿µ¿ª ¹Û À̹ÌÁö ¼û±è */
    background-color: #F9F6F0;
    border-radius: 4px;
}


/* À̹ÌÁö°¡ °¡·Î·Î ÇÑ ÁÙ·Î ¼­´Â Æ®·¢ */
.slide-track {
    display: flex;
    width: 500%; /* À̹ÌÁö 5°³ ºÐ·® (4Àå + º¹»çº» 1Àå) */
    animation: slide-animation 12s infinite ease-in-out; /* 12ÃÊ µ¿¾È ¹«ÇÑ ¹Ýº¹ */
}


/* °³º° ½½¶óÀÌµå ³Êºñ */
.slide {
    width: 100%;
    aspect-ratio: 16 / 9; /* ±âÁ¸ À̹ÌÁö ºñÀ² À¯Áö */
}


.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* À̹ÌÁö°¡ ¹Ú½º¿¡ ²Ë Â÷µµ·Ï ¼³Á¤ */
    display: block;
}


/* 4°³ÀÇ À̹ÌÁö°¡ ¸ØÃè´Ù ³Ñ¾î°¡´Â ¾Ö´Ï¸ÞÀÌ¼Ç ·ÎÁ÷ */
@keyframes slide-animation {
    0% { transform: translateX(0); }
    20% { transform: translateX(0); }      /* 1¹ø À̹ÌÁö Á¤Áö */
    25% { transform: translateX(-20%); }   /* À̵¿ */
    45% { transform: translateX(-20%); }   /* 2¹ø À̹ÌÁö Á¤Áö */
    50% { transform: translateX(-40%); }   /* À̵¿ */
    70% { transform: translateX(-40%); }   /* 3¹ø À̹ÌÁö Á¤Áö */
    75% { transform: translateX(-60%); }   /* À̵¿ */
    95% { transform: translateX(-60%); }   /* 4¹ø À̹ÌÁö Á¤Áö */
    100% { transform: translateX(-80%); }  /* º¹»çº»À¸·Î À̵¿Çϸç ÀÚ¿¬½º·´°Ô ·çÇÁ */
}


/* ÇÏ´Ü ÀÎÁõ¸¶Å© ¹Ú½º ºñÀ² (±âÁ¸ À¯Áö) */
.certification-marks {
    aspect-ratio: 16 / 4.5;
    background-color: #F9F6F0;
}




/* --- CEO ¸Þ½ÃÁö Àü¿ë Ä¿½ºÅÒ ½ºÅ¸ÀÏ --- */


.msg-ceo-section {
    padding: 120px 0 !important; /* »óÇÏ ¿©¹éÀ» ÃæºÐÈ÷ ÁÖ¾î ÁýÁßµµ Çâ»ó */
    background-color: #fcfbf7; /* ºÎµå·¯¿î ¹Ì»ö ¹è°æ */
    text-align: center; /* ¸ðµç ÅؽºÆ® Áß¾Ó Á¤·Ä */
}


.msg-ceo-content {
    max-width: 850px; /* ÅؽºÆ® ³Êºñ Á¦ÇÑÀ¸·Î °¡µ¶¼º È®º¸ */
    margin: 0 auto;
    position: relative;
}


/* Àο뱸 ¾ÆÀÌÄÜ ½ºÅ¸ÀÏ */
.msg-quote-icon {
    font-size: 35px;
    color: #472a75; /* ºê·£µå Æ÷ÀÎÆ® Ä÷¯ */
    opacity: 0.6;
    margin-bottom: 30px;
}


.msg-quote-icon.bottom {
    margin-top: 20px;
    transform: rotate(180deg); /* ÇÏ´Ü ¾ÆÀÌÄÜ ¹ÝÀü */
}


/* ¸ÞÀΠŸÀÌƲ ½ºÅ¸ÀÏ */
.msg-ceo-title {
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    margin-bottom: 40px;
    word-break: keep-all;
}



/* º»¹® ¼³¸í ½ºÅ¸ÀÏ */
.msg-ceo-desc {
    font-size: 18px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 50px;
    word-break: break-all; /* keep-allÀ» break-all·Î º¯°æ (¿©¹é ÃÖ¼ÒÈ­) */
    width: 100%; /* ÁÂ¿ì ¿µ¿ª 100% È°¿ë */


    text-align: justify;
    text-justify: inter-word;
}


/* ¼­¸í ½ºÅ¸ÀÏ */
.msg-ceo-signature {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    letter-spacing: 1px;
}


/* ¹ÝÀÀÇü Á¶Àý */
@media (max-width: 767px) {
    .msg-ceo-section { padding: 80px 20px !important; }
    .msg-ceo-title { font-size: 24px; margin-bottom: 30px; }
    .msg-ceo-desc { font-size: 16px; line-height: 1.7; }
    .msg-quote-icon { font-size: 28px; }
}







/* --- ¸ÞÀÎ È÷¾î·Î À¯´ÏÅ© ½ºÅ¸ÀÏ ¼¼Æ® --- */


/* 1. ÃÖ»óÀ§ ºÎ¸ð ³ôÀÌ °­Á¦ È®º¸ (ȸ»ö ¿µ¿ª ¹æÁö) */
.main-hero-full-container, 
.main-hero-inner-wrap,
.main-hero-full-container .swiper-parent,
.main-hero-full-container .swiper-wrapper {
    height: 100vh !important; /* ºê¶ó¿ìÀú Àüü ³ôÀÌ Á¡À¯ */
    min-height: 650px;
    overflow: hidden;
    position: relative;
}


/* 2. ¿µ»ó ÄÁÅ×ÀÌ³Ê ¹Ú½º */
.main-hero-video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/* 3. °³º° ¿µ»ó ¿ä¼Ò À¯´ÏÅ© ¼³Á¤ */
.main-hero-asset {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important; /* ¿µ»óÀÌ ²Ë Â÷°Ô º¸Á¤ */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* 4. ¿À¹ö·¹ÀÌ ¹× ĸ¼Ç ·¹ÀÌ¾î ¼ø¼­ */
.main-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.2); /* ¿µ»ó ´ëºñ°¨ Á¶Àý */
    z-index: 2;
}


.main-hero-caption {
   z-index: 10 !important;
}


/* 5. Çػ󵵺° ¿µ»ó ³ëÃâ Á¦¾î (±â±âº° ÃÖÀûÈ­) */
.main-hero-video-item { display: none; width: 100%; height: 100%; }


/* PC ÇØ»óµµ */
@media (min-width: 1201px) {
    .main-hero-video-item.v-pc { display: block !important; }
}


/* ÅÂºí¸´/Æúµå ÇØ»óµµ */
@media (min-width: 769px) and (max-width: 1200px) {
    .main-hero-video-item.v-tablet { display: block !important; }
}


/* ¸ð¹ÙÀÏ ÇØ»óµµ */
@media (max-width: 768px) {
    .main-hero-video-item.v-mobile { display: block !important; }
}






/* --- ¿ø·á ¼Ò°³ °­Á¦ ÇÑ ÁÙ ¹èÄ¡ ½ºÅ¸ÀÏ --- */


.wonryu-section {
    padding: 100px 0 !important;
    overflow: hidden; /* ¸ð¹ÙÀÏ¿¡¼­ »ßÁ®³ª°¨ ¹æÁö */
}


/* 4°³¸¦ ¹«Á¶°Ç ÇÑ ÁÙ·Î ¼¼¿ì´Â ¼³Á¤ */
.wonryu-flex-container {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important; /* Àý´ë ÁÙ¹Ù²Þ µÇÁö ¾ÊÀ½ */
    gap: 20px; /* Ä«µå »çÀÌ °£°Ý */
    width: 100%;
}


.wonryu-col {
    flex: 0 0 calc(25% - 20px); /* Ä«µåÀÇ °¡·Î Å©±â¸¦ 240px·Î °íÁ¤ÇÏ¿© 4°³°¡ ½ï µé¾î°¡°Ô Á¶Àý */
    min-width: 240px;
}


.wonryu-feature-box {
    transition: all 0.3s ease;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
    padding: 35px 15px !important;
    background: #fff;
     height: 100%; /* ³ôÀÌ ±ÕÀÏÈ­ */
}


.wonryu-feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}


/* À̹ÌÁö Å©±â È®´ë À¯Áö */
.wonryu-img-container {
    width: 130px; 
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #fdfdfd;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}


.wonryu-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ¼³¸í±Û ÇÑ ÁÙ À¯Áö ¹× ÀÚ°£ ÃÖÀûÈ­ */
.wonryu-item-desc {
    font-size: 16px; 
    font-weight: 600;
    color: #333;
    white-space: nowrap; /* ±ÛÀÚ ÁÙ¹Ù²Þ ¹æÁö */
    letter-spacing: -0.9px; /* ÀÚ°£À» ´õ Á¼Çô¼­ °¡·Î ³Êºñ È®º¸ */
    margin: 0;
}


/* ¸ð¹ÙÀÏ/ÅÂºí¸´ ´ëÀÀ (È­¸éÀÌ ¾ÆÁÖ ÀÛ¾ÆÁö¸é °¡·Î ½ºÅ©·Ñ·Î À¯µµÇϰųª Å©±â Ãà¼Ò) */
/* --- ¹ÝÀÀÇü ±¸°£ ¼³Á¤ --- */
@media (max-width: 1024px) { 
  .wonryu-col { /* ÅÂºí¸´/¸ð¹ÙÀÏ¿¡¼­ 2°³¾¿ ¹èÄ¡ */ flex: 0 0 calc(50% - 15px); min-width: 0; /* °íÁ¤ ³Êºñ ÇØÁ¦ */ } .wonryu-img-container { width: 100px; height: 100px; } .wonryu-item-desc { font-size: 14px; white-space: normal; /* ¸ð¹ÙÀÏ¿¡¼­ ±ÛÀÚ°¡ ±æ¸é ÁÙ¹Ù²Þ Çã¿ë */ } } @media (max-width: 575px) { .wonryu-flex-container { gap: 10px; /* °£°Ý Ãà¼Ò */ } .wonryu-col { flex: 0 0 calc(50% - 5px); /* ¸ð¹ÙÀÏ 2¿­ */ } .wonryu-feature-box { padding: 20px 10px !important; } }



/* --- Trusted for Life »¡°£»ö ¹îÁö ½ºÅ¸ÀÏ (¼öÁ¤º») --- */
.trusted-badge {
    display: inline-block !important; /* ½ºÅ©¸³Æ®°¡ blockÀ¸·Î µ¤¾î¾²´Â °Í ¹æÁö */
    width: max-content !important; /* ¹Ú½º Å©±â¸¦ ³»ºÎ ±ÛÀÚ ±æÀÌ¿¡ µü ¸ÂÃã */
    margin-left: auto; /* Áß¾Ó Á¤·Ä À¯Áö */
    margin-right: auto; /* Áß¾Ó Á¤·Ä À¯Áö */
    background-color: #e60012; 
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 3px; 
    margin-bottom: 20px; 
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
}


/* ¸ð¹ÙÀÏ È­¸é¿¡¼­ ¹îÁö Å©±â ¹Ì¼¼ Á¶Á¤ */
@media (max-width: 767px) {
    .trusted-badge {
        font-size: 12px;
        padding: 5px 12px;
        margin-bottom: 15px;
    }
}






/* ========================================================
   ¿À½Ã´Â ±æ (Contact Us) ÇÏ´Ü 4´Ü ¿µ¿ª Ä¿½ºÅÒ (SVG ¹öÀü ¿Ï°áÆÇ)
======================================================== */


/* Á¤º¸ ¹Ú½º Àüü ·¡ÆÛ */
.contact-info-box {
    padding: 20px 15px;
    transition: all 0.3s ease;
    height: 100%;
}


/* ¸¶¿ì½º È£¹ö ½Ã ¹Ú½º°¡ »ì¦ À§·Î ¿Ã¶ó°¡´Â È¿°ú */
.contact-info-box:hover {
    transform: translateY(-5px);
}


/* ¾ÆÀÌÄÜÀ» °¨½Î´Â ¿øÇü ¹è°æ ¿µ¿ª */
.contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #f5f6f8; /* ¾ÆÁÖ ¿¬ÇÑ È¸»ö ¹è°æ */
    margin: 0 auto;
    transition: all 0.3s ease;
}


/* SVG ¾ÆÀÌÄÜ ±âº» ¼³Á¤ */
.contact-icon svg {
    width: 32px;
    height: 32px;
    fill: #472a75; /* SVG´Â color ´ë½Å fill·Î »ö»óÀ» Á¦¾îÇÕ´Ï´Ù */
    transition: all 0.3s ease;
}


/* È£¹ö ½Ã ¾ÆÀÌÄÜ ¹è°æÀº ºê·£µå Ä÷¯·Î, ¾ÆÀÌÄÜÀº Èò»öÀ¸·Î ¹ÝÀü */
.contact-info-box:hover .contact-icon {
    background-color: #472a75;
    box-shadow: 0 8px 20px rgba(71, 42, 117, 0.25);
}


.contact-info-box:hover .contact-icon svg {
    fill: #ffffff; /* È£¹ö ½Ã ¾ÆÀÌÄÜ »ö»óÀ» Èò»öÀ¸·Î º¯°æ */
}


/* ¿µ¹® ŸÀÌƲ ½ºÅ¸ÀÏ (¼¼·ÃµÈ ÀÚ°£°ú µÎ²² Á¶Àý) */
.contact-title {
    font-size: 18px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 15px;
    letter-spacing: 1px; /* ÀÚ°£À» ³ÐÇô °í±Þ½º·¯¿î ´À³¦ ºÎ¿© */
}


/* º»¹® ¼³¸í ÅؽºÆ® */
.contact-desc {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    word-break: keep-all;
    margin: 0;
}


/* --- ȸ»ç¼Ò°³¼­ ´Ù¿î·Îµå ¹öÆ° ½ºÅ¸ÀÏ --- */
.btn-download-custom {
    display: inline-block;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    background-color: #472a75; /* ¸ÞÀÎ ÆÛÇà Ä÷¯ */
    border-radius: 50px; /* ¼¼·ÃµÈ ¾Ë¾à(Pill) ÇüÅ */
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(71, 42, 117, 0.2);
    letter-spacing: -0.5px;
}


.btn-download-custom:hover {
    background-color: #311b54; /* È£¹ö ½Ã ¾à°£ ´õ ¾îµÎ¿î Åæ */
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(71, 42, 117, 0.3);
}


/* ¸ð¹ÙÀÏ/ÅÂºí¸´ ¹ÝÀÀÇü ´ëÀÀ */
@media (max-width: 991px) {
    .contact-info-box {
        padding: 10px;
    }
    .contact-icon {
        width: 65px;
        height: 65px;
    }
    .contact-icon svg {
        width: 28px;
        height: 28px; /* ¸ð¹ÙÀÏ¿¡¼­ ¾ÆÀÌÄÜ Å©±â ¾à°£ Ãà¼Ò */
    }
    .contact-title {
        font-size: 17px;
    }
    .contact-desc {
        font-size: 15px;
    }
}




/* ========================================================
   À̳ä°ú ºñÀü ÆäÀÌÁö - ¼¿ÆªÀÇ ¸¶À½°¡Áü ¼½¼Ç (ÃÖÁ¾ ¼öÁ¤º»)
======================================================== */


.ceo-mindset-section {
    padding: 100px 0 !important;
    background-color: #f8f9fa; /* ¿¬ÇÑ È¸»ö ¹è°æ */
}


/* 1. ŸÀÌƲ ½ºÅ¸ÀÏ */
.mindset-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    color: #222;
    margin-bottom: 20px;
    letter-spacing: -1px;
}


/* 2. ¿µ»ó ÄÁÅ×ÀÌ³Ê (16:9 ºñÀ² ¹× 1000px °íÁ¤) */
.video-container {
    max-width: 1000px;
    margin: 0 auto; /* ¿µ»ó ¹Ú½º Áß¾Ó Á¤·Ä */
    
    /* [¼öÁ¤] Å׵θ® °î·üÀ» ´õ ¿Ï¸¸ÇÏ°Ô (20px -> 12px) */
    border-radius: 12px; 
    
    overflow: hidden;
    position: relative;
    background-color: #000;
    
    /* [¼öÁ¤] ±×¸²ÀÚ È¿°ú¸¦ ´õ ÀºÀºÇÏ°í ºÎµå·´°Ô (¾ËÆÄ°ª 0.12 -> 0.06À¸·Î Ãà¼Ò) */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); 
}


.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ºñÀ² À¯Áö */
    height: 0;
}


.mindset-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ¿µ»ó À§ ÅؽºÆ® ¿À¹ö·¹ÀÌ */
.video-overlay-content {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 3;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-shadow: 0 2px 12px rgba(0,0,0,0.6);
    pointer-events: none;
    text-align: center;
}


/* 3. ÇÏ´Ü ÅؽºÆ® ¿µ¿ª (¿µ»ó ³Êºñ 1000px¿Í ÀÏÄ¡½ÃÅ´) */
.mindset-description-wrap {
    max-width: 1000px; /* ¡ÚÁß¿ä: ¿µ»ó ¹Ú½º¿Í ³Êºñ¸¦ µ¿ÀÏÇÏ°Ô ¼³Á¤ */
    margin: 0 auto;    /* ÅؽºÆ® ¹­À½ ÀÚü´Â Áß¾Ó ¹èÄ¡ */
    width: 100%;
}


.mindset-description {
    text-align: left;  /* ¡ÚÁß¿ä: ³»ºÎ ÅؽºÆ®´Â ¿ÞÂÊ Á¤·Ä */
    padding: 0 10px;   /* ¸ð¹ÙÀÏ ÁÂ¿ì ¿©¹é */
}



/* ¼¿ÆªÀÇ ¸¶À½°¡Áü ÇÏ´Ü ÅؽºÆ® ¿µ¿ª */
.mindset-description p {
    font-size: 19px;
    line-height: 1.8;
    color: #444;
    margin: 0;
    letter-spacing: -0.5px;
    word-break: break-all; /* keep-all¿¡¼­ break-all·Î º¯°æÇÏ¿© ¿ìÃø ¿©¹é ÃÖ¼ÒÈ­ */
    width: 100%; /* ÁÂ¿ì °ø°£À» ÃÖ´ëÇÑ È°¿ëÇϵµ·Ï Ãß°¡ */
    text-align: justify !important;
    text-justify: inter-word;
}


/* ========================================================
   ¹ÝÀÀÇü ¸ð¹ÙÀÏ Á¶Á¤
======================================================== */


@media (max-width: 991px) {
    .ceo-mindset-section {
        padding: 80px 20px !important;
    }
    
    .mindset-title {
        font-size: 28px;
    }


    /* ¸ð¹ÙÀÏ¿¡¼­´Â ¿µ»ó ³Êºñ¸¦ °¡µæ ä¿ò */
    .video-container, .mindset-description-wrap {
        max-width: 100%;
    }


    /* ¸ð¹ÙÀÏ Å׵θ® °î·ü ¹Ì¼¼ Á¶Á¤ */
    .video-container {
        border-radius: 8px;
    }


    .video-overlay-content {
        font-size: 18px;
        bottom: 20px;
    }


    .mindset-description p {
        font-size: 16px;
        line-height: 1.7;
    }
}


@media (max-width: 575px) {
    .mindset-title {
        font-size: 26px;
    }
}




/* ========================================================
   À̳ä°ú ºñÀü ÆäÀÌÁö - CORE VALUE ¼½¼Ç (ÃÖÁ¾ ÅëÇÕº»)
======================================================== */


.core-value-section {
    padding: 120px 0 !important;
    background-color: #ffffff;
}


/* 1. »ó´Ü ŸÀÌƲ ±¸¼º ½ºÅ¸ÀÏ (Áß¾Ó Á¤·ÄÇü) */
.trust-badge-center {
    display: inline-block;
    background-color: #e60012;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 2px;
    margin-bottom: 15px;
    text-transform: none;
}


.brand-name-title-center {
    font-size: clamp(40px, 6vw, 60px);
    font-weight: 900;
    color: #111;
    margin-bottom: 10px;
    letter-spacing: -1px;
    line-height: 1;
}


.subtitle-core {
    font-size: 22px;
    font-weight: 700;
    color: #444;
    margin-bottom: 0;
}


/* 2. °ãÃÄÁø ¿øÇü ÄÁÅ×ÀÌ³Ê */
.circles-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 80px;
}


.value-circle {
    width: 260px;
    height: 260px;
    background-color: #F4EFE4; 
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #444;
    line-height: 1.2;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    padding-top: 10px;
    box-sizing: border-box;
}


.circle-center {
    margin-left: -50px;
    margin-right: -50px;
    background-color: #F9F6EF;
}


.z-1 { z-index: 1; }
.z-2 { z-index: 2; position: relative; }


/* 3. ÇÏ´Ü »ó¼¼ ¸®½ºÆ® */
.value-details-list {
    max-width: 100% !important;
    margin: 0 auto;
}


.value-item {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
    align-items: flex-start;
}


.value-item .item-title {
    flex: 0 0 180px;
    font-size: 20px;
    font-weight: 700;
    color: #222;
}



.value-item .item-desc {
    flex: 1;
    font-size: 17px;
    line-height: 1.7;
    color: #555;
    word-break: break-all; /* keep-allÀ» break-all·Î º¯°æÇÏ¿© ¿ìÃø ¿©¹é ÃÖ¼ÒÈ­ */
    width: 100%; /* ÁÂ¿ì °ø°£À» ²Ë ä¿ìµµ·Ï È®½ÇÇÏ°Ô ¼³Á¤ */
    text-align: justify !important;
    text-justify: inter-word;
}


.border-0 { border-bottom: none !important; }


/* ¹ÝÀÀÇü ¸ð¹ÙÀÏ Á¶Á¤ */
@media (max-width: 991px) {
    .core-value-section { padding: 80px 20px !important; }
    .brand-name-title-center { font-size: 38px; }
    .subtitle-core { font-size: 19px; }


    .circles-container {
        flex-direction: column;
        gap: 20px;
        margin-top: 40px; margin-bottom: 40px;
    }
    
    .value-circle {
        width: 200px;
        height: 200px;
        font-size: 20px;
    }
    
    .circle-center { margin: 0; }


    .value-item { flex-direction: column; padding: 20px 0; }
    .value-item .item-title { margin-bottom: 8px; flex: 0 0 auto; }
}







/* ========================================================
   [ÆÄÆ®³Ê] ¹Ì±¹ ƯÇã Áõºù ÀÚ·á ¹× ±Û·Î¹ú Ç°Áú ±âÁØ ¼½¼Ç
======================================================== */


/* --- 1. ¼½¼Ç ±âº» ¹× »ó´Ü ŸÀÌƲ --- */
.us-patent-section {
    padding: 100px 0 !important; /* »ó´Ü ¿©¹é ´Ù¸¥ ¼½¼Ç°ú ÅëÀÏ */
    background-color: #ffffff;
}


.us-patent-badge-text {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #472a75;
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


.us-patent-title {
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    color: #111;
    line-height: 1.3;
    margin-bottom: 25px;
    letter-spacing: -1px;
}



.us-patent-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
    max-width: 850px;
    
    /* &#128071; Ãß°¡ ¹× ¼öÁ¤µÈ ¾çÂÊ Á¤·Ä ¼Ó¼º */
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


/* ¿ä¼Ò °£°Ý ¶ç¿ì±â¿ë ¹ü¿ë Ŭ·¡½º */
.mb-100 {
    margin-bottom: 100px !important;
}




/* --- 2. ±Û·Î¹ú ½ºÅÄ´Ùµå Ç°Áú ±âÁØ 3´Ü ¹è³Ê --- */
.global-standard-banner {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1100px;
    margin: 0 auto;
}


.gs-item {
    flex: 1;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}


.gs-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(71, 42, 117, 0.08);
    border-color: #472a75;
}


.gs-icon {
    width: 65px;
    height: 65px;
    background-color: #f4f0f9;
    color: #472a75;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}


.gs-item:hover .gs-icon {
    background-color: #472a75;
    color: #ffffff;
}


.gs-text {
    font-size: 18px;
    color: #555;
    word-break: keep-all;
    text-align: center;
    line-height: 1.4;
}


.gs-text strong {
    color: #111;
    font-weight: 800;
    display: block;
    font-size: 20px;
    margin-bottom: 4px;
    font-family:'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px;
}




/* --- 3. Áö±×Àç±× ¿ÍÀÌµå ¹è¿­ (À̹ÌÁö + ÅؽºÆ®) --- */
.patent-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 100px;
    max-width: 1100px;
    margin: 0 auto;
}


.patent-row {
    display: flex;
    align-items: center;
    gap: 70px;
    text-align: left;
}


.patent-row.reverse {
    flex-direction: row-reverse;
}


.patent-img-col {
    flex: 0 0 38%;
}


.pt-img-box {
    position: relative;
    border: 1px solid #f0f0f0;
    padding: 12px;
    background: #fafafa;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}


.pt-img-box img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    border: 1px solid #eee;
}


/* °ñµå ¾Á (ÀÎÁõ ¸¶Å©) */
.pt-seal {
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: #472a75;
    color: #ffd700;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: 4px solid #fff;
    box-shadow: 0 8px 20px rgba(71, 42, 117, 0.2);
}


.patent-row.reverse .pt-seal {
    right: auto;
    left: -20px;
}


/* ÅؽºÆ® »ó¼¼ ¿µ¿ª */
.patent-txt-col {
    flex: 1;
}


.pt-num {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: #472a75;
    background-color: #f4f0f9;
    padding: 6px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}


.pt-name {
    font-size: clamp(24px, 3vw, 28px);
    font-weight: 800;
    color: #111;
    line-height: 1.4;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    word-break: keep-all;
}



.pt-detail-desc {
    font-size: 17px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
    word-break: break-all !important;
    width: 100% !important; /* ¿ÀŸ(witdh) ¼öÁ¤ */
    
    /* &#128071; Ãß°¡µÈ ¾çÂÊ Á¤·Ä ¼Ó¼º */
    text-align: justify !important;
    text-justify: inter-word;
}

/* ƯÇã ÇÙ½É ¸®½ºÆ® (üũ ¾ÆÀÌÄÜ) */
.pt-key-points {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee;
    padding-top: 25px;
}



.pt-key-points li {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.5;
    
    /* &#128071; Ãß°¡ ¹× ¼öÁ¤µÈ ¾çÂÊ Á¤·Ä ¼Ó¼º */
    word-break: break-all !important; 
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


.pt-key-points li:last-child {
    margin-bottom: 0;
}


.pt-key-points i {
    font-size: 20px;
    color: #472a75;
    margin-right: 12px;
    margin-top: -1px;
}




/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ ÃÖÀûÈ­ (991px ÀÌÇÏ ÅëÇÕ)
======================================================== */
@media (max-width: 991px) {
    /* ¼½¼Ç ±âº» */
    .us-patent-section { padding: 80px 0 !important; }
    .us-patent-title { font-size: 28px; }
    .us-patent-desc { 
        font-size: 16px; 
        text-align: left; 
        word-break: break-all !important; 
        width: 100% !important; 
        padding: 0 15px;
    }
    
    /* 3´Ü ¹è³Ê ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
    .global-standard-banner {
        flex-direction: column;
        gap: 15px;
        padding: 0 15px;
    }
    .gs-item {
        flex-direction: row;
        padding: 20px 25px;
        text-align: left;
    }
    .gs-icon {
        width: 55px;
        height: 55px;
        font-size: 24px;
        margin-bottom: 0;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .gs-text {
        text-align: left;
        font-size: 16px;
    }
    .gs-text strong {
        display: inline-block;
        font-size: 18px;
        margin-bottom: 0;
        margin-right: 4px;
    }


    /* ƯÇã ¸®½ºÆ® ¸ð¹ÙÀÏ ÃÖÀûÈ­ */
    .patent-list-wrapper { gap: 80px; }
    .patent-row, .patent-row.reverse { 
        flex-direction: column; 
        gap: 40px; 
    }
    .patent-img-col { 
        width: 100%; 
        max-width: 400px; 
        margin: 0 auto; 
    }
    
    /* ¾Á(ÀÎÁõ ¸¶Å©) À§Ä¡ ¿ìÃø ÇÏ´ÜÀ¸·Î ÅëÀÏ */
    .patent-row.reverse .pt-seal { left: auto; right: -15px; }
    .pt-seal { bottom: -15px; right: -15px; width: 50px; height: 50px; font-size: 24px; border-width: 3px; }
    
    .patent-txt-col { width: 100%; }
    .pt-name { font-size: 22px; }
    .pt-detail-desc { font-size: 16px; }
    .pt-key-points li { font-size: 15px; }
}







/* ========================================================
   [ÆÄÆ®³Ê] Çѱ¹ ƯÇã Áõºù ÅëÇÕ ¼½¼Ç (ÃÖÁ¾ ÅëÇÕº» - 14°³ ÄÚ¾î ƯÇã 1¿­ ±³Â÷ ¹èÄ¡)
======================================================== */
.kr-patent-section {
    padding: 100px 0 !important; 
    background-color: #fcfcfc;
}


/* °øÅë ¸¶Áø */
.mb-100 { margin-bottom: 100px !important; }


/* 0. ¸ÞÀΠŸÀÌƲ ¿µ¿ª */
.kr-patent-badge-text {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #472a75;
    letter-spacing: 2px;
    margin-bottom: 15px;
}


.kr-patent-title {
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    color: #111;
    line-height: 1.3;
    margin-bottom: 25px;
    letter-spacing: -1px;
}



/* &#128204; ¼öÁ¤ 1: PCºÎÅÍ ¹Ù·Î ¾çÂÊ Á¤·Ä Àû¿ë */
.kr-patent-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
    max-width: 850px;
    margin: 0 auto;
    
    /* &#128071; PC¿¡¼­µµ ºóÆ´¾øÀÌ ²Ë Âù ¾çÂÊ Á¤·Ä Àû¿ë */
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


/* 1. ÇÙ½É ÄÚ¾î ƯÇã 14¼± (&#128204; ¼öÁ¤ 2: 1ÁÙ¿¡ 1°³¾¿ ¹èÄ¡) */
.core-patent-grid {
    display: grid;
    grid-template-columns: 1fr; /* 1¿­·Î º¯°æ */
    gap: 40px; 
    max-width: 1000px; /* 1¿­ °¡µ¶¼ºÀ» À§ÇØ ³ÐÀÌ ÃÖÀûÈ­ */
    margin: 0 auto;
}


.core-pt-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: row; /* Ȧ¼ö Ä«µå: ¿ÞÂÊ À̹ÌÁö, ¿À¸¥ÂÊ ÅؽºÆ® */
    align-items: stretch;
}


/* &#128204; ¼öÁ¤ 2: ¦¼ö(2,4,6...) Ä«µå ±³Â÷ ¹èÄ¡ (¿ÞÂÊ ÅؽºÆ®, ¿À¸¥ÂÊ À̹ÌÁö) */
.core-pt-card:nth-child(even) {
    flex-direction: row-reverse; 
}


.core-pt-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(71, 42, 117, 0.1);
    border-color: #472a75;
}


.core-img {
    width: 35%; 
    background: #f9f9f9;
    padding: 30px; 
    border-right: 1px solid #f0f0f0; /* Ȧ¼ö Ä«µå Å׵θ® */
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ¦¼ö Ä«µåÀÇ À̹ÌÁö´Â ¿À¸¥ÂÊ¿¡ ÀÖÀ¸¹Ç·Î Å׵θ® ¹æÇâ ¹ÝÀü */
.core-pt-card:nth-child(even) .core-img {
    border-right: none;
    border-left: 1px solid #f0f0f0;
}


.core-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}


.core-txt {
    padding: 40px; 
    text-align: left;
    width: 65%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.core-num {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #472a75;
    background-color: #f4f0f9;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 15px;
    width: max-content;
    letter-spacing: 0.5px;
}


.core-name {
    font-size: 24px; 
    font-weight: 800;
    color: #111;
    line-height: 1.4;
    margin-bottom: 15px;
    word-break: keep-all !important;
    letter-spacing: -0.5px;
}


.core-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 25px;
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


.core-benefit {
    margin-top: auto;
    background: #f4f0f9;
    padding: 20px 25px;
    border-radius: 8px;
}
.core-benefit strong {
    display: block;
    font-size: 15px;
    color: #472a75;
    font-weight: 800;
    margin-bottom: 8px;
}
.core-benefit p {
    font-size: 15px;
    color: #444;
    line-height: 1.6;
    margin: 0;
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


/* 2. R&D ½ºÅ丮 ¹× öÇÐ */
.rnd-philosophy-wrapper {
    max-width: 100% !important;
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(135deg, #f4f0f9, #ffffff);
    border: 1px solid #e9e1f2;
    border-radius: 20px;
    padding: 60px 40px;
    position: relative;
}


.rnd-phi-content {
    position: relative;
    z-index: 2;
}


.rnd-phi-content i {
    font-size: 40px;
    color: #472a75;
    opacity: 0.2;
    position: absolute;
}
.quote-top { top: -30px; left: 0; }
.quote-bottom { bottom: -30px; right: 0; transform: rotate(180deg); }


.rnd-phi-content h4 {
    font-size: 26px;
    font-weight: 800;
    color: #111;
    margin-bottom: 25px;
    line-height: 1.4;
}


.rnd-phi-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin: 0;
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ ÃÖÀûÈ­
======================================================== */
@media (max-width: 991px) {
    .kr-patent-section { padding: 80px 0 !important; }
    
    /* &#128204; ¸ð¹ÙÀÏ¿¡¼­´Â ±³Â÷ ¹èÄ¡ ¹«½ÃÇÏ°í [À§: À̹ÌÁö / ¾Æ·¡: ÅؽºÆ®]·Î °íÁ¤ */
    .core-pt-card,
    .core-pt-card:nth-child(even) { 
        flex-direction: column !important; 
    }
    
    .core-img,
    .core-pt-card:nth-child(even) .core-img { 
        width: 100%; 
        border-right: none; 
        border-left: none;
        border-bottom: 1px solid #f0f0f0; 
        padding: 20px;
    }
    
    .core-txt { 
        width: 100%; 
        padding: 30px 20px;
    }
}


@media (max-width: 767px) {
    .kr-patent-title { font-size: 28px; }
    
    /* &#128204; ¼öÁ¤ 1: ¸ð¹ÙÀÏ È­¸é¿¡¼­ ¾çÂÊ Á¤·Ä Àû¿ë */
    .kr-patent-desc { 
        font-size: 16px; 
        text-align: justify !important;
        text-justify: inter-word;
        word-break: break-all !important;
        width: 100% !important;
    }
    
    .core-patent-grid { padding: 0 15px; gap: 25px; }
    
    .core-name { font-size: 20px; }
    .core-desc { font-size: 15px; }
    
    .rnd-philosophy-wrapper { 
        padding: 40px 20px !important; 
        margin: 0 !important; 
        border-radius: 12px;
    }
    .rnd-phi-content h4 { font-size: 22px; }
    .rnd-phi-content p { font-size: 15px; text-align: left; }
}






/* ========================================================
   [Á¦Ç° »ó¼¼] 8°³ Á¦Ç° ÅÇ & ·¹À̾ƿô CSS
======================================================== */
.product-detail-section {
    padding: 120px 0;
    background-color: #ffffff;
}


/* »ó´Ü ŸÀÌƲ */
.mb-50 { margin-bottom: 50px !important; }


.product-section-title {
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 800;
    color: #111;
    margin-bottom: 15px;
    letter-spacing: -1px;
}
.product-section-desc {
    font-size: 18px;
    color: #555;
    word-break: keep-all;
}


/* --- 8°³ ÅÇ ¹öÆ° ½ºÅ¸ÀÏ --- */
.product-tabs {
    gap: 10px;
    margin-bottom: 60px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}
.product-tabs .nav-link {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    color: #666;
    background-color: #f8f9fa;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
}
.product-tabs .nav-link:hover {
    background-color: #f0f0f0;
}
.product-tabs .nav-link.active {
    background-color: #472a75;
    color: #ffffff;
    border-color: #472a75;
    box-shadow: 0 4px 15px rgba(71, 42, 117, 0.3);
}


/* --- 1. »ó´Ü ¹Ú½º (À̹ÌÁö + ¿ä¾à) --- */
.prod-top-box {
    background-color: #fafafa;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 50px;
    border: 1px solid #f0f0f0;
}
.prod-img-wrap {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
}
.prod-img-wrap img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}


.prod-brief-wrap {
    padding-left: 20px;
    text-align: left;
    width: 100%;
}


.prod-badge {
    display: inline-block;
    background-color: #472a75;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 4px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}


.prod-brief-title {
    font-size: clamp(24px, 4vw, 32px) !important; 
    font-weight: 800 !important;
    color: #111 !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important; 
    word-break: keep-all !important; 
    letter-spacing: -0.5px !important;
    width: 100% !important;
}


/* &#128204; Ãß°¡: Á¦Ç° ¼³¸í±Û À§ ¼ÒŸÀÌƲ */
.prod-brief-subtitle {
    font-size: 16px !important;
    font-weight: 700 !important; /* º»¹®º¸´Ù µÎ²®°Ô ¼³Á¤ */
    color: #555 !important;
    margin-bottom: 8px !important; /* º»¹®°úÀÇ °£°Ý */
    line-height: 1.5 !important;
}


/* &#128204; Á¦Ç° ¼³¸í: ¾çÂÊ ²Ë Âù Á¤·Ä + ±ÛÀÚ ´ÜÀ§ ºóÆ´¾øÀÌ Ã¤¿ì±â */
.prod-brief-text {
    font-size: 16px !important;
    color: #555 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    word-break: break-all !important; 
    width: 100% !important;
    text-align: justify !important; 
    text-justify: inter-word !important;
}


/* --- 2. »ó¼¼ ¼³¸í (Description) --- */
.prod-desc-area {
    margin-bottom: 60px;
    text-align: left;
}
.pd-heading {
    font-size: 24px;
    font-weight: 800;
    color: #222;
    margin-bottom: 20px;
    border-bottom: 2px solid #472a75;
    padding-bottom: 10px;
    display: inline-block;
}
.pd-sub-heading {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
}
.prod-desc-area p {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 15px;
    word-break: break-all;
}
.prod-desc-area ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.prod-desc-area ul li {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 10px;
    word-break: break-all;
}


/* --- 3. ¸ÞŸ Á¤º¸ ¹Ú½º --- */
.prod-meta-box {
    background-color: #f4f0f9;
    border-left: 4px solid #472a75;
    padding: 30px;
    border-radius: 0 12px 12px 0;
    margin-bottom: 60px;
    text-align: left;
}
.pm-item {
    margin-bottom: 15px;
}
.pm-item:last-child { margin-bottom: 0; }
.pm-item span {
    display: inline-block;
    width: 120px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
}
.pm-item strong {
    font-size: 18px;
    color: #111;
    font-weight: 800;
    word-break: break-all;
}


/* --- 4. 4°³ÀÇ Áõºù ½ºÅÈ ¹Ú½º --- */
.prod-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 60px;
}
.stat-box {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
    transition: transform 0.3s ease;
}
.stat-box:hover {
    transform: translateY(-5px);
    border-color: #472a75;
    box-shadow: 0 10px 20px rgba(71, 42, 117, 0.08);
}
.stat-num {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 800;
    color: #472a75;
    line-height: 1;
    margin-bottom: 10px;
}
.stat-txt {
    font-size: 16px;
    font-weight: 700;
    color: #555;
}


/* --- 5. ƯÀåÁ¡ (Key Features) --- */
.prod-features-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}
.feature-item {
    display: flex;
    align-items: flex-start;
    text-align: left;
    background: #fafafa;
    padding: 25px;
    border-radius: 12px;
}
.feature-item i {
    font-size: 32px;
    color: #472a75;
    margin-right: 20px;
    margin-top: -5px;
}
.feature-item strong {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #111;
    margin-bottom: 8px;
}
.feature-item p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin: 0;
    word-break: break-all;
}


/* --- 6. Á¦Ç° ±Ô°Ý Ç¥ --- */
.prod-specs-table-wrap {
    margin-bottom: 60px;
    overflow-x: auto;
}
.prod-specs-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-top: 2px solid #222;
}
.prod-specs-table th, .prod-specs-table td {
    padding: 20px;
    border-bottom: 1px solid #eaeaea;
    font-size: 16px;
}
.prod-specs-table th {
    background-color: #f9f9f9;
    font-weight: 700;
    color: #333;
    width: 35%;
}
.prod-specs-table td {
    color: #555;
    font-weight: 500;
}
.highlight-text {
    color: #472a75;
    font-weight: 700;
    font-size: 14px;
}


/* --- 7. ¼ººÐ ¹× Á¦Á¶»ç (Analysis) --- */
.prod-analysis-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 60px;
    text-align: left;
}
.pa-title {
    font-size: 18px;
    font-weight: 800;
    color: #111;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.pa-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pa-list li {
    font-size: 15px;
    color: #555;
    margin-bottom: 8px;
}


.pa-text {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin: 0;
    word-break: break-all !important; 
    width: 100% !important;
    text-align: justify !important;
}


/* --- 8. ¾×¼Ç ¹öÆ° --- */
.prod-action-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.btn-action i {
    margin-right: 10px;
    font-size: 20px;
}
.btn-primary {
    background-color: #472a75;
    color: #fff;
    border: 2px solid #472a75;
}
.btn-primary:hover {
    background-color: #351f58;
    color: #fff;
}
.btn-outline {
    background-color: transparent;
    color: #472a75;
    border: 2px solid #472a75;
}
.btn-outline:hover {
    background-color: #f4f0f9;
    color: #472a75;
}


/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ ÃÖÀûÈ­
======================================================== */
@media (max-width: 991px) {
    .prod-top-box { padding: 30px 20px; }
    .prod-brief-wrap { padding-left: 0; margin-top: 20px; }
    
    .prod-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .prod-features-list { grid-template-columns: 1fr; gap: 20px; }
    
    .pm-item span { display: block; margin-bottom: 5px; }
    .pm-item strong { font-size: 16px; }
}


@media (max-width: 767px) {
    .product-detail-section { padding: 80px 0; }
    .product-section-title { font-size: 28px; }
    
    .product-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start !important; padding-bottom: 15px; }
    .product-tabs::-webkit-scrollbar { height: 4px; }
    .product-tabs::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
    
    .pd-heading { font-size: 20px; }
    
    .prod-specs-table th, .prod-specs-table td { padding: 15px 10px; font-size: 14px; }
    .prod-specs-table th { width: 40%; }
    
    .prod-action-buttons { flex-direction: column; }
    .btn-action { width: 100%; padding: 14px; font-size: 16px; }
    .prod-brief-title {
        font-size: 20px !important; 
    }
}







/* ========================================================
   [Contact Us] ±Û·Î¹ú 1:1 ¹®ÀÇ Æû ·¹À̾ƿô CSS
======================================================== */
.global-contact-section {
    padding: 120px 0 !important;
    background-color: #f4f8fc; /* Àüü ¹è°æÀº Æû°ú ºÐ¸®µÇµµ·Ï ¿¬ÇÑ ºí·ç±×·¹ÀÌ ÁöÁ¤ */
}


/* --- ¿ÞÂÊ: Á¤º¸ ÅؽºÆ® ¿µ¿ª --- */
.contact-info-col {
    background-color: #472a75; /* ºê·£µå ÆÛÇà ¹è°æ */
    border-radius: 20px 0 0 20px;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}


/* ¹è°æ Àå½Ä¿ë ¿øÇü ±×·¡ÇÈ (¼±ÅûçÇ×) */
.contact-info-col::after {
    content: '';
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 250px;
    height: 250px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
    z-index: 1;
}


.contact-text-wrap {
    position: relative;
    z-index: 2;
    text-align: left;
}


.badge-contact {
    display: inline-block;
    background-color: rgba(255,255,255,0.15);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 25px;
    letter-spacing: 1.5px;
}


/* ±âÁ¸ ½ºÅ¸ÀÏ °è½Â ¹× È®Àå */
.info-title { font-size: clamp(36px, 5vw, 55px); font-weight: 800; color: #fff; margin-bottom: 15px; line-height: 1.1; letter-spacing: -1px; }
.info-subtitle { font-size: 22px; font-weight: 400; color: rgba(255,255,255,0.8); margin-bottom: 30px; }
.info-desc { font-size: 16px; color: rgba(255,255,255,0.7); word-break: keep-all; line-height: 1.8; margin-bottom: 40px; }


.contact-direct-info {
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 30px;
}
.cd-item {
    display: flex;
    align-items: center;
}
.cd-item i {
    font-size: 28px;
    color: #ffd700; /* °ñµå Æ÷ÀÎÆ® */
    margin-right: 15px;
}
.cd-item span {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    margin-bottom: 2px;
}
.cd-item strong {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}




/* --- ¿À¸¥ÂÊ: Æû(Form) ¿µ¿ª --- */
.contact-form-col {
    background-color: #ffffff;
    border-radius: 0 20px 20px 0;
    padding: 60px 50px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.05);
}


.global-form-wrap {
    width: 100%;
}


.b2b-contact-form .form-group {
    margin-bottom: 25px;
    text-align: left;
}


.b2b-contact-form label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
}


/* ÀÔ·Ââ °øÅë ½ºÅ¸ÀÏ */
.b2b-contact-form .form-control {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fcfcfc;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 15px;
    color: #333;
    transition: all 0.3s ease;
}


.b2b-contact-form .form-control::placeholder {
    color: #aaa;
    font-size: 14px;
}


.b2b-contact-form .form-control:focus {
    outline: none;
    border-color: #472a75;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(71, 42, 117, 0.1);
}


/* --- ºñÁî´Ï½º ŸÀÔ (Ä¿½ºÅÒ ¶óµð¿À ¹îÁö ¹öÆ°) --- */
.business-type-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.custom-chk-btn {
    cursor: pointer;
    margin: 0;
}


.custom-chk-btn input {
    display: none; /* ½ÇÁ¦ ¶óµð¿À¹öÆ° ¼û±è */
}


.custom-chk-btn span {
    display: inline-block;
    padding: 10px 18px;
    font-size: 14px;
    color: #666;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    transition: all 0.2s ease;
    user-select: none;
}


.custom-chk-btn input:checked + span {
    background-color: #472a75;
    color: #fff;
    border-color: #472a75;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(71, 42, 117, 0.2);
}




/* --- Á¦Ãâ ¹öÆ° --- */
.btn-submit-global {
    display: inline-flex;
    align-items: center;
    background-color: #111;
    color: #fff;
    border: none;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}


.btn-submit-global i {
    font-size: 24px;
    margin-left: 10px;
    margin-right: -10px;
    transition: transform 0.3s ease;
}


.btn-submit-global:hover {
    background-color: #472a75;
}


.btn-submit-global:hover i {
    transform: translateX(5px);
}




/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ
======================================================== */
@media (max-width: 991px) {
    .global-contact-section { padding: 60px 20px !important; }
    
    /* 1. ¼¼·Î ¹èÄ¡ ¹× Å׵θ® ¹Ý°æ Á¶Á¤ */
    .contact-info-col {
        border-radius: 15px 15px 0 0;
        padding: 40px 30px;
    }
    .contact-form-col {
        border-radius: 0 0 15px 15px;
        padding: 40px 30px;
    }
    
    .info-title { font-size: 38px; br { display: none; } } /* ¸ð¹ÙÀÏ¿¡¼­ ±Û¾¾¸¦ ÇÑ ÁÙ·Î ÀÌÀ½ */
    .info-subtitle { font-size: 18px; margin-bottom: 20px; }
    .info-desc { font-size: 15px; }
}


@media (max-width: 767px) {
    .contact-info-col { padding: 40px 20px; }
    .contact-form-col { padding: 40px 20px; }
    
    .btn-submit-global {
        width: 100%;
        justify-content: center;
    }
    
    .custom-chk-btn span {
        font-size: 13px;
        padding: 8px 15px;
    }
}







/* ========================================================
   [ȸ»ç ¼Ò°³] ¼¿Æª ¿¬Çõ (Timeline) ½ºÅ¸ÀÏ
======================================================== */
.celltune-history-section {
    padding: 120px 0 !important;
    background-color: #fcfcfc; /* ¸Å¿ì ¿¬ÇÑ È¸»ö ¹è°æ */
}


/* --- »ó´Ü ŸÀÌƲ ¿µ¿ª --- */
.mb-100 { margin-bottom: 100px !important; }


.history-badge {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    color: #472a75; /* ¸ÞÀÎ ÆÛÇÃ */
    letter-spacing: 2px;
    margin-bottom: 15px;
    text-transform: uppercase;
}


.history-main-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    color: #111;
    margin-bottom: 25px;
    letter-spacing: -1px;
}


.history-main-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
    max-width: 800px;
    word-break: keep-all;
}




/* --- ŸÀÓ¶óÀÎ ·¡ÆÛ ¹× Áß¾Ó¼± --- */
.timeline-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}


.timeline-center-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: #e9e1f2; /* ¿¬º¸¶ó»ö Áß¾Ó¼± */
    transform: translateX(-50%);
}




/* --- °³º° ŸÀÓ¶óÀÎ ¾ÆÀÌÅÛ (ÁÂ/¿ì) --- */
.timeline-item {
    position: relative;
    width: 50%;
    padding: 20px 50px; /* Áß¾Ó¼±°ú ÄÁÅÙÃ÷ »çÀÌÀÇ ¿©¹é */
    box-sizing: border-box;
}


.timeline-item.left {
    left: 0;
    text-align: right;
}


.timeline-item.right {
    left: 50%;
    text-align: left;
}


/* Áß¾ÓÀ» Ç¥½ÃÇÏ´Â Á¡(Dot) */
.timeline-dot {
    position: absolute;
    top: 30px;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 4px solid #472a75; /* ºê·£µå Ä÷¯ */
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 0 5px rgba(71, 42, 117, 0.1); /* ÀºÀºÇÑ ÆÛÇà Èı¤ */
}


/* ÁÂ/¿ìÃø Á¡ À§Ä¡ °è»ê */
.timeline-item.left .timeline-dot {
    right: -10px; /* (Á¡ ³Êºñ 20px / 2) */
}


.timeline-item.right .timeline-dot {
    left: -10px;
}




/* --- ÄÁÅÙÃ÷ ¹Ú½º µðÀÚÀÎ --- */
.timeline-content {
    background-color: #ffffff;
    padding: 35px 40px;
    border-radius: 15px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    display: inline-block;
    width: 100%;
}


.timeline-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(71, 42, 117, 0.08);
    border-color: #472a75;
}


/* ¿¬µµ ÅؽºÆ® */
.tl-year {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 38px;
    font-weight: 800;
    color: #472a75;
    line-height: 1;
    margin-bottom: 15px;
}


/* ÁÖ¿ä À̺¥Æ® Á¦¸ñ */
.tl-title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
    word-break: keep-all;
}


/* ¼¼ºÎ À̺¥Æ® ¸®½ºÆ® */
.tl-list {
    list-style: none;
    padding: 0;
    margin: 0;
}


.tl-list li {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 8px;
    position: relative;
}


.tl-list li:last-child {
    margin-bottom: 0;
}


/* ÁÂ/¿ìÃø ¸®½ºÆ® ÅؽºÆ® Á¤·Ä ¹× ºí¸´(Á¡) À§Ä¡ ¸ÂÃã */
.timeline-item.right .tl-list li {
    padding-left: 15px;
}
.timeline-item.right .tl-list li::before {
    content: '-';
    position: absolute;
    left: 0;
    color: #472a75;
    font-weight: 800;
}


.timeline-item.left .tl-list li {
    padding-right: 15px;
}
.timeline-item.left .tl-list li::after {
    content: '-';
    position: absolute;
    right: 0;
    color: #472a75;
    font-weight: 800;
}




/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ (Áß¾Ó¼±À» ÁÂÃøÀ¸·Î À̵¿)
======================================================== */
@media (max-width: 991px) {
    .celltune-history-section { padding: 80px 0 !important; }
    
    .timeline-wrapper {
        padding: 20px 15px; /* ÁÂÃø ¿©¹é Ãß°¡ */
    }
    
    /* Áß¾Ó¼±À» ÁÂÃøÀ¸·Î À̵¿ (¾à 30px À§Ä¡) */
    .timeline-center-line {
        left: 30px;
        transform: none;
    }
    
    /* ¸ðµç ¾ÆÀÌÅÛÀ» ³Êºñ 100%·Î º¯°æÇÏ°í ÁÂÃø Á¤·Ä */
    .timeline-item {
        width: 100%;
        padding: 20px 0 20px 70px; /* ÁÂÃø ¼± Å©±â¸¸Å­ Æеù È®º¸ */
    }
    
    .timeline-item.left, 
    .timeline-item.right {
        left: 0;
        text-align: left; /* °­Á¦ ÁÂÃø Á¤·Ä */
    }
    
    /* Á¡ À§Ä¡¸¦ ¸ðµÎ ÁÂÃø ¼±À¸·Î ¸ÂÃã */
    .timeline-item.left .timeline-dot,
    .timeline-item.right .timeline-dot {
        left: 20px; /* ¼± À§Ä¡(30px) - Á¡ Àý¹ÝÅ©±â(10px) = 20px */
        right: auto;
    }
    
    /* ¸®½ºÆ® ½ºÅ¸ÀÏ ¸ðµÎ ÁÂÃø Á¤·Ä·Î ÅëÀÏ */
    .timeline-item.left .tl-list li,
    .timeline-item.right .tl-list li {
        padding-right: 0;
        padding-left: 15px;
    }
    
    .timeline-item.left .tl-list li::after { display: none; }
    .timeline-item.left .tl-list li::before {
        content: '-';
        position: absolute;
        left: 0;
        color: #472a75;
        font-weight: 800;
    }
    
    /* ¸ð¹ÙÀÏ ÆùÆ® »çÀÌÁî Á¶Á¤ */
    .history-main-title { font-size: 28px; }
    .history-main-desc { font-size: 16px; text-align: left; }
    
    .timeline-content { padding: 30px 25px; }
    .tl-year { font-size: 32px; }
    .tl-title { font-size: 18px; }
    .tl-list li { font-size: 14.5px; }
}






/* ========================================================
   [ȸ»ç ¼Ò°³] ȸ»ç¼Ò°³¼­ ´Ù¿î·Îµå (Company Brochure) ½ºÅ¸ÀÏ
======================================================== */
.company-brochure-section {
    padding: 120px 0 !important;
    background-color: #fcfcfc;
    overflow: hidden;
}


.brochure-row {
    max-width: 1100px;
    margin: 0 auto;
}


/* --- ¿ÞÂÊ: ºñÁÖ¾ó ¿µ¿ª --- */
.brochure-visual-wrap {
    position: relative;
    padding: 20px;
    display: flex;
    justify-content: center;
}


/* ¹è°æ ¿¬º¸¶ó»ö µÕ±Ù µµÇü */
.brochure-bg-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    aspect-ratio: 1 / 1;
    background-color: #f4f0f9;
    border-radius: 50%;
    z-index: 1;
}


/* ½ÇÁ¦ Ã¥ÀÚ(À̹ÌÁö) ¹Ú½º */
.brochure-img-box {
    position: relative;
    z-index: 2;
    width: 85%;
    max-width: 360px;
    aspect-ratio: 1 / 1.414; /* A4 ºñÀ² */
    background-color: #fff;
    border-radius: 4px;
    box-shadow: -15px 15px 30px rgba(0, 0, 0, 0.1); /* ÀÔüÀûÀÎ ±×¸²ÀÚ */
    transition: transform 0.4s ease;
    overflow: hidden;
    border: 1px solid #eaeaea;
}


.brochure-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ¸¶¿ì½º È£¹ö ½Ã Ã¥ÀÚ°¡ ¶°¿À¸£´Â È¿°ú */
.brochure-visual-wrap:hover .brochure-img-box {
    transform: translateY(-10px) rotateY(-5deg);
    box-shadow: -20px 20px 40px rgba(71, 42, 117, 0.15);
}


/* ´Ù¿î·Îµå ¾ÆÀÌÄÜ ¿À¹ö·¹ÀÌ (È£¹ö ½Ã µîÀå) */
.download-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(71, 42, 117, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}


.brochure-visual-wrap:hover .download-overlay {
    opacity: 1;
}


.download-overlay i {
    font-size: 50px;
    color: #fff;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}


.brochure-visual-wrap:hover .download-overlay i {
    transform: translateY(0);
}


/* --- ¿À¸¥ÂÊ: ÅؽºÆ® ¿µ¿ª --- */
.brochure-text-wrap {
    padding-left: 40px;
    text-align: left;
}


.brochure-badge {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    color: #472a75;
    letter-spacing: 2px;
    margin-bottom: 15px;
}


/* &#128204; ŸÀÌƲ ÇÑ ÁÙ °íÁ¤ ¹× ÆùÆ® »çÀÌÁî ¹ÝÀÀÇü ÃÖÀûÈ­ */
.brochure-title {
    /* ¸ð¹ÙÀÏ¿¡¼­ ±úÁöÁö ¾Êµµ·Ï ÃÖ¼Ò ÆùÆ® Å©±â¸¦ È­¸é¿¡ ¸Â°Ô Á¶Àý */
    font-size: clamp(18px, 4vw, 46px) !important;
    font-weight: 800;
    color: #111;
    margin-bottom: 30px; /* ±âÁ¸ ¼³¸í±Û »èÁ¦·Î ÀÎÇÑ ¿©¹é º¸Á¤ */
    letter-spacing: -1px;
    line-height: 1.3;
    white-space: nowrap !important; /* ¹«Á¶°Ç ÇÑ ÁÙ À¯Áö */
    width: 100% !important; /* ÁÂ¿ì °ø°£ 100% »ç¿ë */
}


/* ¼ö·Ï ³»¿ë ¸®½ºÆ® ¹Ú½º */
.brochure-contents-box {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 15px;
    padding: 35px;
    margin-bottom: 40px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
}


.bc-title {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #222;
    margin-bottom: 20px;
    border-bottom: 2px solid #f4f0f9;
    padding-bottom: 12px;
}


.bc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}



.bc-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    width: 100%; /* Àüü ³ÐÀÌ »ç¿ë */
}


.bc-list li:last-child {
    margin-bottom: 0;
}


.bc-list li i {
    font-size: 22px;
    color: #472a75;
    margin-right: 15px;
    margin-top: 2px;
    flex-shrink: 0; /* ¾ÆÀÌÄÜ Å©±â Âî±×·¯Áü ¹æÁö */
}


/* &#128071; Ãß°¡µÈ ºÎºÐ: ¾ÆÀÌÄÜ ¿·ÀÇ ÅؽºÆ® ¹Ú½º°¡ ³²Àº °¡·Î °ø°£À» 100% ´Ù ¾²µµ·Ï °­Á¦ */
.bc-list li div {
    flex: 1; 
    width: 100%;
}


.bc-list li strong {
    display: block;
    font-size: 16px;
    color: #111;
    font-weight: 700;
    margin-bottom: 4px;
}


/* &#128204; ¸®½ºÆ® ³»¿ë ²Ë Âù ¾çÂÊ Á¤·Ä */
.bc-list li span {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    white-space: normal !important;
    word-break: break-all !important; /* ´Ü¾î ±âÁØ ¹«½ÃÇÏ°í ±ÛÀÚ ´ÜÀ§·Î ºóÆ´¾øÀÌ ²Ë ä¿ò */
    width: 100% !important;
    text-align: justify !important; /* ¾çÂÊ Á¤·Ä */
    text-justify: inter-word;
}


/* ¾×¼Ç ¹öÆ° */
.brochure-action-btns {
    display: flex;
    align-items: center;
    gap: 15px;
}


.btn-download-pdf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #472a75;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 700;
    padding: 16px 35px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #472a75;
}


.btn-download-pdf i {
    margin-right: 10px;
    font-size: 20px;
}


.btn-download-pdf:hover {
    background-color: #311b54;
    border-color: #311b54;
    box-shadow: 0 8px 20px rgba(71, 42, 117, 0.2);
    transform: translateY(-3px);
}


.btn-contact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    color: #444 !important;
    padding: 16px 25px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: transparent;
    border: 2px solid transparent;
}


.btn-contact-link i {
    font-size: 24px;
    margin-left: 5px;
    transition: transform 0.3s ease;
}


.btn-contact-link:hover {
    color: #472a75 !important;
    background-color: #f4f0f9;
}


.btn-contact-link:hover i {
    transform: translateX(5px);
}


/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ (Company Brochure ¿µ¿ª)
======================================================== */
@media (max-width: 991px) {
    .company-brochure-section { padding: 80px 0 !important; }
    
    /* ¼¼·Î ¹èÄ¡·Î º¯°æ */
    .brochure-row { flex-direction: column; text-align: center; }
    
    .brochure-visual-wrap { margin-bottom: 30px; }
    
    .brochure-text-wrap { 
        padding-left: 0; 
        text-align: left; /* ¸ð¹ÙÀÏ¿¡¼­µµ Àб⠽±°Ô ÁÂÃø Á¤·Ä À¯Áö */
        padding: 0 15px;
    }
    
    /* ¸ð¹ÙÀÏ¿¡¼­´Â ŸÀÌƲ¸¸ Áß¾Ó Á¤·Ä */
    .brochure-badge, .brochure-title { text-align: center; display: block; }
    
    .brochure-action-btns { flex-direction: column; width: 100%; gap: 10px; }
    .btn-download-pdf, .btn-contact-link { width: 100%; padding: 15px; }
}


@media (max-width: 767px) {
    .bc-title { font-size: 18px; }
    .bc-list li { flex-direction: column; }
    .bc-list li i { margin-bottom: 10px; }
}





/* ========================================================
   [B2B] ¹°·ù ½ºÆå ¹× ±ÇÀå ¼ÒºñÀÚ °¡°Ý (Logistics & Specs) ½ºÅ¸ÀÏ
======================================================== */
.b2b-specs-section {
    padding: 120px 0 !important;
    background-color: #fcfcfc;
}


/* --- »ó´Ü ŸÀÌƲ ¿µ¿ª --- */
.b2b-badge-text {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: #472a75;
    letter-spacing: 2px;
    margin-bottom: 15px;
}


.b2b-main-title {
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    color: #111;
    line-height: 1.3;
    margin-bottom: 25px;
    letter-spacing: -1px;
}


.b2b-main-desc {
    font-size: 18px;
    line-height: 1.7;
    color: #555;
    max-width: 850px;
    word-break: keep-all;
    margin: 0 auto;
}


/* ¼­ºê ŸÀÌƲ °øÅë */
.b2b-sub-title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #222;
    margin-bottom: 40px;
    text-align: center;
    letter-spacing: 1px;
}
.b2b-sub-title span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    margin-top: 5px;
    letter-spacing: -0.5px;
}




/* --- 1. MSRP Ä«µå ±×¸®µå --- */
.msrp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}


.msrp-card {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    padding: 25px 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.02);
}


.msrp-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(71, 42, 117, 0.08);
    border-color: #472a75;
}


.msrp-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.msrp-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.msrp-name {
    font-size: 18px;
    font-weight: 400; 
    color: #111;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
}


.msrp-price {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #472a75;
    background-color: #f4f0f9;
    padding: 6px 18px;
    border-radius: 50px;
    letter-spacing: 0.5px;
}




/* --- 2 & 3. ¹°·ù ±Ô°Ý À̹ÌÁö Ä«µå (cm/inch, Ä«Åæ ºÐÇÒ) --- */
.spec-image-card {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03);
    text-align: left;
    height: 100%;
}


.spec-img-box {
    width: 100%;
    aspect-ratio: 16 / 9; /* ¿ÍÀÌµå ºñÀ² À¯Áö */
    background-color: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}


.spec-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}


.spec-image-card:hover .spec-img-box img {
    transform: scale(1.05);
}


.spec-txt-box {
    padding: 30px;
}


.spec-txt-box strong {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #111;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}


.spec-txt-box strong i {
    color: #472a75;
    margin-right: 10px;
    font-size: 24px;
}


.spec-txt-box p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin: 0;
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}


.shelf-life-add {
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px dashed #eaeaea;
    font-weight: 700 !important;
    color: #472a75 !important;
}




/* --- 4. ¹°·ù/±ÔÁ¤ ½ºÅÈ ¹Ú½º (&#128204; ¼öÁ¤: 2x2 ¹è¿­) --- */
.b2b-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* &#128204; 2°³¾¿ 2ÁÙ·Î ¹èÄ¡ */
    gap: 30px; /* &#128204; °£°Ý ³Ë³ËÇÏ°Ô ¿øº¹ */
    max-width: 1000px; /* &#128204; 2¿­ ¹èÄ¡¿¡ ¸ÂÃç Ä«µå°¡ ³Ê¹« ³Ð¾îÁöÁö ¾Ê°Ô ³Êºñ ÃÖÀûÈ­ */
    margin: 0 auto;
}


.b2b-stat-card {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-top: 4px solid #472a75;
    border-radius: 12px;
    padding: 40px 30px; /* &#128204; 2¿­¿¡ ¸Â°Ô ³»ºÎ ¿©¹é ³Ë³ËÇÏ°Ô º¹±¸ */
    text-align: left;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02);
    transition: all 0.3s ease;
}


.b2b-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(71, 42, 117, 0.08);
}


.b2b-stat-icon {
    width: 60px;
    height: 60px;
    background-color: #f4f0f9;
    color: #472a75;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 20px;
}


.b2b-stat-info strong {
    display: block;
    font-size: 15px;
    color: #666;
    margin-bottom: 6px;
    font-weight: 700;
}


.b2b-stat-info span {
    display: block;
    font-size: 20px;
    color: #111;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}


.b2b-stat-info p {
    font-size: 14.5px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    word-break: break-all !important;
    width: 100% !important;
    text-align: justify !important;
    text-justify: inter-word;
}




/* ========================================================
   [¹ÝÀÀÇü] ÅÂºí¸´ / ¸ð¹ÙÀÏ
======================================================== */
@media (max-width: 1199px) {
    .msrp-grid { grid-template-columns: repeat(2, 1fr); }
}


@media (max-width: 991px) {
    .b2b-specs-section { padding: 80px 0 !important; }
    
    .b2b-dim-wrapper .row,
    .b2b-carton-wrapper .row { gap: 20px !important; }
}


@media (max-width: 767px) {
    .b2b-main-title { font-size: 28px; }
    
    .b2b-main-desc { 
        font-size: 16px; 
        text-align: justify !important; 
        text-justify: inter-word;
        word-break: break-all !important;
        width: 100% !important;
        padding: 0 15px; 
    }
    
    .b2b-sub-title { font-size: 22px; }
    .b2b-sub-title span { font-size: 14px; }
    
    .msrp-grid { grid-template-columns: 1fr; gap: 15px; padding: 0 15px; }
    
    .spec-image-card { margin: 0 15px; }
    .spec-txt-box { padding: 20px; }
    .spec-txt-box strong { font-size: 18px; }
    
    /* &#128204; ¸ð¹ÙÀÏ¿¡¼­´Â 1¿­(À§¾Æ·¡) ¹èÄ¡ */
    .b2b-stat-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 15px; }
    .b2b-stat-card { margin: 0; padding: 30px 20px; }
    .b2b-stat-info span { font-size: 18px; }
}





/* ========================================================
   ÀÚÁÖ ¹¯´Â Áú¹® (FAQ) ÆäÀÌÁö ½ºÅ¸ÀÏ
======================================================== */
.faq-section {
    padding: 100px 0 !important;
    background-color: #ffffff;
}


/* ŸÀÌƲ ½ºÅ¸ÀÏ */
.faq-main-title {
    font-size: clamp(32px, 5vw, 48px);
    font-weight: 800;
    color: #111;
    margin-bottom: 15px;
    letter-spacing: -1px;
}


.faq-sub-title {
    font-size: 18px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    word-break: keep-all;
}


/* Ä«Å×°í¸® ÅÇ ³×ºñ°ÔÀÌ¼Ç */
.faq-tabs-container {
    margin-bottom: 60px;
}


.faq-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* PC ±âÁØ 5¿­ 2ÁÙ */
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}


.faq-nav-item {
    background-color: #f8f9fa;
    border: 1px solid #eee;
    padding: 15px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #666;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* È£¹ö ½Ã ½ºÅ¸ÀÏ */
.faq-nav-item:hover {
    background-color: #f0ebf7;
    color: #472a75;
    border-color: #472a75;
}


/* È°¼ºÈ­ »óÅ (ºê·£µå Ä÷¯ Àû¿ë) */
.faq-nav-item.active {
    background-color: #472a75;
    color: #ffffff;
    border-color: #472a75;
    box-shadow: 0 4px 15px rgba(71, 42, 117, 0.2);
}


/* FAQ ¸®½ºÆ® ÆгΠ*/
.faq-pane {
    display: none; /* ±âº» ¼û±è */
}


.faq-pane.active {
    display: block; /* È°¼ºÈ­ ½Ã ³ëÃâ */
    animation: fadeIn 0.5s ease;
}


@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


.faq-list {
    max-width: 1000px;
    margin: 0 auto;
}


.faq-item {
    border-bottom: 1px solid #eee;
    padding: 30px 0;
}


.faq-item:last-child {
    border-bottom: none;
}


/* Áú¹® ½ºÅ¸ÀÏ */
.faq-q {
    font-size: 20px;
    font-weight: 800;
    color: #111;
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    line-height: 1.4;
    text-align: left;
}


.faq-q span {
    color: #472a75;
    margin-right: 12px;
}


/* ´äº¯ ½ºÅ¸ÀÏ */
.faq-a {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    padding-left: 45px; /* Q ¾ÆÀÌÄÜ °ø°£¸¸Å­ µé¿©¾²±â */
    text-align: justify;
    word-break: break-all;
}


/* ========================================================
   ¹ÝÀÀÇü ¸ð¹ÙÀÏ Á¶Àý
======================================================== */
@media (max-width: 991px) {
    .faq-nav {
        grid-template-columns: repeat(2, 1fr); /* ÅÂºí¸´/¸ð¹ÙÀÏ 2¿­ ¹èÄ¡ */
    }
}


@media (max-width: 767px) {
    .faq-section { padding: 60px 0 !important; }
    .faq-main-title { font-size: 28px; }
    .faq-sub-title { font-size: 16px; }
    
    .faq-tabs-container { margin-bottom: 40px; }
    
    .faq-nav-item {
        font-size: 14px;
        padding: 12px 5px;
    }


    .faq-q { font-size: 17px; }
    .faq-q span { margin-right: 8px; }
    .faq-a { 
        font-size: 15px; 
        padding-left: 0; 
        margin-top: 10px;
    }
}











/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.info-title { font-size: clamp(30px, 5vw, 55px); font-weight: 800; color: #fff; margin-bottom: 10px; }
.info-subtitle { font-size: 22px; color: #eee; margin-bottom: 20px; }
.info-desc { font-size: 18px; color: #ddd; word-break: keep-all; line-height: 1.7; }



/* ÅؽºÆ® ½ºÅ¸ÀÏ */
.info-title { font-size: clamp(30px, 5vw, 55px); font-weight: 800; color: #fff; margin-bottom: 10px; }
.info-subtitle { font-size: 22px; color: #eee; margin-bottom: 20px; }
.info-desc { font-size: 18px; color: #ddd; word-break: keep-all; line-height: 1.7; }