@charset "euc-kr";

/* ========================================================== */
/* °¡ÀÌµå ±âº» ½ºÅ¸ÀÏ - nonum-guide-page Àû¿ë »À´ë */
/* ========================================================== */


/* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
.nonum-guide-page {
    display: flex; /* ÀÚ½Ä ¿ä¼ÒµéÀ» °¡·Î·Î ³ª¿­ */
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0;
    gap: 30px; /* »çÀÌµå ¸Þ´º¿Í ¸ÞÀÎ ÄÜÅÙÃ÷ »çÀÌÀÇ °£°Ý */
}

/* ÆäÀÌÁö Çì´õ */
.page-intro-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    border-bottom: 2px solid #333;
}

.page-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #212529;
    margin: 0;
}

.page-subtitle {
    font-size: 13px;
    margin-left: 25px;
}


/* ºê·¹µåÅ©·³ */
.breadcrumb-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
    color: #adb5bd;
}

.breadcrumb-list li i {
    font-size: 0.7rem;
    margin: 0 8px;
}

.breadcrumb-list a {
    color: #adb5bd;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-list a:hover {
    color: #495057;
}

.breadcrumb-list .current {
    font-weight: 500;
    color: #495057;
}

/* ¸ÞÀÎ ÄÜÅÙÃ÷ ±¸Á¶ (Flexbox) */
.content-main-wrapper {
    flex-grow: 1; /* ³²Àº °ø°£À» ¸ðµÎ Â÷ÁöÇÏµµ·Ï È®Àå */
    display: flex;
    flex-direction: column; /* Çì´õ¿Í º»¹®ÀÌ ¼¼·Î·Î ³ª¿­µÇµµ·Ï ¼³Á¤ */
    gap: 20px; /* Çì´õ¿Í º»¹® »çÀÌÀÇ °£°Ý */
}

@media (max-width: 992px) {
    .content-main-wrapper {
        flex-direction: column; /* 992px ÀÌÇÏ¿¡¼­´Â ¼¼·Î·Î º¯°æ */
        gap: 20px;
    }
        .content-main-wrapper {
        gap: 20px;
    }
}

/* ========================================================== */
/* »çÀÌµå ¸Þ´º (Side Menu) ½ºÅ¸ÀÏ - sub-nav-wrapper¿¡ Àû¿ë */
/* ========================================================== */
.sub-nav-wrapper {
    flex-shrink: 0;
    width: 180px;
}

.sub-nav-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    border: 1px solid #e1e1e1;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

.sub-nav-item:last-child {
    border-bottom: none;
}

.sub-nav-item a {
    display: block;
    padding: 15px 0 0 0;
    text-decoration: none;
    color: #555;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s;
    text-align: left;
    margin: 0 auto;
}

.sub-nav-item.faq a {
    font-size: 21px !important;
    color: #333;
    font-weight: bold !important;
    padding-bottom: 30px;
}

.sub-nav-item.faq:hover a {
    color: #00c7b3 !important;
}

.side-menu-wrap {
    width: 100px;
    margin: 0 auto;
    flex: 1;
    padding: 30px 0;
}

.nav-title {
    text-align: left;
    font-size: 21px;
    color: #333;
    font-weight: bold;
}

.sub-nav-item.active a {
    color: #00c7b3;
}

.sub-nav-item:not(.active):hover a {
    color: #00c7b3;
}

.tab-menu {
    display: none;
}

/* ¼­ºñ½º ¼Ò°³ ¼½¼Ç */
.service-intro-section {
  text-align: left;
  padding: 0 0 50px 0;
}

.intro-main-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #212529;
  line-height: 1.4;
  margin-bottom: 15px;
}

.highlight-text {
  color: #00C6AC;
}

.intro-subtitle {
  font-size: 1.8rem;
  color: #9C9C9C;
  line-height: 1.6;
  font-weight: 500;
}

