.message .visual .bg {
    background: url("/assets/images/career/message/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.message .intro ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
    width: 100%;
    gap: 2.4rem;
}

.message .intro ul li {
    position: relative;
}

.message .intro ul li.active .txt-group p {
    visibility: visible;
    opacity: 1;
    transition: all 300ms ease;
}

.message .intro ul li:first-child {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: center;
    grid-column: 1/-1;
    margin-bottom: 12rem;
    gap: 2.4rem;
}

.message .intro ul li:first-child>div {
    position: relative;
    max-width: 46.4rem;
}

.message .intro ul li:first-child .txt-group {
    flex: 1;
    max-width: 100%;
    text-align: center;
    color: var(--base-text-color);
}

.message .intro ul li:first-child .txt-group .txt {
    position: static;
    margin-bottom: 3.6rem;
    gap: 0;
}

.message .intro ul li:first-child .txt-group .txt strong {
    margin-bottom: 2.4rem;
    font-size: 4rem;
}

.message .intro ul li:first-child .txt-group .txt span {
    font-size: 2rem;
    font-weight: 500;
    color: var(--primary-color);
}

.message .intro ul li:first-child .txt-group p {
    position: static;
    visibility: visible;
    padding: 0;
    font-size: 2rem;
    background: none;
    backdrop-filter: none;
    opacity: 1;
}

.message .intro ul li img {
    border-radius: 1.2rem;
    overflow: hidden;
}

.message .intro ul .mo-txt {
    position: absolute;
    right: 3.6rem;
    bottom: 3.6rem;
    left: 3.6rem;
    display: none;
    flex-flow: column;
    color: var(--white-color);
    gap: 0.6rem;
}

.message .intro ul .mo-txt strong {
    font-size: 2.4rem;
}

.message .intro ul .mo-txt span {
    font-size: 1.6rem;
}

.message .intro ul .txt-group {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
}

.message .intro ul .txt-group .txt {
    position: absolute;
    right: 4.8rem;
    bottom: 4.8rem;
    left: 4.8rem;
    display: flex;
    flex-flow: column;
    gap: 0.6rem;
}

.message .intro ul .txt-group .txt strong {
    font-size: 2.8rem;
}

.message .intro ul .txt-group .txt span {
    font-size: 1.8rem;
    font-weight: 500;
}

.message .intro ul .txt-group p {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    visibility: hidden;
    flex-flow: column;
    justify-content: center;
    padding: 4.8rem;
    border-radius: 1.2rem;
    font-size: 1.8rem;
    background: rgba(17, 22, 26, 0.48);
    backdrop-filter: blur(4.8rem);
    opacity: 0;
    gap: 1.2rem;
}

.message .with {
    color: var(--white-color);
    background: #11161A url("/assets/images/career/message/bg_with.png") 50% 50%/cover no-repeat;
}

.message .with .inner {
    min-height: 100vh;
}

.message .with ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 7.2rem;
    gap: 2.4rem;
}

.message .with ul li {
    flex: 1 1 35rem;
    padding: 4.8rem;
    border-radius: 1.2rem;
    box-sizing: border-box;
}

.message .with ul li:first-child {
    background-color: var(--primary-color);
}

.message .with ul li:first-child a {
    color: var(--white-color);
}

.message .with ul li:first-child a:focus {
    outline-color: var(--white-color);
}

.message .with ul li:last-child {
    background-color: var(--white-color);
}

.message .with ul li:last-child a {
    color: var(--bg-color-5);
}

.message .with ul a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
}

.message .with ul .txt-group {
    display: flex;
    flex: 1;
    flex-flow: column;
    font-size: 1.8rem;
    gap: 1.2rem;
}

.message .with ul .txt-group strong {
    font-size: 3.2rem;
}

.message .with ul .move {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background-color: var(--white-color);
}

.message .with ul .move.white {
    background-color: var(--primary-color);
}

.message .with ul .move.white .arrow {
    background-color: var(--white-color);
}

.message .with ul .move .arrow {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    mask-image: url("/assets/images/icons/icon_arrow_circle2.svg");
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: contain;
}

.message .with ul .txt-mo {
    display: none;
}

