@charset "utf-8";
/* =====================================================
   K-TPDM »ç¾÷ ±¸Á¶µµ
   Prefix : ktpdm-map-
===================================================== */

.ktpdm-map-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0 35px;
    box-sizing: border-box;
}


/* =====================================================
   °øÅë ROW
===================================================== */

.ktpdm-map-row {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 24px;

    margin-bottom: 18px;

    box-sizing: border-box;
}


.ktpdm-map-label {
    position: relative;

    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    padding: 12px 10px 10px 18px;

    color: #4b4b4b;

    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;

    box-sizing: border-box;
}


/* ¿ÞÂÊ ¤¡ÀÚ Æ÷ÀÎÆ® */
.ktpdm-map-label::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 68px;
    height: 1px;

    background: #9d9d9d;
}


.ktpdm-map-label::after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 1px;
    height: 48px;

    background: #9d9d9d;
}


.ktpdm-map-content {
    min-width: 0;
}


/* =====================================================
   ºñÀü
===================================================== */

.ktpdm-map-vision-box {
    min-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px 25px;

    border: 1px solid #7ca2c8;
    border-radius: 7px;

    background: #fff;

    color: #07509a;

    font-size: 23px;
    line-height: 1.35;
    font-weight: 800;

    text-align: center;

    word-break: keep-all;

    box-sizing: border-box;
}


/* =====================================================
   ¿¬±¸¸ñÇ¥
===================================================== */

.ktpdm-map-goal-box {
    min-height: 90px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 16px 30px;

    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #021533 0%,
            #05458b 38%,
            #0755a6 100%
        );

    color: #fff;

    text-align: center;

    box-sizing: border-box;
}


.ktpdm-map-goal-box strong {
    font-size: 23px;
    line-height: 1.4;
    font-weight: 800;

    word-break: keep-all;
}


/* =====================================================
   ±¸¼º
===================================================== */

.ktpdm-map-org-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        minmax(0, 1fr)
        46px
        minmax(320px, 1.45fr);

    gap: 12px;

    align-items: center;
}


