<![CDATA[
<p><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><style> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>* { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  outline: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>body { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-image: url(<a href="https://images.pexels.com/photos/934718/pexels-photo-934718.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);" target="_blank" class="ke-link">https://images.pexels.com/photos/934718/pexels-photo-934718.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);</a></b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  -webkit-background-size:cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-size:cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-position: center center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-family: poppins; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar{ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding-top: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>nav { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> width: calc(100% - 60px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> margin: 0 auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> background: #000000; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> z-index: 1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> text-align: right; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> padding-right: 2%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.logo { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 25%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  float: left; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-transform: uppercase; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: left; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.menu-area li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    list-style-type: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.menu-area a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 900; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  letter-spacing: 1px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-transform: uppercase; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 15px 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 14px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  line-height: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 1; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-decoration: none;     </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.menu-area a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: deeppink; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>nav:before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: ''; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-top: 10px solid #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-right: 10px solid #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-left: 10px solid transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-bottom: 10px solid transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  top: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>nav:after { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: ''; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-top: 10px solid #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-left: 10px solid #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-right: 10px solid transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-bottom: 10px solid transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  top: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  right: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></head> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><body> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><div class="navbar"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     <div class="logo"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>Company Logo</div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><ul class="menu-area"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><li><a href="#">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><li><a href="#">About</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><li><a href="#">Portfolio</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><li><a href="#">Services</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><li><a href="#">Contact</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></nav>     </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></div></b></span></p>
<!-- -->
]]>
