07-03_Quiz_품질마크.html

07-03_Quiz_품질마크
- 07-03_Quiz_품질마크
  - ```
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title>07-03_Quiz_품질마크</title>
  
  <style type="text/css">
  *{ margin: 0; padding: 0; }
  
  body {
  /* 	border: 1px solid red;
   */	width: 200px;
  	height: 600px;
  }
  
  .lnb > li{
  	list-style: none;
  	background: url('../../image/list_image/icon2.jpg') no-repeat 5px 10px;
  	text-indent: 20px;
  	line-height: 30px;
  }
  
  #lnb_sel {
  	background: url('../../image/list_image/icon1.jpg') no-repeat 5px 10px;
  	font-weight: bold;
  }
  
  #lnb_sel > a {
  	color: #043a63;
  }
  .sub {
  	border-top: 1px dotted gray;
  	font-weight: bold;
  }
  .sub > a {
  	color: #494949;
  }
  
  .sub_ul {
  	margin: 5px;
  	background-color: #e6f5ff;		
  }
  .dot {
  	background: url('../../image/list_image/dot.jpg') no-repeat 12px 12px;
  	font-weight: normal;
  }
  .dot > a {
  	color: #1a3b58;
  	
  }
  .sub_li {
  	font-weight: normal;
  }
  .sub_li > a {
  	color: #494949;
  }
  a {
  	text-decoration: none;
  	font-size: 15px;
  }
  </style>
  </head>
  <body>
  	<ul class="lnb">
  		<li id="lnb_sel"><a href="#">품질마크 소개</a>
  			<ul class="sub_ul">
  				<li class="dot"><a href="#">품질마크 개요</a></li>
  				<li class="sub_li"><a href="#">인증 절차</a></li>
  			</ul>
  		</li>
  		<li class="sub"><a href="#">인증위원회</a></li>
  		<li class="sub"><a href="#">인증심사기준</a></li>
  		<li class="sub"><a href="#">품질마크 심사 접수</a>
  			<ul class="sub_ul">
  				<li class="sub_li"><a href="#">신규심사</a></li>
  				<li class="sub_li"><a href="#">갱신심사</a></li>
  			</ul>
  		</li>
  		<li class="sub"><a href="#">진행상태 확인</a></li>
  		<li class="sub"><a href="#">인증사이트 현황</a></li>
  		<li class="sub"><a href="#">인증사이트 통계</a></li>
  	</ul>
  </body>
  </html>
```