.interview .visual .bg {
    background: url("/assets/images/career/interview/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.interview .inner {
    justify-content: flex-start;
}

.interview .thumbnail-wrap {
    width: 100%;
}

.interview .thumbnail-wrap .title-mediumL {
    margin-bottom: 2.4rem;
}

.interview .thumbnail-wrap ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(28rem, 100%), 1fr));
    gap: 2.4rem;
}

.interview .thumbnail-wrap ul li {
    position: relative;
}

.interview .thumbnail-wrap ul a {
    display: block;
    border-radius: 1.2rem;
    overflow: hidden;
}

.interview .thumbnail-wrap ul a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.8rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(104, 8, 34, 0) 0%, rgba(104, 8, 34, 0.84) 100%);
}

.interview .thumbnail-wrap ul .txt {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    left: 2.4rem;
    z-index: 100;
    display: flex;
    flex-flow: column;
    color: var(--white-color);
    gap: 0.6rem;
}

.interview .thumbnail-wrap ul .txt strong {
    font-size: 2.6rem;
}

.interview .thumbnail-wrap ul .txt span {
    font-size: 1.8rem;
    font-weight: 500;
}

.wow .visual .bg {
    background: url("/assets/images/career/wow/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.wow .program .desc-large {
    margin-top: 2.4rem;
    margin-bottom: 7.2rem;
}

.wow .program .info+.info {
    margin-top: 7.2rem;
}

.wow .program .cover {
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
}

.wow .program .cover picture {
    display: block;
}

.wow .program .cover .txt {
    position: absolute;
    top: 3.6rem;
    right: 3.6rem;
    left: 3.6rem;
    color: var(--white-color);
}

.wow .program .cover .txt strong {
    font-size: 3.6rem;
}

.wow .program .cover .txt p {
    margin-top: 1.2rem;
    font-size: 1.8rem;
}

.wow .program .txt-group {
    display: grid;
    grid-template-columns: 36.8rem 1fr;
    width: 100%;
    margin: 4.8rem 0;
    gap: 2.4rem;
}

.wow .program .txt-group .subject {
    font-size: 2.4rem;
}

.wow .program .txt-group ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.4rem;
}

.wow .program .txt-group ul strong {
    position: relative;
    font-size: 1.8rem;
}

.wow .program .txt-group ul p {
    margin-top: 0.8rem;
    font-size: 1.6rem;
    color: var(--gray-color-5);
}

.wow .program .txt-group+.txt-group {
    margin-bottom: 0;
    padding-top: 4.8rem;
    border-top: 0.1rem solid var(--gray-color-1);
}

.wow .knowledge {
    background-color: var(--bg-color-2);
}

.wow .knowledge .title {
    text-align: center;
}

.wow .knowledge .desc-large {
    margin-top: 2.4rem;
    text-align: center;
    color: var(--gray-color-5);
}

.wow .knowledge .list {
    width: 100%;
    margin-top: 7.2rem;
}

.wow .knowledge .list li {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.wow .knowledge .list li:not(:first-child) {
    margin-top: 2.4rem;
}

.wow .knowledge .list li:nth-of-type(1) .txt-group {
    background: #FFF0D2;
}

.wow .knowledge .list li:nth-of-type(2) .txt-group {
    background: #FBDCEC;
}

.wow .knowledge .list li:nth-of-type(3) .txt-group {
    background: #D0EDFF;
}

.wow .knowledge .subject {
    display: flex;
    flex: 1 1 34.1rem;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    padding: 3rem 4.8rem;
    border-radius: 1.2rem;
    background-color: var(--white-color);
    gap: 1.2rem;
}

.wow .knowledge .subject strong {
    font-size: 2.8rem;
}

.wow .knowledge .txt-group {
    display: grid;
    flex: 1 1 70rem;
    grid-template-columns: auto 1fr;
    padding: 3rem 4.8rem;
    border-radius: 1.2rem;
    background-color: var(--white-color);
    gap: 2.4rem;
}

.wow .knowledge .icon-box-list li {
    flex: 1 1 34rem;
}

.wow .story-list {
    background-color: var(--white-color);
}

.benefit .visual .bg {
    background: url("/assets/images/career/benefit/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.benefit .title {
    margin-bottom: 2.4rem;
}

.benefit .benefit-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7.2rem;
    gap: 0 2.4rem;
}

.benefit .benefit-list ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.4rem;
    row-gap: 14.4rem;
}

.benefit .benefit-list li {
    flex: 1 1 calc(50% - 2.4rem);
}

