.khmi-content{width:100%;max-width:1300px;box-sizing:border-box;padding-top:30px;padding-bottom:60px;color:#263244;line-height:1.65}
.khmi-content *{box-sizing:border-box}.khmi-content [hidden]{display:none!important}
.khmi-content a{color:inherit}.khmi-content button,.khmi-content input,.khmi-content select{font:inherit}
.khmi-content button,.khmi-content a,.khmi-content input,.khmi-content select{outline-offset:4px}
.khmi-content .kc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.khmi-content .kc-missions{display:flex;flex-wrap:wrap;border:1px solid #d9dde4;margin:0 0 35px}
.khmi-content .kc-missions a{padding:14px 12px;text-align:center;flex:1;min-width:110px;border-right:1px solid #d9dde4}
.khmi-content .kc-missions a[aria-current]{background:#3b407e;color:#fff}
.khmi-content .kc-intro{font-size:19px;max-width:800px;margin:20px auto 45px;text-align:center}
.khmi-content .kc-mission{display:flex;gap:35px;align-items:center;margin:15px 0 45px}.khmi-content .kc-mission span{background:#3b407e;color:#fff;padding:8px 25px}
.khmi-content .kc-mission h3{font-size:24px}
.khmi-content .kc-search{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.khmi-content .kc-search input,.khmi-content .kc-search select{height:42px;border:1px solid #d7dce2;padding:5px 10px;background:#fff}
.khmi-content .kc-search input[type=number]{width:105px}.khmi-content .kc-search input[type=search]{width:270px;max-width:100%}
.khmi-content .kc-button{display:inline-block;padding:9px 25px;background:#262d36;color:#fff;border:1px solid transparent;text-align:center;cursor:pointer;line-height:1.5}
.khmi-content .kc-button.secondary{background:#3b407e;border-radius:5px;margin-top:15px}
.khmi-content .kc-count{font-size:15px;margin:18px 0}.khmi-content .kc-pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.khmi-content .kc-pm-card{border:1px solid #d9dce7;border-radius:18px;padding:28px 20px;text-align:center;overflow-wrap:anywhere;background:#fcfcfd}
.khmi-content .kc-pm-card img,.khmi-content .kc-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block}
.khmi-content .kc-avatar{display:grid;place-items:center;background:#eef0f6;color:#767c94;font-size:30px}
.khmi-content h3{font-size:22px;font-weight:700}.khmi-content .kc-pm-card small{font-size:18px;font-weight:400;margin-left:4px}
.khmi-content .kc-pm-card p{margin:6px 0;font-size:15px}.khmi-content .kc-tags{margin:15px 0}
.khmi-content .kc-tags span,.khmi-content .kc-label{display:inline-block;background:#eff0f6;color:#41456b;border-radius:16px;padding:3px 12px;font-size:13px;margin:3px}
.khmi-content .kc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px;border-top:1px solid #7c8491}
.khmi-content .kc-project-card{display:flex;gap:24px;padding:32px 0;border-bottom:1px solid #e3e5e9;align-items:flex-start}
.khmi-content .kc-project-card img{width:105px;height:160px;object-fit:contain}.khmi-content .kc-project-card>div{min-width:0}
.khmi-content .kc-project-card h3{font-size:22px}.khmi-content .kc-project-card p{font-size:15px;margin:8px 0}
.khmi-content .kc-en{color:#70798a;font-size:14px!important;line-height:1.5}.khmi-content .kc-question{font-weight:700;color:#2c335b;font-size:19px}
.khmi-content .kc-meta{font-size:13px!important}.khmi-content .kc-meta span{margin-left:18px}
.khmi-content .kc-profile,.khmi-content .kc-project-detail{display:grid;grid-template-columns:285px minmax(0,1fr);gap:48px;align-items:start}
.khmi-content .kc-profile h3{margin-bottom:20px}.khmi-content .kc-prose{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:30px}
.khmi-content .kc-project-links li{padding:15px 0;border-bottom:1px solid #e2e5eb}
.khmi-content .kc-project-heading{display:flex;gap:30px;align-items:center;margin:20px 0 60px}
.khmi-content .kc-project-heading img{width:110px;max-height:170px;object-fit:contain}.khmi-content .kc-project-heading h2{font-size:28px;font-weight:700;margin:8px 0}
.khmi-content .kc-project-detail section{margin-bottom:42px}.khmi-content .kc-project-detail h3{margin-bottom:16px;font-size:18px}
.khmi-content .kc-no-profile{grid-template-columns:1fr}.khmi-content .kc-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.khmi-content .kc-goals li{padding-left:15px;border-left:3px solid #454b80;font-weight:600}
.khmi-content .kc-task-heading{font-size:20px;margin:45px 0 15px}.khmi-content .kc-task-heading small{font-size:14px;margin-left:12px}
.khmi-content .kc-table-scroll{position:relative;max-width:100%;overflow-x:auto}.khmi-content .kc-table{width:100%;table-layout:auto;border-collapse:collapse;border-top:2px solid #515968}.khmi-content .kc-table-scroll>.kc-table{min-width:640px}
.khmi-content .kc-table th,.khmi-content .kc-table td{padding:16px 12px;border-bottom:1px solid #e2e5e9;text-align:center;font-size:14px}
.khmi-content .kc-table th{background:#fafbfc;white-space:nowrap}.khmi-content .kc-table .kc-left{text-align:left;min-width:240px}
.khmi-content .kc-org-button{border:0;background:none;color:#414775;white-space:nowrap;text-decoration:underline;cursor:pointer}
.khmi-content .kc-status{white-space:nowrap;font-size:13px}.khmi-content .kc-actions{text-align:right;margin-top:35px}
.khmi-content .kc-pager{display:flex;gap:8px;justify-content:center;margin:35px 0}.khmi-content .kc-pager button{border:0;background:#f3f4f7;padding:6px 12px;cursor:pointer;border-radius:50%}
.khmi-content .kc-pager button[aria-current]{background:#3b407e;color:white}.khmi-content .kc-empty{text-align:center;padding:70px 15px}
.khmi-content .kc-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}
.khmi-content .kc-dialog{position:relative;background:#fff;border-radius:15px;padding:30px;width:560px;max-width:100%;max-height:85vh;overflow:auto;box-shadow:0 10px 45px #0003}
.khmi-content .kc-dialog h3{font-size:16px;color:#454b80}.khmi-content #kcOrgTitle{font-size:18px;font-weight:bold;margin:15px 20px 20px 0}
.khmi-content .kc-close{position:absolute;right:15px;top:8px;font-size:30px;background:none;border:0;cursor:pointer}
@media(max-width:800px){.khmi-content .kc-pm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.khmi-content .kc-project-grid,.khmi-content .kc-profile,.khmi-content .kc-project-detail{grid-template-columns:1fr}.khmi-content .kc-project-heading h2{font-size:22px}.khmi-content .kc-goals{grid-template-columns:1fr}.khmi-content .kc-search{justify-content:flex-start}.khmi-content .kc-project-card img{width:80px}}
@media(max-width:480px){.khmi-content .kc-pm-grid{grid-template-columns:1fr}.khmi-content .kc-project-heading{gap:15px}.khmi-content .kc-project-heading img{width:75px}.khmi-content .kc-mission{gap:15px}}

/* PM pages use the existing site's pmlist_con / pmview_con styles in sub.css. */
.kc-pm-page .pm_pp>ul:first-child .txt{min-height:3.2em}
.kc-pm-page .pm_pp .txt,.kc-pm-page .pmpro_tit .txt{white-space:pre-line;overflow-wrap:anywhere}
.kc-pm-page .pmpro_it{min-width:0;overflow-wrap:anywhere}
.kc-pm-page .pmpro_it01 p{white-space:pre-line}
.kc-pm-page .pmpro_tit .send{overflow-wrap:anywhere}
.kc-pm-page .pmpro_tit .send .kc-pm-phone::before{content:"\efe9"}
.kc-pm-page .pmpro_tit .send .kc-pm-email::before{content:"\eef3"}
.kc-pm-page .kc-pm-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#eef0f6;color:#767c94;font-size:3rem}
.kc-pm-page .kc-pm-empty{text-align:center;padding:60px 20px}
.kc-pm-page a:focus-visible{outline:2px solid #5e3ba1;outline-offset:4px}
@media(max-width:425px){.kc-pm-page .pm_pp li .img_box{height:auto;aspect-ratio:1}.kc-pm-page .pm_pp li .img_box img{aspect-ratio:1}.kc-pm-page .pmpro_tit .img_box{flex-shrink:0}}

/* Project publishing layout, 2026-10-21. Scoped to CMS project pages. */
.kc-project-page *, .kc-project-page *::before, .kc-project-page *::after { box-sizing: border-box; }
.kc-project-page [hidden] { display: none !important; }

.kc-project-page .prjct_blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.kc-project-page .prjct_srch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 60px;
    padding-bottom: 30px;
    border-bottom: 2px solid #222222;
}

.kc-project-page .prjct_srch .prjct_total {
    font-size: 1.6rem;
    color: #666;
}

.kc-project-page .prjct_srch .prjct_total strong {
    color: #000000;
    font-weight: 600;
}

.kc-project-page .prjct_srch_form fieldset {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    margin: 0;
    padding: 0;
}

.kc-project-page .prjct_srch .prjct_select {
    width: 160px;
    height: 45px;
    padding: 0 35px 0 15px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    background: #fff url(../../images/khmi/content/icon_selcet.png) no-repeat right 15px center;
    font-size: 1.6rem;
    color: #333333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.kc-project-page .prjct_srch .prjct_select::-ms-expand {
    display: none;
}

.kc-project-page .prjct_srch_box {
    display: flex;
}

.kc-project-page .prjct_srch .prjct_input {
    width: 300px;
    height: 45px;
    padding: 0 15px;
    border: 1px solid #cdcdcd;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    font-size: 1.6rem;
    color: #333333;
}

.kc-project-page .prjct_srch .prjct_input::placeholder {
    color: #767676;
}

.kc-project-page .prjct_srch .prjct_srch_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100px;
    height: 45px;
    border-radius: 0 5px 5px 0;
    background: #222;
    font-size: 1.6rem;
    color: #fff;
}

.kc-project-page .prjct_srch .prjct_input:focus-visible {
    outline: 2px solid #000;
    outline-offset: -2px;
}

.kc-project-page .prjct_srch .prjct_srch_btn:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
    border: 0;
}

@media screen and (max-width : 1024px) {
    .kc-project-page .prjct_srch {
        flex-wrap: wrap;
    }
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_srch {
        flex-direction: column;
        align-items: stretch;
        margin-top: 40px;
    }

    .kc-project-page .prjct_srch_form fieldset {
        flex-wrap: wrap;
    }

    .kc-project-page .prjct_srch .prjct_select {
        width: 100%;
    }

    .kc-project-page .prjct_srch_box {
        width: 100%;
    }

    .kc-project-page .prjct_srch .prjct_input {
        flex: 1;
        width: 0;
        min-width: 0;
    }

    .kc-project-page .prjct_srch .prjct_srch_btn {
        width: 80px;
    }
}

.kc-project-page .prjct_list.card_type {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 40px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dbdbdb;
}

.kc-project-page .prjct_list.card_type li {
    display: flex;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.kc-project-page .prjct_list.card_type .prjct_card {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
    padding: 20px 15px;
    border: 1px solid #d8d8d8;
    border-radius: 15px;
    background: #fff;
    transition: border-color 0.2s;
}

.kc-project-page .prjct_list.card_type .prjct_card:hover {
    border-color: #241d84;
}

.kc-project-page .prjct_list.card_type .prjct_card:focus-visible {
    border: 1px solid #241d84;
    outline: 2px solid #000;
    outline-offset: 2px;
}

.kc-project-page .prjct_list.card_type .prjct_img {
    flex-shrink: 0;
    width: 120px;
    height: 170px;
}

.kc-project-page .prjct_list.card_type .prjct_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.kc-project-page .prjct_list.card_type .prjct_cont {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    align-self: stretch;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_list.card_type .prjct_tit {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    color: #222;
}

.kc-project-page .prjct_list.card_type .prjct_eng {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-height: 3em;
    line-height: 1.5;
    margin-top: 5px;
    font-size: 1.4rem;
    color: #666666;
}

.kc-project-page .prjct_list.card_type .prjct_desc {
    margin-top: 5px;
    font-size: 1.6rem;
    color: #333;
}

.kc-project-page .prjct_list.card_type .prjct_q {
    margin: 7px 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: #241d84;
}

.kc-project-page .prjct_list.card_type .prjct_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 25px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #e1e1e1;
}

.kc-project-page .prjct_list.card_type .prjct_pm,
.kc-project-page .prjct_list.card_type .prjct_year {
    font-size: 1.5rem;
    font-weight: 500;
    color: #111111;
}

.kc-project-page .prjct_list.card_type .prjct_position {
    color: #555555;
}

@media screen and (max-width : 1024px) {
    .kc-project-page .prjct_list.card_type {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width : 500px) {
    .kc-project-page .prjct_list.card_type .prjct_card {
        gap: 15px;
    }

    .kc-project-page .prjct_list.card_type .prjct_img {
        width: 90px;
        height: 128px;
    }
}

.kc-project-page .prjct_view_top {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 30px 50px;
    border-radius: 30px;
    background: #f8f8f8;
}

.kc-project-page .prjct_view_img {
    flex-shrink: 0;
    width: 96px;
    height: 145px;
}

.kc-project-page .prjct_view_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kc-project-page .prjct_view_txt {
    flex: 1;
    min-width: 0;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_view_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 30px;
    border: 1px solid #c6c6c6;
    border-radius: 15px;
    background: #fff;
    font-size: 1.5rem;
}

.kc-project-page .prjct_view_tit {
    margin-top: 15px;
    font-size: 2.6rem;
    font-weight: 600;
    color: #222;
}

.kc-project-page .prjct_view_tit:focus {
    outline: none;
}

.kc-project-page .prjct_view_eng {
    margin-top: 20px;
    font-size: 1.6rem;
    color: #444444;
}

.kc-project-page .prjct_view_eng strong {
    font-weight: 600;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_view_top {
        gap: 20px;
        padding: 20px;
        border-radius: 20px;
    }

    .kc-project-page .prjct_view_img {
        width: 72px;
        height: 109px;
    }
}

@media screen and (max-width : 425px) {
    .kc-project-page .prjct_view_top {
        flex-direction: column;
        align-items: flex-start;
    }
}

.kc-project-page .prjct_view_cont {
    display: flex;
    align-items: flex-start;
    margin-top: 50px;
}

.kc-project-page .prjct_pm_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 350px;
    min-height: 400px;
    padding: 20px 25px;
    border: 1px solid #423ba1;
    border-radius: 30px;
    background: #fff;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_pm_img {
    width: 150px;
    height: 150px;
}

.kc-project-page .prjct_pm_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.kc-project-page .prjct_pm_name {
    margin-top: 20px;
    font-size: 3rem;
    color: #222222;
}

.kc-project-page .prjct_pm_name strong {
    font-weight: 600;
}

.kc-project-page .prjct_pm_field {
    margin-top: 7px;
    font-size: 1.7rem;
    color: #333;
}

.kc-project-page .prjct_pm_contact {
    width: 100%;
    margin-top: 15px;
    padding: 15px 10px 0 10px;
    border-top: 1px solid #dbdbdb;
    text-align: left;
}

.kc-project-page .prjct_pm_contact li {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #666666;
    gap:7px;
}

.kc-project-page .prjct_pm_contact li~li {
    margin-top: 5px;
}

.kc-project-page .prjct_pm_contact li::before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.kc-project-page .prjct_pm_contact li.tel::before {
    background-image: url(../../images/khmi/content/icon_tel.png);
}

.kc-project-page .prjct_pm_contact li.mail::before {
    background-image: url(../../images/khmi/content/icon_email.png);
}

.kc-project-page .prjct_pm_contact a {
    color: #666666;
    word-break: break-all;
}

.kc-project-page .prjct_pm_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 160px;
    height: 40px;
    margin-top: 20px;
    border-radius: 10px;
    background: #5e3ba1;
    font-size: 1.6rem;
    color: #fff;
}

.kc-project-page .prjct_pm_btn::after {
    content: "";
    display: block;
    width: 14px;
    height: 15px;
    background: url(../../images/khmi/content/icon_srch.png) no-repeat center / contain;
}

.kc-project-page .prjct_pm_btn:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
    border: 0;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_view_cont {
        flex-direction: column;
    }

    .kc-project-page .prjct_pm_card {
        width: 100%;
        min-height: 0;
    }
}

.kc-project-page .prjct_view_detail {
    flex: 1;
    min-width: 0;
    margin-left: 50px;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_view_h5 {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 2rem;
    font-weight: 600;
    color: #555555;
}

.kc-project-page .prjct_view_h5::before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.kc-project-page .prjct_view_h5.ques::before {
    background-image: url(../../images/khmi/content/icon_ques.png);
}

.kc-project-page .prjct_view_h5.exclama::before {
    background-image: url(../../images/khmi/content/icon_exclama.png);
}

.kc-project-page .prjct_whatif_q {
    margin-top: 30px;
    font-size: 2.2rem;
    font-weight: 600;
    color: #111;
}

.kc-project-page .prjct_whatif_txt {
    margin-top: 20px;
    font-size: 1.7rem;
    color: #444;
}

.kc-project-page .prjct_whattodo {
    margin-top: 40px;
}

.kc-project-page .prjct_todo_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.kc-project-page .prjct_todo_list li {
    display: inline-flex;
    align-items: center;
    min-height: 46px;
    padding: 0 30px;
    border: 1px solid #e6e6e6;
    border-radius: 23px;
    background: #f8f8f8;
    font-size: 1.7rem;
    font-weight: 500;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_view_detail {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }

    .kc-project-page .prjct_todo_list li {
        padding: 10px 20px;
    }
}

.kc-project-page .prjct_task {
    margin-top: 60px;
}

.kc-project-page .prjct_task_top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.kc-project-page .prjct_task_top .sub_h4,
.kc-project-page .prjct_task_top .board_top {
    margin: 0;
}

.kc-project-page .prjct_task .board_con {
    margin-bottom: 0;
}

.kc-project-page .prjct_task .board_con .tit {
    font-size: 1.6rem;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_task .board_con .state {
    width: 12%;
    font-size: 1.5rem;
}

.kc-project-page .prjct_task .board_con td.state.ing {
    color: #214aa6;
    font-weight: 600;
}

.kc-project-page .prjct_task .board_con .org {
    width: 15%;
}

.kc-project-page .prjct_task .board_con .period {
    width: 13%;
    white-space: nowrap;
    font-size: 1.5rem;
}

.kc-project-page .prjct_org_btn {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: #f5f5f5;
    font-size: 1.4rem;
    color: #333;
    cursor: pointer;
}

.kc-project-page .prjct_org_btn::after {
    content: "\f0d1";
    content: "\f0d1" / "";
    font-family: "remixicon";
    font-size: 1.4rem;
}

.kc-project-page .prjct_org_btn:hover {
    border-color: #5e3ba1;
}

.kc-project-page .prjct_org_btn:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
    border: 1px solid #e0e0e0;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_task {
        margin-top: 40px;
    }

    .kc-project-page .prjct_task .board_con .state {
        width: 22%;
        font-size: 1.4rem;
    }

    .kc-project-page .prjct_task .board_con .org {
        width: 25%;
    }

    .kc-project-page .prjct_task .board_con .period {
        width: auto;
        font-size: 1.4rem;
    }

    .kc-project-page .prjct_org_btn {
        padding: 5px;
        font-size: 1.3rem;
    }
}

.kc-project-page .prjct_pop_dim {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.kc-project-page .prjct_pop {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    width: 900px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    overflow-y: auto;
    padding: 20px;
    border: 1px solid #616161;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
}

.kc-project-page .prjct_pop[hidden],
.kc-project-page .prjct_pop_dim[hidden] {
    display: none;
}

.kc-project-page .prjct_pop:focus {
    outline: none;
}

.kc-project-page .prjct_pop_label {
    padding-right: 40px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #423ba1;
}

.kc-project-page .prjct_pop_tit {
    margin-top: 20px;
    font-size: 2rem;
    font-weight: 600;
    color: #222;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_pop_tbl {
    width: 100%;
    margin-top: 30px;
    border-collapse: collapse;
}

.kc-project-page .prjct_pop_tbl col.type {
    width: 150px;
}

.kc-project-page .prjct_pop_tbl th {
    padding: 15px 10px;
    border: 1px solid #7b78b8;
    background: #f4f4fa;
    font-size: 1.7rem;
    font-weight: 500;
    color: #2d2a6e;
    text-align: center;
}

.kc-project-page .prjct_pop_tbl td {
    padding: 15px 30px;
    border: 1px solid #e1e1e1;
    font-size: 1.7rem;
    color: #333;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.kc-project-page .prjct_pop_close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../../images/khmi/content/icon_close.png) no-repeat center;
}

.kc-project-page .prjct_pop_close:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
    border: 0;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_pop {
        max-width: calc(100% - 32px);
        border-radius: 15px;
    }

    .kc-project-page .prjct_pop_tbl col.type {
        width: 80px;
    }

    .kc-project-page .prjct_pop_tbl th,
    .kc-project-page .prjct_pop_tbl td {
        padding: 10px;
    }
}

/* CMS data states and native controls for the publishing layout. */
.kc-project-page button { font-family: inherit; cursor: pointer; }
.kc-project-page .prjct_srch_btn, .kc-project-page .prjct_pop_close { border: 0; }
.kc-project-page .prjct_empty { padding: 70px 20px; text-align: center; border-bottom: 1px solid #dbdbdb; }
.kc-project-page .prjct_whatif_q, .kc-project-page .prjct_whatif_txt { white-space: pre-line; }
.kc-project-page .prjct_no_profile .prjct_view_detail { margin-left: 0; }
.kc-project-page .prjct_todo_list li { max-width: 100%; overflow-wrap: anywhere; }
.kc-project-page .prjct_task th { white-space: nowrap; }
.kc-project-page .prjct_org_btn { white-space: nowrap; }
.kc-project-page .kc-modal-status:not(:empty) { margin-top: 20px; }

.kc-project-page .prjct_list.card_type .prjct_info .prjct_name {
    font-weight: 600;
}

.kc-project-page .prjct_pm_name {
    line-height: 1.2;
}

.kc-project-page .prjct_pm_field {
    margin-top: 2px;
    line-height: 1.3;
}

.kc-project-page .prjct_pm_contact {
    margin-top: 10px;
}

.kc-project-page .prjct_pm_contact li {
    line-height: 1.375;
}

.kc-project-page .prjct_pm_contact li~li {
    margin-top: 7px;
}

.kc-project-page .prjct_pm_btn {
    margin-top: 14px;
}

.kc-project-page .prjct_pop {
    width: 650px;
    padding: 30px;
}

.kc-project-page .prjct_pop_tbl col.type {
    width: 115px;
}

.kc-project-page .prjct_pop_tbl td {
    padding: 15px 20px;
}

@media screen and (max-width : 768px) {
    .kc-project-page .prjct_pop {
        padding: 20px;
    }

    .kc-project-page .prjct_pop_tbl col.type {
        width: 80px;
    }

    .kc-project-page .prjct_pop_tbl td {
        padding: 10px;
    }
}