header {
    position:fixed;/* 헤더때문에 보이던 스크롤바 사라짐 */
    left:100px;
    padding-top:21px;
    width:100%; height:65px;
    /* 추가 */ z-index:900; /* 뒤에있던 배경을 앞으로 나오게 한다. 안하면 안보임 */
}
header nav {display:flex; gap:26px;}
header nav a {
    padding:15px 0;
}
header nav a:hover {
    border-bottom:1px solid #1990FF;
    color:#1990FF;
}
header p {}
#wrap {
    height:100vh;/* 화면에 꽉차게 */
}
#wrap .swiper-wrapper {}

/* 공통부분 */
#wrap .swiper-wrapper .swiper-slide h2 {position:absolute; top:100px; left:100px;}

#wrap .swiper-wrapper .intro {
    position:relative;
    display: flex;
    flex-flow: column nowrap;/* 정렬방향 */
    justify-content: center; align-items:center; /* 요소의 위치 중앙정렬 */
    text-align: center;/* 두줄 이상의 글자를 문단정렬 */
}
#wrap .swiper-wrapper .profile {position:relative;}
#wrap .swiper-wrapper .project {position:relative;}
/* ----------------------intro 1행 */
#wrap .swiper-wrapper .intro img:nth-child(1) {position:absolute; top:65px; left:0;}
#wrap .swiper-wrapper .intro img:nth-child(3) {position:absolute; bottom:65px; right:0;}
/* ----------------------profile 2행 */
#wrap .swiper-wrapper .profile .container {
    width:78%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex; justify-content:space-between;/* 양쪽 끝 배치 */
    align-items:flex-end;
}
#wrap .swiper-wrapper .profile .container .photo_info {
    display:flex; flex-flow:column nowrap;
    justify-content:space-between;
    height:585px;
}
#wrap .swiper-wrapper .profile .container .photo_info .top {}
#wrap .swiper-wrapper .profile .container .photo_info .top img {
    margin-bottom:21px;
}
#wrap .swiper-wrapper .profile .container .photo_info .top .info {
    padding:0 15px;
}
#wrap .swiper-wrapper .profile .container .photo_info .top .info p {
    font-size:1.125rem;
    margin-bottom:19px;
}
#wrap .swiper-wrapper .profile .container .photo_info .top .info p:nth-child(1) {
    font-weight:600;
}
#wrap .swiper-wrapper .profile .container .photo_info .top .info p:nth-child(2) {}
#wrap .swiper-wrapper .profile .container .photo_info .bottom {
    padding:0 15px;
}
#wrap .swiper-wrapper .profile .container .photo_info .bottom p {
    margin-top:10px;
}
/* 경력 + 스킬 등등.. */
#wrap .swiper-wrapper .profile .container .resume {display:flex;}
#wrap .swiper-wrapper .profile .container .resume .left {
    display:flex; flex-flow:column nowrap; justify-content:space-between;
    height:627px;
    margin-right:127px;
}
/* 왼쪽 공통 작업 */
#wrap .swiper-wrapper .profile .container .resume .left .group {}
#wrap .swiper-wrapper .profile .container .resume .left .group h3 {
    font-size:1.25rem; font-weight:600;
    color:#1990FF;
    margin-bottom:30px;
}
#wrap .swiper-wrapper .profile .container .resume .left .group .info {
    display: grid;
    row-gap: 25px;
}
#wrap .swiper-wrapper .profile .container .resume .left .group .info dt {
    font-size:0.938rem; font-weight:500;
}
#wrap .swiper-wrapper .profile .container .resume .left .group .info dd {
    font-size:0.938rem; font-weight:500; color:#888888;
}
/* 오른쪽 공통 작업 */
#wrap .swiper-wrapper .profile .container .resume .right {
    display:flex; flex-flow:column nowrap; justify-content:space-between;
    height:627px;
}
#wrap .swiper-wrapper .profile .container .resume .right .group {}
#wrap .swiper-wrapper .profile .container .resume .right .group h3 {
    font-size:1.25rem; font-weight:600;
    color:#1990FF;
    margin-bottom:30px;
}
#wrap .swiper-wrapper .profile .container .resume .right .group .info {
    display: grid;
    row-gap: 25px;
}
/* skill */
#wrap .swiper-wrapper .profile .container .resume .right .skill .info {
    row-gap: 18px;
}