/* ±â°ü ¹Ú½º */
.ktpdm-map-org-card {
    min-height: 88px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 14px 18px;

    background: #fff;

    border: 1px solid #d8dde2;
    border-left: 6px solid #2460a4;
    border-radius: 7px;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.ktpdm-map-org-main {
    border-left-color: #4773eb;
}


/* ±â°ü ÅؽºÆ® */
.ktpdm-map-org-text {
    flex: 1;
    min-width: 0;
}


.ktpdm-map-org-text span {
    display: block;

    margin-bottom: 5px;

    color: #2866a8;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}


.ktpdm-map-org-text strong {
    display: block;

    color: #262626;

    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;

    word-break: keep-all;
}


/* ´ëÇб³ ·Î°í */
.ktpdm-map-org-logo {
    flex: 0 0 62px;

    width: 62px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


.ktpdm-map-org-logo img {
    display: block;

    max-width: 100%;
    max-height: 52px;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* =====================================================
   + Ç¥½Ã
===================================================== */

.ktpdm-map-org-plus {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
}


.ktpdm-map-org-plus span {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #7b8085;

    border-radius: 50%;

    color: #fff;

    font-size: 27px;
    line-height: 1;
    font-weight: 500;

    box-sizing: border-box;
}


/* =====================================================
   °ø¸ð°úÁ¦
===================================================== */

.ktpdm-map-projects {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 7px;
}


.ktpdm-map-projects span {
    min-height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 6px;

    background: #fafafa;

    border: 1px solid #d7d7d7;
    border-radius: 6px;

    color: #666;

    font-size: 13px;
    line-height: 1.3;

    text-align: center;

    word-break: keep-all;

    box-sizing: border-box;
}


/* =====================================================
   ÀÓ¹«
===================================================== */

.ktpdm-map-mission {
    margin-top: 30px;
}


.ktpdm-map-mission-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px;

    align-items: stretch;
}


/* ÀÓ¹« Ä«µå */
.ktpdm-map-mission-card {
    min-width: 0;

    padding: 0 12px 14px;

    border: 1px solid var(--ktpdm-border);
    border-radius: 9px;

    background: var(--ktpdm-soft);

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


/* Ä«µå »ó´Ü ŸÀÌƲ */
.ktpdm-map-mission-card > h3 {
    margin: -1px -13px 14px;

    padding: 10px 12px;

    border-radius: 8px 8px 0 0;
    border-top: 6px solid var(--ktpdm-color);

    background: transparent;

    color: var(--ktpdm-color);

    font-size: 18px;
    line-height: 1.35;
    font-weight: 800;

    text-align: center;

    box-sizing: border-box;
}


/* =====================================================
   ¼¼ºÎ ÆгÎ
===================================================== */

.ktpdm-map-panel {
    margin-bottom: 12px;

    overflow: hidden;

    background: #fff;

    border: 1px solid var(--ktpdm-border);
    border-radius: 7px;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.ktpdm-map-panel:last-child {
    margin-bottom: 0;
}


.ktpdm-map-panel h4 {
    margin: 0;

    padding: 8px 10px;

    background: var(--ktpdm-color);

    color: #fff;

    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;

    text-align: center;
}


/* =====================================================
   ÇÏ´Ü LIST
===================================================== */

.ktpdm-map-panel ul {
    margin: 0;
    padding: 13px 16px;

    list-style: none;
}


.ktpdm-map-panel li {
    position: relative;

    margin-bottom: 7px;

    padding-left: 15px;

    color: #333;

    font-size: 13px;
    line-height: 1.5;

    word-break: keep-all;

    box-sizing: border-box;
}


.ktpdm-map-panel li:last-child {
    margin-bottom: 0;
}


/* Ä÷¯ ±¸ºÐÁ¡ */
.ktpdm-map-panel li::before {
    content: "";

    position: absolute;

    top: 0.72em;
    left: 1px;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: var(--ktpdm-color);

    transform: translateY(-50%);
}


/* =====================================================
   °øµ¿¿¬±¸ ³»ºÎ 3¿­
===================================================== */

.ktpdm-map-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}


.ktpdm-map-mini-grid span {
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 8px 5px;

    border-right: 1px solid #e5e5e5;

    color: #333;

    font-size: 12px;
    line-height: 1.4;

    text-align: center;

    word-break: keep-all;

    box-sizing: border-box;
}


.ktpdm-map-mini-grid span:last-child {
    border-right: 0;
}


/* =====================================================
   Ä÷¯
===================================================== */

/* °øµ¿¿¬±¸ */
.ktpdm-map-green {
    --ktpdm-color: #1eb89e;
    --ktpdm-border: #bfe6df;
    --ktpdm-soft: #f2fbf9;
}


/* °ø¸ð°úÁ¦ */
.ktpdm-map-cyan {
    --ktpdm-color: #3298d0;
    --ktpdm-border: #c5e1ef;
    --ktpdm-soft: #f3f9fc;
}


/* ¼­ºñ½º ¿î¿µ */
.ktpdm-map-blue {
    --ktpdm-color: #3f65ea;
    --ktpdm-border: #c9d3f6;
    --ktpdm-soft: #f4f6fd;
}


/* »êÇп¬º´ Çù·Â ³×Æ®¿öÅ© */
.ktpdm-map-purple {
    --ktpdm-color: #7324e7;
    --ktpdm-border: #decdf7;
    --ktpdm-soft: #faf6fe;
}


/* =====================================================
   ¼º°ú
===================================================== */

.ktpdm-map-result {
    margin-top: 30px;
}


.ktpdm-map-result-box {
    min-height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px 25px;

    border: 1px solid #9db4d2;
    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #f7fbff 0%,
            #eef4fc 55%,
            #f8fbff 100%
        );

    color: #333;

    font-size: 23px;
    line-height: 1.4;
    font-weight: 800;

    text-align: center;

    word-break: keep-all;

    box-sizing: border-box;
}


/* =====================================================
   HOVER
===================================================== */

.ktpdm-map-org-card:hover {
    border-color: #aac1d8;

    box-shadow:
        0 6px 18px rgba(30, 55, 85, 0.08);
}


.ktpdm-map-mission-card:hover {
    box-shadow:
        0 8px 24px rgba(30, 55, 85, 0.07);
}


.ktpdm-map-panel:hover {
    box-shadow:
        0 4px 12px rgba(30, 55, 85, 0.05);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1100px) {

    .ktpdm-map-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }


    .ktpdm-map-row {
        grid-template-columns: 85px minmax(0, 1fr);

        gap: 18px;
    }


    .ktpdm-map-label {
        font-size: 16px;
    }


    /* ±¸¼º */
    .ktpdm-map-org-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 12px;
    }


    /* + ¾Æ·¡ ÇÑ ÁÙ */
    .ktpdm-map-org-plus {
        grid-column: 1 / -1;

        height: 30px;
    }


    .ktpdm-map-org-plus span {
        width: 28px;
        height: 28px;

        font-size: 22px;
    }


    /* °ø¸ð°úÁ¦ */
    .ktpdm-map-projects {
        grid-column: 1 / -1;

        grid-template-columns: repeat(4, 1fr);
    }


    /* ÀÓ¹« */
    .ktpdm-map-mission-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 20px;
    }


    .ktpdm-map-vision-box,
    .ktpdm-map-goal-box strong,
    .ktpdm-map-result-box {
        font-size: 20px;
    }


    /* ·Î°í */
    .ktpdm-map-org-logo {
        flex-basis: 56px;

        width: 56px;
        height: 54px;
    }


    .ktpdm-map-org-logo img {
        max-height: 48px;
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 700px) {

    .ktpdm-map-wrap {
        padding:
            15px
            16px
            25px;
    }


    /* °øÅë ROW */
    .ktpdm-map-row {
        display: block;

        margin-bottom: 28px;
    }


    .ktpdm-map-label {
        margin-bottom: 10px;

        padding:
            9px
            0
            8px
            15px;

        font-size: 17px;
    }


    .ktpdm-map-label::before {
        width: 50px;
    }


    .ktpdm-map-label::after {
        height: 34px;
    }


    /* ºñÀü */
    .ktpdm-map-vision-box {
        min-height: 0;

        padding: 14px 16px;

        font-size: 17px;
        line-height: 1.55;
    }


    /* ¿¬±¸¸ñÇ¥ */
    .ktpdm-map-goal-box {
        min-height: 0;

        padding: 16px;
    }


    .ktpdm-map-goal-box strong {
        font-size: 17px;
        line-height: 1.55;
    }


    /* ±¸¼º */
    .ktpdm-map-org-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .ktpdm-map-org-card {
        min-height: 76px;

        padding: 12px 15px;
    }


    .ktpdm-map-org-text strong {
        font-size: 18px;
    }


    /* ·Î°í */
    .ktpdm-map-org-logo {
        flex-basis: 54px;

        width: 54px;
        height: 50px;
    }


    .ktpdm-map-org-logo img {
        max-height: 44px;
    }


    /* + */
    .ktpdm-map-org-plus {
        grid-column: auto;

        height: 30px;
    }


    .ktpdm-map-org-plus span {
        width: 27px;
        height: 27px;

        font-size: 21px;
    }


    /* °ø¸ð°úÁ¦ */
    .ktpdm-map-projects {
        grid-column: auto;

        grid-template-columns: repeat(2, 1fr);

        margin-top: 2px;
    }


    /* ÀÓ¹« */
    .ktpdm-map-mission {
        margin-top: 0;
    }


    .ktpdm-map-mission-grid {
        grid-template-columns: 1fr;

        gap: 18px;
    }


    .ktpdm-map-mission-card > h3 {
        font-size: 17px;
    }


    .ktpdm-map-panel h4 {
        font-size: 14px;
    }


    .ktpdm-map-panel li {
        font-size: 13px;
    }


    /* °øµ¿¿¬±¸ ³»ºÎ */
    .ktpdm-map-mini-grid {
        grid-template-columns: 1fr;
    }


    .ktpdm-map-mini-grid span {
        min-height: 42px;

        border-right: 0;
        border-bottom: 1px solid #e5e5e5;
    }


    .ktpdm-map-mini-grid span:last-child {
        border-bottom: 0;
    }


    /* ¼º°ú */
    .ktpdm-map-result {
        margin-top: 0;
    }


    .ktpdm-map-result-box {
        min-height: 0;

        padding: 15px 16px;

        font-size: 17px;
        line-height: 1.55;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .ktpdm-map-wrap {
        padding-left: 12px;
        padding-right: 12px;
    }


    .ktpdm-map-org-card {
        min-height: 72px;

        padding: 11px 13px;
    }


    .ktpdm-map-org-text span {
        font-size: 12px;
    }


    .ktpdm-map-org-text strong {
        font-size: 17px;
    }


    .ktpdm-map-org-logo {
        flex-basis: 48px;

        width: 48px;
        height: 46px;
    }


    .ktpdm-map-org-logo img {
        max-height: 41px;
    }


    .ktpdm-map-projects {
        grid-template-columns: repeat(2, 1fr);
    }


    .ktpdm-map-projects span {
        min-height: 34px;

        padding: 5px;

        font-size: 12px;
    }


    .ktpdm-map-panel ul {
        padding:
            12px
            14px;
    }


    .ktpdm-map-panel li {
        padding-left: 14px;

        font-size: 12px;
        line-height: 1.55;
    }


    .ktpdm-map-panel li::before {
        left: 0;

        width: 4px;
        height: 4px;
    }

}














/* =====================================================
   K-TPDM Á¶Á÷µµ
   Prefix : ktpdm-orgchart-
===================================================== */

.ktpdm-orgchart-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;

    padding: 35px 0 45px;

    color: #333;

    box-sizing: border-box;
}


/* =====================================================
   °øÅë BOX
===================================================== */

.ktpdm-orgchart-box {
    position: absolute;
    z-index: 10;

    width: 230px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 8px 18px;

    border-radius: 5px;

    color: #fff;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;

    text-align: center;

    box-sizing: border-box;
}


/* =====================================================
   »ó´Ü Àüü ¿µ¿ª
===================================================== */

.ktpdm-orgchart-top-area {
    position: relative;

    width: 100%;
    height: 310px;
}


/* =====================================================
   »êÇÐÇù·Â´ÜÀå
===================================================== */

.ktpdm-orgchart-head {
    top: 0;
    left: 50%;

    transform: translateX(-50%);

    background:
        linear-gradient(
            180deg,
            #f4a263 0%,
            #dd6815 100%
        );
}


/* =====================================================
   K-TPDM »ç¾÷´ÜÀå
===================================================== */

.ktpdm-orgchart-director {
    top: 75px;
    left: 50%;

    transform: translateX(-50%);

    background: #f39800;
}


/* =====================================================
   ºÎ´ÜÀå
===================================================== */

.ktpdm-orgchart-deputy {
    top: 150px;
    left: 50%;

    transform: translateX(-50%);

    background: #aaa39d;

    width: 230px;
    height: 50px;
}


/* =====================================================
   °øÅë ¶óÀÎ
===================================================== */

.ktpdm-orgchart-line {
    position: absolute;
    z-index: 1;

    display: block;

    background: #b6c0c9;

    pointer-events: none;
}


/* =====================================================
   »êÇÐÇù·Â´ÜÀå ¡æ »ç¾÷´ÜÀå
===================================================== */

.ktpdm-orgchart-line-head {
    top: 50px;
    left: 50%;

    width: 1px;
    height: 25px;
}


/* =====================================================
   »ç¾÷´ÜÀå ¡æ ºÎ´ÜÀå
===================================================== */

.ktpdm-orgchart-line-director {
    top: 125px;
    left: 50%;

    width: 1px;
    height: 25px;
}


/* =====================================================
   À§¿øȸ
===================================================== */

.ktpdm-orgchart-committee {
    position: absolute;
    z-index: 10;

    top: 82px;
    left: calc(50% + 175px);

    width: 230px;

    display: flex;
    flex-direction: column;

    gap: 7px;
}


.ktpdm-orgchart-committee-box {
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 6px 10px;

    background: #797d81;

    border-radius: 5px;

    color: #fff;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;

    text-align: center;

    box-sizing: border-box;
}


/* =====================================================
   Áß¾Ó¼± ¡æ À§¿øȸ
===================================================== */

/* Áß¾Ó¿¡¼­ ¿À¸¥ÂÊÀ¸·Î */
.ktpdm-orgchart-line-committee-h {
    top: 125px;
    left: 50%;

    width: 158px;
    height: 1px;
}


/* À§¿øȸ ÁÂÃø ¼¼·ÎÃà */
.ktpdm-orgchart-line-committee-v {
    top: 101px;
    left: calc(50% + 157px);

    width: 1px;
    height: 94px;
}


/* °¢°¢ÀÇ À§¿øȸ */
.ktpdm-orgchart-line-committee-1 {
    top: 101px;
    left: calc(50% + 157px);

    width: 18px;
    height: 1px;
}


.ktpdm-orgchart-line-committee-2 {
    top: 146px;
    left: calc(50% + 157px);

    width: 18px;
    height: 1px;
}


.ktpdm-orgchart-line-committee-3 {
    top: 191px;
    left: calc(50% + 157px);

    width: 18px;
    height: 1px;
}


/* =====================================================
   ºÎ´ÜÀå ¡æ ÁÂ¿ì ¼¾ÅÍ
===================================================== */

/* ºÎ´ÜÀå ¾Æ·¡ */
.ktpdm-orgchart-line-deputy-down {
    top: 200px;
    left: 50%;

    width: 1px;
    height: 60px;
}


/* ÁÂ¿ì ºÐ±â ¼öÆò¼± */
.ktpdm-orgchart-line-center-horizontal {
    top: 260px;

    left: 25%;
    right: 25%;

    width: auto;
    height: 1px;
}


/* ÁÂÃø ¼¾ÅÍ·Î ³»·Á°¡´Â ¼± */
.ktpdm-orgchart-line-center-left {
    top: 260px;
    left: 25%;

    width: 1px;
    height: 50px;
}


/* ¿ìÃø ¼¾ÅÍ·Î ³»·Á°¡´Â ¼± */
.ktpdm-orgchart-line-center-right {
    top: 260px;
    right: 25%;

    width: 1px;
    height: 50px;
}


/* =====================================================
   ¼¾ÅÍ ¿µ¿ª
===================================================== */

.ktpdm-orgchart-center-area {
    position: relative;

    width: 100%;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: start;

    margin-top: 0;

    padding: 0 8%;

    box-sizing: border-box;
}


/* ¼¾ÅÍ ¹Ú½º */
.ktpdm-orgchart-center-card {
    position: relative;
    z-index: 5;

    width: 320px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 8px 16px;

    background: #2b536f;

    border-radius: 5px;

    color: #fff;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;

    text-align: center;

    box-sizing: border-box;
}


/* ÁÂÃø ¼¾ÅÍ */
.ktpdm-orgchart-center-card-left {
    justify-self: start;
}


/* ¿ìÃø ¼¾ÅÍ */
.ktpdm-orgchart-center-card-right {
    justify-self: end;
}


/* =====================================================
   ¼¾ÅÍ ¡æ ¿¬±¸¼öÇà±â°ü
   »ó´Ü ºÐ±â¼±°ú XÃà ÀÏÄ¡
===================================================== */

.ktpdm-orgchart-to-research {
    position: absolute;
    z-index: 1;

    top: 50px;

    width: 1px;
    height: 70px;

    background: #b6c0c9;
}


/*
   ±âȹÆò°¡¼¾ÅÍ ¾Æ·¡ ¶óÀÎ
   »ó´Ü ÁÂÃø ºÐ±â¼±°ú Á¤È®È÷ ÀÏÄ¡
*/
.ktpdm-orgchart-to-research-left {
    left: 25%;
}


/*
   »ç¾÷¿î¿µÁö¿ø¼¾ÅÍ ¾Æ·¡ ¶óÀÎ
   »ó´Ü ¿ìÃø ºÐ±â¼±°ú Á¤È®È÷ ÀÏÄ¡
*/
.ktpdm-orgchart-to-research-right {
    right: 25%;
}


/* ¾Æ·¡ È­»ìÃË */
.ktpdm-orgchart-to-research::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -1px;

    width: 7px;
    height: 7px;

    border-right: 1px solid #9da8b2;
    border-bottom: 1px solid #9da8b2;

    transform:
        translateX(-50%)
        rotate(45deg);
}


