@model NP.Model.VMMy
@{
    Layout = "~/Views/Shared/_LayoutPrint.cshtml";
}
<div style="text-align: center; padding: 10px 0; border: 1px solid #ddd; background-color: #ddd" class="printNonArea">
    <div class="text-center">
        <div style="color: red;">* 인쇄설정에서 머리글과 바닥글을 표시제외하고 배경이미지를 활성화 해주세요.</div>
        <div style="padding: 10px 20px;">
            <a href="#" title="인쇄" onclick="fnPrint();" style="border: 1px solid #238dfa; color: #238dfa; padding: 5px 20px;">인쇄</a>&nbsp;&nbsp;
            <a href="#" title="취소" onclick="self.close();" style="border: 1px solid #000; color: #000; padding: 5px 20px;">취소</a>
        </div>
    </div>
</div>
<div class="cerWrap">
	<div class="cerTitle">
		<h5>수료증 최적화 출력방법 안내</h5>
		<a href="#">닫기</a>
	</div>
	<div class="cerCont print">
		<h3>수료증 최적화 출력방법 안내</h3>
		<h4 class="crprtTitle">1. Instructor led Course</h4>
		<ul class="crprtList">
			<li>
				<dl>
					<dt><span style="background:url('../img/certificate/cer_print_ie.png')no-repeat left center;">Internet Explorer (IE)</span></dt>
					<dd>
						<img src="../img/certificate/cer_print_0101.png" alt="">
						<h6>메뉴의 파일 > 페이지설정을 클릭 후</h6>	
						<p>1. <span>배경색 및 이미지 인쇄</span> 를 선택하세요</p>
						<p>2. 머리글/바닥글의 설정을 전부 <span>비어있음</span>으로 설정해주세요</p>					
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><span style="background:url('../img/certificate/cer_print_chrome.png')no-repeat left center;">Chrome(크롬)</span></dt>
					<dd>
						<img src="../img/certificate/cer_print_0102.png" alt="">
						<h6>인쇄버튼을 클릭 후 설정 더보기를 클릭하신 다음 </h6>	
						<p>1. <span>머리글과 바닥글</span> 옵션 선택을 해지해주세요.</p>		
						<p>2. <span>배경그래픽</span>을 선택하세요.</p>					
					</dd>
				</dl>
			</li>
		</ul>
		<h4 class="crprtTitle">2. Online Course & Training Transcript Form</h4>
		<ul class="crprtList">
			<li>
				<dl>
					<dt><span style="background:url('../img/certificate/cer_print_ie.png')no-repeat left center;">Internet Explorer (IE)</span></dt>
					<dd>
						<img src="../img/certificate/cer_print_0201.png" alt="">
						<h6>메뉴의 파일 > 페이지설정을 클릭 후</h6>	
						<p>1. 페이지를 <span>‘가로’</span> 로 설정하세요.</p>
						<p>2. <span>배경색 및 이미지 인쇄</span> 를 선택하세요</p>
						<p>3. 머리글/바닥글의 설정을 전부 <span>비어있음</span>으로 설정해주세요</p>					
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><span style="background:url('../img/certificate/cer_print_chrome.png')no-repeat left center;">Chrome(크롬)</span></dt>
					<dd>
						<img src="../img/certificate/cer_print_0202.png" alt="">
						<h6>인쇄버튼을 클릭 후 설정 더보기를 클릭하신 다음 </h6>	
						<p>1. 레이아웃을 <span>가로방향</span> 으로 설정하세요</p>		
						<p>2. <span>머리글과 바닥글</span>옵션 선택을 해지해주세요.</p>		
						<p>3. <span>배경그래픽</span>을 선택하세요.</p>					
					</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>
<div class="printNonArea" style="height: 85px;">&nbsp;</div>
@section scriptsHeader{

}
@section scripts{
    <script>
    </script>
}