/* »õ·Î Ãß°¡µÈ »ç¿ë¹ý ¼½¼Ç */
.how-to-use-section {
    padding: 0 0 50px 0;
}

.step-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.step-card {
    flex: 1;
    text-align: center;
    /* flexbox ¼Ó¼º Ãß°¡ */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.step-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 10px;
}

.step-subtitle {
    font-size: 1.9rem;
    font-weight: 700;
    color: #343a40;
    margin-bottom: 20px;
}

.step-description {
    font-size: 1.4rem;
    color: #6c757d;
    line-height: 1.9;
    /* min-height Á¦°Å */
    /* margin-bottomµµ Á¦°Å */
    margin-bottom: 20px;
    /* flex-grow ¼Ó¼º Ãß°¡ */
    flex-grow: 1;
}

.btn-step {
    width: 200px;
    display: inline-flex;
    margin: 20px auto;
    justify-content: center;
    padding: 15px 10px;
    background-color: #00C6AC;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.btn-step:hover {
    background-color: #00A490;
}

.btn-step .fas {
    margin-right: 8px;
    margin-top: 3px;
}

.orange-text {
    color: #FF7F00;
    font-weight: bold;
}

/* ¸ð¹ÙÀÏ ¹ÝÀÀÇü */
@media (max-width: 768px) {
    .step-container {
        flex-direction: column;
        gap: 40px;
    }
}

/* ¸ÞÀÎ ÄÜÅÙÃ÷ */
.main-content-section {
    flex-grow: 1;
    margin: 0 25px;
}

.section-title {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
}

/* ÇÏÀÌ¶óÀÌÆ® Ä«µå (Flexbox) */
.service-highlight-section {
    display: flex;
    justify-content: center; /* Ä«µåµéÀ» °¡·Î Áß¾Ó¿¡ Á¤·Ä */
    gap: 20px;
    margin-bottom: 50px;
    text-align: center;
}

@media (max-width: 768px) {
    .service-highlight-section {
        flex-direction: column;
    }
}

.highlight-card {
    flex: 1;
    height: 195px;
    padding: 30px;
    background-color: #f8f9fa;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;

    /* ÀÌ ºÎºÐÀÌ Ãß°¡/¼öÁ¤µÇ¾ú½À´Ï´Ù. */
    display: flex; /* ³»ºÎ ¿ä¼Ò¸¦ Á¤·ÄÇÏ±â À§ÇØ Flexbox ÄÁÅ×ÀÌ³Ê·Î ¼³Á¤ */
    flex-direction: column; /* ¾ÆÀÌÄÜ°ú ÅØ½ºÆ®¸¦ ¼¼·Î·Î ½×À½ */
    justify-content: center; /* ¼¼·Î ¹æÇâÀ¸·Î Áß¾Ó Á¤·Ä */
    align-items: center;     /* °¡·Î ¹æÇâÀ¸·Î Áß¾Ó Á¤·Ä */
}

.highlight-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.highlight-icon {
    font-size: 3rem;
    color: #00C6AC;
    margin-bottom: 15px;
}

.card-title {
    font-size: 2rem;
    font-weight: bold;
    color: #343a40;
    margin: 0 0 10px;
}

.card-description {
    font-size: 1.4rem;
    color: #555555;
}
/* ¿¬¶ôÃ³ ¼½¼Ç */
.contact-info-section {
    margin-bottom: 50px;
}

.contact-card {
    background-color: #f8f9fa;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
}

.contact-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #343a40;
/*    margin: 0 0 20px;*/
}

