@model NP.Model.VMCourse
@{
    var menus = (List<NP.Model.MenuPage>)ViewBag.Menus;
    var course = Model.courseInfos.Where(w => (int)w.CourseType == Model.courseType).FirstOrDefault();
    var coursemenu = menus.Where(w => (w.pageurl ?? "").ToUpper().Contains(string.Format("/Course/Info?courseType={0}", (int)course.CourseType).ToUpper())).FirstOrDefault();
    var coursemenupageno = coursemenu != null ? coursemenu.pno : 0;
}
<div class="eduinfo">
    <div class="slyTab buildTab">
        <ul class="slyList">
            @foreach (var courseInfo in Model.courseInfos)
            {
                var menu = menus.Where(w => (w.pageurl ?? "").ToUpper().Contains(string.Format("/Course/Info?courseType={0}", (int)courseInfo.CourseType).ToUpper())).FirstOrDefault();
                var menupageno = menu != null ? menu.pno : 0;
                <li @(Model.courseType == (int)courseInfo.CourseType ? "class=active" : "")><a href="/Course/Info?courseType=@((int)courseInfo.CourseType)&menupageno=@(menupageno)&menupagedatakey=0&menupagedatakey2="><span>@courseInfo.CourseType.ToString().Replace("_", " ")</span></a></li>
            }
        </ul>
    </div>
    @if (Model.cmno == 0)
    {
        <!--교육종류 출력 화면 시작-->
        <div class="eduinfo_list">
            <div id="subTab01" class="tabCont" style="display: block;">
                <div class="con">
                    <p class="prgInfo">@(course.CourseDescription)</p>
                </div>
                <h4 class="clsTitle">@(course.CourseType.ToString().Replace("_", " ")) 종류</h4>
                <ul class="dotList">
                    @foreach (var courseInfo in course.CourseInfos)
                    {
                        <li><a href="/Course/Info?courseType=@((int)courseInfo.CourseType)&cmno=@(courseInfo.cmno)&menupageno=@(coursemenupageno)&menupagedatakey=0&menupagedatakey2=" link="">@(courseInfo.cname)</a></li>
                    }
                </ul>
            </div>
        </div>
        <!--교육 종류 출력 화면 끝-->
        <ul class="clsBtn society">
            <li><a href="/">교육신청하러 메인화면가기</a></li>
        </ul>
    }
    else
    {
        <!--교육과정소개 시작-->
        <div class="eduinfo_con">
            @if (Model.CM != null)
            {
                <h4 class="clsTitle">@(Model.CM.cname)</h4>
                if (!string.IsNullOrEmpty(Model.CM.introhtml))
                {
                    <dl class="mosaList">
                        <dt>교육소개</dt>
                        <dd>@Html.Raw(Model.CM.introhtml ?? "")</dd>
                    </dl>
                }
                if (!string.IsNullOrEmpty(Model.CM.targethtml))
                {
                    <dl class="mosaList">
                        <dt>교육대상</dt>
                        <dd>@Html.Raw(Model.CM.targethtml ?? "")</dd>
                    </dl>
                }
                if (!string.IsNullOrEmpty(Model.CM.goalhtml))
                {
                    <dl class="mosaList">
                        <dt>교육목표</dt>
                        <dd>@Html.Raw(Model.CM.goalhtml ?? "")</dd>
                    </dl>
                }
                if (!string.IsNullOrEmpty(Model.CM.contenthtml))
                {
                    <dl class="mosaList">
                        <dt>교육내용</dt>
                        <dd>@Html.Raw(Model.CM.contenthtml ?? "")</dd>
                    </dl>
                }
            }
        </div>
        <!--교육과정소개 끝-->
        <ul class="clsBtn society">
            <li><a href="/">교육신청하러 메인화면가기</a></li>
            <li><a href="/Course/Info?courseType=@((int)Model.courseType)&&menupageno=@(coursemenupageno)&menupagedatakey=0&menupagedatakey2=" id="btnback">이전화면 가기</a></li>
        </ul>
    }
</div>
<form id="thisform" action="" method="get">
    @Html.HiddenFor(m => m.cmno)
</form>
@section scriptsHeader{
    <style type="text/css">
        .eduinfo .buildTab ul li {
            width: 14.2857%;
        }

            .eduinfo .buildTab ul li:nth-child(1).active a span:before, .eduinfo .buildTab ul li:nth-child(2).active a span:before, .eduinfo .buildTab ul li:nth-child(3).active a span:before, .eduinfo .buildTab ul li:nth-child(4).active a span:before, .eduinfo .buildTab ul li:nth-child(5).active a span:before, .buildTab ul li:nth-child(1) a span:before, .buildTab ul li:nth-child(2) a span:before, .buildTab ul li:nth-child(3) a span:before, .buildTab ul li:nth-child(4) a span:before, .buildTab ul li:nth-child(5) a span:before {
                background: none;
            }

            .eduinfo .buildTab ul li a span {
                text-align: center;
            }

        .eduinfo .con {
            margin: 20px 0;
        }

        .eduinfo .buildTab ul li a span {
            padding-left: 0;
            padding-right: 0;
        }
    </style>
}
@section scripts{
    <script>
        $(document).ready(function () {

        });
    </script>
}