/* Aboutme, Interview, Skills 스타일 */

/* 스크롤 영역 */
.profile-scroll-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #232323;
    padding: 40px;
    box-sizing: border-box;
}

.profile-scroll-content::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

/* 공통 스타일 */
.wholeint {
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
}

.profile-title {
    color: white;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    word-wrap: break-word;
}

.aboutMe-title {
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.about-main {
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    word-wrap: break-word;
    white-space: nowrap;
    display: inline-block;
}

.about-title {
    padding: 4px 8px;
    background: #373737;
    border-radius: 8px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
    position: relative;
    top: 10px;
}

.button-text {
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    word-wrap: break-word;
}

.date-text {
    text-align: left;
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
}

.sub-sub {
    text-align: left;
    color: white;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    word-wrap: break-word;
}

.sub-main {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.subtext {
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    word-wrap: break-word;
}

.subtext-sub {
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    word-wrap: break-word;
}

.certificate {
    flex: 1 1 0;
    text-align: left;
    color: white;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    word-wrap: break-word;
}

/* Education */
.education-container {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: flex;
}

.eduandawards {
    height: 52px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.gnu {
    margin-left: 50px;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 120px;
    display: flex;
}

.gnu-title {
    align-self: stretch;
    height: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.inline-flex-container {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    gap: 48px;
}

.majors {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.date-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.kgitbank-sub {
    align-self: stretch;
    height: 82px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    display: flex;
}

.kgitbank {
    justify-content: flex-start;
    gap: 48px;
    display: flex;
    align-items: flex-start;
}

/* Career */
.career {
    width: 100%;
    margin-top: 100px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
}

.CareerContainer2 {
    margin-left: 110px;
    flex: 1 1 0;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: block;
}

#CareerContainer {
    height: 52px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

/* Certificate */
.certificate1 {
    width: 100%;
    margin-top: 60px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
}

.certificateconatiner2 {
    margin-left: 40px;
    flex: 1 1 0;
    height: 264px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: block;
}

#certificateconatiner {
    height: 52px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.certificate-text {
    width: 300px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.certificate-container {
    width: 300px;
    margin-top: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex;
}

.certificate-sub {
    width: 300px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

/* Awards */
.awardsamd {
    margin-top: 440px;
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
}

.ineter {
    margin-top: 80px;
    align-self: stretch;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
}

.detail-awards {
    flex: 1 1 0;
    margin-left: 95px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    display: inline-flex;
}

.upper-sub {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

/* International Activity */
#internationalActivity {
    width: 240px;
    color: white;
    font-size: 35px;
    font-family: Pretendard, serif;
    font-weight: 700;
    line-height: 52px;
    word-wrap: break-word;
}

#internationalActivityconatiner {
    height: 104px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

/* Interview */
.interview-container {
    width: 100%;
    max-width: 100%;
    margin-top: 80px;
    height: auto;
    min-height: 196px;
    padding: 24px;
    background: #373737;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow-wrap: break-word;
    overflow-x: hidden;
}

.interview-container:first-of-type {
    margin-top: 80px;
}

.interview-question {
    color: white;
    font-size: 40px;
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    line-height: 60px;
    word-wrap: break-word;
}

.interview-answer {
    align-self: stretch;
    color: white;
    font-size: 20px;
    font-family: Pretendard, serif;
    font-weight: 400;
    line-height: 30px;
    word-wrap: break-word;
}

/* Skills */
#high-skill {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
    margin-top: 80px;
    margin-bottom: 80px;
}

.upper-skill-container {
    width: 100%;
    margin-top: 80px;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 80px;
    display: inline-flex;
}

.upper-skill-container:last-of-type {
    margin-bottom: 80px;
}

.skill-container {
    width: 256px;
    height: 52px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    display: flex;
}

.upper-skill-main {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.skill-main {
    flex: 0 1 calc(50% - 20px);
    display: flex;
    align-items: center;
    gap: 16px;
}

.skill-title {
    padding: 8px 16px;
    background: #373737;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 80px;
}

.skill-icon {
    width: 80px;
    margin-right: 10px;
    height: 80px;
    position: relative;
    flex-shrink: 0;
}

.skill-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-left: 20px;
    position: absolute;
    top: 50%;
    left: calc(50% + 20px);
    transform: translateY(-50%);
    text-align: center;
    color: white;
    font-family: Pretendard, serif;
    font-weight: 700;
    font-size: 24px;
}

.skill-image {
    width: 100%;
    height: 100%;
}

.white-icon {
    filter: invert(1) brightness(2);
}

/* break-point */
.break-point {
    display: inline-block;
}

.break-point22 {
    display: inline-block;
}

.first-part {
    display: inline-block;
}

.second-part {
    display: inline-block;
}

.AboutMe-title {
    color: white;
    font-size: 40px;
    font-weight: 700;
    line-height: 52px;
    word-wrap: break-word;
}

/* ========================================
   반응형 미디어 쿼리 (간소화)
   ======================================== */

/* 모바일 (최대 768px) */
@media (max-width: 768px) {
    .profile-scroll-content {
        padding: 20px;
    }
    
    .wholeint {
        gap: 24px;
    }
    
    .profile-title {
        font-size: 28px;
        line-height: 36px;
    }
    
    .about-main {
        font-size: 18px;
        line-height: 24px;
    }
    
    .button-text {
        font-size: 14px;
        line-height: 20px;
    }
    
    .date-text {
        font-size: 16px;
        line-height: 24px;
    }
    
    .sub-sub {
        font-size: 16px;
        line-height: 24px;
    }
    
    .subtext {
        font-size: 16px;
        line-height: 24px;
    }
    
    .subtext-sub {
        font-size: 16px;
        line-height: 24px;
    }
    
    .certificate {
        font-size: 18px;
        line-height: 24px;
    }
    
    /* Education - 모바일에서만 세로 배치 */
    .education-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .gnu {
        margin-left: 0;
        gap: 24px;
    }
    
    .gnu-title {
        height: auto;
        gap: 12px;
    }
    
    .inline-flex-container {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
    
    .kgitbank {
        flex-direction: column;
        gap: 16px;
    }
    
    /* Career */
    .career {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }
    
    .CareerContainer2 {
        margin-left: 0;
        gap: 24px;
    }
    
    /* Certificate */
    .certificate1 {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }
    
    .certificateconatiner2 {
        margin-left: 0;
        height: auto;
        gap: 24px;
    }
    
    .certificate-text,
    .certificate-container {
        width: 100%;
    }
    
    .certificate-sub {
        width: 100%;
    }
    
    /* Awards */
    .awardsamd,
    .ineter {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }
    
    .detail-awards {
        margin-left: 0;
        gap: 24px;
    }
    
    /* International Activity */
    #internationalActivity {
        font-size: 24px;
        line-height: 32px;
        width: auto;
    }
    
    #internationalActivityconatiner {
        height: auto;
    }
    
    /* Interview */
    .interview-container {
        margin-top: 40px;
        padding: 20px;
        min-height: auto;
        gap: 12px;
    }
    
    .interview-container:first-of-type {
        margin-top: 40px;
    }
    
    .interview-question {
        font-size: 24px;
        line-height: 32px;
    }
    
    .interview-answer {
        font-size: 16px;
        line-height: 24px;
    }
    
    /* Skills */
    #high-skill {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .upper-skill-container {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }
    
    .upper-skill-container:last-of-type {
        margin-bottom: 40px;
    }
    
    .skill-container {
        width: 100%;
        height: auto;
    }
    
    .upper-skill-main {
        flex-direction: column;
        gap: 16px;
    }
    
    .skill-main {
        flex: 1;
        width: 100%;
    }
    
    .skill-title {
        height: 60px;
        padding: 6px 12px;
    }
    
    .skill-icon {
        width: 60px;
        height: 60px;
        margin-right: 8px;
    }
    
    .skill-text {
        font-size: 18px;
        margin-left: 16px;
        left: calc(50% + 16px);
    }
}

/* 태블릿 (769px ~ 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .profile-scroll-content {
        padding: 32px;
    }
    
    .wholeint {
        gap: 32px;
    }
    
    .profile-title {
        font-size: 32px;
        line-height: 42px;
    }
    
    .about-main {
        font-size: 20px;
        line-height: 28px;
    }
    
    .button-text {
        font-size: 15px;
        line-height: 22px;
    }
    
    .date-text {
        font-size: 18px;
        line-height: 27px;
    }
    
    .sub-sub {
        font-size: 18px;
        line-height: 27px;
    }
    
    .subtext {
        font-size: 18px;
        line-height: 27px;
    }
    
    .subtext-sub {
        font-size: 18px;
        line-height: 27px;
    }
    
    .certificate {
        font-size: 20px;
        line-height: 28px;
    }
    
    /* Education */
    .education-container {
        gap: 60px;
    }
    
    .gnu {
        margin-left: 30px;
        gap: 32px;
    }
    
    .gnu-title {
        gap: 14px;
    }
    
    .inline-flex-container {
        gap: 32px;
    }
    
    .kgitbank {
        gap: 32px;
    }
    
    /* Career */
    .career {
        gap: 60px;
        margin-top: 50px;
    }
    
    .CareerContainer2 {
        margin-left: 80px;
        gap: 32px;
    }
    
    /* Certificate */
    .certificate1 {
        gap: 60px;
        margin-top: 50px;
    }
    
    .certificateconatiner2 {
        margin-left: 30px;
        gap: 32px;
    }
    
    /* Awards */
    .awardsamd,
    .ineter {
        gap: 60px;
        margin-top: 60px;
    }
    
    .detail-awards {
        margin-left: 70px;
        gap: 32px;
    }
    
    /* International Activity */
    #internationalActivity {
        font-size: 28px;
        line-height: 42px;
    }
    
    /* Interview */
    .interview-container {
        margin-top: 60px;
        padding: 22px;
        gap: 14px;
    }
    
    .interview-container:first-of-type {
        margin-top: 60px;
    }
    
    .interview-question {
        font-size: 32px;
        line-height: 48px;
    }
    
    .interview-answer {
        font-size: 18px;
        line-height: 27px;
    }
    
    /* Skills */
    #high-skill {
        gap: 60px;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    
    .upper-skill-container {
        gap: 60px;
        margin-top: 60px;
    }
    
    .upper-skill-container:last-of-type {
        margin-bottom: 60px;
    }
    
    .skill-container {
        width: 220px;
    }
    
    .upper-skill-main {
        gap: 20px;
    }
    
    .skill-main {
        flex: 0 1 calc(50% - 16px);
    }
    
    .skill-title {
        height: 70px;
    }
    
    .skill-icon {
        width: 70px;
        height: 70px;
    }
    
    .skill-text {
        font-size: 20px;
        margin-left: 18px;
        left: calc(50% + 18px);
    }
}

/* 데스크톱 (1025px ~ 1440px) */
@media (min-width: 1025px) and (max-width: 1440px) {
    .profile-scroll-content {
        padding: 40px;
    }

    .upper-skill-main {
    flex-direction: column;
    gap: 16px;
}

.skill-main {
    flex: 1;
    width: 100%;
}

}


@media (min-width: 1441px) and (max-width: 1670px) {
    .awardsamd {
        margin-top: 460px;
    }

    .certificate-text, .certificate-container{
        margin-top: 20px;
    }
}

/* 1520px 이하에서 모든 섹션 세로 배치 */
@media (max-width: 1580px) {
    /* Education 섹션 */
    .education-container {
        flex-direction: column;
        gap: 40px;
    }

    .awardsamd{
        margin-top: 220px;
    }
    
    .gnu {
        margin-left: 0;
        margin-top: -50px;
        gap: 24px;
    }
    
    /* Career 섹션 */
    .career {
        flex-direction: column;
        gap: 40px;
    }
    
    .CareerContainer2 {
        margin-left: 0;
        margin-top: -100px;
        gap: 24px;
    }
    
    /* Certificate 섹션 */
    .certificate1 {
        flex-direction: column;
        gap: 40px;
    }
    
    .certificateconatiner2 {
        margin-left: 0;
        margin-top: -100px;
        gap: 24px;
    }
    
    /* Awards 섹션 */
    .awardsamd,
    .ineter {
        flex-direction: column;
        gap: 40px;
    }
    
    .detail-awards {
        margin-left: 0;
        margin-top: -80px;
        gap: 24px;
    }

    .wholeint{
        margin-top: -60px;
    }

      /* Skills 섹션 */
    #high-skill {
        flex-direction: column;
        gap: 40px;
    }
    
    .upper-skill-container {
        flex-direction: column;
        gap: 40px;
    }
    
    /* 인라인 스타일 오버라이드 */
    #high-skill > div[style],
.upper-skill-container > div[style] {
    flex: 1 0 auto !important;  /* flex-shrink: 0, flex-basis: auto */
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;  /* 최소 너비 제한 해제 */
    justify-content: flex-start !important;
            flex: 1 0 auto !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
}


    .upper-skill-main{
        width: 100%;
    }
}

@media (max-width: 1440px) {
    .awardsamd {
        margin-top: 460px;
    }

    .certificate-text, .certificate-container{
        margin-top: 60px;
    }

    .awardsamd{
        margin-top: 280px;
    }
    
    .detail-awards{
        margin-top: -20px;
    }
    
    .wholeint{
        margin-top: -10px;
    }
}

@media (max-width: 1150px) {
    .awardsamd{
        margin-top: 630px
    }
}

@media (min-width: 1671px) and (max-width: 1920px) {
    .awardsamd {
        margin-top: 220px;
    }
}

/* 대형 데스크톱 (1441px ~ 1920px) */
@media (min-width: 1441px) and (max-width: 1920px) {
    .profile-scroll-content {
        padding: 45px;
        max-width: 1600px;
        margin: 0 auto;
    }
    
    .wholeint {
        gap: 45px;
    }
    
    .profile-title {
        font-size: 42px;
        line-height: 55px;
    }
    
    .about-main {
        font-size: 25px;
        line-height: 37px;
    }
    
    .button-text {
        font-size: 16px;
        line-height: 25px;
    }
    
    .date-text {
        font-size: 21px;
        line-height: 32px;
    }
    
    .sub-sub {
        font-size: 21px;
        line-height: 32px;
    }
    
    .subtext {
        font-size: 21px;
        line-height: 32px;
    }
    
    .subtext-sub {
        font-size: 21px;
        line-height: 32px;
    }
    
    .certificate {
        font-size: 25px;
        line-height: 37px;
    }
    
    /* Education */
    .education-container {
        gap: 90px;
    }
    
    .gnu {
        /* margin-left: 55px; */
        gap: 45px;
    }
    
    .gnu-title {
        height: 130px;
        gap: 18px;
    }
    
    .inline-flex-container {
        gap: 55px;
    }
    
    .kgitbank {
        gap: 55px;
    }
    
    /* Career */
    .career {
        gap: 90px;
        margin-top: 70px;
    }
    
    .CareerContainer2 {
        /* margin-left: 120px; */
        gap: 45px;
    }
    
    /* Certificate */
    .certificate1 {
        gap: 90px;
        margin-top: 70px;
    }
    
    .certificateconatiner2 {
        /* margin-left: 45px; */
        gap: 45px;
    }
    
    .certificate-text,
    .certificate-container {
        width: 325px;
    }
    
    .certificate-sub {
        width: 325px;
    }
    
    /* Awards */
    .awardsamd {
        gap: 90px;
        /* margin-top: 220px; */
    }

    .ineter {
        gap: 90px;
        margin-top: 90px;
    }
    
    .detail-awards {
        /* margin-left: 100px; */
        gap: 45px;
    }
    
    /* International Activity */
    #internationalActivity {
        font-size: 36px;
        line-height: 55px;
        width: 260px;
    }
    
    #internationalActivityconatiner {
        height: 110px;
    }
    
    /* Interview */
    .interview-container {
        margin-top: 90px;
        padding: 26px;
        gap: 18px;
    }
    
    .interview-container:first-of-type {
        margin-top: 90px;
    }
    
    .interview-question {
        font-size: 42px;
        line-height: 63px;
    }
    
    .interview-answer {
        font-size: 21px;
        line-height: 32px;
    }
    
    /* Skills */
    #high-skill {
        gap: 90px;
        margin-top: 90px;
        margin-bottom: 90px;
    }
    
    .upper-skill-container {
        gap: 90px;
        margin-top: 90px;
    }
    
    .upper-skill-container:last-of-type {
        margin-bottom: 90px;
    }
    
    .skill-container {
        width: 270px;
        height: 55px;
    }
    
    .upper-skill-main {
        flex-direction: column;
        gap: 26px;
    }
    
    .skill-main {
        flex: 0 1 calc(50% - 22px);
        gap: 18px;
    }
    
    .skill-title {
        height: 85px;
        padding: 9px 18px;
    }
    
    .skill-icon {
        width: 85px;
        height: 85px;
        margin-right: 11px;
    }
    
    .skill-text {
        font-size: 25px;
        gap: 18px;
        margin-left: 22px;
        left: calc(50% + 22px);
    }
}