.contact-details {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-item .fas {
    font-size: 1.5rem;
    color: #00C6AC; /* »ö»ó º¯°æ */
    margin-bottom: 8px;
}

.contact-label {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 5px;
}

.contact-value {
    font-size: 1.2rem;
    font-weight: 700;
    color: #212529;
    text-decoration: none;
}

/* È¸¿ø°¡ÀÔ ¹öÆ° */
.action-section {
    text-align: center;
}

.btn-primary {
    display: inline-flex;
    align-items: center;
    padding: 18px 40px;
    background-color: #00C6AC; /* »ö»ó º¯°æ */
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary:hover {
    background-color: #00A490; /* hover »ö»ó º¯°æ */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.btn-primary .btn-icon {
    margin-right: 12px;
}

/* À¯ÀÇ»çÇ× °øÅë ·¹ÀÌ¾Æ¿ô */
.sub-page-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.sub-page-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.page-main-title {
    font-size: 30px;
    font-weight: bold;
    margin-left: 25px;
}

.breadcrumb-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 15px; /* ¼­ºê: 15px */
    color: #adb5bd;
}

.breadcrumb-list li i {
    font-size: 15px; /* ¼­ºê: 15px */
    margin: 0 8px;
}

.breadcrumb-list a {
    color: #adb5bd;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-list a:hover {
    color: #495057;
}

.breadcrumb-list .current {
    font-weight: 500;
    color: #495057;
/*    margin-right: 7px;*/
}


.tit-sub-wrap{
    display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #00C6AC;
    margin: 0 0 30px;
    gap: 20px;
}


.section-title {
    font-size: 25px; /* Å¸ÀÌÆ²: 25px */
    font-weight: 700;
    color: #212529;
}

.section-subtitle {
    font-size: 15px; /* ¼­ºê: 15px */
    color: #6c757d;
    margin-top: 10px;
}

.table-title2{
    font-size: 18px; /* Å¸ÀÌÆ²: 25px */
    font-weight: 700;
    color: #212529;
}

/* ÅÇ ¸Þ´º ½ºÅ¸ÀÏ */
.tab-menu-list {
    list-style: none;
    padding: 0;
/*    margin: 10px 0 0;*/
    display: flex;
    justify-content: flex-start;
/*    border-bottom: 2px solid #e9ecef;*/
    overflow-x: auto;
    white-space: nowrap;
}

.tab-menu-item {
    flex-shrink: 0;
    margin-right: 20px;
    padding: 0 0 10px 0;
    font-size: 18px; /* º»¹® ¹× ±âÅ¸: 18px */
    font-weight: 500;
    color: #868e96;
    cursor: pointer;
    transition: color 0.2s ease, border-bottom 0.2s ease;
    border-bottom: 3px solid transparent;
}

.tab-menu-item:hover {
    color: #495057;
}

.tab-menu-item.active {
    color: #212529;
    font-weight: 700;
    border-bottom: 3px solid #00C6AC;
}

/* ÅÇ ÄÁÅ×ÀÌ³Ê¿ÍÀÇ °£°Ý Á¶Á¤ */
.tab-container {
    padding-top: 30px;
}
    
/* ÅÇ ³»¿ë(tab-content) ±âº» ¼û±è Ã³¸® */
.tab-content {
    display: none;
}

/* È°¼ºÈ­µÈ ÅÇ ³»¿ë¸¸ º¸ÀÌ°Ô Ã³¸® */
.tab-content.active {
    display: block;
}

/* ÀÌ¹ÌÁö ÄÁÅ×ÀÌ³Ê ½ºÅ¸ÀÏ */
.tab-image-container {
    margin-bottom: 30px; /* ¾Æ·¡ÂÊ ¿©¹é Ãß°¡ */
}

.tab-image-container img {
    max-width: 100%; /* ÀÌ¹ÌÁö°¡ ºÎ¸ð ¿ä¼Ò ³Êºñ¸¦ ³ÑÁö ¾Êµµ·Ï ¼³Á¤ (¹ÝÀÀÇü) */
    height: auto; /* ÀÌ¹ÌÁö ºñÀ² À¯Áö */
    border-radius: 8px; /* ¸ð¼­¸®¸¦ µÕ±Û°Ô Ã³¸® (¼±ÅÃ »çÇ×) */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  ±×¸²ÀÚ È¿°ú Ãß°¡ (¼±ÅÃ »çÇ×) */
}

.accordion-item {
    border-bottom: 1px solid #e9ecef;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    font-size: 18px; /* º»¹® ¹× ±âÅ¸: 18px */
    font-weight: 700;
    color: #343a40;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.accordion-header:hover {
    background-color: #f8f9fa;
}

.accordion-header .fas {
    font-size: 18px; /* º»¹® ¹× ±âÅ¸: 18px */
    color: #00C6AC;
}

.accordion-header span {
    font-weight: 400;
    font-size: 19px; /* ¼­ºê: 15px */
    color: #212529;
    margin-left: 10px;
    font-weight: bold
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
/*    transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out;*/
    padding: 0 20px;
}

/*
.accordion-body p {
    opacity: 0; 
    transition: opacity 1s ease-in; 
}
*/

/*
.accordion-item.active .accordion-body p {
    opacity: 1;
    transition-delay: 0.2s; 
}
*/

.accordion-icon {
    transition: transform 0.3s ease;
}

.accordion-icon.rotate {
    transform: rotate(180deg);
}

/* ´Ù¸¥ ¾ÆÀÌÄÜµéÀº È¸Àü½ÃÅ°Áö ¾Êµµ·Ï ¼³Á¤ (¾ÈÀü¼º °­È­) */
.accordion-item .fas:not(.accordion-icon) {
    transform: none;
}

.accordion-item.active .accordion-body {
    max-height: 1000px;
    padding: 0px 20px 10px 20px;
}

.accordion-item.active .accordion-header {
    color: #00C6AC;
}

.g_accent {
    color: #FF7F00;
    font-size: 16px;
}

/* ³»¿ë ½ºÅ¸ÀÏ */
.note-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.note-list li {
/*    padding: 10px 0;*/
    font-size: 18px; /* º»¹® ¹× ±âÅ¸: 18px */
    color: #495057;
    line-height: 1.6;
    margin-bottom: 15px;
}

.note-list li p {
    margin: 5px 0 0 20px;
    font-size: 15px;
    color: #6c757d;
}

.c_or {
    color: #ff6b6b;
    font-weight: bold;
}

/* ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 768px) {
    .sub-page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-nav-list {
        flex-wrap: wrap;
        gap: 10px;
    }

    .sub-nav-item a {
        padding: 15px 10px;
    }


    .accordion-header {
        font-size: 16px; /* º»¹® ¹× ±âÅ¸: 16px */
    }
}

