<style> .logo {position:absolute; left:120px; top:3px;z-index:999} .topMenu {position:absolute;left:700px;top:20px; list-style:none; z-index:999} .topMenu li {float:left; z-index:9999; margin-right:10px} .gnbWrap {background: url(/2021/images/green-bar.png) no-repeat; width:100%; position:absolute; top:61px; left:0; z-index:99; min-height:36px} .gnb {background:url('/2021/images/white-bar.png') no-repeat; width:1280px; height:57px; position:absolute; left:65px; transform:translate(0,-22px); padding:0 5px; list-style:none;} .gnb li {width:225px; float:left; text-align:center} .gnb li:hover > a {cursor:pointer;color:#333;} .gnb li .submenu {display:none;opacity:0; transition:0.3s;position: absolute;top: 42px;left:0; background:#fafafa; border-radius:10px} .gnb li .submenu > ul {position: relative;float:left;display:block;padding:8px 0 0 0;} .gnb li .submenu > ul:before{content:'';background:url('../../../main/images/menu_topbg.gif') no-repeat 0 0;position: absolute;top:-15px; left:32px;width:12px;height:8px} .gnb li .submenu > ul li {margin-top:0} .gnb li .submenu > ul li img {transform:scale(0.8)} .gnb li:hover > .submenu { display:block; opacity:1; } .gnb li:hover .submenu ul li {height: 30px; overflow: visible;float:left; width:auto;padding:0px !important;margin-top:0; list-style:none;} .submenu ul li a {display:inline-block; height:30px;line-height:30px;float:left;padding:0;margin:0;white-space:nowrap;color:#;font-size:13px;letter-spacing:-1px;border:0;} .submenu ul li a:hover{color: #000; } #mn01 .submenu {left:42px;} #mn02 .submenu {left:246px;} #mn03 .submenu {left:471px;} #mn04 .submenu {left:717px;} .text {position:absolute; top:160px; left:800px} </style> <div class="logo"> <a href="/"><img src="/2021/images/logo.png" alt=""></a> </div> <ul class="topMenu"> <li><a href="/"><img src="/2021/images/icon_home.png"/></a></li> <li><a href="http://www.asiasan.co.kr/bbs/board.php?bo_table=board01&wr_id=" target="_blank"><img src="/2021/images/icon_notice.png" border="0" /></a></li> <li><a href="/sitemap.html" target="_blank"><img src="/2021/images/icon_sitemap.png" border="0" /></a></li> <li><a href="https://workspace.google.com" target="_blank"><img src="/2021/images/icon_email.png" border="0" /></a></li> <li><a href="/family.html" target="_blank"><img src="/2021/images/icon_family.png" border="0" /></a></li> </ul> <div class="gnbWrap"> <ul class="gnb"> <li id="mn01" class="topmaenulink"><a href="/company_1.html"><span data-hover="회사소개"><img src="/2021/images/menu1.png" alt=""></span></a> <div class="submenu"> <ul> <li><a href="/company_1.html"><img src="/2021/images/menu1-1.png" alt=""></a></li> <li><a href="/company_8.html"><img src="/2021/images/menu1-2.png" alt=""></a></li> <li><a href="/company_2.html"><img src="/2021/images/menu1-3.png" alt=""></a></li> <li><a href="/company_3.html"><img src="/2021/images/menu1-4.png" alt=""></a></li> <li><a href="/company_4.html"><img src="/2021/images/menu1-5.png" alt=""></a></li> <li><a href="/company_5.html"><img src="/2021/images/menu1-6.png" alt=""></a></li> <li><a href="/company_6.html"><img src="/2021/images/menu1-7.png" alt=""></a></li> <li><a href="/company_7.html"><img src="/2021/images/menu1-8.png" alt=""></a></li> </ul> </div> </li> <li id="mn02" class="topmaenulink"><a href="/bbs/board.php?bo_table=board_product3&wr_id=1"><span data-hover="제품소개"><img src="/2021/images/menu2.png" alt=""></span></a> <div class="submenu"> <ul> <li><a href="/bbs/board.php?bo_table=board_product3&wr_id=1"><img src="/2021/images/menu2-1.png" alt=""></a></li> <li><a href="/bbs/board.php?bo_table=board_product4&wr_id=1"><img src="/2021/images/menu2-2.png" alt=""></a></li> </ul> </div> </li> <li id="mn03" class="topmaenulink"><a href="/tech_1.html"><span data-hover="기술현황"><img src="/2021/images/menu3.png" alt=""></span></a> <div class="submenu"> <ul> <li><a href="/tech_1.html"><img src="/2021/images/menu3-1.png" alt=""></a></li> <li><a href="/tech_3.html"><img src="/2021/images/menu3-2.png" alt=""></a></li> </ul> </div> </li> <li id="mn04" class="topmaenulink"><a href="/bbs/board.php?bo_table=board_file"><span data-hover="커뮤니티"><img src="/2021/images/menu4.png" alt=""></span></a> <div class="submenu"> <ul> <li><a href="/bbs/board.php?bo_table=board_file"><img src="/2021/images/menu4-1.png" alt=""></a></li> <li><a href="/bbs/board.php?bo_table=board_qna"><img src="/2021/images/menu4-2.png" alt=""></a></li> <li><a href="/bbs/board.php?bo_table=board_board"><img src="/2021/images/menu4-3.png" alt=""></a></li> <li><a href="/bbs/board.php?bo_table=board01"><img src="/2021/images/menu4-4.png" alt=""></a></li> </ul> </div> </li> </ul> </div> <div class="text"> <p><img src="/2021/images/bt2.png" alt=""></p> <p><img src="/2021/images/st.png" alt=""></p> </div>   HOME > Á¦Ç°¼Ò°³ > °ñÀç   °ñÀç