@import '~@ucap/ui-scss/ucap'; .ucap-organization-profile-01-container { width: 100%; height: 100%; min-width: 450px; @include screen(mid) { height: auto; } .profile-card-box { display: flex; flex-direction: column; padding: 60px 8.7%; width: 100%; position: relative; .user-profile-info { display: inline-flex; flex-direction: row; align-items: center; // Profile thumb////////////////// .user-profile-thumb { } //////////////////Profile thumb // .userInfo { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 38px; .user-n-g { display: flex; flex-flow: row-reverse nowrap; align-items: flex-end; height: 44px; .name { font: { size: 26px; weight: 600; } order: 1; -ms-flex-order: 1; } .grade { font: { size: 18px; } color: #f1f1f1; margin-left: 6px; order: 0; -ms-flex-order: 0; } & + .deptName { margin-top: 9px; } } .deptName { font-size: 22px; line-height: 25px; font-weight: 600; } .nickName { display: flex; flex-direction: row; margin-top: 18px; align-items: center; .nickName-info { padding: 0 16px; height: 30px; line-height: 30px; border-radius: 15px; border: solid 1px #fc5182; background-color: rgba(255, 255, 255, 0.95); font-size: 14px; } button { } } .address-txt { font-size: 16px; line-height: 21px; margin-top: 20px; } } .btn-profile-add { position: absolute; z-index: 5; top: 40px; right: 40px; button { margin: 0 2px; &.btn-star-add { line-height: 24px !important; } } } } .btn-partner-set { display: flex; align-items: center; justify-content: space-between; padding: 0 25px; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); height: 70px; margin-top: 30px; img { vertical-align: top; } } .my-input { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 0; width: 100%; margin-top: 78px; .my-in-input { font-size: 16px; flex-grow: 1; height: 24px; line-height: 24px; margin-top: 8px; } button { margin-bottom: 5px; } } .user-profile-info-list { margin-top: 60px; ul { display: flex; flex-direction: column; justify-content: space-between; height: 250px; li { font-size: 16px; font-weight: 600; span { width: 100px; height: 34px; border-radius: 18px; border: solid 1px #f8f9fd; background-color: #aaa0a5; font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; margin-right: 40px; } } } } } ///////////////////////////////////////////////////////////////////////////////// 제거 .profile-card { //mat-card width: 100%; background-color: transparent; box-shadow: none; .profileImage { width: 126px; height: 126px; border-radius: 50%; box-sizing: border-box; overflow: hidden; display: flex; img { display: flex; align-items: center; } } } ///////////////////////////////////////////////////////////////////////////////////// }