/* 초대형 데스크톱 (1921px 이상) */
@media (min-width: 1921px) {
    .profile-scroll-content {
        padding: 50px;
        max-width: 1800px;
        margin: 0 auto;
    }
    
    .wholeint {
        gap: 50px;
    }
    
    .profile-title {
        font-size: 44px;
        line-height: 58px;
    }
    
    .about-main {
        font-size: 26px;
        line-height: 38px;
    }
    
    .button-text {
        font-size: 17px;
        line-height: 26px;
    }
    
    .date-text {
        font-size: 22px;
        line-height: 33px;
    }
    
    .sub-sub {
        font-size: 22px;
        line-height: 33px;
    }
    
    .subtext {
        font-size: 22px;
        line-height: 33px;
    }
    
    .subtext-sub {
        font-size: 22px;
        line-height: 33px;
    }
    
    .certificate {
        font-size: 26px;
        line-height: 38px;
    }
    
    /* Education */
    .education-container {
        gap: 100px;
    }
    
    .gnu {
        margin-left: 60px;
        gap: 50px;
    }
    
    .gnu-title {
        height: 140px;
        gap: 20px;
    }
    
    .inline-flex-container {
        gap: 60px;
    }
    
    .kgitbank {
        gap: 60px;
    }
    
    /* Career */
    .career {
        gap: 100px;
        margin-top: 80px;
    }
    
    .CareerContainer2 {
        margin-left: 130px;
        gap: 50px;
    }
    
    /* Certificate */
    .certificate1 {
        gap: 100px;
        margin-top: 80px;
    }
    
    .certificateconatiner2 {
        margin-left: 50px;
        gap: 50px;
    }
    
    .certificate-text,
    .certificate-container {
        width: 350px;
    }
    
    .certificate-sub {
        width: 350px;
    }
    
    /* Awards */
    .awardsamd {
        gap: 100px;
        margin-top: 250px;
    }

    .ineter {
        gap: 100px;
        margin-top: 100px;
    }
    
    
    .detail-awards {
        margin-left: 110px;
        gap: 50px;
    }
    
    /* International Activity */
    #internationalActivity {
        font-size: 38px;
        line-height: 58px;
        width: 280px;
    }
    
    #internationalActivityconatiner {
        height: 120px;
    }
    
    /* Interview */
    .interview-container {
        margin-top: 100px;
        padding: 28px;
        gap: 20px;
    }
    
    .interview-container:first-of-type {
        margin-top: 100px;
    }
    
    .interview-question {
        font-size: 44px;
        line-height: 66px;
    }
    
    .interview-answer {
        font-size: 22px;
        line-height: 33px;
    }
    
    /* Skills */
    #high-skill {
        gap: 100px;
        margin-top: 100px;
        margin-bottom: 100px;
    }
    
    .upper-skill-container {
        gap: 100px;
        margin-top: 100px;
    }
    
    .upper-skill-container:last-of-type {
        margin-bottom: 100px;
    }
    
    .skill-container {
        width: 280px;
        height: 58px;
    }
    
    .upper-skill-main {
        gap: 28px;
    }
    
    .skill-main {
        flex: 0 1 calc(50% - 24px);
        gap: 20px;
    }
    
    .skill-title {
        height: 90px;
        padding: 10px 20px;
    }
    
    .skill-icon {
        width: 90px;
        height: 90px;
        margin-right: 12px;
    }
    
    .skill-text {
        font-size: 26px;
        gap: 20px;
        margin-left: 24px;
        left: calc(50% + 24px);
    }
}

