GYUN님 웹 연구소

<!DOCTYPE  html>입12:20수 12:33分 <a href="https://www.youtube.com/watch?v=h3E68tTyE34" target="_blank" class="ke-link">https://www.youtube.com/watch?v=h3E68tTyE34</a>  <html lang="en">   <head>     <meta charset="UTF-8" />     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css</a>"/>     <link rel="stylesheet" href="style.css" />     <title>dropdown Menu</title>     <style>     :root {   --color-primary: #0073ff;   --color-white: #e9e9e9;   --color-black: #141d28;   --color-black-1: #212b38; } * {   margin: 0;   padding: 0;   box-sizing: border-box; } body {   font-family: sans-serif;   } .logo {   color: var(--color-white);   font-size: 30px; } .logo span {   color: var(--color-primary); } .menu-bar {   background-color: var(--color-black);   height: 80px;   width: 100%;   display: flex;   justify-content: space-between;   align-items: center;   padding: 0 5%;   position: relative; } .menu-bar ul {   list-style: none;   display: flex; } .menu-bar ul li {   /* width: 120px; */   padding: 10px 30px;   /* text-align: center; */   position: relative; } .menu-bar ul li a {   font-size: 20px;   color: var(--color-white);   text-decoration: none;   transition: all 0.3s; } .menu-bar ul li a:hover {   color: var(--color-primary); } .fas {   float: right;   margin-left: 10px;   padding-top: 3px; } /* dropdown menu style */ .dropdown-menu {   display: none; } .menu-bar ul li:hover .dropdown-menu {   display: block;   position: absolute;   left: 0;   top: 100%;   background-color: var(--color-black); } .menu-bar ul li:hover .dropdown-menu ul {   display: block;   margin: 10px; } .menu-bar ul li:hover .dropdown-menu ul li {   width: 150px;   padding: 10px; } .dropdown-menu-1 {   display: none; } .dropdown-menu ul li:hover .dropdown-menu-1 {   display: block;   position: absolute;   left: 150px;   top: 0;   background-color: var(--color-black); } .hero {   height: calc(100vh - 80px);   background-image: url(./bg.jpg);   background-position: center; }     </style>   </head>   <body>     <div class="menu-bar">       <h1 class="logo">LightCode.</h1>       <ul>         <li><a href="#">Home</a></li>         <li><a href="#">About</a></li>         <li><a href="#">Pages <i class="fas fa-caret-down"></a>             <div class="dropdown-menu">                 <ul>                   <li><a href="#">Pricing</a></li>                   <li><a href="#">Portfolio</a></li>                   <li>                     <a href="#">Team <i class="fas fa-caret-right"></a>                                          <div class="dropdown-menu-1">                       <ul>                         <li><a href="#">Team-1</a></li>                         <li><a href="#">Team-2</a></li>                         <li><a href="#">Team-3</a></li>                         <li><a href="#">Team-4</a></li>                       </ul>                     </div>                   </li>                   <li><a href="#">FAQ</a></li>                 </ul>               </div>         </li>         <li><a href="#">Blog</a>         </li>         <li><a href="#">Contact us</a></li>       </ul>     </div>     <div class="hero">       &nbsp;     </div>   </body> </html> <div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1ZZhx/2a5daf8829f1ad37a63c2d143d3b80ec8a209bea" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1ZZhx/2a5daf8829f1ad37a63c2d143d3b80ec8a209bea" data-origin-width="1200" data-origin-height="800"></div>      <div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li><a href="<a href="https://www.hago.kr/templates/mainpage" target="_top" class="ke-link">https://www.hago.kr/templates/mainpage</a>" data-href="{ '_type': 'link' }">홈</a></li></td></tr><tr><td></td><td><li class="mm_gnb-parent"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/templates/fashion" target="_top" class="ke-link">https://www.hago.kr/templates/fashion</a>" data-href="{ '_type': 'link' }">어패럴</a></td></tr><tr><td></td><td><div class="mm_gnb-sub"></td></tr><tr><td></td><td><div class="sub-category-wrap"></td></tr><tr><td></td><td><div class="sub-category"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002000000" target="_top" class="ke-link">/goods/category/002000000</a>" data-href="{ '_type': 'link' }">여성></a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="sub-category-children"></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002001000" target="_top" class="ke-link">/goods/category/002001000</a>" data-href="{ '_type': 'link' }">아우터</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002002000" target="_top" class="ke-link">/goods/category/002002000</a>" data-href="{ '_type': 'link' }">상의</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002003000" target="_top" class="ke-link">/goods/category/002003000</a>" data-href="{ '_type': 'link' }">원피스</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002004000" target="_top" class="ke-link">/goods/category/002004000</a>" data-href="{ '_type': 'link' }">니트웨어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002005000" target="_top" class="ke-link">/goods/category/002005000</a>" data-href="{ '_type': 'link' }">스커트</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002006000" target="_top" class="ke-link">/goods/category/002006000</a>" data-href="{ '_type': 'link' }">팬츠</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002007000" target="_top" class="ke-link">/goods/category/002007000</a>" data-href="{ '_type': 'link' }">언더웨어&amp;홈웨어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/002008000" target="_top" class="ke-link">/goods/category/002008000</a>" data-href="{ '_type': 'link' }">스포츠웨어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="sub-category-wrap"></td></tr><tr><td></td><td><div class="sub-category"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003000000" target="_top" class="ke-link">/goods/category/003000000</a>" data-href="{ '_type': 'link' }">남성></a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="sub-category-children"></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003001000" target="_top" class="ke-link">/goods/category/003001000</a>" data-href="{ '_type': 'link' }">아우터</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003002000" target="_top" class="ke-link">/goods/category/003002000</a>" data-href="{ '_type': 'link' }">상의</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003003000" target="_top" class="ke-link">/goods/category/003003000</a>" data-href="{ '_type': 'link' }">니트웨어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003004000" target="_top" class="ke-link">/goods/category/003004000</a>" data-href="{ '_type': 'link' }">팬츠</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/003005000" target="_top" class="ke-link">/goods/category/003005000</a>" data-href="{ '_type': 'link' }">스포츠웨어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td><li class="mm_gnb-parent"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/templates/accessory" target="_top" class="ke-link">https://www.hago.kr/templates/accessory</a>" data-href="{ '_type': 'link' }">잡화</a></td></tr><tr><td></td><td><div class="mm_gnb-sub"></td></tr><tr><td></td><td><div class="sub-category-wrap"></td></tr><tr><td></td><td><div class="sub-category"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004000000" target="_top" class="ke-link">/goods/category/004000000</a>" data-href="{ '_type': 'link' }">잡화></a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="sub-category-children"></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004001000" target="_top" class="ke-link">/goods/category/004001000</a>" data-href="{ '_type': 'link' }">가방</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004002000" target="_top" class="ke-link">/goods/category/004002000</a>" data-href="{ '_type': 'link' }">슈즈</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004003000" target="_top" class="ke-link">/goods/category/004003000</a>" data-href="{ '_type': 'link' }">주얼리</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004004000" target="_top" class="ke-link">/goods/category/004004000</a>" data-href="{ '_type': 'link' }">액세서리</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/004005000" target="_top" class="ke-link">/goods/category/004005000</a>" data-href="{ '_type': 'link' }">리퍼브샵</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td><li class="mm_gnb-parent"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/templates/life" target="_top" class="ke-link">https://www.hago.kr/templates/life</a>" data-href="{ '_type': 'link' }">라이프</a></td></tr><tr><td></td><td><div class="mm_gnb-sub"></td></tr><tr><td></td><td><div class="sub-category-wrap"></td></tr><tr><td></td><td><div class="sub-category"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005000000" target="_top" class="ke-link">/goods/category/005000000</a>" data-href="{ '_type': 'link' }">라이프></a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="sub-category-children"></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005001000" target="_top" class="ke-link">/goods/category/005001000</a>" data-href="{ '_type': 'link' }">홈데코</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005002000" target="_top" class="ke-link">/goods/category/005002000</a>" data-href="{ '_type': 'link' }">키친</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005003000" target="_top" class="ke-link">/goods/category/005003000</a>" data-href="{ '_type': 'link' }">패브릭</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005004000" target="_top" class="ke-link">/goods/category/005004000</a>" data-href="{ '_type': 'link' }">가구</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005005000" target="_top" class="ke-link">/goods/category/005005000</a>" data-href="{ '_type': 'link' }">오피스</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005006000" target="_top" class="ke-link">/goods/category/005006000</a>" data-href="{ '_type': 'link' }">뷰티</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005007000" target="_top" class="ke-link">/goods/category/005007000</a>" data-href="{ '_type': 'link' }">홈케어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005008000" target="_top" class="ke-link">/goods/category/005008000</a>" data-href="{ '_type': 'link' }">키즈</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005009000" target="_top" class="ke-link">/goods/category/005009000</a>" data-href="{ '_type': 'link' }">반려동물</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005010000" target="_top" class="ke-link">/goods/category/005010000</a>" data-href="{ '_type': 'link' }">푸드</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005011000" target="_top" class="ke-link">/goods/category/005011000</a>" data-href="{ '_type': 'link' }">아웃도어</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/category/005012000" target="_top" class="ke-link">/goods/category/005012000</a>" data-href="{ '_type': 'link' }">테크</a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li class="main-live-gnb"><a href="<a href="https://www.hago.kr/shoplive" target="_top" class="ke-link">https://www.hago.kr/shoplive</a>" style="color:red;" data-href="{ '_type': 'link' }">LIVE</a></li></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li class="gnb-line"></td></tr><tr><td></td><td><a href="<a href="https://www.hago.kr/goods/detail/437216?utm_source=criteo&utm_medium=da&utm_campaign=cca&cto_pld=G1Bty37ZAADHc8ZsfVu07A#none" target="_top" class="ke-link">#none</a>">|</a></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li><a href="<a href="https://www.hago.kr/rank" target="_top" class="ke-link">https://www.hago.kr/rank</a>" data-href="{ '_type': 'link' }">베스트</a></li></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li><a href="<a href="https://www.hago.kr/event" target="_top" class="ke-link">https://www.hago.kr/event</a>" data-href="{ '_type': 'link' }">이벤트</a></li></td></tr><tr><td></td><td></td></tr><tr><td></td><td><li><a href="<a href="https://www.hago.kr/brand" target="_top" class="ke-link">https://www.hago.kr/brand</a>" data-href="{ '_type': 'link' }">브랜드</a></li></td></tr><tr><td></td><td></ul></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></nav></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><script></td></tr><tr><td></td><td>$('#main_lnb').find('a[href $="goods/detail/437216"]').addClass('__on');</td></tr><tr><td></td><td>$('#main_lnb').find('a[href $="goods/detail/437216"]').last().attr('title', '선택됨');</td></tr><tr><td></td><td></td></tr><tr><td></td><td>$(".mm_gnb-sub").hover(</td></tr><tr><td></td><td>function() {</td></tr><tr><td></td><td>$(this).prev("a").find("b").addClass('active_bar');</td></tr><tr><td></td><td>},</td></tr><tr><td></td><td>function() {</td></tr><tr><td></td><td>$(this).prev("a").find("b").removeClass('active_bar');</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td>);</td></tr><tr><td></td><td></script></td></tr><tr><td></td><td></td></tr></tbody></table></div> 브리즈 모달  끈나시