|
|
| 1번째 줄: |
1번째 줄: |
| − | <div style="max-width:1000px; margin:35px auto; font-family:'Noto Sans KR',sans-serif; color:#3d3d56;"> | + | <div style="max-width:1000px; margin:0 auto; font-family:'Noto Sans KR',sans-serif;"> |
| | | | |
| − | <!-- ══════════ HERO / PROFILE ══════════ --> | + | <!-- ══ 상단 카드: ABOUT ME ══ --> |
| − | <div style=" | + | <div style="display:flex; flex-wrap:wrap; background:#ffffff; border:1px solid #e4e4e7; border-radius:4px; overflow:hidden;"> |
| − | display:flex;
| |
| − | flex-wrap:wrap;
| |
| − | background:#f8f6f3;
| |
| − | border:1px solid #e5e1dc;
| |
| − | border-radius:18px;
| |
| − | overflow:hidden;
| |
| − | box-shadow:0 8px 25px rgba(0,0,0,0.06);
| |
| − | margin-bottom:28px;
| |
| − | "> | |
| | | | |
| − | <!-- LEFT --> | + | <!-- 좌측 흰 패널 --> |
| − | <div style="flex:1 1 480px; padding:55px 48px; min-width:300px;"> | + | <div style="flex:1 1 460px; padding:48px 44px; min-width:300px; position:relative;"> |
| | + | <div style="font-size:2.9rem; font-weight:800; letter-spacing:-0.02em; color:#3d3d56; line-height:1.05;">ABOUT ME</div> |
| | + | <div style="font-size:0.95rem; color:#8a8a99; margin-top:6px; margin-bottom:46px;">자기소개</div> |
| | | | |
| − | <div style=" | + | <table style="border-collapse:collapse; width:100%; font-size:0.88rem;"> |
| − | font-size:0.8rem;
| + | <tr> |
| − | font-weight:700;
| + | <td style="width:100px; padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">이름</td> |
| − | letter-spacing:0.18em;
| + | <td style="padding:9px 0; color:#6b6b7b;">방민주</td> |
| − | color:#b17465;
| + | </tr> |
| − | margin-bottom:10px;
| + | <tr> |
| − | ">
| + | <td style="padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">입학연도</td> |
| − | PROFILE | + | <td style="padding:9px 0; color:#6b6b7b;">2025</td> |
| − | </div>
| + | </tr> |
| − | | + | <tr> |
| − | <div style="
| + | <td style="padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">학과</td> |
| − | font-size:3rem;
| + | <td style="padding:9px 0; color:#6b6b7b;">영어영문학과</td> |
| − | font-weight:800;
| + | </tr> |
| − | line-height:1.1;
| + | <tr> |
| − | color:#35354b;
| + | <td style="padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">복수전공</td> |
| − | margin-bottom:14px;
| + | <td style="padding:9px 0; color:#6b6b7b;">심리학부</td> |
| − | ">
| + | </tr> |
| − | ABOUT ME
| + | <tr> |
| − | </div>
| + | <td style="padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">이메일</td> |
| − | | + | <td style="padding:9px 0; color:#6b6b7b;">mjalice8720@gmail.com</td> |
| − | <div style="
| + | </tr> |
| − | font-size:1.05rem;
| + | <tr> |
| − | color:#777785;
| + | <td style="padding:9px 0; font-weight:700; color:#3d3d56; vertical-align:top;">관심분야</td> |
| − | margin-bottom:38px;
| + | <td style="padding:9px 0; color:#6b6b7b;">심리학/td> |
| − | line-height:1.8;
| + | </tr> |
| − | ">
| + | </table> |
| − | 영어영문학과에서 공부하며<br>
| |
| − | 심리학과 인간의 마음에 관심을 가지고 있습니다.
| |
| − | </div>
| |
| − | | |
| − | <div style="
| |
| − | border-left:4px solid #b17465;
| |
| − | padding:5px 0 5px 20px;
| |
| − | margin-top:25px;
| |
| − | ">
| |
| − | <div style="
| |
| − | font-size:1.25rem;
| |
| − | font-weight:700;
| |
| − | line-height:1.7;
| |
| − | color:#45455b;
| |
| − | ">
| |
| − | “행복할 때에는 나무를,<br>
| |
| − | 불행할 때에는 숲을”
| |
| − | </div> | |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | | |
| − | | |
| − | <!-- RIGHT -->
| |
| − | <div style="
| |
| − | flex:1 1 340px;
| |
| − | min-width:280px;
| |
| − | background:#e9e2da;
| |
| − | padding:45px 35px;
| |
| − | text-align:center;
| |
| − | ">
| |
| − | | |
| − | [[파일:프로필.jpeg|340px|가운데|방민주 프로필]]
| |
| − | | |
| − | <div style="
| |
| − | font-size:1.45rem;
| |
| − | font-weight:800;
| |
| − | margin-top:22px;
| |
| − | color:#35354b;
| |
| − | ">
| |
| − | 방민주
| |
| − | </div>
| |
| − | | |
| − | <div style="
| |
| − | font-size:0.9rem;
| |
| − | color:#797985;
| |
| − | margin-top:7px;
| |
| − | ">
| |
| − | English Literature · Psychology
| |
| − | </div>
| |
| − | | |
| − | </div>
| |
| − | </div>
| |
| − | | |
| − | | |
| − | | |
| − | <!-- ══════════ BASIC INFO ══════════ -->
| |
| − | <div style="
| |
| − | background:#ffffff;
| |
| − | border:1px solid #e7e5e4;
| |
| − | border-radius:15px;
| |
| − | padding:30px 35px;
| |
| − | margin-bottom:22px;
| |
| − | box-shadow:0 4px 16px rgba(0,0,0,0.035);
| |
| − | ">
| |
| − | | |
| − | <div style="
| |
| − | font-size:1.25rem;
| |
| − | font-weight:800;
| |
| − | margin-bottom:22px;
| |
| − | color:#35354b;
| |
| − | ">
| |
| − | 01. BASIC INFO
| |
| − | </div>
| |
| − | | |
| − | <table style="
| |
| − | border-collapse:collapse;
| |
| − | width:100%;
| |
| − | font-size:0.95rem;
| |
| − | ">
| |
| − | | |
| − | <tr>
| |
| − | <td style="width:22%; padding:11px 5px; font-weight:700;">이름</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">방민주</td>
| |
| − | | |
| − | <td style="width:22%; padding:11px 5px; font-weight:700;">입학연도</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">2025</td>
| |
| − | </tr>
| |
| − | | |
| − | <tr>
| |
| − | <td style="padding:11px 5px; font-weight:700;">학과</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">영어영문학과</td>
| |
| − | | |
| − | <td style="padding:11px 5px; font-weight:700;">복수전공</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">심리학부</td>
| |
| − | </tr>
| |
| − | | |
| − | <tr>
| |
| − | <td style="padding:11px 5px; font-weight:700;">관심분야</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">심리학</td>
| |
| − | | |
| − | <td style="padding:11px 5px; font-weight:700;">MBTI</td>
| |
| − | <td style="padding:11px 5px; color:#73737e;">INFJ</td>
| |
| − | </tr>
| |
| − | | |
| − | </table>
| |
| − | </div> | |
| − | | |
| − | | |
| − | | |
| − | <!-- ══════════ INTERESTS ══════════ -->
| |
| − | <div style="
| |
| − | background:#ffffff;
| |
| − | border:1px solid #e7e5e4;
| |
| − | border-radius:15px;
| |
| − | padding:30px 35px;
| |
| − | margin-bottom:22px;
| |
| − | box-shadow:0 4px 16px rgba(0,0,0,0.035);
| |
| − | ">
| |
| − | | |
| − | <div style="
| |
| − | font-size:1.25rem;
| |
| − | font-weight:800;
| |
| − | margin-bottom:22px;
| |
| − | color:#35354b;
| |
| − | ">
| |
| − | 02. INTERESTS
| |
| − | </div>
| |
| − | | |
| − | <div style="
| |
| − | display:flex;
| |
| − | flex-wrap:wrap;
| |
| − | gap:10px;
| |
| − | ">
| |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem;
| |
| − | ">
| |
| − | 🎨 미술
| |
| − | </span>
| |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem;
| |
| − | ">
| |
| − | 🧠 심리학
| |
| − | </span>
| |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem;
| |
| − | ">
| |
| − | ✈️ 호주 여행
| |
| − | </span>
| |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem; | |
| − | ">
| |
| − | 🥓 삼겹살
| |
| − | </span>
| |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem;
| |
| − | ">
| |
| − | 🤖 ChatGPT
| |
| − | </span> | |
| − | | |
| − | <span style="
| |
| − | background:#f3eee9;
| |
| − | padding:8px 15px;
| |
| − | border-radius:20px;
| |
| − | font-size:0.9rem;
| |
| − | ">
| |
| − | 📷 Instagram
| |
| − | </span>
| |
| | | | |
| | </div> | | </div> |
| − | </div>
| |
| − |
| |
| − |
| |
| | | | |
| − | <!-- ══════════ CAREER ══════════ --> | + | <!-- 우측 베이지 패널 --> |
| − | <div style=" | + | <div style="flex:1 1 360px; background:#e8e2da; padding:44px 36px 52px; min-width:280px; position:relative;"> |
| − | background:#35354b;
| + | [[파일:프로필.jpeg|380px|가운데|방민주 프로필]] |
| − | border-radius:15px;
| + | <div style="font-size:3rem; color:#e0342a; font-weight:800; line-height:0.6; margin-bottom:14px;">“</div> |
| − | padding:34px 38px;
| + | <p style="font-size:1.23rem; font-weight:700; color:#3d3d56; line-height:1.75; margin:0 0 26px;"> |
| − | color:white;
| + | (여기에 자신을 소개하는 한 문장을 적으세요) |
| − | box-shadow:0 6px 20px rgba(0,0,0,0.08);
| + | </p> |
| − | "> | |
| − | | |
| − | <div style="
| |
| − | font-size:0.78rem;
| |
| − | letter-spacing:0.15em;
| |
| − | color:#c9c3d2;
| |
| − | margin-bottom:8px;
| |
| − | ">
| |
| − | MY FUTURE | |
| | </div> | | </div> |
| − |
| |
| − | <div style="
| |
| − | font-size:1.45rem;
| |
| − | font-weight:800;
| |
| − | margin-bottom:26px;
| |
| − | ">
| |
| − | 03. CAREER & GOALS
| |
| − | </div>
| |
| − |
| |
| − | <table style="
| |
| − | border-collapse:collapse;
| |
| − | width:100%;
| |
| − | font-size:0.95rem;
| |
| − | color:white;
| |
| − | ">
| |
| − |
| |
| − | <tr>
| |
| − | <td style="width:26%; padding:11px 4px; font-weight:700;">
| |
| − | 관심 직업 분야
| |
| − | </td>
| |
| − | <td style="padding:11px 4px; color:#dedce5;">
| |
| − | 교수
| |
| − | </td>
| |
| − | </tr>
| |
| − |
| |
| − | <tr>
| |
| − | <td style="padding:11px 4px; font-weight:700;">
| |
| − | 선호 직업 형태
| |
| − | </td>
| |
| − | <td style="padding:11px 4px; color:#dedce5;">
| |
| − | 연구직
| |
| − | </td>
| |
| − | </tr>
| |
| − |
| |
| − | <tr>
| |
| − | <td style="padding:11px 4px; font-weight:700;">
| |
| − | 희망 근무 지역
| |
| − | </td>
| |
| − | <td style="padding:11px 4px; color:#dedce5;">
| |
| − | 서울 / 수도권
| |
| − | </td>
| |
| − | </tr>
| |
| − |
| |
| − | <tr>
| |
| − | <td style="padding:11px 4px; font-weight:700;">
| |
| − | 롤모델
| |
| − | </td>
| |
| − | <td style="padding:11px 4px; color:#dedce5;">
| |
| − | 최재천 교수님
| |
| − | </td>
| |
| − | </tr>
| |
| − |
| |
| − | </table>
| |
| | | | |
| | </div> | | </div> |
| − |
| |
| | </div> | | </div> |