/* 초소형 모바일 (최대 480px) */
@media (max-width: 480px) {
    .profile-scroll-content {
        padding: 16px;
    }
    
    .wholeint {
        gap: 20px;
    }
    
    .profile-title {
        font-size: 24px;
        line-height: 32px;
    }
    
    .about-main {
        font-size: 16px;
        line-height: 22px;
    }
    
    .button-text {
        font-size: 13px;
        line-height: 18px;
    }
    
    .date-text {
        font-size: 14px;
        line-height: 21px;
    }
    
    .sub-sub {
        font-size: 14px;
        line-height: 21px;
    }
    
    .subtext {
        font-size: 14px;
        line-height: 21px;
    }
    
    .subtext-sub {
        font-size: 14px;
        line-height: 21px;
    }
    
    .certificate {
        font-size: 16px;
        line-height: 22px;
    }
    
    /* Interview */
    .interview-container {
        margin-top: 32px;
        padding: 16px;
        gap: 10px;
    }
    
    .interview-container:first-of-type {
        margin-top: 32px;
    }
    
    .interview-question {
        font-size: 20px;
        line-height: 28px;
    }
    
    .interview-answer {
        font-size: 14px;
        line-height: 21px;
    }
    
    /* Skills */
    .skill-title {
        height: 50px;
        padding: 4px 8px;
    }
    
    .skill-icon {
        width: 50px;
        height: 50px;
        margin-right: 6px;
    }
    
    .skill-text {
        font-size: 16px;
        margin-left: 12px;
        left: calc(50% + 12px);
    }
}

