.profile_top {padding: 100px 15px 0 0; display: flex; gap: 60px;}

.profile_top_img {width: 100%; padding: 0; margin: 0 auto 0 0 ; position: relative;}
.profile_top_img h1 {position: absolute; color: #fff; font-size: 130px; top: -10px; left: -10px;}
.profile_top_img img {width: 100%; border-radius: 0 300px 300px 0;}

.profile_top_con {align-self: center; display: grid; gap: 60px; justify-content: start;}
.profile_top_con h2 {font-size: 70px;}
.profile_top_con ul {display: grid; gap: 15px;}
.profile_top_con ul li {display: grid; grid-template-columns: 150px auto; align-items: center; gap: 30px;}
.profile_top_con ul li h6 {background: #333; color: #fff; padding: 10px; border-radius: 30px; text-align: center;}
.profile_top_con ul li p {font-size: 20px;}
.profile_top_name {position: relative; width: auto;}
.profile_top_name h2 {position: relative;}
.profile_top_name h2 i {position: relative;}
.profile_top_name h2 i::after {content: ""; display: block; width: 50px; height: 50px; background: linear-gradient(to right, #73e473, #69b9a2); position: absolute; top: -40px; right: -30px; z-index: -1; border-radius: 100%;}

/* 주요 경력 */
.profile_career {padding: 100px 15px;}
.profile_career_box {padding: 0 15px; display: grid; gap: 15px;}
.profile_career_tit {display: flex; align-items: center; padding-left: 30px; flex-wrap: wrap;}
.profile_career_tit h6 {margin-left: auto; letter-spacing: 10px;}
.profile_career_tit h2 {position: relative;}
.profile_career_tit h2::after {content: ""; display: block; width: 50px; height: 50px; background: linear-gradient(to right, #73e473, #69b9a2); position: absolute; top: -20px; right: -20px; z-index: -1; border-radius: 100%;}

.profile_career_con {box-shadow: 0 0 30px rgba(0,0,0,.1); padding: 60px; border-radius: 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start;}
.profile_career_list {display: grid; gap: 30px;}
.profile_career_list h4 {display: flex; align-items: center;}
.profile_career_list h4 div {background: linear-gradient(to right, #73e473, #69b9a2); color: #fff; font-size: 16px; padding: 5px 15px; border-radius: 15px; margin-left: 15px;}
.profile_career_list .profile_career_table {display: grid; gap: 30px; line-height: 1.3;}
.profile_career_list .profile_career_table>li {display: grid; grid-template-columns: 100px auto; gap: 15px;}
.profile_career_list .profile_career_table .profile_career_since {display: grid; gap: 10px;}
.profile_career_list .profile_career_table .profile_career_since li {font-size: 16px; color: #666;}

.profile_skill_box {display: grid; gap: 30px; padding: 100px 15px;}
.profile_skill_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 30px;}
.profile_skill_list>li {background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1); border-radius: 60px; padding: 30px; display: grid; gap: 30px; align-self: flex-start;}
.profile_skill_list>li h5 {text-align: center; font-size: 20px;}
.profile_skill_detail {display: grid; gap: 15px;}
.profile_skill_detail>li {display: flex; gap: 15px; align-items: center;}
.profile_skill_detail>li p {font-size: 16px;}
.profile_skill_detail>li img {width: 50px; border-radius: 100%; border: 1px solid #ddd;}

.profile_tmi_box {display: grid; gap: 30px; padding: 100px 15px;}
.profile_tmi_con {box-shadow: 0 0 30px rgba(0,0,0,.1); padding: 60px; border-radius: 60px; display: grid; grid-template-columns: 300px auto; gap: 60px; align-items: start;}
.profile_tmi_text {display: grid; gap: 30px;}
.profile_tmi_text h2 {font-size: 80px;}
.profile_tmi_tag {display: flex; flex-wrap: wrap; gap: 5px;}
.profile_tmi_tag li {border: 1px solid #ddd; padding: 5px 15px; border-radius: 15px;}

.profile_tmi_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.profile_tmi_list>li {background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1); padding: 30px 15px; text-align: center; border-radius: 60px; display: grid; justify-content: center; gap: 5px; align-items: start;}
.profile_tmi_list>li img {width: 100px; margin: 0 auto 15px;}
.profile_tmi_list>li h6 {color: #999;}
.profile_tmi_list .profile_tmi_tag {justify-content: center;}

@media(max-width: 1080px) {
    .profile_top {display: grid;}
    .profile_top_img {width: 80%;}
    .profile_top_con {padding: 15px; display: flex;}
    .profile_top_con h2 {font-size: 60px;}

    .profile_skill_list {grid-template-columns: 1fr 1fr;}
    .profile_skill_detail>li {align-self: start;}

    .profile_tmi_con {grid-template-columns: none;}
    .profile_tmi_text {grid-template-columns: auto auto; align-items: center;}
}

@media(max-width: 760px) {
    .profile_top_img {width: 100%;} 
    .profile_top_img h1 {font-size: 100px;}
    .profile_top_con {padding: 15px; display: grid; margin-bottom: 50px;}
    .profile_top_con h2 {font-size: 40px;}
    .profile_top_con ul li {grid-template-columns: 100px auto; gap: 15px;}
    .profile_top_con ul li h6 {font-size: 14px;}
    .profile_top_con ul li p {font-size: 16px;}
    

    .profile_career {padding: 50px 0;}
    .profile_career_tit {padding-left: 15px; display: block; gap: 10px;}
    .profile_career_tit h2 {margin-bottom: 10px; display: block; width: fit-content;}
    .profile_career_tit h2::after {width: 30px; height: 30px; top: -10px; right: -10px; }
    .profile_career_tit h6 {letter-spacing: 5px; font-size: 14px; margin-left: 0;}
    .profile_career_list h4 div {font-size: 10px;}
    .profile_career_con {grid-template-columns: none; padding: 30px 15px; border-radius: 40px;}
    .profile_career_list .profile_career_table {gap: 30px;}
    .profile_career_list .profile_career_table>li {grid-template-columns: none; grid-template-rows: auto; gap: 10px;}

    .profile_career_list .profile_career_table>li h6 {font-size: 20px;}
    .profile_career_list .profile_career_table>li h6 br {display: none;}
    .profile_career_list .profile_career_table .profile_career_since {gap: 10px;}
    .profile_career_list .profile_career_table .profile_career_since li {font-size: 14px;}

    .profile_skill {padding: 0;}
    .profile_skill_box {padding: 50px 15px;}
    .profile_skill_list {grid-template-columns: 1fr;}
    .profile_skill_detail>li img {width: 40px;}
    .profile_skill_detail>li p {font-size: 14px;}


    .profile_tmi_box {padding: 50px 0;}
    .profile_tmi_con {padding: 40px 15px 15px 15px; }

    .profile_tmi_text h2 {text-align: center;}
    .profile_tmi_tag {justify-content: center;}
    .profile_tmi_tag li {font-size: 12px;}

    
    .profile_tmi_text {display: grid; grid-template-columns: auto;}
    .profile_tmi_list {grid-template-columns: 1fr; gap: 15px;}
    .profile_tmi_list>li {grid-template-columns: 70px auto; justify-content: start; padding: 30px; gap: 10px 30px; align-items: center;}
    .profile_tmi_list .profile_tmi_tag {justify-content: start;}
    .profile_tmi_list>li img {grid-row: 1 / span 2; width: 100%;}
    .profile_tmi_list>li h4 {text-align: left;}

    .profile_top_con {max-width: 600px; margin: 0 auto;}
    .profile_career {max-width: 600px; margin: 0 auto;}
    .profile_skill_box {max-width: 600px; margin: 0 auto;}
    .profile_tmi {max-width: 600px; margin: 0 auto;}


    


} 

@media(max-width: 400px) {

}