@media screen and (max-width: 1700px) {
/* ------------------------------------- 공통 ------------------------------------- */


}




@media screen and (max-width: 1500px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 2 */

}




@media screen and (max-width: 1200px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-intro-content {
    flex-direction: column;
}

.about-intro-img {
    width: 100%;
}

.about-intro-text {
    width: 100%;
    padding-top: 0;
}

/* sub1-1 section 2 */

/* ------------------------------------- sub2-3 ------------------------------------- */
.expertise-intro-cards-4 {
    flex-wrap: wrap;
}

.expertise-intro-cards-4 .expertise-intro-card {
    flex: 1 1 calc(50% - 15px);
}

/* ------------------------------------- sub5-1 ------------------------------------- */
.contact-row {
    flex-direction: column;
}

.contact-left {
    width: 100%;
}

.contact-right {
    width: 100%;
}

/* ------------------------------------- sub5-2 ------------------------------------- */
.location-row {
    flex-direction: column;
}

.location-row {
    gap: clamp(20px, 2vw, 30px);
}

.location-map {
    width: 100%;
    height: 50vw;
    min-height: 300px;
}

.location-info-header {
    padding-left: 0;
}

.location-info-title {
    font-size: clamp(20px, 3vw, 26px);
}

}




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

/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-intro-title h3 {
    font-size: clamp(20px, 4vw, 28px);
}

.about-intro-point p {
    font-size: clamp(13px, 2vw, 15px);
}

.about-intro-desc p {
    font-size: clamp(13px, 1.8vw, 15px);
}

/* sub1-1 section 2 */
.about-values-list {
    flex-wrap: wrap;
}

.about-values-item {
    flex: 1 1 50%;
    height: clamp(250px, 35vw, 350px);
}

.about-values-item:nth-child(3) {
    border-left: none;
}

/* ------------------------------------- sub1-4 ------------------------------------- */
/* sub1-4 section 1 */
.careers-life-point {
    font-size: clamp(16px, 2.5vw, 20px);
}

.careers-life-desc p {
    font-size: clamp(13px, 1.8vw, 15px);
}

/* ------------------------------------- sub1-4-1 ------------------------------------- */
/* sub1-4-1 section 1 */
.careers-top-row {
    flex-direction: column;
}

.careers-top-left,
.careers-top-right {
    width: 100%;
}

.careers-top-right {
    padding-top: 0;
}

.careers-top-desc {
    text-align: left;
}

/* sub1-4-1 section 2 */
.careers-info-row {
    flex-direction: column;
    gap: 40px;
}

.careers-info-left,
.careers-info-right {
    width: 100%;
}

.careers-info-content {
    flex-direction: column;
    gap: 15px;
}

/* sub1-4-1 section 3 */
.careers-grid {
    grid-template-columns: repeat(2, 1fr);
}