/* ========================================================== */
/* ÇÏÀÌ¶óÀÌÆ® ¹è³Ê µðÀÚÀÎ (°³¼±) */
/* ========================================================== */
.highlight-banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f9fa; /* ¹Ì¼¼ÇÑ È¸»ö ¹è°æ */
    border: 1px solid #e9ecef;
/*    border-radius: 12px;*/
    padding: 3rem; /* ¿©¹éÀ» ´õ ¿©À¯·Ó°Ô */
    margin: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* ºÎµå·¯¿î ±×¸²ÀÚ */
    transition: all 0.3s ease;
}

.highlight-banner:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); /* È£¹ö ½Ã ±×¸²ÀÚ °­Á¶ */
    transform: translateY(-4px); /* »ìÂ¦ ¶°¿À¸£´Â È¿°ú */
}

.banner-content-grid {
    flex-grow: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; /* ¿ä¼Ò °£ °£°Ý È®Àå */
}

.banner-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #212529;
    margin: 0;
    line-height: 1.2;
}

.banner-text {
    font-size: 1.6rem;
    color: #495057;
    line-height: 1.6;
}

.c_accent {
    color: #00C6AC; /* ½Ã±×´ÏÃ³ ÄÃ·¯ */
    font-weight: 600;
    font-size: 1.6rem;
}

.banner-image {
    display: block;
    width: 300px;
    height: auto;
    border-radius: 8px;
    object-fit: contain;
}

