재태크



<center>
<meta charset="utf-8" />
<title>재태크</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" />
<style>
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

/* main Styles */

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body {
  background: #fafafa;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0;
}

a { text-decoration: none; }

.container {
  width: 1000px;
  margin: auto;
}

h1 { text-align:center; margin-top:150px;}

/* Navigation Styles */

nav { background: #2ba0db;}

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  position: relative;
}

nav ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 15px 14px;
  transition: 0.3s linear;
}

nav ul li:hover { background: #126d9b; }

nav ul li ul {
  border-bottom: 5px solid #2ba0db;
  display: none;
  position: absolute;
  width: 150px;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #4682B4;<---수정>
  display: block;
  padding: 10px 14px;
}

nav ul li ul li a:hover { background: #126d9b; }

nav .fa.fa-angle-down { margin-left: 6px; }
</style>



<nav>
  <div class="container">
    <ul>
      
       
       <li class="sub-menu"> <a href="#">업비트<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="https://www.upbit.com/home" target="_blank"></a></li>
          <li><a href="">업비트가입</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
      
      
        <li class="sub-menu"> <a href="#">고팍스<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="https://www.gopax.co.kr/exchange/btc-krw" target="_blank"></a></li>
          <li><a href="#">고팍스가입</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
      <li class="sub-menu"> <a href="#">코빗<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="https://account.korbit.co.kr/users/sign_in" target="_blank></a></li>
          <li><a href="#">코빗가입</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
        <li class="sub-menu"> <a href="#">코인딜<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="https://coindeal.com/login"target="_blank></a></li>
          <li><a href="#">코인딜가입</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
  <li class="sub-menu"> <a href="#">4차산업<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="#">미래산업</a></li>
          <li><a href="#">Service Two</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
  <li class="sub-menu"> <a href="#">새로운삶<em class="fa fa-angle-down"></em></a>
        <ul>
          <li><a href="#">Service One</a></li>
          <li><a href="#">Service Two</a></li>
          <li><a href="#">Service Three</a></li>
          <li><a href="#">Service Four</a></li>
          <li><a href="#">Service Five</a></li>
          <li><a href="#">Service Six</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 
<script>
$('nav li').hover(
  function() {
  $('ul', this).stop().slideDown(200);
  },
function() {
    $('ul', this).stop().slideUp(200);
  }
);
</script></center>