@font-face {
    font-family: 'KyoboHandwriting2020A';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    --f40-size: clamp(26px, 2.0833vw, 40px);
    --f36-size: 36px;
    --f32-size: clamp(24px, 1.6667vw, 32px);
    --f30-size: clamp(24px, 1.5625vw, 30px);
    --f28-size: clamp(22px, 1.4583vw, 28px);
    --f26-size: clamp(20px, 1.3542vw, 26px);
    --f24-size: clamp(18px, 1.2500vw, 24px);
    --f22-size: clamp(18px, 1.1458vw, 22px);
    --f21-size: clamp(17px, 1.0938vw, 21px);
    --f20-size: clamp(17px, 1.0417vw, 20px);
    --f19-size: clamp(16px, 0.9896vw, 19px);
    --f18-size: clamp(16px, 0.9375vw, 18px);
    --f17-size: 17px;
    --f16-size: clamp(16px, 0.8333vw, 16px);
    --f15-size: 15px;
    --f14-size: 14px;
    --f13-size: 13px;
    --f12-size: 12px;

    --transition: all 0.4s ease-in-out;
    --kt-red: #EC1B23;
    --kt-blk: #221E1F;
    --kt-gray: #4C4C4E;
    --kt-mint: #05A4BC;
    --mint: #40EFEC;
    --sales-mint: #00A9A7;
    --bk-00: #000000;
    --bk-18: #181818;
    --bk-22: #222;
    --bk-2b: #2B2B2B;
    --bk-36: #363636;
    --wh-ff: #fff;
    --wh-f9: #F9F9F9;
    --wh-f6: #F6F6F6;
    --gray-63: #636363;
    --gray-6e: #6E6E6E;
    --gray-b9: #B9B9B9;
    --gray-cc: #CCCCCC;
    --gray-e0: #E0E0E0;
}

/* sub common start */

a {
    text-decoration: none;
    color: inherit;
}

.mob-br {
    display: none;
}

.fieldset-tit-box .kt-red,
.kt-red {
    color: var(--kt-red);
}