.benefit .benefit-list li:nth-of-type(2) {
    margin-top: 20rem;
}

.benefit .benefit-list li:nth-of-type(3) {
    margin-top: -20rem;
}

.benefit .benefit-list li img {
    margin-bottom: 2.4rem;
}

.benefit .benefit-list li h4 {
    margin-bottom: 1.6rem;
    font-size: 3.2rem;
}

.benefit .benefit-list li dl dt {
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.benefit .benefit-list li dl dd {
    font-size: 1.6rem;
    color: var(--gray-color-5);
}

.benefit .benefit-list li dl dd:not(:last-of-type) {
    margin-bottom: 1.6rem;
}

.benefit2 .visual .bg {
    background: url("/assets/images/career/benefit2/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.benefit2 ul {
    width: 100%;
    margin-top: 7.2rem;
}

.benefit2 ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4rem;
}

.benefit2 ul li:not(:last-of-type) {
    margin-bottom: 2.4rem;
}

.benefit2 ul li picture {
    width: 36.8rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

.benefit2 ul li dl {
    flex: 1;
    padding: 1.2rem;
}

.benefit2 ul li dl dt {
    margin-bottom: 0.8rem;
    font-size: 2rem;
    font-weight: 700;
}

.benefit2 ul li dl dd {
    font-size: 1.8rem;
    font-weight: 400;
    color: var(--gray-color-5);
}

.benefit2 ul li dl dd:not(:last-of-type) {
    margin-bottom: 2.4rem;
}

.job-info .visual .bg {
    background: url("/assets/images/career/jobInfo/bg_visual.jpg") 50% 50%/cover no-repeat;
}

.job-info .sub-container-form .tab-panels>div>div.inner {
    justify-content: flex-start;
}

.job-info .title {
    margin-bottom: 2.4rem;
}

.job-info .process .title,
.job-info .process .desc-large {
    text-align: center;
}

.job-info .process ul {
    width: 100%;
    margin: 7.2rem 0 4.8rem;
}

.job-info .process ul li {
    position: relative;
    width: 50%;
    padding-bottom: 2.4rem;
    box-sizing: border-box;
}

.job-info .process ul li .title-small {
    display: block;
    margin: 0.8rem 0;
    font-weight: 500;
}

.job-info .process ul li .desc {
    color: var(--gray-color-5);
}

.job-info .process ul li::before {
    content: "";
    position: absolute;
    top: 0;
    width: 4.8rem;
    height: 4.8rem;
}

.job-info .process ul li:not(:last-of-type)::after {
    content: "";
    position: absolute;
    top: 1rem;
    width: 0.1rem;
    height: 100%;
    background: rgba(224, 8, 66, 0.24);
}

.job-info .process ul li:nth-of-type(odd) {
    padding-right: 4rem;
    text-align: right;
}

.job-info .process ul li:nth-of-type(odd)::before {
    right: -2.4rem;
}

.job-info .process ul li:nth-of-type(odd)::after {
    right: 0;
}

.job-info .process ul li:nth-of-type(even) {
    margin-left: auto;
    padding-left: 4rem;
}

.job-info .process ul li:nth-of-type(even)::before {
    left: -2.4rem;
}

.job-info .process ul li:nth-of-type(even)::after {
    left: 0;
}

.job-info .process ul li:nth-child(1)::before {
    background: url("/assets/images/career/jobInfo/step01.png") 50% 50%/cover no-repeat;
}

.job-info .process ul li:nth-child(2)::before {
    background: url("/assets/images/career/jobInfo/step02.png") 50% 50%/cover no-repeat;
}

.job-info .process ul li:nth-child(3)::before {
    background: url("/assets/images/career/jobInfo/step03.png") 50% 50%/cover no-repeat;
}

.job-info .process ul li:nth-child(4)::before {
    background: url("/assets/images/career/jobInfo/step04.png") 50% 50%/cover no-repeat;
}

.job-info .process ul li:nth-child(5)::before {
    background: url("/assets/images/career/jobInfo/step05.png") 50% 50%/cover no-repeat;
}

.job-info .welfare {
    background-color: var(--bg-color);
}

.job-info .welfare ul {
    width: 100%;
    margin-top: 7.2rem;
}

.job-info .welfare ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4rem;
}

.job-info .welfare ul li:not(:last-of-type) {
    margin-bottom: 2.4rem;
}

.job-info .welfare ul li picture {
    width: 36.8rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

.job-info .welfare ul li dl {
    flex: 1;
    padding: 1.2rem;
}

.job-info .welfare ul li dl dt {
    margin-bottom: 0.8rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.job-info .welfare ul li dl dd {
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--gray-color-5);
}

.job-info .welfare ul li dl dd:not(:last-of-type) {
    margin-bottom: 2.4rem;
}

.job-info .interview .inner {
    justify-content: center;
}

.job-info .interview .swiper {
    width: 100%;
    overflow: visible;
}

.job-info .interview ul {
    display: flex;
    justify-content: flex-start;
    margin: 7.2rem 0;
    gap: 2.4rem;
}

.job-info .interview ul li {
    position: relative;
    flex: 1 0 calc(33.33% - 4.8rem);
}

.job-info .interview ul a {
    position: relative;
    display: block;
    border-radius: 1.2rem;
    overflow: hidden;
}

.job-info .interview ul a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.8rem;
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(17, 22, 26, 0) 0%, rgba(17, 22, 26, 0.84) 100%);
}