.careers-grid-bottom {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

/* ------------------------------------- sub2-3 ------------------------------------- */
.expertise-content-row {
    flex-direction: column;
}

.expertise-content-left {
    width: 100%;
}

.expertise-content-right {
    width: 100%;
}

.expertise-intro-cards {
    flex-direction: column;
}

.expertise-process-steps {
    flex-direction: column;
    gap: 12px;
}

.expertise-process-step {
    width: 100%;
}

.expertise-process-arrow img {
    transform: rotate(90deg);
}

.expertise-trust-list {
    flex-direction: column;
}

.expertise-gallery-row {
    flex-direction: column;
}

.expertise-gallery-left {
    width: 100%;
}

.expertise-gallery-right {
    width: 100%;
}

.expertise-service-row,
.expertise-service-reverse {
    flex-direction: column;
}

.expertise-service-img-wrap {
    width: 100%;
}

.expertise-service-reverse .expertise-service-info {
    text-align: left;
    align-items: flex-start;
}

.expertise-service-reverse .expertise-service-num {
    align-self: flex-end;
}

.expertise-service-reverse .expertise-service-img-wrap img {
    margin-left: 0;
}

.expertise-service-num {
    font-size: 50px;
}

.expertise-service-img-deco,
.expertise-service-reverse .expertise-service-img-deco {
    right: 0;
    left: auto;
    top: -15px;
    width: 50%;
    height: 60%;
}

.expertise-service-img-wrap img,
.expertise-service-reverse .expertise-service-img-wrap img {
    width: 85%;
}

.expertise-service-text {
    padding: clamp(10px, 2vw, 20px) 0;
}

/* ------------------------------------- sub1-4-2 ------------------------------------- */
/* sub1-4-2 section 2 */
.careers-recruit-row {
    flex-direction: column;
    gap: 25px;
}

.careers-recruit-cell-right {
    gap: 12px;
}

/* sub1-4-2 section 3 */
.careers-process-circle {
    width: clamp(100px, 20vw, 140px);
    height: clamp(100px, 20vw, 140px);
}

.careers-process-circle span {
    font-size: clamp(12px, 1.8vw, 14px);
}

/* sub1-4-2 section 4 */
.careers-contact-row {
    flex-direction: column;
    gap: 30px;
}

.careers-contact-left {
    flex-direction: column;
    gap: 20px;
}

.careers-contact-method {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid var(--background-color-gray);
    padding-bottom: 15px;
}

/* ------------------------------------- sub5-2 gallery ------------------------------------- */
.location-gallery-arrow img {
    width: 18px;
}

.location-gallery-slide img {
    aspect-ratio: 4 / 3;
    max-height: 50vw;
}

.location-gallery-thumb img {
    max-height: 60px;
}

/* ------------------------------------- sub5-1 ------------------------------------- */
.contact-form-top {
    flex-direction: column;
    gap: 0;
}

.contact-form-label {
    font-size: 16px;
}

.contact-form-notice {
    font-size: 13px;
}

.contact-info-row {
    flex-direction: column;
    gap: 30px;
}

}