/* 세로 높이가 낮은 화면 (최대 600px) */
@media (max-height: 600px) {
    .profile-scroll-content {
        padding: 20px;
    }
    
    .wholeint {
        gap: 20px;
    }
    
    .interview-container {
        margin-top: 30px;
        padding: 16px;
        min-height: auto;
    }
    
    .interview-container:first-of-type {
        margin-top: 30px;
    }
    
    .interview-question {
        font-size: 24px;
        line-height: 32px;
    }
    
    .interview-answer {
        font-size: 16px;
        line-height: 24px;
    }
    
    #high-skill {
        margin-top: 30px;
        margin-bottom: 30px;
        gap: 30px;
    }
    
    .upper-skill-container {
        margin-top: 30px;
        gap: 30px;
    }
    
    .upper-skill-container:last-of-type {
        margin-bottom: 30px;
    }
    
    .career {
        margin-top: 30px;
    }
    
    .certificate1 {
        margin-top: 30px;
    }
    
    .awardsamd,
    .ineter {
        margin-top: 30px;
    }
}

/* 1920px 이하 aboutme 글자 배치 수정 */
@media (max-width: 1024px) {
    /* Education 섹션 수정 - 태블릿 이하에서만 세로 배치 */
    .education-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .gnu {
        margin-left: 0;
        gap: 24px;
    }
    
    .gnu-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        height: auto;
    }
    
    .inline-flex-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .majors,
    .date-info {
        width: 100%;
    }
    
    .kgitbank {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    /* Career 섹션 수정 */
    .career {
        flex-direction: column;
        gap: 40px;
    }
    
    .CareerContainer2 {
        margin-left: 0;
        gap: 24px;
    }
    
    /* Certificate 섹션 수정 */
    .certificate1 {
        flex-direction: column;
        gap: 40px;
    }
    
    .certificateconatiner2 {
        margin-left: 0;
        gap: 24px;
        height: auto;
    }
    
    .certificate-text,
    .certificate-container {
        width: 100%;
        max-width: 400px;
    }
    
    .certificate-sub {
        width: 100%;
        max-width: 400px;
    }
    
    /* Awards 섹션 수정 */
    .awardsamd {
        flex-direction: column;
        gap: 40px;
        margin-top: 40px
    }

        
    .ineter {
        flex-direction: column;
        gap: 40px;
    }
    
    .detail-awards {
        margin-left: 0;
        gap: 24px;
    }
    
    /* International Activity 섹션 수정 */
    #internationalActivity {
        width: auto;
        max-width: 100%;
    }
    
    #internationalActivityconatiner {
        height: auto;
        flex-wrap: wrap;
    }
    
    /* Skills 섹션 수정 */
    #high-skill {
        flex-direction: column;
        gap: 40px;
    }
    
    .upper-skill-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .skill-container {
        width: 100%;
        height: auto;
    }
    
    /* 인라인 스타일 오버라이드 */
    #high-skill > div[style],
    .upper-skill-container > div[style] {
        flex: 1 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .upper-skill-main {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        flex: 1;
        display: flex;
    }
    
    .skill-main {
        flex: 1;
        width: 100%;
        max-width: 100%;
    }
    
    .skill-title {
        width: 100%;
        max-width: 100%;
    }
}