/* CSS for the demo: jQuery Media Rich Dropdown Menu Demo: jQuery Media Rich Dropdown Menu Author: Ian Lunn Author URL: http://www.ianlunn.co.uk/ Demo URL: http://www.ianlunn.co.uk/demos/jquery-media-rich-drop-down-menu/ Tutorial URL: http://www.ianlunn.co.uk/blog/code-tutorials/jquery-media-rich-dropdown-menu/ License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/. Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */ @charset "utf-8"; #gnb_container{margin: 0 auto; width:100%; border-bottom:1px solid #dedede;} /* body{font-family: Arial, Helvetica, sans-serif;} */ #nav a{color: #242424;; text-decoration: none; line-height:40px; } img{border: 0;} /*--WHEN JAVASCRIPT IS DISABLED--*/ .show{ /* class="show" is used for the second level navigation of a category */ display: inline !important; /* all navigation elements are hidden by default, !important overrides that */ width: 1180px; /* width of the */ } .show ul li{ display: inline !important; } .show ul{ background-color: #fff; } #nav span{ /* spans are applied to the titles of second level navigation which are hidden when JS is disabled */ display: none; } .active ul{ /* style the second level menu and make it appear for the active page */ /* padding: 10px; */ position: relative; } #nav li{ /* hide all navigation elements except the top level navigation links */ display: none; } /*--GLOBAL STYLES FOR USE WHEN JAVASCRIPT IS BOTH ENABLED AND DISABLED--*/ #nav{ /*the top level, unordered list of navigation links*/ position: relative; width: 1180px; height:74px; margin:0 auto; z-index:3; } #nav .nav_bar { /* padding:0 33px; */ display:inline-block; color:#dbdbdb; line-height:74px; } #nav .gnb_layer_bb{ position:absolute; bottom:0; left:0; background-color:#373B6E; width:183px; height:3px; } /* 서브메뉴레이어 우측이미지영역 */ #nav .right_img_tt{ color:#fff; font-size:17px; padding:36px 0 0 20px; text-align:left; line-height:20px; } #nav .right_img_tt span { font-size:12px; color:#fff; } #nav div.right_img { position:relative; width:208px; /* height:100%; */ background:url(../image/main/sub_layer_bg.jpg) repeat-y bottom; min-height:330px; } #nav div.right_img .g1_img { position:absolute; bottom:20px; right:20px; } #nav div.right_img .g2_img { position:absolute; bottom:0px; right:0px; } .active{ /* this is the class for the tab/page we are currently viewing */ /* background-color: #fff !important; */ } #nav ul li a:hover{ text-decoration: underline; } #nav > li{ background-color: #fff; display: inline-block; /* width:140px; */ padding:0 33px; /* margin: 0 10px; */ } #nav > li a { font-weight:bold; } #nav > li > ul{ left: 0; padding: 0; position: absolute; width: 380px; } #nav > li > ul > li{ color: black; height: 100%; width: 181px; } /*--STYLE ELEMENTS OF THE DROPDOWN MENUS--*/ /** gnb제목 css**/ #nav ul li{ font-size: 17px; font-weight: bold; list-style: none; width: 156px; } #nav li li{ font-size: 18px; font-weight: bold; /* margin: 0 0 0 10px; */ } /** 소메뉴 css **/ #nav li li li{ font-size: 15px; /* padding-left:25px; */ line-height:38px; background:url("./image/main/gnb_ico.png" no-repeat); /* font-weight: bold; */ } #nav li li li a { display:inline-block; width:100%; padding-left:25px; border-bottom:1px solid #E2E4E3; } .price, #nav img{ /* price tags and product images */ display: block; } /*--STYLES FOR THE PURPOSE OF THE DEMO PAGE--*/ /* #content{ background: #ececec; clear: both; height: 800px; padding: 10px; } .prod1{ float: left; } .prod2{ float: right; } .credits{ margin: 0 0 40px 0; } .credits a{ color: blue; text-decoration: underline; } .credits a:hover{ text-decoration: none; } */