.job-info .interview ul .txt-group {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    left: 2.4rem;
    z-index: 100;
    display: flex;
    flex-flow: column;
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--white-color);
    gap: 0.4rem;
}

.job-info .interview ul .txt-group strong {
    font-size: 2.6rem;
    font-weight: 700;
}

.job-info .interview ul .txt-group strong span {
    font-size: 1.8rem;
    font-weight: 400;
}

.job-info .btn-filter-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.6rem;
}

.job-info .btn-filter-wrap a {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    gap: 0.8rem;
}

.job-info .btn-filter-wrap a.active::after {
    background-color: var(--primary-color);
}

.job-info .btn-filter-wrap a::after {
    content: "";
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--gray-color-1) url("/assets/images/icons/icon_check.svg") 50% 50%/1.2rem no-repeat;
}

.job-info .job-open-list {
    width: 100%;
    margin-top: 7.2rem;
}

.job-info .job-open-list .total-count {
    display: flex;
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    color: var(--gray-color-5);
    gap: 0.4rem;
}

.job-info .job-open-list .total-count span {
    font-weight: 500;
    color: var(--primary-color);
}

.job-info .job-open-list ul {
    border-top: 0.1rem solid var(--gray-color-1);
}

.job-info .job-open-list ul:has(.no-data:only-child) {
    border: none;
}

.job-info .job-open-list ul li {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr 10.8rem;
    grid-template-rows: auto auto;
    padding: 3.6rem 0;
    border-bottom: 0.1rem solid var(--gray-color-1);
    gap: 1.2rem;
}

.job-info .job-open-list ul li.no-data {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 54.4rem;
    border: none;
    color: var(--gray-color-4);
    gap: 0;
}

.job-info .job-open-list ul li.no-data::before {
    content: "";
    width: 4.8rem;
    height: 4.8rem;
    background: url("/assets/images/icons/icon_warning.svg") 50% 50%/cover no-repeat;
}

.job-info .job-open-list ul li strong {
    display: block;
    grid-column: 1/2;
    font-size: 1.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.job-info .job-open-list ul li p {
    grid-column: 1/2;
    color: var(--gray-color-5);
}

.job-info .job-open-list ul li .btn {
    grid-column: 2;
    grid-row: 1/3;
    min-height: 4.8rem;
    font-size: 1.4rem;
}

.job-info .job-detail-View .detaill-head {
    position: relative;
    display: grid;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 7.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 0.1rem solid var(--gray-color-1);
}

.job-info .job-detail-View .detaill-head strong {
    display: block;
    grid-column: 1/1;
}

.job-info .job-detail-View .detaill-head p {
    grid-column: 2/1;
    color: var(--gray-color-5);
}

.job-info .job-detail-View .detaill-head p em {
    display: inline-block;
}

.job-info .job-detail-View .detaill-head p em:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 1.6rem;
    margin: 0.1rem 0.8rem 0;
    background-color: var(--gray-color-1);
    vertical-align: top;
}

.job-info .job-detail-View .detaill-head .date {
    grid-column: 2/3;
    font-size: 1.4rem;
    color: var(--gray-color-5);
}

.job-info .job-detail-View .detaill-head .uniq {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 1.2rem;
}