.board_content .notice-article,
.board_content .content-html {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.kt-red.bidding-list-ment {
    padding: 30px 1.2rem;
    position: relative;
    padding-left: 2.5rem;
}

.kt-red.bidding-list-ment::before {
    content: '※';
    display: block;
    position: absolute;
    left: 1.2rem;
    top: 30px;
}

.gray-bg {
    background: #F7F8FB;
    border-radius: 10px;
}

.gray-bg.gray-bg2 {
    background: #f6f6f6;
}

.gray-bg strong {
    color: var(--bk-22);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.gray-bg p {
    color: var(--gray-63);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.gray-bg>strong {
    display: block;
    margin-bottom: 20px;
}

.gray-bg>p {
    margin-bottom: 6px;
}

.gray-bg>p:last-child {
    margin-bottom: 0;
}

.flex-box {
    display: flex;
}

.pd30 {
    padding: 30px;
}

.pd40 {
    padding: 40px;
}

.pt100 {
    padding-top: 100px;
}

.pb100 {
    padding-bottom: 100px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt10 {
    display: block;
    padding-top: 10px;
}

.pt20 {
    display: block;
    padding-top: 20px;
}

.pt30 {
    display: block;
    padding-top: 30px;
}

#content.error-page {
    z-index: 999;
    
    width: 100%;
    height: 100vh;
    margin-top: 0;
    padding: 0;
    position: fixed;
}

.error-page .error-message {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-page .error-code {
    color: var(--bk-22);
    font-family: Pretendard;
    -webkit-text-stroke: 2px var(--bk-22);
    font-size: clamp(59px, 15vw, 200px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.error-page .error-message span {
    color: var(--wh-ff);
}

.error-page .error-tit {
    color: var(--bk-22);
    font-family: Pretendard;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.error-page .error-txt {
    margin-top: clamp(10px, 1.2500vw, 1.5rem);
}

.error-page .common-btn.go-link {
    min-width: 215px;
    margin: 80px auto 0 auto;
}

.store-pin-box {
    position: relative;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.store-pin-box .store-pin {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 8.25px 20px;
    border-radius: 999px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.30);
    max-width: 280px;
    font: 800 14px/1.4 Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif;
    background-color: var(--kt-red);
    color: var(--wh-ff);
}

.store-pin-box .store-pin:after {
    filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.30));
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid var(--kt-red);
    border-top-color: var(--kt-red);
    border-bottom: 0;
    margin-left: -7px;
    margin-bottom: -10px;
}

.store-pin-box .store-pin .store-title {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popup-overlay {
    background-color: var(--wh-ff);
}

.common-popup {
    width: 90vw;
    max-width: 800px;
    padding: 60px;
    padding-top: 30px;
    border-radius: 5px;
    border: 1px solid var(--bk-36);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
    position: relative;
}

.popup-close {
    text-indent: -9999em;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 42px;
    height: 42px;
    background: url(../images/main/icon_rv_pop_close.svg) no-repeat 0 0;
    background-size: 100% auto;
    z-index: 1;
}

.common-popup .popup-title {
    text-align: center;
    color: var(--bk-00);
    font-size: clamp(22px, 1.5625vw, 30px);
    font-weight: 500;
    line-height: 140%;
    padding-bottom: 25px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--gray-cc);
}

.common-popup .popup-title .kt-red {
    color: var(--kt-red);
    font-weight: 600;
}

.common-popup .popup-cont {
    overflow: auto;
}

.common-popup .popup-cont header {
    color: var(--bk-00);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 6px;
}

.common-popup .popup-cont p {
    color: var(--bk-36);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.common-popup .popup-cont-box {
    margin-top: 24px;
}

.common-popup .popup-cont-box:first-of-type {
    margin-top: 0;
}

.common-popup .popup-cont .gray-bg>header {
    color: var(--bk-22);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 20px;
}

.common-popup .popup-cont .gray-bg {
    margin-top: 30px;
}

.common-popup .popup-cont .gray-bg .dot-list.block {
    gap: 12px;
}

.common-popup .popup-cont .gray-bg>header strong {
    color: var(--bk-00);
    font-weight: 600;
}

.common-popup .popup-cont .kt-red {
    font-weight: 500;
}

.explain {
    padding-left: 1rem;
    position: relative;
}

.explain2 {
    padding-left: 1.5rem;
    position: relative;
    display: block;
}

.explain2::before,
.explain::before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0;
}

.explain2::before {
    content: '※';
}

.dot-list {
    display: flex;
    flex-direction: column;
}

.dot-list>p {
    text-align: left;
    position: relative;
    padding-left: .8rem;
    color: var(--gray-20);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.27px;
}

.dot-list>p::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 999em;
    background-color: var(--bk-36);
    position: absolute;
    top: 12px;
    left: 0;
}

.dot-list>.txt-14::before {
    top: 8px;
}

.gray-bg2 .dot-list {
    gap: 16px;
}

.dot-list .explain,
.dot-list.block p {
    color: var(--gray-63);
}

.dot-list .explain {
    display: block;
    padding-left: 10px;
    text-indent: -.8rem;
}

.dot-list .explain.txt-16 {
    font-size: clamp(14px, 0.8333vw, 16px);
}

.dot-list p a,
.dot-list p strong {
    font-weight: 500;
    color: var(--bk-36);
}

.dot-list.block p strong {
    display: block;
}

.dot-list p strong::after {
    content: ':';
    display: inline-block;
    margin-right: 3px;
}

.sub.privacy-policy .info .dot-list strong::after,
.dot-list.block p strong::after {
    visibility: hidden;
}

.sub .sect-tit {
    color: var(--bk-00);
    font-size: clamp(24px, 2.3958vw, 46px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub .sect-subtit {
    color: var(--bk-00);
    font-size: clamp(20px, 1.6667vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub .sect-subtit.txt-40 {
    font-size: clamp(24px, 2.0833vw, 40px);
    margin-bottom: 80px;
}

.sub .highlight {
    display: inline;
    padding: 0 .4rem;
    padding-bottom: 3px;
    background-image: linear-gradient(transparent calc(100% - (clamp(12px, 1.25vw, 24px))), #D0F8F7 10px);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left bottom;
}

.sub .sub-layout .sect-subtit+*,
.sub .sect-subtit.highlight+* {
    margin-top: 20px;
}

.sub .sub-layout {
    display: flex;
}

.sub .sub-layout .tit-sect {
    width: 400px;
}

.sub .sub-layout.w800 .tit-sect {
    width: 800px;
}

.sub .sub-layout>.cont {
    width: calc(100% - 400px);
}

.sub .sub-layout.w800>.cont {
    width: calc(100% - 800px);
}

.sub .sub-layout.block {
    flex-direction: column;
    gap: 0;
}

.sub .sub-layout.block .tit-sect {
    width: fit-content;
    margin-bottom: 50px;
}

.sub.brand-identity .sub-layout.block .txt-18 {
    color: var(--bk-36);
}

.sub .sub-layout.block>.cont {
    width: 100%;
}

.sub.vision-core-values .sub-layout:not(:has(.info-list)) .cont::after {
    content: '';
    display: block;
    width: 100%;
    aspect-ratio: 1200/400;
    min-height: 320px;
    background: url(/assets/images/sub/about-us/vision-img-01.webp) no-repeat center top -12.8vw;
    background-size: 72vw;
    margin-top: 20px;
    border-radius: 20px;
}

.sub.vision-core-values section:nth-child(2).sub-layout:not(:has(.info-list)) .cont::after {
    background-image: url(/assets/images/sub/about-us/vision-img-02.webp);
    background-position: center top -7.8125vw;
    background-size: 59vw;
}

.txt-40 {
    font-size: var(--f40-size);
}

.txt-36 {
    font-size: var(--f36-size);
}

.txt-32 {
    font-size: var(--f32-size);
}

.txt-30 {
    font-size: var(--f30-size);
}

.txt-28 {
    font-size: var(--f28-size);
}

.txt-26 {
    font-size: var(--f26-size);
}

.txt-24 {
    font-size: var(--f24-size);
}

.txt-22 {
    font-size: var(--f22-size);
}

.txt-21 {
    font-size: var(--f21-size);
}

.txt-20 {
    font-size: var(--f20-size);
}

.txt-19 {
    font-size: var(--f19-size);
}

.txt-18 {
    font-size: var(--f18-size);
}

.txt-17 {
    font-size: var(--f17-size);
}

.txt-16 {
    font-size: var(--f16-size);
}

.txt-15 {
    font-size: var(--f15-size);
}

.txt-14 {
    font-size: var(--f14-size);
}

.txt-13 {
    font-size: var(--f13-size);
}

.txt-12 {
    font-size: var(--f12-size);
}

.center {
    text-align: center;
}

.mob-image {
    cursor: pointer;
    min-height: auto;
    position: relative;
}

.play-btn {
    visibility: hidden;
    z-index: 1;
    text-indent: -9999em;
    display: flex;
    width: 120px;
    height: 120px;
    padding-left: 36px;
    align-items: center;
    gap: 10px;
    aspect-ratio: 1/1;
    border-radius: 999px;
    /* background: url(/assets/images/sub/ico_play.svg) no-repeat center, rgba(0, 0, 0, 0.60); */
    background: url(/assets/images/sub/ico_play.svg) no-repeat center left 55%, rgba(0, 0, 0, 0.60);
    backdrop-filter: blur(5px);
}

.play-btn[aria-label="Play"] {
    visibility: visible;
}

.video-sect {
    position: relative;
}

.video-sect video {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.video-sect .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.link-btn {
    width: fit-content;
    padding: 8.5px 27.1px;
    font-size: var(--f18-size);
    border-radius: 9999px;
    border: 1px solid #049A98;
    color: #049A98;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
}

.link-btn::after {
    content: '링크 연결';
    text-indent: -999em;
    display: block;
    width: 11px;
    height: 11px;
    background: url(/assets/images/sub/ico_link-btn.svg) no-repeat center;
}

.table-wrap.board .common-btn {
    margin: 0 auto;
}

.sub .btn_wrap .btn_list,
.common-btn {
    width: fit-content;
    height: fit-content;
    min-width: 180px;
    text-align: center;
    transition: .3s;
    color: var(--wh-ff);
    font-size: clamp(16px, 1.1458vw, 22px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border-radius: 5px;
    background: var(--bk_36, #363636);
    padding: 16px 10px;
}

.common-btn:disabled {
    background-color: var(--gray-cc) !important;
    cursor: not-allowed !important;
}

.popup-overlay .common-btn {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 116px;
}

.popup-overlay.privacy-popup table p {
    color: var(--gray-63);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: left;
    padding-left: 20px;
}

.popup-overlay.privacy-popup .popup-cont {
    max-height: 70vh;
}

.popup-overlay.privacy-popup .common-btn {
    margin: 0 auto;
}

.sub .btn_wrap.flex-box {
    gap: 40px;
    margin-top: 80px;
    justify-content: center;
    align-items: center;
}

.common-btn.mint {
    background-color: var(--sales-mint);
}

.common-btn.red {
    background-color: var(--kt-red);
}

.common-btn.black {
    background-color: var(--bk-00);
}

.cs_form .group .file .file-btn.delete,
.common-btn.delete,
.common-form .file .delete {
    background-color: var(--bk-36);
}


.common-btn.black:hover,
.common-btn.black:focus,
.cs_form .group .file .file-btn.delete:focus,
.cs_form .group .file .file-btn.delete:hover,
.common-btn.delete:focus,
.common-btn.delete:hover,
.common-form .file .delete:focus,
.common-form .file .delete:hover {
    background-color: var(--kt-red);
}

.common-btn.line {
    border-radius: 999em;
    background-color: var(--wh-ff);
    color: var(--bk-00);
    border: 2px solid var(--bk-00);
    font-weight: 600;
}

.sub.brand-identity .common-btn.line,
.sub.ethics-management .common-btn.line {
    min-width: 258px;
}

.sub .btn_wrap .btn_list span {
    font-weight: inherit;
}

.common-btn.link {
    min-width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: clamp(16px, 1.0417vw, 20px);
    padding: 8px 19.72px;
}

.common-btn.link::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(/assets/images/common/icon_link.svg) no-repeat center;
    background-size: contain;
}

.common-btn.go-link {
    border-radius: 999px;
    min-width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: var(--f22-size);
    padding: 15.6px 36px;
}

.common-btn.go-link::after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(/assets/images/sub/arr_btn_quick.svg) no-repeat center;
    background-size: 16px;
}

.common-btn:hover,
.common-btn:active,
.common-btn:focus,
main.view .btn_wrap .btn_list:hover,
main.view .btn_wrap .btn_list:active,
main.view .btn_wrap .btn_list:focus {
    background-color: var(--bk-00);
}

.common-btn.mint:hover,
.common-btn.mint:active,
.common-btn.mint:focus {
    background-color: #035E72;
}

.common-btn.line:focus,
.common-btn.line:active,
.common-btn.line:hover {
    background-color: transparent;
    border-color: var(--kt-red);
    color: var(--kt-red);
}

/* 폼, 인풋 */

.tab_top_wrap:has(.srch_wrap.common) {
    align-items: end;
    margin-bottom: 30px;
}

.tab_top_wrap:has(.recruit-filters) {
    justify-content: start;
    gap: 20px;
}

.tab_top_wrap:has(.recruit-filters) .recruit-filters {
    margin-left: auto;
}

.recruit-filters select {
    width: 50%;
    font-size: var(--f16-size);
    color: var(--bk-36);
    line-height: 140%;
    font-weight: 500;
    padding: 15px 16px;
    padding-right: 4rem;
    background: url(/assets/images/common/icon_select.svg) no-repeat center right 1rem;
    background-size: 1rem;
    border-bottom: 1px solid var(--gray-cc);
}

.srch_wrap.common {
    max-width: 420px;
    margin: 0;
    height: 53px;
}

.srch_wrap.common input {
    font-size: var(--f18-size);
    border-bottom: 1px solid #AAA;
}

.srch_wrap.common input::placeholder {
    color: #9D9D9D;
}

.common-form fieldset,
.common-form:has(fieldset) {
    border: none;
}

.common-form fieldset {
    margin: 80px 0;
}

.common-form fieldset:last-of-type {
    margin-bottom: 0;
}

.fieldset-tit-box {
    padding-bottom: 30px;
    border-bottom: 2px solid var(--bk-00);
}

.common-form .fieldset-tit-box.flex-box,
.fieldset-tit-box.flex-box {
    align-items: end;
    justify-content: space-between;
}

.fieldset-tit-box p {
    color: var(--bk-36);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.fieldset-tit-box .txt-15 {
    color: var(--gray-63);
}

.fieldset-tit-box .txt-15 {
    font-size: var(--f15-size);
}

.fieldset-tit {
    color: var(--bk-00);
    font-size: clamp(22px, 1.2500vw, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.sub.submit-report .policy-ment .fieldset-tit {
    margin-bottom: 8px;
}

.fieldset-tit.big {
    font-size: clamp(22px, 1.4583vw, 28px);
}

.fieldset-tit-box .flex-box .fieldset-tit+* {
    margin-top: 8px;
}

.common-form .flex-box {
    align-items: center;
    gap: 11px;
}

.common-form .item.flex-box {
    gap: 1.5rem 40px;
    flex-wrap: wrap;
}

.common-form .form-title.required::after {
    content: '*';
    color: var(--kt-red);
    font-size: var(--f18-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-left: 4px;
    vertical-align: top;
}

.common-form .group .form-title span {
    font-size: var(--f18-size);
    color: var(--bk-00);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.common-form .group .form-subject,
.common-form span,
.common-form p {
    color: var(--bk-36);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.common-form .group .num.biz-num input.num1 {
    max-width: 150px;
}

.common-form .group .num.biz-num input.num2 {
    max-width: 120px;
}

.common-form .group .num.biz-num input {
    max-width: 222px;
}

main.bid-application .common-btn {
    min-width: 260px;
}

main:has(.common-form) .btn_wrap {
    text-align: center;
    margin: 60px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

main:has(.common-form) .btn_wrap:last-child {
    margin-bottom: 0;
}

.btn_wrap.line {
    display: flex;
    justify-content: center;
    border-top: 1px solid #000;
    padding-top: 60px;
}

.sub.brand-identity .btn_wrap.line,
.sub.ethics-management .btn_wrap.line {
    border-color: #DBDBDB;
    padding-top: 80px;
}

.sub.brand-identity .btn_wrap.line,
.sub.ethics-report .btn_wrap.line {
    border-color: transparent;
}

.common-form .center_wrap {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.common-form .center_wrap .group {
    width: 100%;
    justify-content: center;
    border-bottom: none;
    min-height: auto;
    padding: 18px 40px;
}

.common-form .center_wrap .group .item {
    flex: none;
}

.common-form .center_wrap .group .num,
.common-form .center_wrap .group input {
    width: 434px;
}

.common-form .center_wrap .group .num.biz-num .num1 {
    width: 110px;
}

.common-form .center_wrap .group .num.biz-num .num3,
.common-form .center_wrap .group .num.biz-num .num2 {
    max-width: none;
    width: 138px;
}

.common-form .center_wrap .group .form-title {
    width: 169px;
    text-align: left;
}

.common-form .group.file-group h2 {
    height: 60px;
    display: flex;
    align-items: center;
}

.common-form .group.file-group {
    align-items: start;
}

.common-form .group.file-group .form-title {
    line-height: 60px;
}

.file-upload-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.file-wrap~.more {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-left: 21px;
}

.file-wrap~.more button {
    border: 1px solid var(--bk-22);
    border-radius: 5px;
    width: 46px;
    height: 46px;
    position: relative;
}

.file-wrap~.more button:hover {
    border-width: 2px;
}

.file-wrap~.more button::after {
    display: block;
    content: '';
    width: 18px;
    height: 2px;
    background-color: var(--bk-22);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.file-wrap~.more button.plus::before {
    display: block;
    content: '';
    height: 18px;
    width: 2px;
    background-color: var(--bk-22);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.file-upload-list>li:first-child .more .minus:not(.force) {
    display: none;
}

.file-upload-list>li:not(:first-child) .more .plus {
    display: none;
}

.file-upload-list>li:not(:first-child) .file-btn.delete ~ .more .plus {
    display: block;
    visibility: hidden;
}

/* .file-upload-list>li:not(:first-child) .file-wrap:has(.file-btn.delete) ~ .more .minus, */
.file-upload-list>li:not(:first-child) .file-btn.delete ~ .more .minus {
    display: none;
}

.sub.submit-report .policy-ment .fieldset-tit-box {
    padding-bottom: 1.5rem;
    border-bottom: none;
}

.sub.submit-report .gray-bg:has(input[type="checkbox"]) {
    padding: 20px 0;
    margin-top: 12px;
}

.sub.submit-report .gray-bg .chk_wrap {
    margin: 0 auto;
}

.sub.submit-report .info {
    margin-top: 1rem;
}

.sub.submit-report .info strong,
.sub.submit-report .info p {
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.sub.submit-report .info strong {
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}

.sub.submit-report .info p {
    color: var(--gray-63);
    margin-bottom: 2px;
}

.sub.submit-report .info p:last-of-type {
    margin-bottom: 0;
}

.sub.submit-report .info p:last-of-type {
    margin-bottom: 0;
}

/* 폼, 인풋 */

.sub_title.no-visual {
    color: var(--bk-18);
    padding-bottom: 50px;
}

.sub_title.no-visual .txt-32 {
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 20px;
    margin-bottom: 30px;
}

main.job-openings.view .board_tit_wrap .board_tit:has(> h1) {
    word-break: break-all;
    width: fit-content;
    display: flex;
}

main.view .board_tit_wrap .board_tit {
    max-width: 100%;
}

main.view .board_tit_wrap .board_tit>h1 {
    display: inline-block;
    
    display: inline;

    word-break: inherit;
    width: fit-content;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}


main.view .board_tit_wrap .board_tit .status_wrap {
    display: flex;
    align-items: center;
    position: relative;
}

main.view .board_tit_wrap .board_tit .status_wrap::before {
    content: '';
    display: block;
    width: 2px;
    height: 68%;
    background-color: var(--gray-cc);
    margin: 0 20px;
}

main.view .board_tit_wrap .board_info span.sr-only {
    position: absolute;
}

main.view .file_wrap {
    margin-top: 30px;
    border-radius: 5px;
    background: var(--wh-f6);
    padding: 30px 20px;
}

main.view .file_wrap a {
    gap: 4px;
    color: var(--bk-00);
    font-size: clamp(15px, 1.0417vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: flex;
    align-items: start;
    margin-bottom: .8rem;
}

main.view .file_wrap a:last-child {
    margin-bottom: 0;
}

main.view .file_wrap a.down i {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    display: flex;
    align-items: center;
}

main.view .file_wrap a.down i::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background: url(/assets/images/common/icon_clip.svg) no-repeat center;
    background-size: contain;
    margin-right: 4px;
}

main.view .file_wrap a.down i::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #ddd;
    display: block;
    margin: 0 20px;
}

.board_content:has(.file_wrap) {
    padding-top: 30px;
    padding-bottom: 30px;
}

.bidding-list .board_content:has(.file_wrap) {
    padding-bottom: 0;
    margin-bottom: 30px;
    border-bottom: none;
}

/* sub common end */

/* table */


.table-wrap.responsive .mw-1000 {
    min-width: 1000px !important;
}

.table-wrap.responsive .mw-800 {
    min-width: 800px !important;
}

.table-wrap.responsive .mw-600 {
    min-width: 600px !important;
}

.table-wrap.responsive .mw-500 {
    min-width: 500px !important;
}

.table-wrap.responsive .mw-400 {
    min-width: 400px !important;
}

.common-table table {
    border-top: 1px solid var(--bk-22);
}

.table-wrap.board table {
    border-top: 2px solid var(--bk-00);
}

.table-wrap table {
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.table-wrap tbody tr {
    border-bottom: 1px solid var(--gray-e0);
}

.common-table table tr {
    border-color: var(--gray-cc);
}

.table-wrap.board tbody tr {
    transition: .3s;
}

.table-wrap.board tbody tr:hover {
    background-color: var(--wh-f6);
}

.table-wrap table th,
.table-wrap table td {
    color: var(--bk-36);
    word-break: keep-all;
    font-size: var(--f20-size);
    font-weight: 500;
    text-align: center;
    padding: 23px 30px;
    line-height: 140%;
    white-space: inherit;
}

.table-wrap.common-table table th,
.table-wrap.common-table table td {
    font-size: var(--f18-size);
    padding: 10px 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-left: 1px solid var(--gray-cc);
    border-right: 1px solid var(--gray-cc);
}

.table-wrap.common-table table>tr>th:last-child,
.table-wrap.common-table table>tr>td:last-child {
    border-right: none;
}

.table-wrap.common-table table td:first-child,
.table-wrap.common-table table th:first-child {
    border-left: none
}

.table-wrap.common-table table th:last-child,
.table-wrap.common-table table tr td:last-child,
.table-wrap.common-table table tr>th[scope=row] {
    border-right: none
}


.table-wrap.common-table table th {
    background-color: var(--wh-f6);
    font-weight: 500;
}


.notices .table-wrap table td {
    height: 108px;
}

.table-wrap table thead th {
    font-style: normal;
    padding: 26px 0;
    border-bottom: 1px solid var(--gray-b9);
}

.table-wrap .table-title {
    color: var(--bk-00);
    font-size: clamp(19px, 1.1458vw, 22px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: left;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.job-openings .table-wrap .table-title {
    padding-left: 20px;
}

.table-wrap .countdown {
    color: var(--kt-red);
    font-size: clamp(20px, 1.2500vw, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.countdown.red {
    color: var(--kt-red) !important;
    font-weight: 600;
}

span.countdown.red::before {
    content: '(';
}

span.countdown.red::after {
    content: ')';
}

.sub .status {
    font-family: 'Pretendard';
    width: fit-content;
    font-size: var(--f24-size);
    border-radius: 999px;
    border: 2px solid var(--kt-red);

    color: var(--bk-22);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    padding: 6.476px 31.58px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

main.list .table-wrap td:has(.common-btn),
main.list .table-wrap td:has(time),
main.list .table-wrap td:has(.status) {
    padding-left: 0;
    padding-right: 0;
}

.table-wrap .status {
    min-width: 91px;
    padding: 7.1px 21.37px;
    font-size: var(--f18-size);
    margin: 0 auto;
    font-weight: 500;
    border-width: 1px;
}

.sub .status.notice {
    min-width: auto;
    padding: 8.6px 21.37px;
}

.sub .status.end {
    color: #666;
    border-color: #AAA;
}

.sub .status.expected {
    color: var(--bk-22);
    border-color: #009794;
}

.sub .status::before {
    content: '진행중';
}

.sub .status.end::before {
    content: '마감';
}

.sub .status.expected::before {
    content: '예정';
}

.sub .status.notice span {
    color: var(--kt-red);
    font-size: var(--f20-size);
}

.sub .status.notice::before {
    display: none;
}

#content:has(> .pt100.pb100:last-child) {
    padding-bottom: 0;
}

.sub.products .gray-bg {
    background: #F7F8FB url(/assets/images/sub/products/kt-bg-logo.svg) no-repeat left bottom;
    border-radius: 0;
}

.sub .hover-sect {
    position: relative;
    overflow: hidden;
}

.sub .hover-sect-fill {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: width 0.7s, height 0.7s;
    background-color: var(--sales-mint);
    z-index: 1;
}

.sub .privacy-label-list,
.sub .job-list,
.sub .products-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
}

.sub .job-list .cont,
.sub .products-list .cont {
    width: 100%;
    height: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.05);
}

.sub .products-list .hover-sect:hover .hover-sect-fill {
    width: 100rem;
    height: 100rem;
}

.sub .products-list .text-sect::before {
    transition: var(--transition);
    content: '';
    display: block;
    width: 8vw;
    height: 8vw;
    max-width: 140px;
    max-height: 140px;
    background: url(/assets/images/sub/products/ico_produtcs-list-01_wh.svg) no-repeat center;
    background-color: var(--sales-mint);
    background-size: 71.42%;
    border-radius: 100%;
    margin-bottom: 30px;
    margin-left: auto;
}

.sub .products-list .title {
    color: var(--bk-00);
    font-size: var(--f28-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub .products-list .txt {
    margin-top: 8px;
    color: var(--bk-22);
    font-size: var(--f20-size);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.sub .products-list .txt span {
    display: block;
    margin-top: 4px;
    color: var(--gray-63);
    font-size: clamp(14px, 0.8333vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.sub .products-list .text-sect::before,
.sub .products-list .link-btn,
.sub .products-list .text-sect * {
    position: relative;
    z-index: 2;
    transition: all 0.4s ease-in-out;
}

.sub .products-list .hover-sect:hover .link-btn,
.sub .products-list .hover-sect:hover .text-sect * {
    color: var(--wh-ff);
}

.sub .products-list .hover-sect:hover .link-btn {
    background-color: var(--wh-ff);
    color: var(--bk-00);
}

.sub .products-list li:nth-child(2) .hover-sect .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-02_wh.svg);
}

.sub .products-list li:nth-child(3) .hover-sect .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-03_wh.svg);
}

.sub .products-list li:nth-child(4) .hover-sect .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-04_wh.svg);
}

.sub .products-list li:nth-child(5) .hover-sect .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-05_wh.svg);
}

.sub .products-list li:nth-child(6) .hover-sect .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-06_wh.svg);
}

.sub .products-list .hover-sect:hover .text-sect::before {
    background-color: var(--wh-ff);
    background-image: url(/assets/images/sub/products/ico_produtcs-list-01.svg);
}

.sub .products-list li:nth-child(2) .hover-sect:hover .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-02.svg);
}

.sub .products-list li:nth-child(3) .hover-sect:hover .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-03.svg);
}

.sub .products-list li:nth-child(4) .hover-sect:hover .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-04.svg);
}

.sub .products-list li:nth-child(5) .hover-sect:hover .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-05.svg);
}

.sub .products-list li:nth-child(6) .hover-sect:hover .text-sect::before {
    background-image: url(/assets/images/sub/products/ico_produtcs-list-06.svg);
}

.sub.talent-philosophy .pt100.pb100 {
    background: url(/assets/images/sub/career/hr-policy/talent-philosophy-bg-img.webp) no-repeat center;
    background-size: cover;
}

.sub.talent-philosophy .txt-40 {
    color: var(--wh-ff);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub.ethical-principle .inner,
.sub.ceo-message .inner,
.sub.why-kt-mns section:has(.comp-list) .inner,
.sub.talent-philosophy .inner {
    max-width: 1490px;
}

.sub .talent-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 80px;
}

.sub .talent-list>li {
    background: var(--bk-22);
    border-radius: 20px;
    transition: background-color .2s;
}

.sub .talent-list .cont {
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 50px 60px;
    color: var(--wh-ff);
}

.sub .talent-list .cont::before {
    content: attr(data-keyword);
    text-transform: capitalize;
    display: block;
    color: #00C8C5;
    margin-bottom: 8px;
    font-size: clamp(13px, 0.9375vw, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.sub .talent-list .cont:hover::before {
    color: var(--kt-red);
}

.sub .talent-list .title {
    color: inherit;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.sub .talent-list .cont p {
    color: inherit;
}

.sub .talent-list li:hover {
    background-color: var(--wh-ff);
    color: var(--bk-22);
}

.sub .talent-list li:hover .cont {
    color: var(--bk-22);
}

.sub .talent-list .cont:hover .title {
    color: var(--bk-00);
    border-bottom-color: rgba(0, 0, 0, 0.30);
}

.sub .job-list .photo {
    grid-column: span 2;
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr;
}

.sub .job-list .photo.reverse .cont {
    order: 2;
}

.sub .job-list .cont {
    box-shadow: none;
    border-radius: 20px;
    background: var(--wh-f6);
}

.sub .job-list .title {
    color: var(--bk-00);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 8px;
}

.sub .job-list .title span {
    color: #049A98;
    font-size: clamp(14px, 0.8333vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-left: 12px;
}

.sub .job-list .txt {
    color: var(--bk-36);
    font-weight: 400;
    line-height: 140%;
}

.sub .job-list .text-sect::before {
    content: '';
    display: block;
    width: 8vw;
    height: 8vw;
    max-width: 80px;
    max-height: 80px;
    background: var(--wh-ff) url(/assets/images/sub/career/hr-policy/ico_job-list-01.svg) no-repeat center;
    background-size: 55%;
    border-radius: 100%;
    margin-bottom: 30px;
}

.sub .job-list li:nth-child(2) .text-sect::before {
    background-image: url(/assets/images/sub/career/hr-policy/ico_job-list-02.svg);
}

.sub .job-list li:nth-child(3) .text-sect::before {
    background-image: url(/assets/images/sub/career/hr-policy/ico_job-list-03.svg);
}

.sub .job-list li:nth-child(4) .text-sect::before {
    background-image: url(/assets/images/sub/career/hr-policy/ico_job-list-04.svg);
}

.sub .job-list li:nth-child(5) .text-sect::before {
    background-image: url(/assets/images/sub/career/hr-policy/ico_job-list-05.svg);
}

.sub .job-list li:nth-child(6) .text-sect::before {
    background-image: url(/assets/images/sub/career/hr-policy/ico_job-list-06.svg);
}

.sub .job-list .photo::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/assets/images/sub/career/hr-policy/job-list-img-01.webp) no-repeat center;
    background-size: cover;
    border-radius: 20px;
}

.sub .job-list li.photo:nth-of-type(3):after {
    background-image: url(/assets/images/sub/career/hr-policy/job-list-img-02.webp);
}

.sub .job-list li.photo:nth-of-type(5):after {
    background-image: url(/assets/images/sub/career/hr-policy/job-list-img-03.webp);
}

.sub .info-list>li {
    display: flex;
    padding: 30px 10px 50px 10px;
    border-top: 1px solid #DBDBDB;
}

.sub.direction .info-list>li {
    border-top: none;
    border-bottom: 1px solid var(--gray-e0);
}

.sub .info-list .tit {
    width: 280px;
    color: var(--bk-22);
    font-family: Pretendard;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub .info-list>li .cont {
    flex: 1 1 0;
}

.sub.direction .info-list>li .cont {
    display: flex;
    align-items: center;
}

.sub:not(.direction) .info-list>li .cont * {
    color: var(--bk-36);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.sub.welfare .sub-layout>.cont {
    margin-top: 1rem;
}

.sub.welfare .sub-layout .tit-sect::after {
    margin-top: 20px;
    content: '';
    display: block;
    border-radius: clamp(10px, 1.0417vw, 20px);
    width: 31.2500vw;
    max-width: 600px;
    aspect-ratio: 600/400;
    background: url(/assets/images/sub/career/hr-policy/welfare-img-01.webp) no-repeat center;
    background-size: cover;
}

.sub.welfare .sub-layout:nth-of-type(2) .tit-sect::after {
    background-image: url(/assets/images/sub/career/hr-policy/welfare-img-02.webp)
}

.sub.welfare .sub-layout:nth-of-type(3) .tit-sect::after {
    background-image: url(/assets/images/sub/career/hr-policy/welfare-img-03.webp)
}

.sub.welfare .sub-layout:nth-of-type(4) .tit-sect::after {
    background-image: url(/assets/images/sub/career/hr-policy/welfare-img-04.webp)
}

.sub.vision-core-values .info-list>li {
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.sub.direction .info-list .address {
    color: var(--bk-36);
    font-size: clamp(16px, 1.0417vw, 20px);
}

.sub.direction .info-list>li {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sub.direction .info-list>li {
    padding-top: 50px;
    padding-bottom: 50px;
}


.sub.direction .info-list>li .tit {
    width: 220px;
    color: var(--bk-00);
    display: flex;
    height: fit-content;
    gap: 5px;
    align-items: center;
}

.sub.direction .info-list>li .tit::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(/assets/images/sub/about-us/ico_direction-01.svg) no-repeat center;
    background-size: contain;
}

.sub.direction .info-list>li:nth-child(2)>.tit::before {
    background-image: url(/assets/images/sub/about-us/ico_direction-02.svg);
}

.sub.direction .info-list>li:nth-child(3)>.tit::before {
    background-image: url(/assets/images/sub/about-us/ico_direction-03.svg);
}

.sub.ethical-principle .info-list>li::before,
.sub.vision-core-values .info-list>li::before {
    content: '';
    display: block;
    width: 4.5vw;
    height: 4.5vw;
    max-width: 80px;
    max-height: 80px;
    background: url(/assets/images/sub/about-us/ico_vision-01.svg) no-repeat center;
    background-size: contain;
}

.sub.vision-core-values .info-list>li:nth-child(2):before {
    background-image: url(/assets/images/sub/about-us/ico_vision-02.svg);
}

.sub.vision-core-values .info-list>li:nth-child(3):before {
    background-image: url(/assets/images/sub/about-us/ico_vision-03.svg);
}

.sub.vision-core-values .info-list>li:nth-child(4):before {
    background-image: url(/assets/images/sub/about-us/ico_vision-04.svg);
}

.sub.ethical-principle .info-list>li::before {
    max-width: 76px;
    max-height: 76px;
    margin-right: 30px;
}

.sub.ethical-principle .info-list>li:nth-child(1):before {
    background-image: url(/assets/images/sub/about-us/ico_ethical-principle-01.svg);
}

.sub.ethical-principle .info-list>li:nth-child(2):before {
    background-image: url(/assets/images/sub/about-us/ico_ethical-principle-02.svg);
}

.sub.ethical-principle .info-list>li:nth-child(3):before {
    background-image: url(/assets/images/sub/about-us/ico_ethical-principle-03.svg);
}

.sub.ethical-principle .info-list>li:nth-child(4):before {
    background-image: url(/assets/images/sub/about-us/ico_ethical-principle-04.svg);
}

.sub.ethical-principle .info-list>li:nth-child(5):before {
    background-image: url(/assets/images/sub/about-us/ico_ethical-principle-05.svg);
}

.sub.vision-core-values .info-list .tit {
    font-size: clamp(20px, 1.6667vw, 32px);
    width: fit-content;
    margin: 0 30px 0 20px;
}

.sub.vision-core-values .info-list p {
    font-size: clamp(18px, 1.4583vw, 28px);
}

.sub.ethical-principle .info-list {
    counter-reset: info-counter;
}

.sub.ethical-principle .info-list>li {
    flex-wrap: wrap;
    counter-increment: info-counter;
}

.sub.ethical-principle .info-list .tit {
    font-size: clamp(22px, 1.6667vw, 32px);
    ;
    width: 25vw;
    max-width: 494px;
}

.sub.ethical-principle .info-list .tit::before {
    content: "원칙" counter(info-counter, decimal-leading-zero);
    display: block;
    color: var(--gray-6e);
    font-size: var(--f22-size);
    font-weight: 500;
    line-height: 140%;
}

.sub.ethical-principle .info-list .cont strong {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub.ethical-principle .info-list>li {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sub.ethical-principle .num-list {
    gap: 10px;
}

.sub.ethical-principle .num-list>li {
    padding-left: 2.4rem;
}

.sub.ethical-principle .num-list p {
    font-size: var(--f18-size);
}

.sub.ethical-principle .num-list p::before {
    width: 2.2rem;
    text-align: left;
    content: counter(info-counter) "-" counter(num-list-counter) ".";
}


/* 아코디언 형식 */

.accordion {
    display: flex;
    flex-direction: column;
}

.accordion li>a {
    display: block;
    position: relative;
}

.accordion .answer {
    display: none;
}

.gray-bg:has(.comp-list) {
    background: var(--wh-f6) url(/assets/images/sub/customer-support/open-store/kt-bg-logo.svg) no-repeat left center;
    border-radius: 0;
}

.comp-list {
    margin: 0 auto;
    counter-reset: counter;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 6px 6px 0px 0px #D5DDDD;
}

.comp-list>li {
    counter-increment: counter;
}

.comp-list>li>a {
    padding: 26px 60px;
    border-bottom: 1px solid var(--gray-cc);
    background: #FFF;
    color: var(--bk-18);
    font-size: var(--f28-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.comp-list>li>a {
    padding: 26px 60px;
    border-bottom: 1px solid var(--gray-cc);
    background: #FFF;
    color: var(--bk-18);
    font-size: var(--f28-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.comp-list .answer header::before,
.comp-list>li>a .comp-title::before {
    content: counter(counter, decimal-leading-zero);
    color: #8B8B8B;
    margin-right: 1rem;
}

.comp-list .answer {
    background-color: var(--wh-ff);
    border-bottom: 1px solid var(--gray-cc);
    padding: 50px 60px;
}

.comp-list .answer .flex-box {
    gap: 80px;
}

.comp-list .answer .flex-box::before {
    content: '';
    display: block;
    width: 480px;
    min-height: 290px;
    background: url(/assets/images/sub/customer-support/open-store/comp-list-img-01.webp) no-repeat top;
    background-size: contain;
}

.comp-list>li:nth-child(2) .answer .flex-box::before {
    background-image: url(/assets/images/sub/customer-support/open-store/comp-list-img-02.webp);
}

.comp-list>li:nth-child(3) .answer .flex-box::before {
    background-image: url(/assets/images/sub/customer-support/open-store/comp-list-img-03.webp);
}

.comp-list>li:nth-child(4) .answer .flex-box::before {
    background-image: url(/assets/images/sub/customer-support/open-store/comp-list-img-04.webp);
}


.comp-list .answer .text-sect {
    flex: 1 1 0;
}

.comp-list .answer header {
    color: #000;
    font-size: var(--f40-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.comp-list .answer header::before {
    color: var(--kt-mint);
}

.comp-list .answer strong {
    display: block;
    margin: 20px 0 6px 0;
    color: var(--bk-36);
    font-size: var(--f24-size);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.comp-list .answer p {
    color: var(--bk-36);
    font-size: var(--f18-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.privacy-policy-list,
.faq-list {
    border-top: 2px solid var(--bk-22);
    border-bottom: 2px solid var(--bk-22);
}

.privacy-policy-list li>a,
.faq-list li>a {
    font-size: var(--f22-size);
    color: var(--bk-00);
    font-family: 'NanumSquareNeo';
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 30px 40px;
    padding-right: 4rem;
    border-bottom: 1px solid var(--gray-cc);
}

.privacy-policy-list li:last-child>a,
.faq-list li:last-child>a {
    border-bottom: none;
}

.faq-list .answer p,
.faq-list li>a .faq-title {
    padding-left: 30px;
    position: relative;
}

.faq-list .answer > p:first-of-type::before,
.faq-list li>a .faq-title::before {
    content: 'Q.';
    position: absolute;
    left: 0;
    color: var(--kt-red);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.faq-list .answer > p:first-of-type::before {
    content: 'A.';
    font-family: 'NanumSquareNeo';
    color: var(--sales-mint);
    font-size: var(--f22-size);
}

.comp-list li>a::after,
.privacy-policy-list li>a::after,
.faq-list li>a::after {
    content: '';
    display: block;
    width: 17px;
    height: 30px;
    background: url(/assets/images/common/icon_select.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 40px;
    top: 30px;
    transition: .3s;
}

.comp-list li>a::after {
    width: 34px;
    height: 34px;
    background-image: url(/assets/images/sub/customer-support/open-store/ico_comp-list-arrow.svg);
    right: 60px;
    top: calc(50% - 17px);
}

.privacy-policy-list li.on>a::after,
.faq-list li.on>a::after {
    transform: rotate(180deg);
}

.privacy-policy-list .answer,
.faq-list .answer {
    border-bottom: 1px solid var(--bk-36);
    background-color: var(--wh-f6);
    padding: 30px 40px;
}

.faq-list .answer p *,
.faq-list .answer p {
    font: var(--f20-size) 'Pretendard', sans-serif !important;
    color: var(--bk-36) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 140% !important;
}

.privacy-policy-list .answer .table-wrap::before {
    content: '■ ' attr(data-caption);
}


.privacy-policy-list .answer {
    visibility: visible;
    display: block;
    position: static;
    height: fit-content;
}



/* 아코디언 형식 */

.sub .company_txt p img {
    margin-top: -13px;
    margin-right: 4px;
}

.sub.why-kt-mns .info.flex-box {
    gap: 80px;
}

.sub.why-kt-mns .info.flex-box .left {
    width: 41.6667vw;
    max-width: 800px;
}

.sub.why-kt-mns .info.flex-box .right {
    flex: 1 1 0;
}

.sub.why-kt-mns .info.flex-box .img-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 1.5rem;
}

.sub.why-kt-mns .info.flex-box .img-box .img-sect:first-child {
    width: calc(60% - 15px);
}

.sub.why-kt-mns .info.flex-box .img-box .img-sect:last-child {
    width: calc(40% - 15px);
}

.sub.why-kt-mns .info.flex-box .img-box .img-sect {
    border-radius: 10px;
    overflow: hidden;
}

.sub.why-kt-mns .info.flex-box .img-box .img-sect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub.why-kt-mns .company_txt {
    padding-top: 20px;
}

.sub .tit-layout-01 .tit {
    color: var(--bk-22);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 1.5rem;
}

.sub .tit-layout-01 .text-sect {
    margin-bottom: 60px;
}

.sub .tit-layout-01 .text-sect:last-child {
    margin-bottom: 0;
}

.sub .tit-layout-01 .text-sect p {
    margin-bottom: 20px;
}

.sub .tit-layout-01 .text-sect p:last-child {
    margin-bottom: 0;
}

.sub .tit-layout-01 .tit:has(.big) {
    margin-bottom: 30px;
}

.sub .tit-layout-01 .tit strong {
    font-weight: 700;
}

.sub .tit-layout-01 .tit strong.big {
    display: block;
    font-weight: 600;
    margin-top: 6px;
}

.sub .tit-layout-01 p {
    color: var(--bk-36);
    font-size: var(--f18-size);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.sub .tit-layout-01>p {
    margin-bottom: 20px;
}

.sub .tit-layout-01>p:last-of-type {
    margin-bottom: 0;
}

.sub.ceo-message .tit-layout-01 .img-sect {
    width: 50vw;
    max-width: 800px;
    max-height: 600px;
}

.sub.ceo-message .tit-layout-01 .img-sect img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.sub.ceo-message .tit-layout-01 .text-sect {
    flex: 1 1 0;
    padding-left: 80px;
    display: flex;
    flex-direction: column;
}

.sub.ceo-message .tit-layout-01 .tit {
    font-weight: 600;
}

.sub.ceo-message .ceo-name {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: end;
}

.sub.ceo-message .ceo-name strong,
.sub.ceo-message .ceo-name p {
    color: var(--bk-18);
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}

.sub.ceo-message .ceo-name .name {
    font-family: 'KyoboHandwriting2020A';
    font-weight: 400;
}

.sub .news-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}

.sub .news-list>li div {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sub .news-list>li div:hover .img img {
    transform: scale(1.1);
}

.sub .news-list>li .img {
    height: 260px;
    overflow: hidden;
}

.sub .news-list>li .img img {
    height: 100%;
    transition: .3s;
}

.sub .news-list>li .txt_wrap {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    padding: 30px;
    background-color: var(--wh-f6);
}

.sub .news-list>li .txt_wrap .title {
    font-size: clamp(18px, 1.0417vw, 20px);
    font-weight: 500;
    color: #222;
    line-height: 1.5;
    min-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sub .news-list>li .txt_wrap p {
    height: 100%;
    margin-top: 20px;
    font-size: clamp(15px, 0.8854vw, 17px);
    color: #222;
    line-height: 1.5;
    min-height: 6em;
    max-height: 9em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.sub .news-list>li .txt_wrap time {
    font-size: clamp(14px, 0.8333vw, 16px);
    text-align: right;
    display: block;
    margin-top: 40px;
    color: #636363;
}

.sub.brand-identity .color-box,
.sub.brand-identity .logo-box {
    gap: 20px;
}

.sub.brand-identity .color-box>*,
.sub.brand-identity .logo-box>* {
    flex: 1;
}

.sub.brand-identity .logo-box {
    margin-top: 30px;
}

.sub.brand-identity .logo-box>* {
    border-radius: 10px;
    height: 25vw;
    max-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub.brand-identity .logo-sect img {
    width: 20vw;
    max-width: 300px;
}

.sub.brand-identity .logo-box>.grid {
    border: 1px solid var(--gray-cc);
    background: url(/assets/images/sub/about-us/brand-identity-ci-bg.webp) no-repeat center;
}

.sub.brand-identity .logo-box>.solid.black {
    background-color: var(--bk-00);
}

.sub.brand-identity .logo-box>.solid.green {
    background-color: #48B36B;
}

.sub.brand-identity .color-box-sect {
    margin-top: 40px;
    flex-direction: row-reverse;
    align-items: center;
}

.sub.brand-identity .color-box-sect>* {
    width: 50%;
}

.sub.brand-identity .color-box-sect .text-sect {
    padding-left: 80px;
}

.sub.brand-identity .color-box>* {
    border-radius: 10px;
    height: 18vw;
    max-height: 260px;
    display: flex;
    justify-content: end;
    align-items: end;
}

.sub.brand-identity .color-box p {
    text-transform: capitalize;
    margin-top: auto;
    color: var(--wh-ff);
    font-size: clamp(16px, 1.4583vw, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.sub.brand-identity .color-box>.red {
    background-color: var(--kt-red);
}

.sub.brand-identity .color-box>.black {
    background-color: var(--kt-blk);
}

.sub.direction .root_daum_roughmap,
.sub.direction .map-sect {
    width: 100%;
}

.sub.direction .root_daum_roughmap .wrap_map {
    height: 37.5vw !important;
    max-height: 600px !important;
}

.sub.direction .root_daum_roughmap .wrap_controllers,
.sub.direction .root_daum_roughmap .cont .section_address {
    display: none;
}

.sub .location-list>li {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.sub .location-list>li:last-child {
    margin-bottom: 0;
}

.sub .location-list strong {
    display: inline-block;
    min-width: 96px;
    padding: 6px 16px;
    border: 1px solid #E0960D;
    border-radius: 9999px;
    text-align: center;
    color: inherit;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.sub .location-list p {
    color: var(--bk-36);
    line-height: 2em;
    min-height: 2em;
}

.sub .location-list strong[data-load="분당선"] {
    color: #E0960D;
    border-color: #E0960D;
}

.sub .location-list strong[data-load="신분당선"] {
    color: #C80606;
    border-color: #C80606;
}

.sub .location-list strong[data-load="광역"] {
    color: #DD2929;
    border-color: #DD2929;
}

.sub .location-list strong[data-load="직행"] {
    color: #EE6E13;
    border-color: #EE6E13;
}

.sub .location-list strong[data-load="일반"] {
    color: #2A5806;
    border-color: #2A5806;
}

.sub .location-list strong[data-load="마을"] {
    color: #29B20E;
    border-color: #29B20E;
}

.sub .location-list strong[data-load="급행"] {
    color: #CE0505;
    border-color: #CE0505;
}

.sub.ethics-management .company_txt p {
    font-weight: 500;
}

.sub.ethics-management .company_txt p~p {
    margin-top: 20px;
}

.sub.ethics-report .company_txt p {
    display: block;
}

.sub.ethics-report section .text-sect>strong {
    display: block;
    color: var(--bk-22);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 20px;
    margin-top: 30px;
}

.sub.ethics-report .dot-list {
    gap: 10px;
}

.sub.ethics-report .dot-list p {
    color: var(--bk-36);
}

.sub.ethics-report .dot-list strong,
.sub.ethics-report .dot-list a {
    font-weight: 400;
}

.dot-list p strong::after {
    margin-left: 3px;
}

.sub.ethics-report .dot-list a {
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.17em;
}

/* 개인정보처리방침 */

.sub.privacy-policy .common-btn {
    padding-left: 40px;
    padding-right: 40px;
}

.sub.privacy-policy .common-btn.mint {
    margin-left: auto;
    margin-right: 20px;
}

.sub.privacy-policy .sect-subtit {
    margin-bottom: 40px;
}

.sub.privacy-policy .gray-bg .tit {
    margin-bottom: 20px;
}

.sub.privacy-policy .info .flex-box {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    gap: 16px 0;
    margin-bottom: 20px;
}

.sub.privacy-policy .info .dot-list {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end;
    color: var(--bk-36);
}

.sub.privacy-policy .info .dot-list>p {
    margin-right: 60px;
}

.sub.privacy-policy .info .dot-list>p::before {
    content: '*';
    width: auto;
    height: auto;
    background-color: transparent;
    top: auto;
}

.sub .privacy-label::before {
    content: '일반 개인정보 수집';
    text-indent: -999em;
    display: block;
    width: 6vw;
    height: 6vw;
    max-width: 100px;
    max-height: 100px;
    background: url(/assets/images/sub/privacy/ico_privacy-01.svg) no-repeat center;
    background-size: 78px;
}

.sub .privacy-label.label01::before {
    content: '일반 개인정보 수집';
    background-image: url(/assets/images/sub/privacy/ico_privacy-01.svg);
}

.sub .privacy-label.label02::before {
    content: '개인정보 처리목적';
    background-image: url(/assets/images/sub/privacy/ico_privacy-02.svg);
}

.sub .privacy-label.label03::before {
    content: '개인정보의 보유 기간';
    background-image: url(/assets/images/sub/privacy/ico_privacy-03.svg);
}

.sub .privacy-label.label04::before {
    content: '개인정보의 제공';
    background-image: url(/assets/images/sub/privacy/ico_privacy-04.svg);
}

.sub .privacy-label.label05::before {
    content: '처리위탁';
    background-image: url(/assets/images/sub/privacy/ico_privacy-05.svg);
}

.sub .privacy-label.label06::before {
    content: '고충처리부서';
    background-image: url(/assets/images/sub/privacy/ico_privacy-06.svg);
}

.sub .privacy-label.label07::before {
    content: '개인정보의 파기';
    background-image: url(/assets/images/sub/privacy/ico_privacy-07.svg);
}

.sub .privacy-label.label08::before {
    content: '정보주체의 권리';
    background-image: url(/assets/images/sub/privacy/ico_privacy-08.svg);
}

.sub .privacy-label.label09::before {
    content: '법정대리인의 권리와 의무';
    background-image: url(/assets/images/sub/privacy/ico_privacy-09.svg);
}

.sub .privacy-label.label10::before {
    content: '개인정보의 자동 수집 장치 설치·운영';
    background-image: url(/assets/images/sub/privacy/ico_privacy-10.svg);
}

.sub .privacy-label.label11::before {
    content: '안정성 확보조치 사항';
    background-image: url(/assets/images/sub/privacy/ico_privacy-11.svg);
}

.sub .privacy-label.label12::before {
    content: '개인정보 보호 인증';
    background-image: url(/assets/images/sub/privacy/ico_privacy-12.svg);
}

.sub .privacy-label.label13::before {
    content: '권익 침해 방지 기관안내';
    background-image: url(/assets/images/sub/privacy/ico_privacy-13.svg);
}

.sub .privacy-label.label14::before {
    content: '개인정보 보호책임자 지정 및 현황';
    background-image: url(/assets/images/sub/privacy/ico_privacy-14.svg);
}

.sub .privacy-label.label15::before {
    content: '법 제25조에 따른 영상정보처리기기';
    background-image: url(/assets/images/sub/privacy/ico_privacy-15.svg);
}

.sub .privacy-label.label16::before {
    content: '처리방침의 변경';
    background-image: url(/assets/images/sub/privacy/ico_privacy-16.svg);
}

.sub .privacy-label-list {
    counter-reset: privacy-label-counter;
    gap: 30px;
}

.sub .privacy-label-list>li {
    padding: 26px 20px;
    border-radius: 10px;
    border: 1px solid var(--gray-cc);
    background: var(--wh-ff);
    counter-increment: privacy-label-counter;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 200px;
}

.sub .privacy-label-list .cont {
    flex: 1 1 0;
}

.sub .privacy-label-list .tit {
    display: block;
    font-family: 'NanumSquareNeo';
    color: var(--bk-00);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.sub .privacy-label-list .tit::before {
    content: counter(privacy-label-counter, decimal-leading-zero);
    color: var(--gray-b9);
    margin-right: .5rem;
}

.privacy-policy-list li>a {
    font-size: clamp(17px, 1.2500vw, 24px);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.privacy-policy-list .answer {
    display: flex;
    flex-direction: column;
    background-color: var(--wh-ff);
}

.privacy-policy-list .answer * {
    line-height: 1.5;
    font-size: var(--f18-size);
    font-size: clamp(14px, 0.9375vw, 18px);
    color: var(--bk-36);
}

.privacy-policy-list .answer strong {
    font-weight: 500;
}

.privacy-policy-list .answer,
.privacy-policy-list .answer .num-list {
    gap: 20px;
}

.privacy-policy-list .answer .dot-list {
    gap: 4px;
}

.privacy-policy-list .answer>ol li>ol {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 20px;
    margin-top: 10px;
}

.privacy-policy-list .answer>ol li>.hangul-list:has(.dot-list) {
    gap: 10px;
}

.privacy-policy-list .answer .num-list:last-of-type {
    margin-bottom: 0;
}

.privacy-policy-list .label-box {
    flex: 1 1 0;
    display: flex;
    margin-left: 10px;
}

.privacy-policy-list .label-box .privacy-label::before {
    width: 40px;
    height: 40px;
    background-size: contain;
}

.privacy-policy-list li .privacy-policy-title {
    display: flex;
    max-width: 80%;
}

.privacy-policy-list {
    counter-reset: chapter-number;
}

.privacy-policy-list>li {
    counter-increment: chapter-number;
}


.privacy-policy-list>li .privacy-policy-title::before {
    content: "제" counter(chapter-number, decimal-leading-zero) "장 ";
    margin: 0;
    margin-right: 5px;
}

.privacy-policy-list .table-wrap.common-table {
    margin-top: 20px;
}

.privacy-policy-list .answer .explain2 {
    margin-top: 20px;
    width: fit-content;
}

.privacy-policy-list .answer .table-wrap .explain2.center {
    margin: 0 auto;
}

.privacy-policy-list .table-wrap.common-table .left {
    text-align: left;
}

.num-list {
    counter-reset: num-list-counter;
    display: flex;
    flex-direction: column;
}

.num-list>li {
    counter-increment: num-list-counter;
    position: relative;
    padding-left: 1.2em;
}

.num-list>li>p::before {
    position: absolute;
    left: 0;
    top: auto;
    content: counter(num-list-counter) ".";
    text-align: center;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    display: inline-block;
}

.hangul-list li {
    list-style-type: ganada;
}


@counter-style ganada {
    system: fixed;
    symbols: '가' '나' '다' '라' '마' '바' '사' '아' '자' '차' '카' '타' '파' '하';
}

.privacy-policy-list .answer button,
.privacy-policy-list .answer a {
    font-weight: 500;
    color: #3c69c4;
    display: inline-block;
}

.privacy-policy-list .answer button:focus,
.privacy-policy-list .answer a:focus,
.privacy-policy-list .answer button:active,
.privacy-policy-list .answer a:active,
.privacy-policy-list .answer button:hover,
.privacy-policy-list .answer a:hover {
    text-decoration: underline;
}

.privacy-policy-list .answer .table-wrap a {
    display: block;
}

.privacy-policy-list .answer .table-wrap a {
    display: block;
}

.popup-overlay.privacy-popup table th,
.popup-overlay.privacy-popup table td {
    /* height: 66px; */
}

.privacy-policy-list .table-wrap.common-table table th,
.privacy-policy-list .table-wrap.common-table table td {
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}

.privacy-policy-list .answer .dot-list>p,
.privacy-policy-list .table-wrap.common-table table th,
.privacy-policy-list .table-wrap.common-table table td {
    --f18-size: clamp(14px, 0.9375vw, 18px);
    /* padding-top: 27px; */
    /* padding-bottom: 27px; */
}

.privacy-policy-list .table-wrap.common-table table td span {
    font-size: inherit;
}

.privacy-policy-list .answer .common-table a:not(.common-btn),
.privacy-policy-list .answer .common-table button:not(.common-btn) {
    text-decoration: underline;
}

.privacy-popup#privacyPolicy_store_popup .popup-title {
    border-color: transparent;
    margin-bottom: 0;
}

.email-policy .gray-bg::before {
    content: '';
    display: block;
    margin-bottom: 40px;
    width: 100%;
    height: 51px;
    background: url(/assets/images/sub/privacy/ico_email-policy.svg) no-repeat center;
    background-size: contain;
}

.email-policy .gray-bg strong,
.email-policy .gray-bg p {
    color: var(--bk-22);
    font-weight: 400;
}

.email-policy .gray-bg .dot-list {
    margin-top: 20px;
}

.email-policy .gray-bg .dot-list p strong,
.email-policy .gray-bg .dot-list p {
    text-align: center;
    font-weight: 500;
    padding: 0;
}

.email-policy .dot-list>p::before {
    display: none;
}

/* 개인정보처리방침 */

@media screen and (max-width:1800px) {

    .privacy-policy-list .answer,
    .privacy-policy-list li>a {
        padding: 1.2rem .5rem;
    }

    .accordion.privacy-policy-list li>a::after {
        top: calc(50% - 15px);
        right: .5rem;
    }

    .privacy-policy-list .label-box .privacy-label::before {
        width: 2rem;
        height: 2rem;
    }

    .privacy-policy-list .answer {
        gap: 1rem;
    }

    .privacy-policy-list .answer .num-list {
        gap: .5rem;
    }

    .privacy-policy-list .table-wrap.common-table {
        margin-top: .5rem;
    }

    .privacy-policy-list .answer .pt20 {
        padding-top: .3rem;
    }

    .privacy-policy-list .answer .explain2,
    .privacy-policy-list .answer .table-wrap::before {
        color: var(--gray-63);
        font-size: var(--f14-size);
    }

    .privacy-policy-list .answer .explain2 {
        margin-top: .5rem;
    }

    .privacy-policy-list .answer .dot-list>p {
        padding-left: .5rem;
    }

    .privacy-policy-list .answer .dot-list>p::before {
        top: 10px;
    }
}

@media screen and (max-width:1600px) {

    .sub .sub-layout .tit-sect,
    .sub .sub-layout.w800 .tit-sect {
        width: 40vw;
    }

    .sub .sub-layout>.cont,
    .sub .sub-layout.w800>.cont {
        width: calc(100% - 40vw);
    }

    .sub .info-list .tit {
        width: 160px;
    }
}

@media screen and (max-width:1400px) {

    main.view .board_tit_wrap {
        width: 100%;
    }

    main.view .board_tit_wrap .board_tit .status_wrap {
        justify-content: start;
        margin-bottom: auto;
    }

    main.view .board_tit_wrap .board_tit .status_wrap::before {
        height: 34px;
        margin: 0 1rem;
    }

    .sub.why-kt-mns .info.flex-box {
        gap: 60px;
    }

    .sub.why-kt-mns .info.flex-box .left {
        width: 50vw;
        max-width: none;
    }

    .sub.why-kt-mns .info.flex-box .img-box {
        gap: 16px;
        margin-top: .5rem;
    }

    .sub.why-kt-mns .info.flex-box .img-box .img-sect:first-child {
        width: calc(60% - 8px);
    }

    .sub.why-kt-mns .info.flex-box .img-box .img-sect:last-child {
        width: calc(40% - 8px);
    }

    .sub .news-list {
        gap: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }

}

@media screen and (max-width:1200px) {

    .play-btn {
        width: 90px;
        height: 90px;
        background-size: 50px;
    }


    .sub .job-list .photo,
    .sub .job-list,
    .sub .products-list {
        gap: 2rem;
    }

    .sub .privacy-label-list>li,
    .sub .job-list .cont,
    .sub .products-list .cont {
        padding: 1.5rem;
    }

    .sub .talent-list>li {
        border-radius: .75rem;
    }

    .sub .job-list .cont,
    .sub .talent-list .cont,
    .sub .products-list .cont {
        padding: 1.5rem;
    }

    .comp-list .answer .flex-box::before {
        width: 300px;
        background-size: 80%;
        min-height: auto;
        height: 200px;
        background-color: var(--wh-f6);
        background-position: center;
        border-radius: 10px;
    }

    .sub.ceo-message .tit-layout-01 .text-sect {
        padding-left: 40px;
    }

    .sub.brand-identity .color-box-sect .text-sect {
        padding-left: 40px;
    }

    .sub .privacy-label-list {
        grid-template-columns: 1fr 1fr;
    }

    .sub .privacy-label-list .privacy-label::before {
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    .sub .privacy-label-list>li {
        min-height: auto;
        flex-direction: column;
        gap: .5rem;
    }

    .sub .privacy-label-list .cont {
        width: 100%;
        text-align: center;
    }

    .sub .privacy-label-list .tit {
        margin-bottom: 1rem;
    }

}

@media screen and (max-width:1024px) {

    .pd40 {
        padding: 24px;
    }

    .pd30 {
        padding: 20px;
    }

    .pt80,
    .pt100 {
        padding-top: 60px;
    }

    .pb80,
    .pb100 {
        padding-bottom: 60px;
    }

    .board_content .notice-article,
    .board_content .content-html {
        padding-left: .6rem;
        padding-right: .6rem;
    }

    .kt-red.bidding-list-ment {
        padding: 30px .6rem;
        padding-left: 1.5rem;
    }

    .kt-red.bidding-list-ment::before {
        left: 0;
    }

    .sub .sub-layout.block .tit-sect {
        margin-bottom: 30px;
    }

    .sub .sub-layout.block .sect-subtit+* {
        margin-top: .8rem;
    }

    .sub .sect-subtit.txt-40,
    .sub.privacy-policy .sect-subtit {
        margin-bottom: 1.5rem;
    }

    .common-popup {
        padding: 30px;
    }

    .common-popup .popup-title {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .common-form .group.file-group .form-title {
        line-height: 1.4;
    }

    .common-form .file label button.file-btn {
        width: 70px;
        font-size: var(--f15-size);
    }

    .file-wrap~.more {
        margin-left: 11px;
    }

    .common-form .form-subject,
    .common-form span,
    .common-form p {
        font-size: 16px;
    }

    .common-form .center_wrap,
    main:has(.common-form) .btn_wrap {
        margin: 30px 0;
    }

    .sub.brand-identity .btn_wrap.line,
    .sub.ethics-management .btn_wrap.line,
    .btn_wrap.line {
        padding-top: 30px;
    }

    .sub_title.no-visual .txt-32 {
        font-size: var(--f26-size)
    }

    main.view .file_wrap {
        padding: 1.2rem;
        margin-top: 1.2rem;
    }

    main.view .file_wrap a.down i::before {
        width: 1rem;
        height: 1rem;
    }

    main.view .file_wrap a.down i::after {
        margin: 0 .5rem;
    }

    .tab_top_wrap:has(.srch_wrap.common) {
        flex-direction: column;
        align-items: start;
        gap: .5rem;
    }

    .srch_wrap.common {
        max-width: 100%;
    }

    .common-form .center_wrap .group {
        display: flex;
        padding: 24px 10px;
    }

    .common-form .fieldset-tit-box.flex-box,
    .common-form .flex-box:not(:has(input#price)) {
        flex-direction: column;
        align-items: start;
    }

    .sub .status.notice,
    .sub .status {
        margin: 0;
        padding: .25rem 1rem;
        font-size: var(--f18-size);
    }

    .sub .status.notice {
        margin-bottom: 8px;
    }

    .table-wrap table thead th,
    .table-wrap table th,
    .table-wrap table td {
        padding: 15px;
    }

    .table-wrap.board th,
    .table-wrap.board table td {
        padding: 12px;
    }


    main.list .table-wrap td:has(.common-btn),
    main.list .table-wrap td:has(time),
    main.list .table-wrap td:has(.status),
    .table-wrap.board table td {
        padding: 0 12px;
    }

    .bidding-list .table-wrap td:has(time)~td:has(time) {
        padding-top: 3px;
    }

    .table-wrap.responsive .table-box-body {
        overflow-x: scroll;
    }

    .table-wrap.board table colgroup,
    .table-wrap.board table th,
    .table-wrap.board table td {
        display: block;
    }

    .privacy-policy-list .table-wrap.common-table table th {
        padding: 8px 0;
    }

    .privacy-policy-list .table-wrap.common-table table th[scope="row"] {
        padding: 4px 0;
    }

    .privacy-policy-list .table-wrap.common-table table td {
        padding: 5px 8px;
    }

    .notices .table-wrap table td {
        height: fit-content;
    }

    .table-wrap.board table td {
        text-align: left;
    }

    .table-wrap.board table td.num:not(:has(.notice)) {
        display: none;
    }

    .bidding-list .table-wrap.board td:has(time),
    .sub .status.notice span,
    .table-wrap.board td time,
    .job-openings .table-wrap.board td:has(.countdown) time {
        font-size: var(--f14-size);
    }

    .bidding-list .table-wrap.board td:has(time),
    .table-wrap.board td time,
    .job-openings .table-wrap.board td:has(.countdown) time {
        color: var(--gray-63);
    }

    .bidding-list .table-wrap.board td:has(time)::before {
        content: '등록일';
        color: #888;
        margin-right: .5rem;
    }

    .bidding-list .table-wrap.board td:nth-child(4):has(time)::before {
        content: '입찰기간';
    }

    .bidding-list .table-wrap.board tbody tr {
        position: relative;
    }

    .bidding-list .table-wrap.board td:has(.status) {
        position: absolute;
        left: auto;
        bottom: 20px;
    }

    .bidding-list .table-wrap.board td:has(.status.end) {
        position: static;
        padding-top: 1.5rem;
    }

    .sub .btn_wrap.flex-box {
        gap: 1.5rem;
        margin-top: 40px;
    }

    .sub .btn_wrap .btn_list,
    .common-btn {
        min-width: 130px;
        padding: .8rem 1rem;
    }

    .common-btn.go-link {
        min-width: 240px;
        padding: .8rem 2rem;
    }

    .popup-overlay .common-btn {
        min-width: auto;
        padding: .5rem .8rem;
    }

    .popup-overlay.privacy-popup table th {
        height: 40px;
    }

    .popup-overlay.privacy-popup table td {
        height: fit-content;
    }

    .popup-overlay.privacy-popup table p {
        font-size: var(--f14-size);
        padding-left: 0;
    }

    .sub.brand-identity .common-btn.line,
    .sub.ethics-management .common-btn.line,
    .btn_wrap .common-btn:only-child {
        min-width: 200px;
    }

    .bidding-list .table-wrap.board .common-btn.link {
        margin-right: 0;
    }

    .bidding-list .table-wrap.board td:has(.common-btn.link) {
        padding-top: 1.5rem;
    }

    .job-openings .table-wrap.board table colgroup,
    .job-openings .table-wrap.board table th,
    .job-openings .table-wrap.board table td {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .bidding-list .table-wrap.board table th:not(:nth-child(2)),
    .notices .table-wrap.board table th:not(:nth-child(2)),
    .table-wrap.board table .view,
    .job-openings .table-wrap.board table th:not(:first-child) {
        display: none;
    }

    .job-openings .table-wrap.board tr {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .job-openings .table-wrap.board tbody tr {
        padding: 1rem 0;
        gap: 6px;
    }

    .table-wrap.board tbody tr {
        display: block;
        padding: 1rem 0;
    }

    .table-wrap.board td:has(.table-title) {
        padding: .2rem 0 1rem 12px;
    }

    .job-openings .table-wrap.board .table-wrap.board table td.numtd {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .job-openings .table-wrap.board td.level {
        font-size: var(--f16-size);
        color: var(--gray-63);
        order: 1;
    }

    .job-openings .table-wrap.board td:has(.table-title) {
        padding: 0;
        order: 2;
    }

    .job-openings .table-wrap.board .table-title {
        padding-left: 0;
        text-align: center;
    }

    .job-openings .table-wrap.board td:has(.countdown) {
        order: 3;
        display: block;
        text-align: center;
    }

    .job-openings .table-wrap.board td:has(.countdown) p {
        width: 100%;
        text-align: center;
    }

    .job-openings .table-wrap.board td:has(.status) {
        order: 4;
    }

    .sub.products .gray-bg {
        background-size: 70%;
    }

    .sub .talent-list .title {
        padding-bottom: .8rem;
        margin-bottom: 1.2rem;
    }

    .sub.direction .info-list>li,
    .sub.ethical-principle .info-list>li {
        padding: 30px 0;
    }

    .sub.vision-core-values .info-list>li,
    .sub .info-list>li {
        padding: 20px 0;
    }

    .sub .info-list .tit {
        width: 100px;
        font-size: var(--f16-size);
        padding-right: 1.5rem;
    }

    .sub.vision-core-values .info-list .tit {
        margin: 0;
        margin-left: 1rem;
    }

    .sub.direction .info-list>li .tit::before {
        width: 2.2rem;
        height: 2.2rem;
    }

    .sub.direction .info-list>li .tit {
        font-size: 20px;
        width: 180px;
    }

    .sub .location-list strong {
        min-width: 90px;
    }

    .sub .location-list p {
        line-height: 1.4;
        min-height: auto;
    }

    .faq-list .answer,
    .faq-list li>a {
        padding: 1.2rem 1rem;
    }

    .faq-list li>a {
        padding-right: 3rem;
    }

    .faq-list .answer > p,
    .faq-list li>a .faq-title {
        padding-left: 2rem;
    }

    .accordion li>a::after {
        top: 15px;
        right: 1.5rem;
    }

    .sub .company_txt p img {
        margin-top: -6px;
    }

    .sub.why-kt-mns .company_txt {
        padding-top: 60px;
    }

    .sub.why-kt-mns .info.flex-box {
        flex-direction: column;
        gap: 30px;
    }

    .sub.why-kt-mns .info.flex-box .left {
        width: 100%;
    }

    .comp-list>li>a {
        padding: 1.5rem 25px;
    }

    .comp-list li>a::after {
        height: 30px;
        top: 1.5rem;
    }

    .comp-list .answer {
        padding: 2rem 1.5rem;
    }

    .comp-list .answer .flex-box {
        gap: 30px;
    }

    .sub.ceo-message .tit-layout-01 {
        flex-direction: column;
    }

    .sub.ceo-message .tit-layout-01 .img-sect {
        width: 100%;
        max-width: none;
        max-height: none;
    }

    .sub.ceo-message .tit-layout-01 .text-sect {
        padding-left: 0;
        padding-top: 20px;
    }

    .sub.vision-core-values section:nth-child(2).sub-layout:not(:has(.info-list)) .cont::after,
    .sub.vision-core-values .sub-layout:not(:has(.info-list)) .cont::after {
        border-radius: 8px;
        overflow: hidden;
        min-height: 230px;
    }

    .sub .news-list {
        grid-template-columns: 1fr 1fr;
    }

    .sub .news-list>li .txt_wrap time {
        margin-top: 20px;
    }

    .sub.brand-identity .logo-box {
        margin-top: 1.5rem;
    }

    .sub.brand-identity .color-box-sect {
        flex-direction: column;
        gap: 1.5rem;
    }

    .sub.brand-identity .color-box-sect>* {
        width: 100%;
    }

    .sub.brand-identity .color-box-sect .text-sect {
        padding-left: 0;
    }

    .sub.brand-identity .color-box-sect .text-sect .pc-br {
        display: none;
    }

    .sub.brand-identity .color-box>* {
        aspect-ratio: auto;
        height: 170px;
    }

    .sub.ethical-principle .info-list>li::before {
        width: 50px;
        height: 50px;
    }

    .privacy-popup .table-wrap.common-table td {
        padding: 6px 0;
        font-size: var(--f15-size);
    }

    .privacy-popup#privacyPolicy_popup .table-wrap.common-table td {
        padding: 8px;
    }

    .sub.privacy-policy .info .flex-box {
        flex-direction: column;
        align-items: start;
    }

    .sub.privacy-policy .info .dot-list {
        flex-direction: column;
        align-items: start;
        gap: 6px;
    }

    .sub.privacy-policy .info .dot-list>p,
    .sub.privacy-policy .common-btn:first-of-type {
        margin: 0;
    }

    .sub.privacy-policy .flex-box .dot-list> :nth-child(1) {
        order: 1;
    }

    .sub.privacy-policy .flex-box .dot-list> :nth-child(2) {
        order: 3;
    }

    .sub.privacy-policy .flex-box .dot-list> :nth-child(3) {
        order: 2;
        margin-bottom: 1rem;
    }

    .sub.privacy-policy .flex-box .dot-list> :nth-child(4) {
        order: 4;
    }
}

@media screen and (max-width:768px) {

    .error-page .error-code {
        font-weight: 700;
        margin-bottom: .5rem;
        -webkit-text-stroke-width: 1.5px;
    }

    .error-page .common-btn.go-link {
        min-width: auto;
        margin-top: 40px;
    }

    .video-sect .play-btn {
        width: 80px;
        height: 80px;
        background-size: 44px;
    }

    .common-popup {
        padding: 20px;
    }

    .common-popup .popup-title {
        font-size: 20px;
    }

    .common-popup .popup-cont {
        max-height: 60vh;
    }

    .common-popup .popup-cont .gray-bg {
        padding: 1rem;
    }

    .common-popup .popup-close {
        width: 32px;
        height: 32px;
        right: 0;
        top: -42px;
    }

    .pc-br {
        display: none;
    }

    .mob-br {
        display: block;
    }

    .table-wrap .status {
        min-width: auto;
    }

    main.view .board_tit_wrap .board_tit:has(> h1) {}

    main.view .board_tit_wrap .board_tit:has(> h1)::after {
        right: 5px;
    }

    main.view.job-openings .board_tit_wrap .board_tit:has(> h1) {
        flex-direction: column-reverse;
        gap: .5rem;
    }

    main.view.job-openings .board_tit_wrap .board_tit:has(> h1)::after {
        top: 46px;
        right: -10px;
    }

    main.view .board_tit_wrap .board_tit .status_wrap::before {
        display: none;
    }

    main.view .board_tit_wrap .board_tit>h1 {
        max-width: none;
    }

    main.view .file_wrap a.down i {
        text-indent: -9999em;
    }

    main.view .file_wrap a.down i::before {
        width: 1.2rem;
        height: 1.2rem;
    }

    main.view .file_wrap a.down i::after {
        display: none;
    }

    .sub .sub-layout {
        flex-direction: column;
        gap: 1.5rem;
    }

    .sub .sub-layout.w800 .tit-sect,
    .sub .sub-layout.w800>.cont,
    .sub .sub-layout .tit-sect,
    .sub .sub-layout>.cont {
        width: 100%;
    }

    .sub.welfare .sub-layout>.cont {
        margin-top: 0;
    }

    .sub .news-list,
    .sub .privacy-label-list,
    .sub .job-list .photo,
    .sub .job-list,
    .sub .talent-list,
    .sub .products-list {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .sub .news-list {
        grid-template-columns: 1fr;
    }

    .sub .job-list .photo {
        grid-template-columns: 1fr;
        grid-column: auto;
    }

    .sub .job-list .photo::after {
        display: none;
    }

    .sub .job-list .txt,
    .sub .products-list .txt {
        font-size: var(--f18-size);
    }

    .sub .job-list .text-sect::before,
    .sub .products-list .text-sect::before {
        width: 70px;
        height: 70px;
    }

    .sub .job-list .text-sect::before {
        margin-bottom: 1.5rem;
    }

    .sub .talent-list {
        margin-top: 40px;
    }

    .sub.welfare .sub-layout .tit-sect::after {
        margin-top: .8rem;
        max-width: none;
        width: 100%;
        aspect-ratio: auto;
        height: 180px;
    }

    .comp-list .answer {
        padding: 1.5rem;
    }

    .comp-list .answer .flex-box {
        flex-direction: column;
        gap: 1.2rem;
    }

    .comp-list .answer .flex-box::before {
        width: 100%;
        height: 140px;
        background-size: 180px;
        border-radius: 8px;
    }

    .sub.company-overview .company_txt p~p {
        flex-direction: column;
        gap: 2px;
    }

    .sub.company-overview .company_txt p img {
        margin: 0;
    }

    .sub.vision-core-values section:nth-child(2).sub-layout:not(:has(.info-list)) .cont::after,
    .sub.vision-core-values .sub-layout:not(:has(.info-list)) .cont::after {
        background-size: 120%;
        min-height: 200px;
    }

    .sub.vision-core-values .info-list>li::before {
        width: 40px;
        height: 40px;
    }

    .sub.brand-identity .color-box,
    .sub.brand-identity .logo-box {
        gap: 1rem;
    }

    .sub.brand-identity .color-box>*,
    .sub.brand-identity .logo-box>* {
        border-radius: 8px;
    }

    .sub.direction .root_daum_roughmap .wrap_map {
        height: 260px !important;
    }

    .sub.direction .info-list>li {
        padding: 20px 0;
        flex-direction: column;
        gap: 30px;
    }

    .sub.direction .info-list>li .tit {
        font-size: 18px;
        width: 100%;
    }

    .sub .location-list>li {
        margin-bottom: 1.5rem;
    }

    .sub .location-list>li strong,
    .sub .location-list>li p {
        font-size: var(--f15-size);
    }

    .sub .location-list>li strong {
        padding: 5px 15px;
        min-width: 80px;
    }

    .sub.ethical-principle .info-list>li::before {
        margin: 0;
        width: 60px;
        height: 60px;
    }

    .sub.ethical-principle .info-list>li {
        align-items: center;
        gap: 1.5rem;
    }

    .sub.ethical-principle .info-list .tit {
        max-width: none;
        width: calc(100% - 1.5rem - 60px);
    }

    .sub.ethical-principle .info-list .tit::before {
        font-size: var(--f14-size);
    }

    .sub.privacy-policy .info .flex-box {
        flex-direction: column;
        align-items: start;
    }

    .sub.privacy-policy .info .dot-list {
        flex-direction: column;
        align-items: start;
        gap: 6px;
    }

    .sub .privacy-label-list {
        grid-template-columns: 1fr;
    }

    .sub.privacy-policy .common-btn {
        width: 100%;
    }

    .privacy-policy-list li>a {
        padding-right: 2.5rem;
    }

    .privacy-policy-list .label-box {
        justify-content: end;
    }

    .email-policy .gray-bg::before {
        height: 3rem;
        margin: 1rem 0 2rem 0;
    }
}

@media screen and (max-width:600px) {

    /* .btn_wrap .common-btn {
        flex: 1;
    }

    .btn_wrap .common-btn:only-child {
        flex: auto;
    } */

    .sub .btn_wrap.flex-box {
        flex-direction: column;
    }

    .common-form .center_wrap .group {
        display: block;
    }

    .common-form .center_wrap .group .num.biz-num .num3,
    .common-form .center_wrap .group .num.biz-num .num2,
    .common-form .center_wrap .group .num.biz-num .num1,
    .common-form .center_wrap .group .num,
    .common-form .center_wrap .group input {
        width: 100%;
    }

    .sub .job-list,
    .sub .talent-list,
    .sub .products-list {
        grid-template-columns: 1fr;
    }

    .sub:not(.direction) .info-list>li .cont * {
        font-size: var(--f14-size);
    }

    .sub.ethical-principle .info-list .cont strong {
        font-size: 17px;
        margin-bottom: .8rem;
    }

    .sub.ethical-principle .num-list {
        gap: 5px;
    }

    .sub.ethical-principle .num-list>li {
        padding-left: 2.2rem;
    }

    .sub.ethical-principle .num-list p::before {
        width: 2rem;
    }
}

@media screen and (max-width:540px) {
    
    .tab_top_wrap:has(.recruit-filters) .recruit-filters {
        width: 100%;
        margin-left: 0;
    }

    .sub.brand-identity .logo-box {
        flex-direction: column;
    }

    .sub.brand-identity .logo-box>* {
        flex: auto;
        width: 100%;
        aspect-ratio: auto;
        height: 43vw;
    }

    .sub.brand-identity .logo-sect img {
        width: 38vw;
    }

    .sub.brand-identity .color-box>* {
        padding: 14px;
        height: 30vw;
    }

    .privacy-policy-list .answer,
    .privacy-policy-list li>a {
        padding: 1rem 0;
    }

    .privacy-policy-list li>a {
        padding-right: 2rem;
        flex-direction: column;
        gap: .8rem;
    }

    .accordion.privacy-policy-list li>a::after {
        top: 12px;
    }

    .privacy-policy-list .label-box,
    .privacy-policy-list li .privacy-policy-title {
        max-width: none;
        width: 100%;
        justify-content: start;
        margin: 0;
    }

    .privacy-policy-list li .privacy-policy-title {
        font-size: var(--f16-size);
    }

    .privacy-policy-list .label-box .privacy-label::before {
        width: 28px;
        height: 28px;
    }
}