/* =====================================================
   K-TPDM ¿¬±¸¼öÇà±â°ü
===================================================== */

.ktpdm-orgchart-research {
    position: relative;
    z-index: 5;

    width: 58%;

    margin: 68px auto 0;

    padding:
        0
        16px
        16px;

    background:
        linear-gradient(
            180deg,
            #edf4fc 0%,
            #f8fbff 100%
        );

    border: 1px solid #b7cce4;

    border-radius: 5px;

    box-sizing: border-box;
}


/* ¿¬±¸¼öÇà±â°ü ŸÀÌƲ */
.ktpdm-orgchart-research > .ktpdm-orgchart-section-title {
    margin:
        0
        -16px
        14px;

    padding: 11px 15px;

    background: #356cba;

    border-radius: 5px 5px 0 0;

    color: #fff;
}


/* °øÅë ¼½¼Ç ŸÀÌƲ */
.ktpdm-orgchart-section-title {
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;

    text-align: center;

    box-sizing: border-box;
}


/* =====================================================
   ´ëÇÐ
===================================================== */

.ktpdm-orgchart-univ-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 10px;
}


.ktpdm-orgchart-univ {
    min-height: 74px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 10px;

    background: #fff;

    border: 1px solid #d6e0eb;

    border-radius: 5px;

    box-sizing: border-box;
}