.job-info .job-detail-View .detaill-head .uniq button {
    width: 3.8rem;
    height: 3.8rem;
    text-indent: 100%;
    white-space: nowrap;
    background-size: 3.8rem 3.8rem;
    overflow: hidden;
}

.job-info .job-detail-View .detaill-head .uniq button.share {
    background: url("/assets/images/icons/icon_share.svg") no-repeat 50% 50%;
}

.job-info .job-detail-View .detaill-head .uniq button.download {
    background: url("/assets/images/icons/icon_download2.svg") no-repeat 50% 50%;
}

.job-info .job-detail-View .detail-container {
    padding-bottom: 7.2rem;
    border-bottom: 0.1rem solid var(--gray-color-1);
    line-height: 2.4rem;
}

.job-info .job-detail-View .detail-container img {
    border-radius: 1.2rem;
}

.job-info .job-detail-View .detail-container strong {
    font-size: 2rem;
}

.job-info .job-detail-View .detail-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7.2rem;
    gap: 0 1.2rem;
}

.job-info .accordion-container .accordion.faq-list {
    border: none;
}

.job-info .accordion-container .accordion.faq-list .accordion-container {
    margin: 0;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item {
    border: none;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item:not(:first-child) {
    margin-top: 11.4rem;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item.active>.accordion-button {
    background-color: transparent;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item.active>.accordion-button::before {
    transform: rotate(180deg);
}

.job-info .accordion-container .accordion.faq-list>.accordion-item>.accordion-button {
    position: relative;
    margin-bottom: 1.2rem;
    padding: 0.95rem 4.8rem 0.95rem 0;
    font-size: 2.2rem;
    font-weight: 700;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item>.accordion-button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    background-color: var(--base-text-color);
    mask-image: url("/assets/images/icons/icon_arrow_page.svg");
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: contain;
    transition: transform 300ms ease;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item>.accordion-button::after {
    content: "";
    top: auto;
    bottom: -1.2rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background: var(--gray-color-4);
    transform: none;
}

.job-info .accordion-container .accordion.faq-list>.accordion-item>.accordion-panel {
    padding: 0;
}

.job-info .accordion-container .accordion.faq-sub-list {
    border: none;
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item {
    border-bottom: 0.1rem solid var(--gray-color-1);
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item.active .accordion-panel {
    margin-bottom: 1.2rem;
    padding: 2.4rem;
    background-color: var(--bg-color);
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-button {
    height: 4.8rem;
    margin: 1.2rem 0;
    padding: 1.2rem 0;
    font-size: 1.8rem;
    font-weight: 500;
    background-color: transparent;
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-button::after {
    display: none;
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-button abbr {
    margin-right: 2.4rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--primary-color);
}

.job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-panel {
    padding: 0 2.4rem;
    border-radius: 1.2rem;
    font-size: 1.5rem;
    background-color: transparent;
}

@media screen and (max-width: 1024px) {
    .message .intro ul li:first-child {
        display: block;
        grid-column: auto;
        margin-bottom: 0;
    }

    .message .intro ul li:first-child div {
        max-width: 100%;
    }

    .message .intro ul li:first-child .txt-group {
        text-align: left;
        color: var(--white-color);
    }

    .message .intro ul li:first-child .txt-group .txt {
        position: absolute;
        right: 3.6rem;
        bottom: 3.6rem;
        left: 3.6rem;
        margin-bottom: 0;
        gap: 0.6rem;
    }

    .message .intro ul li:first-child .txt-group .txt strong {
        margin-bottom: 0;
        font-size: 2.4rem;
    }

    .message .intro ul li:first-child .txt-group .txt span {
        font-size: 1.6rem;
        color: var(--white-color);
    }

    .message .intro ul li:first-child .txt-group .txt span:last-child {
        display: none;
    }

    .message .intro ul li:first-child .txt-group p {
        position: absolute;
        visibility: hidden;
        padding: 1.2rem 3.6rem;
        font-size: 1.6rem;
        background: rgba(17, 22, 26, 0.48);
        backdrop-filter: blur(4.8rem);
        opacity: 0;
    }

    .message .intro ul li .txt-group .txt {
        right: 3.6rem;
        bottom: 3.6rem;
        left: 3.6rem;
    }

    .message .intro ul li .txt-group .txt strong {
        font-size: 2.4rem;
    }

    .message .intro ul li .txt-group .txt span {
        font-size: 1.6rem;
    }

    .message .intro ul li .txt-group p {
        padding: 1.2rem 3.6rem;
        font-size: 1.6rem;
    }

    .message .with .title {
        text-align: center;
    }

    .message .with ul li {
        padding: 2.4rem;
    }

    .message .with ul .txt-group {
        font-size: 1.6rem;
    }

    .message .with ul .txt-group strong {
        font-size: 2.4rem;
    }

    .wow .program .txt-group {
        grid-template-columns: 1fr;
    }

    .benefit2 ul {
        margin-top: 3.6rem;
    }

    .benefit2 ul li {
        flex-flow: column;
    }

    .benefit2 ul li:not(:last-of-type) {
        margin-bottom: 7.2rem;
    }

    .benefit2 ul li picture {
        width: 100%;
    }

    .benefit2 ul li dl {
        width: 100%;
        padding: 0;
    }

    .benefit2 ul li dl dt {
        margin-bottom: 0.6rem;
        font-size: 1.8rem;
    }

    .benefit2 ul li dl dd {
        font-size: 1.6rem;
    }

    .job-info .process .title,
    .job-info .process .desc-large {
        text-align: left;
    }

    .job-info .process ul {
        margin: 3.6rem 0;
    }

    .job-info .process ul li {
        width: 100%;
    }

    .job-info .process ul li::before {
        right: auto;
        left: 0;
        width: 3.6rem;
        height: 3.6rem;
    }

    .job-info .process ul li:nth-of-type(odd),
    .job-info .process ul li:nth-of-type(even) {
        margin-left: 0;
        padding: 0 0 3.6rem 4.8rem;
        text-align: left;
    }

    .job-info .process ul li:nth-of-type(odd)::before,
    .job-info .process ul li:nth-of-type(even)::before {
        right: auto;
        left: 0;
    }

    .job-info .process ul li:nth-of-type(odd)::after,
    .job-info .process ul li:nth-of-type(even)::after {
        right: auto;
        left: 1.8rem;
    }

    .job-info .process picture {
        width: 100%;
    }

    .job-info .welfare ul {
        margin-top: 3.6rem;
    }

    .job-info .welfare ul li {
        flex-flow: column;
    }

    .job-info .welfare ul li:not(:last-of-type) {
        margin-bottom: 7.2rem;
    }

    .job-info .welfare ul li picture {
        width: 100%;
    }

    .job-info .welfare ul li dl {
        width: 100%;
        padding: 0;
    }

    .job-info .welfare ul li dl dt {
        margin-bottom: 0.6rem;
    }

    .job-info .interview .title {
        text-align: left;
    }

    .job-info .interview ul {
        justify-content: normal;
        gap: 0;
    }

    .job-info .interview ul li {
        flex: none;
        transition: transform 300ms ease;
        transform: scale(0.8) !important;
    }

    .job-info .interview ul li.swiper-slide-active {
        transform: scale(1) !important;
    }

    .job-info .interview ul .txt-group {
        bottom: 2.4rem;
        left: 2.4rem;
        font-size: 1.6rem;
    }

    .job-info .interview ul .txt-group strong {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 768px) {
    .message .intro ul {
        row-gap: 7.2rem;
    }

    .message .intro ul li div {
        position: relative;
    }

    .message .intro ul li .txt-group .txt {
        display: none;
    }

    .message .intro ul li .txt-group p {
        position: static !important;
        visibility: visible !important;
        margin-top: 2.4rem;
        padding: 0 !important;
        text-align: center;
        color: var(--base-text-color) !important;
        background: none !important;
        backdrop-filter: none !important;
        opacity: 1 !important;
    }

    .message .intro ul .mo-txt {
        display: flex;
    }

    .message .with ul .txt-group {
        font-size: 1.4rem;
    }

    .message .with ul .txt-group strong {
        font-size: 2.2rem;
    }

    .message .with ul .txt-pc {
        display: none;
    }

    .message .with ul .txt-mo {
        display: block;
    }

    .interview .thumbnail-wrap ul {
        column-gap: 1.2rem;
        row-gap: 7.2rem;
    }

    .interview .thumbnail-wrap ul a:after {
        height: 12.6rem;
    }

    .interview .thumbnail-wrap ul .txt strong {
        font-size: 2.2rem;
    }

    .interview .thumbnail-wrap ul .txt span {
        font-size: 1.6rem;
    }

    .wow .program .txt-group ul strong {
        padding-left: 0.8rem;
    }

    .wow .program .txt-group ul strong::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 0.4rem;
        height: 0.4rem;
        background-color: var(--base-text-color);
        transform: translateY(-50%);
    }

    .wow .program .txt-group ul p {
        font-size: 1.4rem;
    }

    .wow .program .cover .txt {
        top: 2.4rem;
        right: 2.4rem;
        left: 2.4rem;
    }

    .wow .program .cover .txt strong {
        font-size: 2.4rem;
    }

    .wow .program .cover .txt p {
        margin-top: 0.8rem;
        font-size: 1.6rem;
    }

    .wow .knowledge .title,
    .wow .knowledge .desc-large {
        text-align: left;
    }

    .wow .knowledge .list li {
        gap: 0;
    }

    .wow .knowledge .list li:nth-of-type(1) .subject {
        background: #FFF0D2;
    }

    .wow .knowledge .list li:nth-of-type(2) .subject {
        background: #FBDCEC;
    }

    .wow .knowledge .list li:nth-of-type(3) .subject {
        background: #D0EDFF;
    }

    .wow .knowledge .subject {
        padding: 2.4rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .wow .knowledge .subject strong {
        font-size: 2.2rem;
    }

    .wow .knowledge .txt-group {
        grid-template-columns: 1fr;
        padding: 0 2.4rem 2.4rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        gap: 0.8rem;
    }

    .wow .knowledge .txt-group p {
        font-size: 1.4rem;
    }

    .benefit .benefit-list ul {
        row-gap: 7.2rem;
    }

    .benefit .benefit-list li {
        flex: 1 1 100%;
    }

    .benefit .benefit-list li:nth-of-type(2) {
        margin-top: 0;
    }

    .benefit .benefit-list li:nth-of-type(3) {
        margin-top: 0;
    }

    .job-info .interview ul a:after {
        height: 10rem;
    }

    .job-info .interview ul .txt-group strong {
        font-size: 1.8rem;
    }

    .job-info .interview ul .txt-group strong span {
        font-size: 1.4rem;
    }

    .job-info .interview ul .txt-group span {
        font-size: 1.4rem;
    }

    .job-info .job-open-list ul li {
        padding: 2.4rem 0;
    }

    .job-info .job-open-list ul li strong {
        font-size: 1.6rem;
    }

    .job-info .job-open-list ul li p {
        font-size: 1.4rem;
    }

    .job-info .job-open-list .total-count {
        margin-bottom: 0.8rem;
        font-size: 1.4rem;
    }

    .job-info .btn-filter-wrap {
        padding: 0 2.4rem;
        gap: 1.2rem;
    }

    .job-info .btn-filter-wrap a {
        font-size: 1.4rem;
    }

    .job-info .job-open-list ul li {
        grid-template-columns: 1fr 4.8rem;
        gap: 0.6rem;
    }

    .job-info .job-open-list ul li.no-data {
        height: 41.2rem;
    }

    .job-info .job-open-list ul li .btn {
        display: block;
        width: 4.8rem;
        height: 4.8rem;
        padding: 0;
        border-radius: 0;
        text-indent: 100%;
        white-space: nowrap;
        background: none;
        overflow: hidden;
    }

    .job-info .job-open-list ul li .btn::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: var(--base-text-color);
        mask-image: url("/assets/images/icons/icon_arrow.svg");
        mask-repeat: no-repeat;
        mask-position: 50% 50%;
        mask-size: contain;
        transition: transform 300ms ease;
        transform: rotate(-90deg);
    }

    .job-info .accordion-container .accordion.faq-list>.accordion-item:not(:first-child) {
        margin-top: 6rem;
    }

    .job-info .accordion-container .accordion.faq-list>.accordion-item>.accordion-button {
        font-size: 2rem;
    }

    .job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-button {
        height: auto;
        margin: 1.6rem 0;
        padding: 0.25rem 0;
        font-size: 1.6rem;
    }

    .job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-button abbr {
        margin-right: 1.2rem;
    }

    .job-info .accordion-container .accordion.faq-sub-list .accordion-item .accordion-panel {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 600px) {
    .job-info .welfare .inner ul li {
        flex-flow: column;
    }

    .job-info .welfare .inner ul li img {
        width: 100%;
    }
}