@media (max-width: 768px) {
    .highlight-banner {
        flex-direction: column;
        text-align: center;
        padding: 2rem 1rem;
    }
    .banner-image {
        max-width: 180px;
        margin-top: 2rem;
    }
}

/* ========================================================== */
/* Å×ÀÌºí ½ºÅ¸ÀÏ (°³¼± - ÅëÇÕµÈ ºñ°í ¼¿°ú °³º° Çà °æ°è °­Á¶) */
/* ========================================================== */
.content-table-wrapper {
/*    margin-top: 3rem;*/
    background-color: var(--card-bg-color);
/*    border: 1px solid #e9ecef;*/
/*    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);*/
    overflow: hidden;
}

.table-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #212529;
    padding: 2rem;
    border-bottom: 2px solid #333;
}

.table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* ¸ð¹ÙÀÏ ºÎµå·¯¿î ½ºÅ©·Ñ */
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table thead th {
/*    background-color: #f8f9fa;*/
    font-weight: 600;
    color: #495057;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
}

.data-table tbody td {
    color: #495057;
    padding: 1.25rem 1.5rem;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

/* ÅëÇÕµÈ ºñ°í ¼¿ÀÇ ³»¿ëÀ» °¡¿îµ¥ Á¤·ÄÇÏ°í ¿©¹é Á¶Á¤ */
.data-table tbody td[rowspan] {
    vertical-align: middle;
    text-align: center;
    line-height: 1.2;
    font-weight: 300;
    color: #343a40;
    padding: 2rem 1.5rem;
    border-left: 1px solid #dee2e6; /* ºñ°í ¼¿ ¿ÞÂÊ¿¡ °æ°è¼± Ãß°¡ */
    border-right: 1px solid #dee2e6; /* ºñ°í ¼¿ ¿À¸¥ÂÊ¿¡ °æ°è¼± Ãß°¡ */
}

/* °¢ ±×·ìÀÇ ¸¶Áö¸· Çà¿¡¸¸ ÇÏ´Ü °æ°è¼±À» ±½°Ô Àû¿ë */
.data-table tbody tr:nth-child(7) td,
.data-table tbody tr:nth-child(10) td,
.data-table tbody tr:last-child td {
    border-bottom: 2px solid #D1D3D5; /* °­Á¶¿ë ±½Àº ¼± */
}

/* ¸¶Áö¸· Çà¿¡´Â ¾Æ·¡ °æ°è¼± »èÁ¦ */
.data-table tbody tr:last-child td {
    border-bottom: none;
}


/* Æ¯º°ÇÑ Çà(row) ½ºÅ¸ÀÏ */
.data-table .highlight-row {
/*    background-color: #f0fdfc;*/
}



.data-table .highlight-row td {
    color: #212529;
    font-weight: 300;
}

/* ========================================================== */
/* Á¦Ç° ÅÇ ¸Þ´º ½ºÅ¸ÀÏ */
/* ========================================================== */
.product-tabs {
    display: flex;
    flex-wrap: wrap; /* Ç×¸ñÀÌ ¸¹¾ÆÁö¸é ¿©·¯ ÁÙ·Î ÀÚµ¿ Á¤·Ä */
    list-style: none;
/*    margin-bottom: 25px;*/
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e1e1e1; /* ÀüÃ¼ ÅÇ ÇÏ´Ü °æ°è¼± */
    width: 940px;
    gap:5px;
}

.product-tabs .tab-item {
    margin-right: 1.5rem; /* Ç×¸ñ °£ °¡·Î °£°Ý */
    margin-bottom: -2px; /* ÇÏ´Ü º¸´õ °ãÄ§ ¹æÁö */
}

.product-tabs .tab-item a {
    display: block;
    padding: 0.5rem 0rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #495057;
    text-decoration: none;
    transition: color 0.2s, border-bottom 0.2s;
    border-bottom: 2px solid transparent; /* ºñÈ°¼º ÅÇ ÇÏ´Ü º¸´õ */
}

/* È°¼º ÅÇ ½ºÅ¸ÀÏ */
.product-tabs .tab-item a.active {
    color: #00C6AC;
    font-weight: 700;
    border-bottom: 2px solid #00C6AC;
}

/* ÅÇ È£¹ö ¹× Æ÷Ä¿½º ½ºÅ¸ÀÏ */
.product-tabs .tab-item a:hover,
.product-tabs .tab-item a:focus {
    color: #00C6AC;
}

/* ¸¶Áö¸· Ç×¸ñÀÇ ¿ìÃø °£°Ý Á¦°Å */
.product-tabs .last-item {
    margin-right: 0;
}

.indent-two {
  display: inline-block;
  text-indent: 0.7em; /* ÆùÆ® »çÀÌÁîÀÇ 2¹è¸¸Å­ µé¿©¾²±â */
}

/* ========================================================== */
/* Å×ÀÌºí ½ºÅ¸ÀÏ (°³¼± - ¿©¹é°ú °£°Ý È®Àå, ¹Ì´Ï¸Ö¸®Áò µðÀÚÀÎ) */
/* ========================================================== */

/* 6¿­ Å×ÀÌºí¿¡ ¸Â°Ô °£°Ý Á¶Àý */
.release-table {
    width: 100%;
    min-width: 940px;
    border-collapse: separate; /* border-spacingÀ» »ç¿ëÇÏ±â À§ÇØ separate·Î º¯°æ */
    border-spacing: 0 0.5rem; /* Çà(row) »çÀÌ¿¡ ¾à°£ÀÇ ¼öÁ÷ °£°Ý Ãß°¡ */
    table-layout: fixed; /* ÀÌ ¼Ó¼º Ãß°¡ */
}

.release-table thead th {
    background-color: transparent;
    font-weight: 500;
    color: #212529;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 1.5rem 1.4rem;
    border-bottom: 1px solid #e1e1e1; /* ÀüÃ¼ ÅÇ ÇÏ´Ü °æ°è¼± */
    text-align: center;
}

.release-table tbody td {
    color: #495057;
    padding: 1.5rem 2rem; /* ¼¿ ÆÐµù È®Àå */
    font-size: 1.5rem;
    border: none; /* ¸ðµç ¼¿ÀÇ Å×µÎ¸® Á¦°Å */
    border-bottom: 1px solid #e1e1e1; /* ¼¿ ÇÏ´Ü¿¡¸¸ ¾ãÀº ¼±À¸·Î ±¸ºÐ */
    word-break: keep-all;
    background-color: #fff; /* ¼¿ ¹è°æ»ö Èò»öÀ¸·Î ÅëÀÏ */
    transition: background-color 0.2s;
    text-align: center;
}

/* ÅëÇÕµÈ ºñ°í ¼¿ ½ºÅ¸ÀÏ (´çÀÏ Ãâ°í °¡´É ºñ°í) */
.release-table tbody td.highlight-note {
    vertical-align: middle;
    text-align: center;
    line-height: 1.6;
    font-weight: 500;
    color: #212529;
    border: 2px solid #00C6AC; 
    background-color: #f0fdfc; 
}

/* rowspanÀÌ Àû¿ëµÈ ´Ù¸¥ ºñ°í ¼¿ ½ºÅ¸ÀÏ */
.release-table tbody td[rowspan]:not(.highlight-note) {
    color: #495057;
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    word-break: keep-all;
    background-color: #fff;
    transition: background-color 0.2s;
    text-align: center;
    font-weight: 400;
}

/* ¸¶Áö¸· ÇàÀÇ ÇÏ´Ü °æ°è¼± */
.release-table tbody tr:last-child td {
    border-bottom: none; /* ¸¶Áö¸· Çà ÇÏ´Ü ¼± Á¦°Å */
}

.red_txt{
    color:red;
}