<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script th:inline="javascript">

    </script>
    <style>
        @font-face {
            font-family: "Nanum Gothic";
            font-style: normal;
            font-weight: 400;
            src: url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.eot"); /* IE9 Compat Modes */
            src: local("NanumGothic"),
            url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.eot?#iefix")
            format("embedded-opentype"),
                /* IE6-IE8 */ url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.woff2")
            format("woff2"),
                /* Super Modern Browsers */
            url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.woff") format("woff"),
                /* Modern Browsers */
            url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.ttf")
            format("truetype"),
                /* Safari, Android, iOS */
            url("https://www.a-rms.net/reference/light-blue/css/font/NanumGothic/nanum-gothic-v11-latin_korean-regular.svg#NanumGothic")
            format("svg"); /* Legacy iOS */
        }

        html,
        body {
            font-family: "Nanum Gothic" !important;
        }

        .gradient_middle_border {
            border-bottom: 1px solid transparent;
            border-image: linear-gradient(0.25turn, rgb(0 0 0 / 0%), #c3c3c3, rgb(0 0 0 / 0%));
            border-image-slice: 1;
        }
        .font13 {
            font-family: "Nanum Gothic" !important;
            font-size: 13px;
            color: #f8f8f8;
        }

        /*--------------------------------------------------------------
        # 버튼 에니메이션
        --------------------------------------------------------------*/
        .more {
            display: inline-block;
            border: 1px solid rgba(255, 255, 255, 0.3);
            letter-spacing: 0;
            z-index: 1;
            position: relative;
            margin-top: 10px;
            color: #fff;
            font-size: 13px;
        }

        .animated-button1 {
            display: inline-block;
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
            overflow: hidden;
            color: #fff;
            font-size: 12px;
            text-decoration: none;
        }

        .animated-button1::before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: #8593ad;
            opacity: 0;
            -webkit-transition: 0.2s opacity ease-in-out;
            transition: 0.2s opacity ease-in-out;
        }

        .animated-button1 span {
            position: absolute;
        }

        @keyframes animateTop {
            0% {
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }

            100% {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }
        }

        .animated-button1 span:nth-child(1) {
            top: 0px;
            left: 0px;
            width: 100%;
            height: 1px;
            background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#fff));
            background: linear-gradient(to left, rgba(43, 8, 8, 0), #fff);
            -webkit-animation: 2s animateTop linear infinite;
            animation: 2s animateTop linear infinite;
        }

        @keyframes animateRight {
            0% {
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }

            100% {
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
            }
        }

        .animated-button1 span:nth-child(2) {
            top: 0px;
            right: 0px;
            height: 100%;
            width: 1px;
            background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#fff));
            background: linear-gradient(to top, rgba(43, 8, 8, 0), #fff);
            -webkit-animation: 2s animateRight linear -1s infinite;
            animation: 2s animateRight linear -1s infinite;
        }

        @keyframes animateBottom {
            0% {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
            }

            100% {
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
            }
        }

        .animated-button1 span:nth-child(3) {
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 1px;
            background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#fff));
            background: linear-gradient(to right, rgba(43, 8, 8, 0), #fff);
            -webkit-animation: 2s animateBottom linear infinite;
            animation: 2s animateBottom linear infinite;
        }

        @keyframes animateLeft {
            0% {
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
            }

            100% {
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
            }
        }

        .animated-button1 span:nth-child(4) {
            top: 0px;
            left: 0px;
            height: 100%;
            width: 1px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#fff));
            background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #fff);
            -webkit-animation: 2s animateLeft linear -1s infinite;
            animation: 2s animateLeft linear -1s infinite;
        }


        @media only screen and (max-width: 480px) {
            .oEQ55c {
                width: 100% !important;
            }

            .zhwgeb {
                width: auto !important;
            }

            .MHCHNe {
                max-width: 100% !important;
            }

        }
    </style>
</head>
<body>
<div dir="ltr">

    <table style="background-color:#404249;padding:0 20px!important" role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
        <tbody>
        <tr>
            <td align="center" valign="top" width="800">
                <table width="800" border="0" cellspacing="0" cellpadding="0"
                       style="width:100%;max-width:800px;min-width: 600px;background-color:#404249" bgcolor="#404249"
                       role="presentation">
                    <tbody>
                    <tr>
                        <td>
                            <!-- 로고 영역 -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
                                <tbody>
                                <tr>
                                    <td>
                                        <table align="center" border="0" cellpadding="0" cellspacing="0"
                                               role="presentation" style="border-collapse:collapse; background:#404249; background-color:#404249;width:100%" width="100%">
                                            <tbody>
                                            <tr>
                                                <td style="border-collapse:collapse;direction:ltr;font-size:0;text-align:center" align="center">
                                                    <div style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%">
                                                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                               style="border-collapse:collapse;background-color:#404249;vertical-align:top"
                                                               width="100%" valign="top">
                                                            <tbody>
                                                            <tr>
                                                                <td align="center"
                                                                    style="border-collapse:collapse;font-size:0;padding:26px 20px;word-break:break-word">
                                                                    <img src="cid:logoImage"
                                                                         alt="test" height="150"
                                                                         style="-ms-interpolation-mode: bicubic; display: block; width: auto; height: auto; max-height: 150px; outline: none; text-decoration: none;">
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                               style="border-collapse:collapse;background-color:#404249;vertical-align:top"
                                               width="100%" valign="top">
                                            <tbody>
                                            <tr>
                                                <td align="center"
                                                    style="border-collapse:collapse;font-size:0;padding:0px 0px 20px 0px;word-break:break-word">
                                                    <div style="font-family:Nanum Gothic;font-size:15px;font-weight:400;letter-spacing:0;line-height:1.4;text-align:left;color:#f8f8f8">

                                                        <p style="margin-top: 0.75rem; line-height: 1.714; letter-spacing: -0.005em;">
                                                                            <span role="img" aria-label=":checkered_flag:" title=":checkered_flag:"
                                                                                  style="font-size: small; letter-spacing: -0.08px; background-color: transparent; display: inline-block; vertical-align: middle;">
                                                                                <img src="https://www.a-rms.net/arms/img/leaf.gif"
                                                                                     width="20"
                                                                                     height="20"
                                                                                     class="CToWUd"
                                                                                     data-bit="iit"
                                                                                     style="margin: 0px; padding: 0px; border: 0px; display: block; max-width: 100%; height: auto;">
                                                                            </span>

                                                            <span style="font-size: 13px; letter-spacing: -0.08px; color: #f8f8f8; vertical-align: middle">
                                                                    안녕하세요, A-RMS <b style="color: #ffc107;">[[${startDate}]]</b> ~ <b style="color: #ffc107;">[[${endDate}]]</b> 주간 리포트를 전달드립니다.
                                                                </span>

                                                            <!-- 설명 영역 -->
                                                            <span style="font-size: 13px; letter-spacing: -0.08px;color: #f8f8f8;vertical-align:middle;line-height: 1.95;">
                                                            </span>
                                                            <!-- 설명 영역 -->
                                                        </p>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <!-- //로고 영역 -->
                            <!-- 일정 탑메뉴 -->
                            <div style="width: 100%; float: left; box-sizing: border-box;">
                                <section style="margin-bottom: 15px; background: rgba(51, 51, 51, 0.425); border-radius: 0.25rem; padding: 15px;">
                                    <!-- 헤더 -->
                                    <header style="margin-bottom: 15px;">
                                        <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 20px; line-height: 1.4; letter-spacing: 0; text-align: left; color: #f8f8f8;">
                                            <span>
                                                <i style="font-family: FontAwesome; content: '\f017'; margin-right: 5px;"></i>
                                                Time | 일정 현황
                                            </span>
                                        </div>
                                    </header>
                                    <!-- 구분선 -->
                                    <div style="border-bottom: 1px solid #c3c3c3; background: linear-gradient(to right, rgba(0, 0, 0, 0), #c3c3c3, rgba(0, 0, 0, 0)); height: 1px; margin-bottom: 10px;"></div>
                                    <!-- 진행 중 전체 일정 -->
                                    <div style="margin: 10px 0; padding: 10px 0px !important; border-radius: 3px; text-align: center; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <div style="line-height: 1.4; letter-spacing: 0; color: #f8f8f8;">
                                            <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">
                                                진행 중 전체 일정<br/>
                                                 <a id="start_date" style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; font-weight: bold;color: #ffc107;" th:text="${timeData.earliestStart}">-</a>
                                                ~
                                                <a id="end_date" style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; font-weight: bold; color: #ffc107;" th:text="${timeData.latestEnd}">-</a>
                                            </span>
                                        </div>
                                    </div>
                                    <!-- 남은 일정 및 경과 -->
                                    <div style="display: inline-block; width: 100%; background: rgba(51, 51, 51, 0.425); border-radius: 3px; color: #f8f8f8; text-align: center; margin: 10px 0;">
                                        <div style="display: inline-block; padding: 10px; color: #a4c6ff; font-size: 18px; line-height: 20px; font-weight: 700;">
                                            <div id="remaining_days"  th:text="'D-' + (${timeData.daysElapsed} ?: '-')">-</div>
                                            <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8; font-weight: 400; margin-top: 5px;">【 일정 】</div>
                                        </div>
                                        <div style="display: inline-block; padding: 10px; font-size: 18px; color: #f8f8f8; line-height: 20px;">
                                            |
                                        </div>
                                        <div style="display: inline-block; padding: 10px; font-size: 18px; line-height: 20px; font-weight: 700;">
                                            <div id="progressDateRate" th:text="${timeData.elapsedPercentage} + '%'">-</div>
                                            <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8; font-weight: 400; margin-top: 5px;">【 경과 】</div>
                                        </div>
                                    </div>

                                    <!-- 생성된 버전 총 수 -->
                                    <div style="margin: 10px 0; padding: 10px 0px !important; border-radius: 3px; text-align: center; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">
                                            생성된 버전 총 수 : <a id="totalVersions" style="font-weight: bold; color: #ffc107;" th:text="${timeData.totalVersions}">-</a>개
                                        </span>
                                    </div>

                                    <!-- 일정 상태 -->
                                    <div style="margin: 10px 0; padding: 10px 0px !important; border-radius: 3px; text-align: center; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">
                                            지난 일정 : <a id="completedVersions" style="font-weight: bold; color: #ffc107;" th:text="${timeData.completedVersions}">-</a> 개
                                        </span>
                                        <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8; margin-left: 15px;">
                                            진행 중 일정 : <a id="ongoingVersions" style="font-weight: bold; color: #ffc107;" th:text="${timeData.ongoingVersions}">-</a> 개
                                        </span>
                                        <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8; margin-left: 15px;">
                                            남은 일정 : <a id="upcomingVersions" style="font-weight: bold; color: #ffc107;" th:text="${timeData.upcomingVersions}">-</a> 개
                                        </span>
                                    </div>
                                </section>
                            </div>
                            <!-- 스코프 탑메뉴 -->
                            <div style="width: 100%; float: left; box-sizing: border-box;">
                                <section style="margin-bottom: 15px; background: rgba(51, 51, 51, 0.425); border-radius: 0.25rem; padding: 15px;">
                                    <!-- 헤더 -->
                                    <header style="margin-bottom: 15px;">
                                        <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 20px; line-height: 1.4; text-align: left; color: #f8f8f8;">
                                            <span style="font-weight: bold;">
                                                <i style="font-family: FontAwesome; margin-right: 5px;"></i>
                                                Scope | 범위 현황
                                            </span>
                                        </div>
                                    </header>

                                    <!-- 구분선 -->
                                    <div style="border-bottom: 1px solid #c3c3c3; background: linear-gradient(to right, rgba(0, 0, 0, 0), #c3c3c3, rgba(0, 0, 0, 0)); height: 1px; margin-bottom: 10px;"></div>

                                    <!-- 요구사항 리스트 -->
                                    <div style="margin: 10px 0; background: rgba(51, 51, 51, 0.425); border-radius: 3px; padding: 10px;">
                                        <ul style="list-style: none; padding: 0; margin: 0;">
                                            <!-- 항목 반복 -->
                                            <li style="margin: 10px 0; overflow: hidden;">
                                                <div style="float: left; margin-right: 10px;">
                                                    <i style="font-family: FontAwesome; margin-right: 10px;"></i>
                                                    <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">총 요구사항</span>
                                                </div>
                                                <span  style="float: right; font-weight: bold; background: #4179CF; color: white; padding: 5px 10px; border-radius: 50%;" th:text="${scopeData.totalReqCount}">-</span>
                                            </li>
                                            <li style="margin: 10px 0; overflow: hidden;">
                                                <div style="float: left; margin-right: 10px;">
                                                    <i style="font-family: FontAwesome; margin-right: 10px;"></i>
                                                    <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">열림</span>
                                                </div>
                                                <span style="float: right; font-weight: bold; background: gray; color: white; padding: 5px 10px; border-radius: 50%;" th:text="${scopeData.openReqCount}">-</span>
                                            </li>
                                            <li style="margin: 10px 0; overflow: hidden;">
                                                <div style="float: left; margin-right: 10px;">
                                                    <i style="font-family: FontAwesome; margin-right: 10px;"></i>
                                                    <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">진행중</span>
                                                </div>
                                                <span style="float: right; font-weight: bold; background: gray; color: white; padding: 5px 10px; border-radius: 50%;" th:text="${scopeData.progressReqCount}">-</span>
                                            </li>
                                            <li style="margin: 10px 0; overflow: hidden;">
                                                <div style="float: left; margin-right: 10px;">
                                                    <i style="font-family: FontAwesome; margin-right: 10px;"></i>
                                                    <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">해결됨</span>
                                                </div>
                                                <span  style="float: right; font-weight: bold; background: gray; color: white; padding: 5px 10px; border-radius: 50%;" th:text="${scopeData.resolvedReqCount}">-</span>
                                            </li>
                                            <li style="margin: 10px 0; overflow: hidden;">
                                                <div style="float: left; margin-right: 10px;">
                                                    <i style="font-family: FontAwesome; margin-right: 10px;"></i>
                                                    <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">닫힘</span>
                                                </div>
                                                <span  style="float: right; font-weight: bold; background: gray; color: white; padding: 5px 10px; border-radius: 50%;" th:text="${scopeData.closedReqCount}">-</span>
                                            </li>
                                        </ul>
                                    </div>

                                    <!-- 금주 생성 및 완료된 요구사항 -->
                                    <div style="margin: 10px 0; padding: 10px 0; border-radius: 3px; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <!-- 금주 생성된 요구사항 이슈 -->
                                        <div style="text-align: center; margin-bottom: 10px;">
                                            <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8;">
                                                금주 생성된 요구사항 이슈
                                                <a style="font-weight: bold; color: #ffc107; text-decoration: none;" th:text="${scopeData.createdReqCount}"> - </a> 개
                                            </span><!--
                                            <span style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; color: #f8f8f8; margin-left: 15px;">
                                                금주 완료된 요구사항 이슈
                                                <a style="font-weight: bold; color: #ffc107; text-decoration: none;" th:text="${scopeData.finishedReqCount}">-</a> 개
                                            </span>-->
                                        </div>
                                    </div>
                                </section>
                            </div>

                            <div style="width: 100%; float: left; box-sizing: border-box;">
                                <section style="margin-bottom: 15px; background: rgba(51, 51, 51, 0.425); border-radius: 0.25rem; padding: 15px;">
                                    <!-- 헤더 -->
                                    <header style="margin-bottom: 15px;">
                                        <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 20px; line-height: 1.4; text-align: left; color: #f8f8f8;">
                                            <span style="font-weight: bold;">
                                                <i style="font-family: FontAwesome; margin-right: 5px;"></i> 자원(Resource) 현황
                                            </span>
                                        </div>
                                    </header>

                                    <!-- 구분선 -->
                                    <div style="border-bottom: 1px solid #c3c3c3; background: linear-gradient(to right, rgba(0, 0, 0, 0), #c3c3c3, rgba(0, 0, 0, 0)); height: 1px; margin-bottom: 10px;"></div>

                                    <!-- 자원 현황 -->
                                    <div style="margin: 10px 0; padding: 10px 0; border-radius: 3px; text-align: center; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <div style="line-height: 1.4; font-size: 18px; color: #a4c6ff; font-weight: bold;">
                                            <span id="resource_count" th:text="${resourceData.totalAssigneeCount}">-</span>
                                        </div>
                                        <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; margin-top: 5px;">
                                            총 투입 작업자 수
                                        </div>
                                    </div>

                                    <!-- 자원 현황 -->
                                    <div style="margin: 10px 0; padding: 10px 0; border-radius: 3px; text-align: center; background: rgba(51, 51, 51, 0.425); color: #f8f8f8;">
                                        <div style="line-height: 1.4; font-size: 18px; color: #a4c6ff; font-weight: bold;">
                                            <span th:text="${resourceData.totalIssueCount}">-</span>
                                        </div>
                                        <div style="font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 16px; margin-top: 5px;">
                                            총 이슈 개수
                                        </div>
                                    </div>

                                    <!-- 1인당 요구사항 및 연결 이슈 -->
                                    <table style="width: 100%; margin: 10px 0; text-align: center; border-spacing: 0; background: rgba(51, 51, 51, 0.425); border-radius: 3px; color: #f8f8f8;">
                                        <tr>
                                            <!-- 요구사항 -->
                                            <td style="padding: 10px; font-size: 16x; font-family: 'Nanum Gothic', Arial, sans-serif;">
                                                1인당 담당 이슈 개수 (최대 / 평균 / 최소)
                                                <div style="font-weight: bold; margin-top: 5px;">
                                                    <a id="req_max" style="color: #ffc107" th:text="${resourceData.maxIssues}">-</a> /
                                                    <a id="req_avg" style="color: #ffc107" th:text="${resourceData.avgIssuesPerAssignee}">-</a> /
                                                    <a id="req_min" style="color: #ffc107" th:text="${resourceData.minIssues}">-</a>
                                                </div>
                                            </td>
                                            <!--&lt;!&ndash; 연결 이슈 &ndash;&gt;
                                            <td style="padding: 10px; font-size: 16px; font-family: 'Nanum Gothic', Arial, sans-serif;">
                                                1인당 생성한 연결 이슈 수 <br />(최대 / 평균 / 최소)
                                                <div style="font-weight: bold; margin-top: 5px;">
                                                    <a id="sub_max">-</a> /
                                                    <a id="sub_avg">-</a> /
                                                    <a id="sub_min">-</a>
                                                </div>
                                            </td>-->
                                        </tr>
                                    </table>
                                </section>
                            </div>


                            <!-- 차트  영역 -->
                            <!--<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
                                <tbody>
                                <tr>
                                    <td>
                                        <table align="center" border="0" cellpadding="0" cellspacing="0"
                                               role="presentation"
                                               style="border-collapse:collapse;background:#3b3b3b; background-color:#3b3b3b;width:100%" width="100%">
                                            <tbody>
                                            <tr>
                                                <td style="border-collapse:collapse;direction:ltr;font-size:0;padding:20px 0;text-align:center" align="center">

                                                    &lt;!&ndash; 2024. 01. Update Note 헤더 영역 &ndash;&gt;
                                                    <table align="center" border="0" cellpadding="0" cellspacing="0"
                                                           role="presentation" style="border-collapse:collapse;display:inline-table" width="90%">
                                                        <tbody>
                                                        <tr>
                                                            <td style="border-collapse:collapse;direction:ltr;font-size:0;padding:0;text-align:center" align="center">
                                                                <div style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%">
                                                                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td style="border-collapse:collapse;vertical-align:top" valign="top">
                                                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse" width="100%">
                                                                                    <tbody>
                                                                                    <tr>
                                                                                        <td align="center"
                                                                                            style="border-collapse:collapse;font-size:0;padding:0;word-break:break-word">
                                                                                            <div style="font-family:Nanum Gothic;font-size:32px;font-weight:400;letter-spacing:0;line-height:1.5;text-align:center;color:#202124">
                                                                                                <img src="https://www.a-rms.net/arms/img/available_now.png"
                                                                                                     height="60px" width="60px" data-image-whitelisted=""
                                                                                                     class="CToWUd" data-bit="iit">
                                                                                                <span style="font-size: 12pt; line-height: 60px; vertical-align: text-bottom; font-weight: bold; color: #f8f8f8;">
                                                                                                                        Weekly Report Chart
                                                                                                                    </span>
                                                                                            </div>
                                                                                        </td>
                                                                                    </tr>
                                                                                    </tbody>
                                                                                </table>
                                                                            </td>
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    &lt;!&ndash; 차트 이미지 헤더 영역 &ndash;&gt;

                                                    &lt;!&ndash; Time Chart 1-1 &ndash;&gt;
                                                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                           style="border-collapse:collapse;display:table; width: 100%;">
                                                        <tbody>
                                                        <tr>
                                                            <td style="border-collapse:collapse;direction:ltr;font-size:0;padding:0;padding-bottom:0px;padding-top:10px;text-align:center" align="center">

                                                                &lt;!&ndash; 이미지 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                       style="border-collapse:collapse;vertical-align:middle;display:inline-table;" valign="middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td align="center" style="border-collapse:collapse;font-size:0;padding:10px;word-break:break-word">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse;border-spacing:0" class="oEQ55c">
                                                                                <tbody>
                                                                                <tr>
                                                                                    <td align="center" style="border-collapse:collapse;width:500px" class="zhwgeb" width="500">
                                                                                        <img class="MHCHNe" src="https://www.a-rms.net/arms/img/screenshot/dashboard1.png"
                                                                                             alt=""
                                                                                             style="-ms-interpolation-mode: bicubic; border:2px solid #878585; line-height: 100%; outline: none; text-decoration: none;
                                                        display: block; font-size: 13px; height: auto; width: 100%; max-width: 500px;"
                                                                                             width="500" height="250">
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //이미지 &ndash;&gt;

                                                                &lt;!&ndash; 글 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation" width="30%"
                                                                       style="border-collapse:collapse;display:inline-table;vertical-align:middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td style="border-collapse:collapse;padding:10px;vertical-align:middle" valign="middle">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse" width="100%">
                                                                                <tbody>
                                                                                <tr role="presentation">
                                                                                    <td align="left"
                                                                                        style="border-collapse:collapse;font-size:0;padding:0;word-break:break-word">
                                                                                        <div style="font-family:Nanum Gothic;font-size:13px;line-height:1.4;letter-spacing:0;text-align:left;color:#f8f8f8;">
                                                                                                    <span style="font-size:16px;color:#E49400;line-height:2;font-weight: bold;">
                                                                                                        <img src="https://www.a-rms.net/arms/img/check.png" width="17px"> 일정분석 - Time <br> 제품별 진척도
                                                                                                    </span>
                                                                                            <br>

                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //글 &ndash;&gt;
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    &lt;!&ndash; Scope Chart 1-1 &ndash;&gt;
                                                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                           style="border-collapse:collapse;display:table; width: 100%;">
                                                        <tbody>
                                                        <tr>
                                                            <td style="border-collapse:collapse;direction:ltr;font-size:0;padding:0;padding-bottom:0px;padding-top:10px;text-align:center" align="center">

                                                                &lt;!&ndash; 이미지 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                       style="border-collapse:collapse;vertical-align:middle;display:inline-table;" valign="middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td align="center" style="border-collapse:collapse;font-size:0;padding:10px;word-break:break-word">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse;border-spacing:0" class="oEQ55c">
                                                                                <tbody>
                                                                                <tr>
                                                                                    <td align="center" style="border-collapse:collapse;width:500px" class="zhwgeb" width="500">
                                                                                        <img class="MHCHNe" src="https://www.a-rms.net/arms/img/screenshot/dashboard1.png"
                                                                                             alt=""
                                                                                             style="-ms-interpolation-mode: bicubic; border:2px solid #878585; line-height: 100%; outline: none; text-decoration: none;
                                                        display: block; font-size: 13px; height: auto; width: 100%; max-width: 500px;"
                                                                                             width="500" height="250">
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //이미지 &ndash;&gt;

                                                                &lt;!&ndash; 글 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation" width="30%"
                                                                       style="border-collapse:collapse;display:inline-table;vertical-align:middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td style="border-collapse:collapse;padding:10px;vertical-align:middle" valign="middle">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse" width="100%">
                                                                                <tbody>
                                                                                <tr role="presentation">
                                                                                    <td align="left"
                                                                                        style="border-collapse:collapse;font-size:0;padding:0;word-break:break-word">
                                                                                        <div style="font-family:Nanum Gothic;font-size:13px;line-height:1.4;letter-spacing:0;text-align:left;color:#f8f8f8;">
                                        <span style="font-size:16px;color:#E49400;line-height:2;font-weight: bold;">
                                            <img src="https://www.a-rms.net/arms/img/check.png" width="17px"> 범위분석 - Scope <br>요구사항 상태 현황
                                        </span>
                                                                                            <br>

                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //글 &ndash;&gt;
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    &lt;!&ndash; Resource Chart 1-1 &ndash;&gt;
                                                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                           style="border-collapse:collapse;display:table; width: 100%;">
                                                        <tbody>
                                                        <tr>
                                                            <td style="border-collapse:collapse;direction:ltr;font-size:0;padding:0;padding-bottom:0px;padding-top:10px;text-align:center" align="center">

                                                                &lt;!&ndash; 이미지 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                       style="border-collapse:collapse;vertical-align:middle;display:inline-table;" valign="middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td align="center" style="border-collapse:collapse;font-size:0;padding:10px;word-break:break-word">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse;border-spacing:0" class="oEQ55c">
                                                                                <tbody>
                                                                                <tr>
                                                                                    <td align="center" style="border-collapse:collapse;width:500px" class="zhwgeb" width="500">
                                                                                        <img class="MHCHNe" src="https://www.a-rms.net/arms/img/screenshot/dashboard1.png"
                                                                                             alt=""
                                                                                             style="-ms-interpolation-mode: bicubic; border:2px solid #878585; line-height: 100%; outline: none; text-decoration: none;
                                                        display: block; font-size: 13px; height: auto; width: 100%; max-width: 500px;"
                                                                                             width="500" height="250">
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //이미지 &ndash;&gt;

                                                                &lt;!&ndash; 글 &ndash;&gt;
                                                                <table class="oEQ55c" border="0" cellpadding="0" cellspacing="0" role="presentation" width="30%"
                                                                       style="border-collapse:collapse;display:inline-table;vertical-align:middle">
                                                                    <tbody>
                                                                    <tr>
                                                                        <td style="border-collapse:collapse;padding:10px;vertical-align:middle" valign="middle">
                                                                            <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                                                   style="border-collapse:collapse" width="100%">
                                                                                <tbody>
                                                                                <tr role="presentation">
                                                                                    <td align="left"
                                                                                        style="border-collapse:collapse;font-size:0;padding:0;word-break:break-word">
                                                                                        <div style="font-family:Nanum Gothic;font-size:13px;line-height:1.4;letter-spacing:0;text-align:left;color:#f8f8f8;">
                                        <span style="font-size:16px;color:#E49400;line-height:2;font-weight: bold;">
                                            <img src="https://www.a-rms.net/arms/img/check.png" width="17px"> 자원분석 - Resource <br> 제품별 작업자 수 현황
                                        </span>
                                                                                            <br>

                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                    </tbody>
                                                                </table>
                                                                &lt;!&ndash; //글 &ndash;&gt;
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>-->
                            <!-- //업데이트 노트 영역 -->

                            <!-- 명함 영역 -->
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
                                <tbody>
                                <tr>
                                    <td>
                                        <table align="center" border="0" cellpadding="0" cellspacing="0"
                                               role="presentation"
                                               style="border-collapse:collapse;background:#3b3b3b; background-color:#3b3b3b;width:100%"
                                               width="100%">
                                            <tbody>
                                            <tr>
                                                <td style="direction:ltr;font-size:0;padding:0 5px;text-align:center">
                                                    <div style="font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%"
                                                         role="presentation">
                                                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
                                                               style="border-collapse:collapse;vertical-align:top;width:100%;" valign="top">
                                                            <tbody>
                                                            <tr>
                                                                <td style="border-collapse:collapse;font-size:0;padding:10px 25px;word-break:break-word">
                                                                    <table border="0" cellspacing="0" cellpadding="0"
                                                                           style="border-bottom-style:solid;border-bottom-width:1px;border-top-style:solid;border-top-color:#7faddd;width:100%;
                                                           font-family:Gulim;margin:0px;padding:15px 0px 15px 0px;border-bottom-color:#7faddd;border-top-width:1px;">
                                                                        <tbody>
                                                                        <tr>
                                                                            <td width="250" align="center">
                                                                                <!-- 이미지 스타일 수정 -->
                                                                                <img src="https://www.a-rms.net/arms/img/313_drop.png"
                                                                                     alt="Company Logo"
                                                                                     border="0"
                                                                                     style="max-width: 100%; height: auto; display: block; width: 180px;"
                                                                                     width="180">
                                                                            </td>
                                                                            <td style="font-family:'Malgun Gothic';color:#f8f8f8;font-size:12px;">
                                                                                <p>
                                                                                    <span style="font-weight:bold;vertical-align:baseline;white-space:pre-wrap;">이동민</span>
                                                                                    <span style="vertical-align:baseline;white-space:pre-wrap;">Dongmin.Lee / CEO</span>
                                                                                </p>
                                                                                <p style="margin-bottom:22px;">
                                                                                    <span style="vertical-align:baseline;white-space:pre-wrap;">A-RMS / 313 DEVGRP</span>
                                                                                </p>
                                                                                <p style="font-family:Nanum Gothic;font-weight:800;vertical-align:baseline;">
                                                                                    <span style="vertical-align:baseline;">Solution Development & Consulting</span>
                                                                                </p>
                                                                                <p>PaaS+SaaS Web Services / Mobile / Search Engine / DevOps<br> Platform  / Cloud / BigData / Machine learning / AI / Education</p>
                                                                                <p>
                                                                        <span style="padding-right: 12px;">
                                                                            <strong style="font-family:Nanum Gothic;font-weight:800;vertical-align:baseline;white-space:pre-wrap;">Email</strong>
                                                                            <span style="color:#b5b5b5;vertical-align:baseline;white-space:pre-wrap;"> | </span>
                                                                            313cokr@gmail.com
                                                                        </span>
                                                                                    <br>
                                                                                    <span>
                                                                            <strong style="font-family:Nanum Gothic;font-weight:800;vertical-align:baseline;white-space:pre-wrap;">Mobile</strong>
                                                                            <span style="color:#b5b5b5;vertical-align:baseline;white-space:pre-wrap;"> | </span>
                                                                            +82-10-5093-7313
                                                                        </span>
                                                                                    <br>
                                                                                    <span>
                                                                            <strong style="font-family:Nanum Gothic;font-weight:800;vertical-align:baseline;white-space:pre-wrap;">Website</strong>
                                                                            <span style="color:#b5b5b5;vertical-align:baseline;white-space:pre-wrap;"> | </span>
                                                                            <a href="https://www.313.co.kr" target="_blank" style="color:#f8f8f8;">313.co.kr</a>
                                                                            <span style="color:#b5b5b5;vertical-align:baseline;white-space:pre-wrap;"> / </span>
                                                                            <a href="https://www.a-rms.net" target="_blank" style="color:#f8f8f8;">a-rms.net</a>
                                                                        </span>
                                                                                </p>
                                                                                <p style="margin-bottom:4px">
                                                                                    <strong style="font-family:Nanum Gothic;font-weight:800;vertical-align:baseline;white-space:pre-wrap;">Adr</strong>
                                                                                    <span style="color:#b5b5b5;vertical-align:baseline;white-space:pre-wrap;"> | </span>
                                                                                    <span style="vertical-align:baseline;white-space:pre-wrap;">313 B/D Dosan-daero, Gangnam-gu, Seoul, Republic of Korea 06021</span>
                                                                                </p>
                                                                            </td>
                                                                        </tr>
                                                                        </tbody>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                                </tbody>
                            </table>

                            <!-- //명함 영역 -->
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>