.profile-box > ul{display:flex; flex-direction:column; gap:16px;}
.profile-box > ul > li{display:flex; align-items:flex-start; gap:24px; width:100%; padding:24px; border-radius:8px; background-color:#fff;}
.profile-box > ul > li > i{margin-top:4px; color:#187ED1;}
.profile-box-txt{display:flex; flex-direction:column; gap:14px; flex:1; min-width:0;}
.profile-box-txt h3{font-size:18px; line-height:1.3;}
.profile-box-txt > ul{display:flex; gap:8px; flex-wrap:wrap;}
.profile-box-txt > ul > li{display:flex;}
.profile-box-txt > ul > li:not(:last-child){margin-right:8px;}
.profile-box-txt > ul > li > h4{font-size:16px; font-weight:600; margin-right:8px;}
.profile-box-txt > ul > li > h5{font-size:16px; font-weight:600; margin-right:4px; line-height:1.5;}
.profile-box-txt > ul > li > p{font-size:16px; line-height:1.5;}
.profile-box-txt a{color:#187ED1; font-weight:500; text-decoration:underline; text-underline-offset:2px;}
.profile-box-txt .profile-links{flex-direction:column; align-items:flex-start; gap:12px;}
.profile-box-txt .profile-links > li{flex-wrap:wrap; align-items:baseline; margin-right:0 !important;}

.skill-icons{gap:8px !important;}
.skill-icons > li{
  margin:0 !important;
  width:44px;
  height:44px;
  padding:8px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #e8eaed;
  border-radius:10px;
}
.skill-icons > li img{
  display:block;
  width:28px;
  height:28px;
  object-fit:contain;
}

/* Career 가로 카드 (GSAP 핀 스크롤) */
.main-section3{position:relative; height:100vh; overflow:hidden; background:#f7f7f7; display:flex; flex-direction:column; justify-content:center;}

.career-scroll-wrap{display:flex; gap:24px; padding:0 60px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;}
.career-scroll-wrap::-webkit-scrollbar{display:none;}
.career-scroll-wrap::after{content:''; flex:0 0 36px;}

.career-card{flex:0 0 480px; scroll-snap-align:center; display:flex; flex-direction:column; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.06); transition:transform 0.3s, box-shadow 0.3s;}
.career-card:hover{transform:translateY(-6px); box-shadow:0 10px 24px rgba(0,0,0,0.1);}
.career-card-img{height:200px; overflow:hidden; background:#eee;}
.career-card-img img{width:100%; height:100%; object-fit:cover; object-position:top;}
.career-card-img--device{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(160deg, #dfe8f2 0%, #c5d3e0 100%);
  padding:16px 0;
}
.career-card-img--device img{
  width:auto;
  height:100%;
  max-width:42%;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,0.16);
}
.career-card-body{display:flex; flex-direction:column; gap:8px; padding:24px; flex:1;}
.career-card-body > span{font-size:14px; font-weight:600; color:#187ED1;}
.career-card-body > h3{font-size:22px; font-weight:700;}
.career-card-body > h6{font-size:14px; color:#888;}
.career-card-body > ul{margin-top:8px; display:flex; flex-direction:column; gap:4px;}
.career-card-body > ul > li{position:relative; padding-left:14px; font-size:15px; color:#555;}
.career-card-body > ul > li::before{content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background:#187ED1; border-radius:2px;}
.career-card-tags{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.career-card-tags > em{font-style:normal; font-size:13px; font-weight:500; color:#555; background:#f2f5f8; border-radius:999px; padding:4px 10px;}
.career-card-more{margin-top:auto; padding-top:16px; font-size:14px; font-weight:600; color:#187ED1;}
.career-card-more i{margin-left:4px; transition:transform 0.3s;}
.career-card:hover .career-card-more i{transform:translateX(4px);}

.career-progress{width:200px; height:4px; margin:32px auto 0; background:#e0e5ea; border-radius:999px; overflow:hidden;}
.career-progress > span{display:block; width:0; height:100%; background:#187ED1; border-radius:999px;}

/* 전체 수행 이력 */
.career-all details{background:#fff; border-radius:8px; margin-bottom:12px; overflow:hidden;}
.career-all summary{display:flex; align-items:center; gap:8px; padding:20px 24px; font-size:18px; font-weight:700; cursor:pointer; list-style:none;}
.career-all summary::-webkit-details-marker{display:none;}
.career-all summary::before{content:'\f078'; font-family:'Font Awesome 6 Free'; font-weight:900; font-size:12px; color:#187ED1; transition:transform 0.2s;}
.career-all details[open] summary::before{transform:rotate(180deg);}
.career-all summary em{font-style:normal; font-size:14px; font-weight:500; color:#888;}
.career-all details ul{display:flex; flex-direction:column; gap:14px; padding:0 24px 24px 44px;}
.career-all details li h6{font-size:15px; font-weight:600; color:#187ED1;}
.career-all details li p{font-size:16px;}
.career-all details li p span{margin-right:4px; font-weight:500;}

@media screen and (max-width: 800px){
    .main-section3{height:auto; padding:80px 0;}
    .career-scroll-wrap{padding:0 20px;}
    .career-card{flex-basis:85%;}
    .career-progress{display:none;}
}

@media screen and (max-width: 600px){
    .profile-box > ul > li{flex-direction:column; align-items:flex-start; gap:16px;}
    .career-all details ul{padding-left:24px;}
}