<!doctype html>
<html lang="ko">
  <head>
    <?php include(__DIR__ . "/_include/_head.php") ?>
    <link rel="stylesheet" type="text/css" href="/css/main.css" />
  </head>
  <body>
    <!--
      ========================================
      마이페이지 레이아웃 구조
      ========================================
      [좌측] aside.mypage-sidebar  : 프로필 + 컨텐츠 제안
      [우측] main.mypage-main     : 학습 활동 + 시청/저장/소감 목록
    -->
    <div class="wrap mypage">
      <?php include(__DIR__ . "/_include/_header.php") ?>
      <div class="container">
        <div class="mypage-inner">
          <!--
            좌측 사이드바: 프로필 카드 + 컨텐츠 제안 폼
            수정 시: profile-card 내 이름, 직급, 학습레벨 등 변경
          -->
          <aside class="mypage-sidebar">
            <h2 class=" ">마이페이지</h2>
            <div class="profile-area">
              <div class="profile-card">
                <div class="profile-photo">
                  <img src="/img/insight/profile.png" alt="홍길동 프로필" />
                </div>
                <p class="profile-name">
                 <em>홍길동</em> 선임연구원
                </p>
                <p class="profile-role">바론컨설턴트</p>
                <div class="badge-level">
                  <span class="badge-level-title">학습레벨</span>
                  <span class="badge-level-value"> 
                    <i class="ico-level">
                      <img src="/img/ico/ico_level_master.svg" alt="학습레벨" />
                    </i>
                    Master
                  </span>
                  <i class="ico-info" title="레벨 안내"></i>
                </div>
              </div>
              <section class="suggest-section">
                <h3 class="suggest-title">컨텐츠 제안하기</h3>
                <textarea class="suggest-input" placeholder="URL, 추천이유 작성" rows="4"></textarea>
                <button type="button" class="btn-primary btn-full" disabled>
                  제안 보내기
                  <i class="ico-arrow"></i>
                </button>
                <!-- 아코디언: 클릭 시 제안현황 목록 펼침/접힘 (mypage.js에서 동작) -->
                <div class="suggest-status accordion">
                  <button type="button" class="accordion-trigger" aria-expanded="false" aria-controls="suggest-status-content">
                    <span class="accordion-title">제안현황</span>
                    <i class="ico-chevron" aria-hidden="true"></i>
                  </button>
                  <div id="suggest-status-content" class="accordion-content" hidden>
                    <ul class="suggest-status-list">
                      <li class="consider">
                        <span class="suggest-date">26.03.01</span>
                        <span class="suggest-dots"></span>
                        <span class="suggest-state">검토중</span>
                      </li>
                      <li>
                        <span class="suggest-date">26.02.25</span>
                        <span class="suggest-state">게시완료</span>
                      </li>
                      <li>
                        <span class="suggest-date">26.01.14</span>
                        <span class="suggest-state">게시완료</span>
                      </li>
                      <li>
                        <span class="suggest-date">26.01.01</span>
                        <span class="suggest-state">게시완료</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </section>
            </div>

          </aside>

          <!--
            우측 메인: 학습 활동 통계 + 시청/저장/소감 목록
            학습 시간 수정: total-time-text의 strong, gauge-fill의 width 값
          -->
          <main class="mypage-main">
            <section class="activity-section">
              <h3 class="section-title">
                <i class="ico-pin"></i>
                나의 학습 활동 <span class="year-badge">(2026년 기준)</span>
              </h3>
              <div class="total-time-area">
                <div class="total-time-inner">
                  <div class="total-time">
                    <p class="total-time-text">
                      총 학습시간 <strong>340</strong>분
                    </p>
                    <div class="gauge-bar">
                      <div class="gauge-fill" style="width: 63%"></div>
                    </div>
                  </div>
                </div>
                <span class="total-average">전체평균</span>
              </div>

             
              <ul class="activity-list">
                <li class="activity-item gauge">
                  <div class="activity-head">
                    <span class="activity-label">마이클래스</span>
                    <span class="activity-value"><em>74</em>분 (33%)</span>
                  </div>
                  <div class="progress-track">
                    <div class="gauge-bar">
                      <div class="gauge-fill" style="width: 33%"></div>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">6개</span>
                    </div>
                  </div>
                </li>
                <li class="activity-item gauge">
                  <div class="activity-head">
                    <span class="activity-label">온보딩</span>
                    <span class="activity-value"><em>110</em>분 (80%)</span>
                  </div>
                  <div class="progress-track">
                    <div class="gauge-bar">
                      <div class="gauge-fill" style="width: 80%"></div>
                      <p class="activity-note">① 필수 시청 : 26.01.14</p>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">10개</span>
                    </div>
                  </div>
                  
                </li>
                <li class="activity-item gauge">
                  <div class="activity-head">
                    <span class="activity-label">법정교육</span>
                    <span class="activity-value"><em>30</em>분 (20%)</span>
                  </div>
                  <div class="progress-track">
                    <div class="gauge-bar">
                      <div class="gauge-fill" style="width: 20%"></div>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">6개</span>
                    </div>
                  </div>
                </li>
                <li class="activity-item tag">
                  <div class="activity-head">
                    <span class="activity-label">리더십</span>
                    <span class="activity-value"><em>60</em>분</span>
                  </div>
                  <div class="progress-track">
                    <div class="tag-list">
                      <span class="tag-wrap" style="width: 40%;"><span class="tag">소통</span></span>
                      <span class="tag-wrap" style="width: 28%;"><span class="tag">협업</span></span>
                      <span class="tag-wrap" style="width: 37%;"><span class="tag">웰니스</span></span>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">60분</span>
                    </div>
                  </div>
                </li>
                <li class="activity-item tag">
                  <div class="activity-head">
                    <span class="activity-label">인사이트</span>
                    <span class="activity-value"><em>43</em>분</span>
                  </div>
                  <div class="progress-track">
                    <div class="tag-list">
                      <span class="tag-wrap" style="width: 60%;"><span class="tag">인물</span></span>
                      <span class="tag-wrap" style="width: 32%;"><span class="tag">마인드셋</span></span>
                      <span class="tag-wrap" style="width: 8%;"><span class="tag">기술과 미래</span></span>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">43분</span>
                    </div>
                  </div>
                  
                </li>
                <li class="activity-item tag">
                  <div class="activity-head">
                    <span class="activity-label">비즈트렌드</span>
                    <span class="activity-value"><em>23</em>분</span>
                  </div>
                  <div class="progress-track">
                    <div class="tag-list">
                      <span class="tag-wrap" style="width: 75%;"><span class="tag">금리</span></span>
                      <span class="tag-wrap" style="width: 35%;"><span class="tag">증시</span></span>
                    </div>
                    <div class="gauge-value">
                      <span class="gauge-start">0</span>
                      <span class="gauge-separator">&middot;</span>
                      <span class="gauge-end">23분</span>
                    </div>
                  </div>
                  
                </li>
              </ul>
            </section>

            <div class="mylist-area">
              <!-- 시청중인 콘텐츠: 진행률은 gauge-fill의 style="width: N%" 에서 조정 -->
              <!-- 시청중인 콘텐츠: 진행률은 gauge-fill의 style="width: N%" 에서 조정 -->
              <section class="content-section">
                <h3 class="section-title">
                  <i class="ico-play"></i>
                  시청중인 콘텐츠 <span class="count">15</span>
                </h3>
                <ul class="content-grid">
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_1" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_1" title="좋아요">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_01.png" alt="어색한 침묵 스몰토크" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 93%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">어색한 침묵 스몰토크</strong>
                        <div class="tag-list">
                          <span class="tag">소통</span>
                          <span class="tag">협업</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_2" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_2" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_02.png" alt="한국에서 가장 유명한 회계사의 조언" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 33%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">한국에서 가장 유명한 회계사의 조언</strong>
                        <div class="tag-list">
                          <span class="tag">소통</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_3" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_3" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_03.png" alt="무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하는 법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 83%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하..</strong>
                        <div class="tag-list">
                          <span class="tag">협업</span>
                          <span class="tag">웰니스</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_4" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_4" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_04.png" alt="꼰대가 되지 않고 건설적인 피드백을 하는 법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 63%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">꼰대가 되지 않고 건설적인 피드백을 하는 법</strong>
                        <div class="tag-list">
                          <span class="tag">마인드셋</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_5" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_5" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_05.png" alt="프로와 아마추어를 가르는 차이점" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 13%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">프로와 아마추어를 가르는 차이점!</strong>
                        <div class="tag-list">
                          <span class="tag">자기개발</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_6" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_6" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_06.png" alt="트럼프 반도체 관세, 한국 기업" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 23%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag biz">비즈트렌드</span>
                        <strong class="item-title">트럼프 반도체 관세…한국 기업 불똥?</strong>
                        <div class="tag-list">
                          <span class="tag">금리</span>
                          <span class="tag">증시</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_7" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_7" title="좋아요">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_01.png" alt="어색한 침묵 스몰토크" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 93%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">어색한 침묵 스몰토크</strong>
                        <div class="tag-list">
                          <span class="tag">소통</span>
                          <span class="tag">협업</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_8" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_8" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_02.png" alt="한국에서 가장 유명한 회계사의 조언" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 33%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">한국에서 가장 유명한 회계사의 조언</strong>
                        <div class="tag-list">
                          <span class="tag">소통</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_9" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_9" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_03.png" alt="무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하는 법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 83%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하..</strong>
                        <div class="tag-list">
                          <span class="tag">협업</span>
                          <span class="tag">웰니스</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_10" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_10" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_04.png" alt="꼰대가 되지 않고 건설적인 피드백을 하는 법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 63%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">꼰대가 되지 않고 건설적인 피드백을 하는 법</strong>
                        <div class="tag-list">
                          <span class="tag">마인드셋</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_11" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_11" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_05.png" alt="프로와 아마추어를 가르는 차이점" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 13%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">프로와 아마추어를 가르는 차이점!</strong>
                        <div class="tag-list">
                          <span class="tag">자기개발</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_watching_12" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_watching_12" title="저장">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_06.png" alt="트럼프 반도체 관세, 한국 기업" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 23%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag biz">비즈트렌드</span>
                        <strong class="item-title">트럼프 반도체 관세…한국 기업 불똥?</strong>
                        <div class="tag-list">
                          <span class="tag">금리</span>
                          <span class="tag">증시</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                </ul>
              </section>
  
              <!-- 저장한 콘텐츠: 체크된 상태로 표시 (checked) -->
              <section class="content-section">
                <h3 class="section-title">
                  <i class="ico-bookmark"></i>
                  저장한 콘텐츠 <span class="count">3</span>
                </h3>
                <ul class="content-grid">
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_1" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_1" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_01.png" alt="나의 무한한 가능성을 발견하는 방법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 33%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">나의 무한한 가능성을 발견하는 방법</strong>
                        <div class="tag-list">
                          <span class="tag">마인드셋</span>
                          <span class="tag">자기개발</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_2" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_2" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_02.png" alt="아무도 알려주지 않았던 일 잘하는 방법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 63%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">아무도 알려주지 않았던 일 잘하는 방법</strong>
                        <div class="tag-list">
                          <span class="tag">협업</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_3" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_3" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_03.png" alt="정선근 교수가 알려주는 목디스크 지식" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 83%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">정선근 교수가 알려주는 목디스크 지식</strong>
                        <div class="tag-list">
                          <span class="tag">건강</span>
                          <span class="tag">웰니스</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_4" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_4" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_01.png" alt="나의 무한한 가능성을 발견하는 방법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 33%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">나의 무한한 가능성을 발견하는 방법</strong>
                        <div class="tag-list">
                          <span class="tag">마인드셋</span>
                          <span class="tag">자기개발</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_5" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_5" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_02.png" alt="아무도 알려주지 않았던 일 잘하는 방법" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 63%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag leader">리더십</span>
                        <strong class="item-title">아무도 알려주지 않았던 일 잘하는 방법</strong>
                        <div class="tag-list">
                          <span class="tag">협업</span>
                          
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                  <li class="content-card content-card--saved">
                    <a href="#" class="card-link">
                      <label class="bookmark" for="like_saved_6" onclick="event.stopPropagation();">
                        <input type="checkbox" id="like_saved_6" checked title="저장 취소">
                      </label>
                      <div class="item-thumb">
                        <img src="/img/video/img_thumb_03.png" alt="정선근 교수가 알려주는 목디스크 지식" />
                        <div class="gauge-bar rect"><div class="gauge-fill" style="width: 83%"></div></div>
                      </div>
                      <div class="item-info">
                        <span class="category-tag insight">인사이트</span>
                        <strong class="item-title">정선근 교수가 알려주는 목디스크 지식</strong>
                        <div class="tag-list">
                          <span class="tag">건강</span>
                          <span class="tag">웰니스</span>
                        </div>
                        <button type="button" class="btn-remove-card" title="삭제"></button>
                      </div>
                    </a>
                  </li>
                </ul>
              </section>
  
              <!-- 한줄 소감: 사용자가 작성한 짧은 리뷰 목록 -->
              <section class="review-section">
                <h3 class="section-title"> 
                  <i class="ico-comment"></i>   
                  한줄 소감 <span class="count">6</span>
                </h3>
                <ul class="review-list">
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag insight">인사이트 &gt; 기술과 미래</span>
                      <p class="review-text">무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하는 법 무슨 말을 해야 할지 모르겠어요, 스몰토크 잘하는 법</p>
                    </div>
                    <div class="review-comment">
                      <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 사소한 말이 관계를 살린다는 걸 느꼈습니다.</span>
                    </div>
                  </li>
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag leader">리더십 &gt; 관계리더십</span>
                      <p class="review-text">회계를 조금이라도 이해하면 인생이 달라지는 이..</p>
                    </div>
                    <div class="review-comment">
                       <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 숫자가 말하는 힘을 알게 되니, 결정도 훨씬 똑똑해졌어요.</span>
                    </div>
                  </li>
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag leader">리더십 &gt; 관계리더십</span>
                      <p class="review-text">프로그래머는 코딩하는 사람이 아닙니다.</p>
                    </div>
                    <div class="review-comment">
                       <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 문제를 정의하고 구조화하는 사고가 진짜 실력이더라고요.</span>
                    </div>
                  </li>
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag insight">인사이트 &gt; 경제와 사회</span>
                      <p class="review-text">숨겨진 가능성을 무한히 발견하는 법</p>
                    </div>
                    <div class="review-comment">
                       <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 시야를 넓히는 법보다, 시야를 바꾸는 법을 배운 느낌이에요.</span>
                    </div>
                  </li>
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag insight">인사이트 &gt; 경제와 사회</span>
                      <p class="review-text">변화의 시대에 변화하지 않는게 리스크더라구..</p>
                    </div>
                    <div class="review-comment">
                       <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 실무에 바로 적용할 수 있는 인사이트를 얻었어요.</span>
                    </div>
                  </li>
                  <li class="review-item">
                    <div class="review-head">
                      <span class="category-tag insight">인사이트 &gt; 경제와 사회</span>
                      <p class="review-text">프로와 아마추어를 가르는 차이점!</p>
                    </div>
                    <div class="review-comment">
                       <div class="review-user">
                        <img src="/img/insight/profile.png" alt="홍길동 프로필">
                      </div>
                      <span class="review-comment-text"><strong>홍길동</strong> 같은 일을 해도, 접근 방식이 다르면 결과가 완전히 달라지네요.</span>
                    </div>
                  </li>
                </ul>
              </section>
            </div>
          </main>
        </div>
      </div>
      <!-- // container -->
    </div>
    <!-- 마이페이지 전용 스크립트: 제안 폼 버튼 활성화, 제안현황 아코디언 -->
    <script src="/js/mypage.js" defer></script>
  </body>
</html>