#wrap .swiper-wrapper .profile .container .resume .right .group .info dt {
    font-size:0.938rem; font-weight:500;
}
#wrap .swiper-wrapper .profile .container .resume .right .group .info dd {
    font-size:0.938rem; font-weight:500; color:#888888;
}

/* skil */
#wrap .swiper-wrapper .profile .container .resume .right .skill .info dt {
    display:flex;
    align-items:center;
}
#wrap .swiper-wrapper .profile .container .resume .right .skill .info dt img {
    margin-right:10px;
}
#wrap .swiper-wrapper .profile .container .resume .right .skill .info dt em {}
#wrap .swiper-wrapper .profile .container .resume .right .skill .info dd {line-height:34px;}
/* career */
#wrap .swiper-wrapper .profile .container .resume .right .career .info dd:nth-of-type(4) {line-height:34px;}
#wrap .swiper-wrapper .profile .container .resume .right .career .info dt:nth-of-type(4) {line-height:1.3;}

/* 왼쪽 개별 */
#wrap .swiper-wrapper .profile .container .resume .left .about_me .info {
    grid-template-columns: 61px 1fr;
    column-gap:44px;
}
#wrap .swiper-wrapper .profile .container .resume .left .education .info {
    grid-template-columns: 133px 1fr;
    column-gap:37px;
}
#wrap .swiper-wrapper .profile .container .resume .left .license .info {
    grid-template-columns: 193px 1fr;
    column-gap:60px;
}
/* 오른쪽 개별 */
#wrap .swiper-wrapper .profile .container .resume .right .skill .info {
    grid-template-columns: 179px 1fr;
    column-gap:34px;
}
#wrap .swiper-wrapper .profile .container .resume .right .career .info {
    grid-template-columns: 217px 1fr;
    column-gap:44px;
}

/* ----------------------project 3행 */
#wrap .swiper-wrapper .project .container {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#wrap .swiper-wrapper .project .container #project_swiper {
    width:1440px; height:502px;
}

/* 공통 선택자 */
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide {
    width:100%;
    display:flex;
    justify-content:space-between;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .thumnail {}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .thumnail img {}

#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents {
    width:745px; height:441px; padding:40px 50px;
    display:flex; flex-flow: column nowrap; justify-content:space-between;
    border-radius:20px; border:1px solid #000; background:#fff;
}
/* 제목 */
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents h3 {}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents h3 span {
    font-size:1.875rem; margin-right:10px;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents h3 em {
    font-size:2.625rem; font-weight:500;
}
/* 사용 프로그램 */
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info {}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li {
    margin-bottom:30px;
}
/* 마지막 li 여백x */
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li:last-child {
    margin-bottom:0;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li em {
    font-size:1.125rem; font-weight:500; margin-bottom:18px;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li span {
    font-size:1.125rem;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li .program {display:flex; gap:10px; margin-top:18px;}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .info li .program img {}
/* 버튼 */
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .btn {}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .btn a {
    padding:17px 22px;
    line-height: 48px;
    border-radius:50px;
    font-size:1.125rem;
    font-weight:500;
    color:#fff;
    margin-right:21px;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .btn a:nth-of-type(1) {
    background:#1990FF;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .btn a:nth-of-type(2) {
    background:#3A3A3A;
}
#wrap .swiper-wrapper .project .container #project_swiper .swiper-slide .contents .btn a:nth-of-type(3) {
    background:#CFCFCF;
    color:#3A3A3A;
}
/* 꾸미기 */
#wrap .swiper-wrapper .project .circle1 {
    position:absolute;
    bottom:190px; left: 141px;
    width: 157px;
    height: 157px;
    border:1px solid #000;
    border-radius: 50%;
}
#wrap .swiper-wrapper .project .circle2 {
    position:absolute;
    top: 152px;; right: 367px;
    width: 60px;
    height: 60px;
    border:1px solid #000;
    border-radius: 50%;
}
#wrap .swiper-wrapper .project .circle3 {
    position:absolute;
    top: 212px;; right: 170px;
    width: 176px;
    height: 176px;
    background: #1990FF;
    border-radius: 50%;
}

/* 스크롤바 */
#wrap .swiper-wrapper .project .container .swiper-scrollbar {}