@media screen and (max-width: 500px) {
/* ------------------------------------- 공통 ------------------------------------- */

/* ------------------------------------- sub2-3 ------------------------------------- */
.expertise-title {
    font-size: 20px;
}

.expertise-subtitle {
    font-size: 13px;
}

.expertise-desc p {
    font-size: 13px;
}

.expertise-sub-imgs {
    gap: 8px;
}

.expertise-intro-quote {
    font-size: 16px;
}

.expertise-intro-box-title {
    font-size: 16px;
}

.expertise-intro-box-desc {
    font-size: 13px;
}

.expertise-intro-card-title {
    font-size: 16px;
}

.expertise-intro-card-sub {
    font-size: 12px;
}

.expertise-intro-card-icon img {
    width: 30px;
    height: 30px;
}

.expertise-intro-card-box p {
    font-size: 12px;
}

.expertise-service-num {
    font-size: 40px;
}

.expertise-service-eng {
    font-size: 16px;
}

.expertise-service-desc {
    font-size: 13px;
}

.expertise-service-row {
    padding-top: clamp(20px, 3vw, 30px);
}

/* ------------------------------------- sub5-1 ------------------------------------- */
.contact-section-form {
    padding: 40px 0;
}

.contact-form-group input,
.contact-form-group textarea {
    font-size: 13px;
    padding: 8px 0;
}

.contact-form-label {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.contact-form-notice {
    font-size: 12px;
}

.contact-form-agree label {
    font-size: 13px;
}

.contact-submit-btn span {
    font-size: 15px;
}

.contact-info-title {
    font-size: 14px;
}

.contact-info-desc p {
    font-size: 13px;
}

.contact-info-btn span {
    font-size: 13px;
}

.contact-info-btn img {
    width: 14px;
    height: 14px;
}

/* ------------------------------------- sub5-2 ------------------------------------- */
.location-map {
    height: 70vw;
    min-height: 280px;
}

.location-info-title {
    font-size: 20px;
}

.location-info-group-title span {
    font-size: 13px;
}

.location-info-group-content p {
    font-size: 12px;
}

.location-info-label {
    font-size: 12px;
}

.location-info-detail span {
    font-size: 12px;
}

.location-info-link span {
    font-size: 13px;
}

/* ------------------------------------- sub5-2 gallery ------------------------------------- */

.location-gallery-tab {
    font-size: 12px;
    padding: 7px 14px;
}

.location-gallery-slide img {
    aspect-ratio: 4 / 3;
    max-height: 40vw;
}

.location-gallery-thumb img {
    max-height: 45px;
}

.location-gallery-arrow img {
    width: 14px;
}

/* ------------------------------------- sub1-4-2 ------------------------------------- */
/* sub1-4-2 section 2 */
.careers-section-recruit {
    padding: 40px 0 60px;
}

.careers-recruit-title {
    margin-bottom: 20px;
}

.careers-recruit-title p {
    font-size: 16px;
}

.careers-recruit-row {
    gap: 20px;
}

.careers-recruit-label {
    font-size: 13px;
}

.careers-recruit-value p {
    font-size: 12px;
}

/* sub1-4-2 section 3 */
.careers-process-steps {
    flex-direction: column;
    gap: 15px;
}

.careers-process-circle {
    width: 120px;
    height: 120px;
}

.careers-process-circle span {
    font-size: 13px;
}

.careers-process-arrow img {
    width: 20px;
    transform: rotate(90deg);
}

/* sub1-4-2 section 4 */
.careers-contact-method-title {
    font-size: 13px;
}

.careers-contact-method-desc {
    font-size: 12px;
}

.careers-contact-info-item p {
    font-size: 12px;
}

.careers-contact-download span {
    font-size: 13px;
}


/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-section-intro {
    padding: 50px 0;
}

.about-intro-img {
    width: 100%;
}

.about-intro-title h3 {
    font-size: 18px;
}

.about-intro-subtitle {
    font-size: 11px;
}

.about-intro-point p {
    font-size: 13px;
    line-height: 1.7;
}

.about-intro-desc p {
    font-size: 12px;
    line-height: 1.8;
}

/* sub1-1 section 2 */
.about-values-item {
    height: 280px;
}

.about-values-content {
    bottom: 20px;
    left: 20px;
}

.about-values-eng {
    font-size: 16px;
}

.about-values-kor {
    font-size: 12px;
}

.about-values-desc {
    font-size: 11px;
}

/* ------------------------------------- sub1-4 ------------------------------------- */
/* sub1-4 section 1 */
.careers-section-life {
    padding: 40px 0 60px;
}

.careers-life-title {
    font-size: 16px;
}

.careers-life-line {
    height: 25px;
    margin-top: 12px;
}

.careers-life-point {
    font-size: 15px;
}

.careers-life-desc p {
    font-size: 12px;
    line-height: 1.8;
}

.careers-life-buttons {
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.careers-life-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 13px;
}

/* ------------------------------------- sub1-4-1 ------------------------------------- */
/* sub1-4-1 section 1 */
.careers-top-buttons {
    bottom: 15px;
    right: 15px;
    gap: 6px;
}

.careers-top-btn {
    padding: 10px 16px;
    font-size: 12px;
}

.careers-top-point {
    font-size: 16px;
}

.careers-top-desc p {
    font-size: 12px;
    text-align: center;
}

/* sub1-4-1 section 2 */
.careers-info-subtitle {
    font-size: 13px;
}

.careers-info-label-eng {
    font-size: 16px;
}

.careers-info-item {
    flex-direction: column;
    gap: 2px;
}

.careers-info-item-title {
    font-size: 13px;
}

.careers-info-item-desc {
    font-size: 12px;
}

/* sub1-4-1 section 3 */
.careers-grid-apply {
    width: 100%;
    justify-content: center;
    padding: 14px 20px;
}

.careers-grid-slogan {
    font-size: 12px;
    text-align: center;
}

}




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

/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 2 */
.about-values-list {
    flex-direction: column;
}

.about-values-item {
    flex: none;
    height: 260px;
}

.about-values-item + .about-values-item {
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* ------------------------------------- sub1-4-1 ------------------------------------- */
/* sub1-4-1 section 1 : 배경 숨기고 버튼만 세로 배치 */
.careers-top-bg img {
    display: none;
}

.careers-top-buttons {
    position: static;
    flex-direction: column;
    gap: 10px;
}

.careers-top-btn {
    width: 100%;
    padding: 14px 20px;
    font-size: 13px;
    background-color: #f5f3f3;
}

.careers-top-btn-active {
    background-color: #e8e5e3;
}

/* sub1-4-1 section 2 : 세로 라인 제거 */
.careers-info-label {
    border-right: none;
    padding-right: 0;
}

/* sub1-4-1 section 3 : 아이콘 왼쪽, 이미지 오른쪽 재배치 */
.careers-grid {
    grid-template-columns: repeat(2, 1fr);
}

/* 1행: icon(1) → order:1, img(2) → order:2 — 이미 맞음 */
/* 2행: img(5) → order:4, icon(6) → order:3 — 순서 교체 */
.careers-grid-item:nth-child(5) {
    order: 4;
}

.careers-grid-item:nth-child(6) {
    order: 3;
}

/* 3행: img(7) → order:6, icon(8) → order:5는 안 바꿔도 됨 */
/* 전체적으로: 홀수(icon) 왼쪽, 짝수(img) 오른쪽이 되도록 */
.careers-grid-item:nth-child(7) {
    order: 6;
}

.careers-grid-item:nth-child(8) {
    order: 5;
}

/* ------------------------------------- sub1-4-2 ------------------------------------- */
/* sub1-4-2 section 2 */
.careers-recruit-label {
    border-right: none;
    padding-right: 0;
}

.careers-recruit-cell {
    flex-direction: column;
    gap: 6px;
}

.careers-recruit-sub {
    flex-direction: column;
    gap: 4px;
}

/* sub1-4-2 section 3 */
.careers-process-circle {
    width: 90px;
    height: 90px;
}

.careers-process-circle span {
    font-size: 11px;
}

.careers-process-arrow img {
    width: 16px;
}

.careers-top-right{
    align-items: center !important;
}

.careers-top-desc{
    align-items: center !important;
}

}



@media screen and (max-width: 320px) {
/* ------------------------------------- sub1-1 ------------------------------------- */
/* sub1-1 section 1 */
.about-intro-content {
    gap: 20px;
}

/* sub1-1 section 2 */
.about-values-item {
    height: 240px;
}

/* ------------------------------------- sub1-4-1 ------------------------------------- */
/* sub1-4-1 section 1 */
.careers-top-point {
    font-size: 14px;
    text-align: center;
}

.careers-top-desc p {
    font-size: 11px;
    text-align: center;
}

/* sub1-4-1 section 2 */
.careers-info-subtitle {
    font-size: 12px;
}

.careers-info-label-eng {
    font-size: 14px;
}

.careers-info-item-title,
.careers-info-item-desc {
    font-size: 11px;
}

/* sub1-4-1 section 3 */
.careers-grid-icon p {
    font-size: 12px;
}

.careers-grid-apply-text {
    font-size: 12px;
}

.careers-grid-slogan {
    font-size: 11px;
}

/* ------------------------------------- sub1-4-2 ------------------------------------- */
/* sub1-4-2 section 2 */
.careers-recruit-title p {
    font-size: 14px;
}

.careers-recruit-label {
    font-size: 12px;
}

.careers-recruit-value p {
    font-size: 11px;
}

/* sub1-4-2 section 3 */
.careers-process-circle {
    width: 100px;
    height: 100px;
}

.careers-process-circle span {
    font-size: 12px;
}

/* sub1-4-2 section 4 */
.careers-contact-download span {
    font-size: 12px;
}

}