@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700&display=swap');
.underline {width: 100%; border: 1px solid #454545; margin-top:60px; margin-bottom:23px}
.content-box.price {display: flex; flex-direction: column; justify-content: center; font-family: 'Noto Sans KR', sans-serif; color: #1A1A1A; margin-bottom: 36px;}
.content-box.price table {width: 100%; border-collapse: collapse; table-layout: fixed}
.content-box.price table, .content-box.price th, .content-box.price td {border: 1px solid #dcdcdc}
.content-box.price th, .content-box.price td {text-align: center; padding: 0; vertical-align: middle}
.content-box.price thead th {height: 73px; font-size: 20px; font-weight: bold; background-color: #F9FAFC}
.content-box.price tbody td {height: 75px; font-size: 18px; white-space: nowrap; font-weight: 400}
.content-box.price thead .sub-header th {height: auto; font-size: 18px; font-weight: normal}
.content-box.price :not(.guide) th:nth-child(1), .content-box.price :not(.guide) td:nth-child(1) {width: 150px; font-weight: bold; background-color: #F9FAFC}
.content-box.price th:nth-child(7), .content-box.price td:nth-child(7) {line-height: 1.2}
.content-box.price .large-font {font-size: 20px; font-weight: bold}
.content-box.price .th-td th {font-size: 18px; font-weight: 400; background-color: #FFF; height: 64px;}
.content-box.price .th-td th.null-th {border-bottom: none; background-color: #F9FAFC;}
.content-box.price .content-td {border-top: none; padding-bottom:130px; background-color: #F9FAFC}
.price-item {width: 120px;}
.price-sub-item {width: 185px;}
.content-box.price tr:nth-child(2) th:nth-child(2) {height: 51px; width: 360px;}
.content-box.price .th-td th {width: 185px;}
.content-box.price table.guide {border: none; border-top: 1px solid #454545; border-bottom: 1px solid #454545; margin: 0 20px; width: calc(100% - 40px); margin: 0 auto; max-width: 1250px; margin-top: 60px; margin-bottom: 100px;     table-layout: fixed;}
.content-box.price table.guide .w90 {width: 90px; max-width: 90px; font-size: 18px;}
.content-box.price table.guide .th-td th {font-weight: 700 !important;}
.content-box.price table.guide .left-clear {border: 1px solid #dcdcdc; border-left: none; width: 150px;}
.no-background {background-color: transparent !important; font-weight: 400 !important;}
.guide-head {height: 75px; font-size: 17px;}
.guide-head:not(.no-background) {border-top: 1px solid #454545 !important;}
.border-top {border-top: 1px solid #454545;}

.content-box.price table.guide.mobile td {border: none !important;}
.content-box.price table.guide.mobile tr {border: 1px solid #dcdcdc !important;}


@media screen and (max-width: 800px) {
    .underline {margin-top: 28px; margin-bottom: 18px;}
    .content-box.price .mobile-head {height: 115px;}
    .content-box.price tbody td {font-weight: 400 !important;}
    .mobile-price-sub-item {background-color: transparent !important; font-weight: 400 !important;}
    #mobile-salary-cost {max-height: 500px;}
    .content-box.price table.guide .w90 {  background-color: transparent;  width: 33vw; max-width: 100%; font-size: 15px;}
}

.waiting-box { font-family: 'Noto Sans KR', sans-serif;}
.waiting-box .last-update {font-size: 18px; color: #BE9C65; font-weight: 100; text-align: right; margin-bottom: 14px; margin-top: 30px; display: block;}
.waiting-box .update-info {font-size: 18px; color: #7A7A7A; font-weight: 100; text-align: right; margin-top:20px; margin-bottom: 10px; display: block;}

.waiting-box table {width: 100%; border-collapse: collapse; table-layout: fixed}
.waiting-box table thead tr th {font-size: 24px; color: #BE9C65; font-weight: 700; border: 1px solid #dcdcdc; height: 90px; vertical-align: middle; background-color: #F9FAFC;}
.waiting-box table tbody tr td {font-size: 28px; color: #1A1A1A; font-weight: 700; border: 1px solid #dcdcdc; text-align: center; padding: 29px 0;}

@media screen and (max-width: 800px) {
 .waiting-box table thead tr th{font-size: 16px; height: 54px;}
    .waiting-box table tbody tr td {font-size: 20px; height: 54px;}

    .waiting-box .last-update {font-size: 13px;}
    .waiting-box .update-info {font-size: 12px; color: #1A1A1A;}
}

@media screen and (max-width: 800px) { .mobile {display: block; transform-origin: left top;} .pc {display: none !important;} }
@media screen and (min-width: 800px) { .mobile {display: none !important;} .pc {display: block;} }