.ktpdm-orgchart-univ strong {
    margin-bottom: 4px;

    color: #2863b2;

    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}


.ktpdm-orgchart-univ span {
    color: #444;

    font-size: 13px;
    line-height: 1.3;
}


/* =====================================================
   Çг»Áö¿ø±â°ü
===================================================== */

.ktpdm-orgchart-support {
    position: relative;

    width: 94%;

    margin: 78px auto 0;

    padding:
        34px
        16px
        16px;

    background: #fff;

    border: 1px solid #c7ccd1;

    border-radius: 5px;

    box-sizing: border-box;
}


/* ¿¬±¸¼öÇà±â°ü ¡æ Çг»Áö¿ø±â°ü */
.ktpdm-orgchart-support::before {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 100%;

    width: 1px;
    height: 78px;

    background: #b6c0c9;
}


/* ¾Æ·¡ È­»ìÃË */
.ktpdm-orgchart-support::after {
    content: "";

    position: absolute;

    top: -10px;
    left: 50%;

    width: 7px;
    height: 7px;

    border-right: 1px solid #9da8b2;
    border-bottom: 1px solid #9da8b2;

    transform:
        translateX(-50%)
        rotate(45deg);
}


/* Çг»Áö¿ø±â°ü ŸÀÌƲ */
.ktpdm-orgchart-support-title {
    position: absolute;
    z-index: 5;

    left: 50%;
    bottom: 100%;

    width: 230px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translateX(-50%);

    background: #294c69;

    border-radius: 5px;

    color: #fff;

    font-size: 17px;
}


/* =====================================================
   Çг»Áö¿ø±â°ü Ä«µå
===================================================== */

.ktpdm-orgchart-support-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 12px;
}


.ktpdm-orgchart-support-card {
    overflow: hidden;

    background: #fff;

    border: 1px solid #ccd1d5;

    border-radius: 5px;

    box-sizing: border-box;
}


.ktpdm-orgchart-support-card h4 {
    margin: 0;

    padding: 9px 10px;

    background: #294c69;

    color: #fff;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;

    text-align: center;
}


.ktpdm-orgchart-support-blue h4 {
    background: #30168c;
}


.ktpdm-orgchart-support-purple h4 {
    background: #290583;
}


.ktpdm-orgchart-support-card ul {
    margin: 0;

    padding:
        12px
        12px
        12px
        29px;
}


.ktpdm-orgchart-support-card li {
    margin-bottom: 5px;

    color: #333;

    font-size: 13px;
    line-height: 1.45;

    word-break: keep-all;
}


.ktpdm-orgchart-support-card li:last-child {
    margin-bottom: 0;
}


/* =====================================================
   HOVER
===================================================== */

.ktpdm-orgchart-center-card,
.ktpdm-orgchart-univ,
.ktpdm-orgchart-support-card,
.ktpdm-orgchart-committee-box {
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


.ktpdm-orgchart-univ:hover,
.ktpdm-orgchart-support-card:hover {
    box-shadow:
        0 6px 18px rgba(30, 50, 70, 0.08);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1050px) {

    .ktpdm-orgchart-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }


    /* À§¿øȸ */
    .ktpdm-orgchart-committee {
        left: calc(50% + 145px);

        width: 210px;
    }


    .ktpdm-orgchart-line-committee-h {
        width: 128px;
    }


    .ktpdm-orgchart-line-committee-v,
    .ktpdm-orgchart-line-committee-1,
    .ktpdm-orgchart-line-committee-2,
    .ktpdm-orgchart-line-committee-3 {
        left: calc(50% + 127px);
    }


    /* ¼¾ÅÍ */
    .ktpdm-orgchart-center-area {
        padding-left: 4%;
        padding-right: 4%;
    }


    .ktpdm-orgchart-center-card {
        width: 280px;
    }


    /*
       ÅÂºí¸´¿¡¼­µµ »ó´Ü ºÐ±â¼±°ú µ¿ÀÏ Ãà
    */
    .ktpdm-orgchart-to-research-left {
        left: 25%;
    }


    .ktpdm-orgchart-to-research-right {
        right: 25%;
    }


    /* ¿¬±¸±â°ü */
    .ktpdm-orgchart-research {
        width: 72%;
    }


    /* Áö¿ø±â°ü */
    .ktpdm-orgchart-support-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 700px) {

    .ktpdm-orgchart-wrap {
        padding:
            20px
            16px
            30px;
    }


    /* PC ¿¬°á¼± Á¦°Å */
    .ktpdm-orgchart-line,
    .ktpdm-orgchart-to-research {
        display: none;
    }


    /* »ó´Ü */
    .ktpdm-orgchart-top-area {
        height: auto;

        display: flex;
        flex-direction: column;
        align-items: center;

        gap: 22px;
    }


    .ktpdm-orgchart-box {
        position: relative;

        top: auto;
        left: auto;

        width: 100%;
        max-width: 360px;

        height: 46px;

        transform: none;

        font-size: 15px;
    }


    /* ¸ð¹ÙÀÏ ´Ü°è È­»ìÇ¥ */
    .ktpdm-orgchart-head::after,
    .ktpdm-orgchart-director::after,
    .ktpdm-orgchart-deputy::after {
        content: "";

        position: absolute;

        left: 50%;
        bottom: -17px;

        width: 7px;
        height: 7px;

        border-right: 1px solid #aab3bb;
        border-bottom: 1px solid #aab3bb;

        transform:
            translateX(-50%)
            rotate(45deg);
    }


    /* À§¿øȸ */
    .ktpdm-orgchart-committee {
        position: relative;

        top: auto;
        left: auto;

        width: 100%;
        max-width: 360px;

        margin: 0;
    }


    /* ¼¾ÅÍ */
    .ktpdm-orgchart-center-area {
        display: grid;
        grid-template-columns: 1fr;

        gap: 12px;

        width: 100%;
        max-width: 430px;

        margin: 30px auto 0;

        padding: 0;
    }


    .ktpdm-orgchart-center-card {
        width: 100%;
        height: 46px;

        justify-self: stretch;

        font-size: 14px;
    }


    /* ¿¬±¸¼öÇà±â°ü */
    .ktpdm-orgchart-research {
        width: 100%;

        margin-top: 30px;

        padding:
            0
            12px
            12px;
    }


    .ktpdm-orgchart-research > .ktpdm-orgchart-section-title {
        margin:
            0
            -12px
            12px;

        font-size: 16px;
    }


    .ktpdm-orgchart-univ-grid {
        grid-template-columns: 1fr;

        gap: 8px;
    }


    .ktpdm-orgchart-univ {
        min-height: 62px;
    }


    .ktpdm-orgchart-univ strong {
        font-size: 16px;
    }


    /* Çг»Áö¿ø */
    .ktpdm-orgchart-support {
        width: 100%;

        margin-top: 68px;

        padding:
            30px
            12px
            12px;
    }


    .ktpdm-orgchart-support::before {
        height: 68px;
    }


    .ktpdm-orgchart-support-title {
        width: 210px;
        height: 42px;

        font-size: 15px;
    }


    .ktpdm-orgchart-support-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .ktpdm-orgchart-wrap {
        padding-left: 12px;
        padding-right: 12px;
    }


    .ktpdm-orgchart-box {
        font-size: 14px;
    }


    .ktpdm-orgchart-committee-box {
        height: 36px;

        font-size: 13px;
    }


    .ktpdm-orgchart-univ strong {
        font-size: 15px;
    }


    .ktpdm-orgchart-support-card ul {
        padding:
            11px
            11px
            11px
            27px;
    }

}