/**************************************************
 Item Name  : iNav - CSS3 Menu
 Item URI   : http://codecanyon.net/item/inav-css3-menu/807729
 Description: CSS3 Navigation Menu
 Author     : Valeriu Timbuc 
 Version    : 2.2
 Author URI : http://vtimbuc.net/
**************************************************/
/**************************************************
 Table of contents
 01. RESET & FONTS & OTHERS
 02. MENU GENERAL STYLING
 03. DROPDOWN STYLING & LAYOUT
 04. SEARCH FORM
 05. LOGIN FORM
 06. CONTENT STYLING
 07. STIKY FOOTER
 08. VERTICAL MENU
 09. VERTICAL MENU RIGHT
 10. EXTRA COLORS
**************************************************/
/* RESET & FONTS & OTHERS | START */
/* ********************************************** */

#navigation,ul.nav,ul.nav li,ul.nav a,ul.nav input,ul.nav div,ul.nav p,ul.nav textarea {
 margin: 0;
 padding: 0;
 list-style: none;
 text-decoration: none;
 border: none;
 outline: none;
 color:#ffffff;
font-family:'¸¼Àº °íµñ',' ³ª´®°íµñ','ÇÔÃÊ·Ò ¹ÙÅÁ','ÇÔÃÊ·Ò µ¸¿ò' !important;
 font-size:12px;

}
/* ********************************************** */
/* RESET & FONTS & OTHERS | END */

/* MENU GENERAL STYLING | START */
/* ********************************************** */
ul.nav {
 width: 1100px;
 height: 23px;
 position:relative;
left:50%;
margin-left:-480px;
 z-index: 999;
  float: center;


}
/* Item Styling */
ul.nav li {

 float:left;
 position: relative;
 -webkit-transition: all 100ms ease-in-out;
 -moz-transition: all 100ms ease-in-out;
 -o-transition: all 100ms ease-in-out;
 -ms-transition: all 100ms ease-in-out;
 transition: all 100ms ease-in-out;
}
ul.nav li.full-col {
 position: static;
}
ul.nav li:hover {
 background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.05) 50%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
 background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.05) 50%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
 background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.05) 50%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
 background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.05) 50%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
 background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.05) 50%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
}

/* »ó´Ü¸ÞÀÎ ¸Þ´º¹Ù ÆùÆ®ºÎºÐ*/

ul.nav li a.nav-item {
 line-height:20px;
margin:0px 0px 0px 0px;
text-align:center;
padding:5px 0px 3px 0px;
height:25px; 
width: 132px; /* Edit this width acording to how many items you have. */
 display: block;
 color: #ffffff;
font-family:'¸¼Àº °íµñ',' ³ª´®°íµñ','ÇÔÃÊ·Ò ¹ÙÅÁ','ÇÔÃÊ·Ò µ¸¿ò' !important;
 font-size:14px;
font-weight:bold;
text-align:center;
}

ul.nav li a.nav-item:hover {color:#ff6600;} 


/* First and Last Item */
ul.nav li a.first,ul.nav li.first {
 -webkit-border-radius: 5px 0 0 5px;
 -moz-border-radius: 5px 0 0 5px;
 border-radius: 5px 0 0 5px;
}
ul.nav li a.last,ul.nav li.last {
 border: none;
 -webkit-border-radius: 0 5px 5px 0;
 -moz-border-radius: 0 5px 5px 0;
 border-radius: 0 5px 5px 0;
}
/* Arrow for Dropdown [Add "drop" class for the items with dropdown.] */
ul.nav li:hover a.drop {
 background: url(../../img/top/up-arrow.png) no-repeat center 30px;
}

/* ********************************************** */
/* MENU GENERAL STYLING | END */

/* DROPDOWN STYLING & LAYOUT | START */
/* ********************************************** */
/* Box Style */
ul.nav li .drop-full-col,ul.nav li .drop-4-col,ul.nav li .drop-3-col,ul.nav li .drop-2-col,ul.nav li .drop-1-col,ul.nav li .drop-form {
 display: none;
 position: absolute;
background-color: #a50006;

 top: 40px;
 left: -1px;
  padding: 5px;
 border: 0px solid #c0c0c0;
 border-top: none;
 -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 -webkit-border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
}
ul.nav li:hover .drop-1-col,ul.nav li:hover .drop-2-col,ul.nav li:hover .drop-3-col,ul.nav li:hover .drop-4-col,ul.nav li:hover .drop-form {
 display: block;
}
ul.nav li:hover .drop-full-col {
 left: 0px;
 top: 10px;
 display: block;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}
/* Box Size */
ul.nav li .drop-full-col { width: 928px; }
ul.nav li .drop-4-col { width: 743px; }
ul.nav li .drop-3-col { width: 558px; }
ul.nav li .drop-2-col { width: 373px; }
ul.nav li .drop-1-col { width: 188px; }
ul.nav li .drop-form { width: 260px; }
/* Columns Size */
ul.nav .col-1 { width: 150px; }
ul.nav .col-2 { width: 350px; }
ul.nav .col-3 { width: 535px; }
ul.nav .col-4 { width: 720px; }
ul.nav .col-5 { width: 905px; }
/* Columns Style */
ul.nav .col-1,ul.nav .col-2,ul.nav .col-3,ul.nav .col-4,ul.nav .col-5 {
 margin: 0px;
 float: left;
}
/* DropDown Levels */
ul.nav li ul.dropdown,ul.nav li ul.dropdown li > ul {
 display: none;
 position: absolute;
 top: 28px;
 left: 0px;
 width: 131px;
 background-color: #f7f7f7;
padding-left:1px; /* ÀͽºÇ÷η¯8À» À§ÇÑ ¼¼Æà */
padding-bottom:3px;  /* ÀͽºÇ÷η¯8À» À§ÇÑ ¼¼Æà */
 border: 1px solid #c0c0c0;
 

 -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 1px rgba(255, 255, 255, 0.7);
 -webkit-border-radius: 0 0 5px 5px;
 -moz-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
}
ul.nav li:hover ul.dropdown,ul.nav li ul.dropdown li:hover > ul {
 display: block;
}


/* ********************************************** */
/* DROPDOWN STYLING & LAYOUT | END */



/* CONTENT STYLING | START */
/* ********************************************** */
/* Previous Styling Reset  -µå·Ó´Ù¿î ·Ñ¿À¹ö µÇ±âÀü ÆùÆ®*/
ul.nav li ul,ul.nav li ul li,ul.nav li ul li:hover,ul.nav li ul li:active,ul.nav li ul li:first-child,ul.nav li ul li:last-child,ul.nav h2,ul.nav h1,ul.nav h3,ul.nav h4,ul.nav p,ul.nav img,ul.nav a,ul.nav hr {
 margin: 0;
 padding: 0;
 list-style: none;
 float: none;
 background: none;
 border: none;
 text-shadow: none;
 text-align:center;
 vertical-align:middle;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 -webkit-border-radius: none;
 -moz-border-radius: none;
 border-radius: none;
font-family:'¸¼Àº °íµñ',' ³ª´®°íµñ','ÇÔÃÊ·Ò ¹ÙÅÁ','ÇÔÃÊ·Ò µ¸¿ò' !important;
 color: #ffffff;
 font-size: 12px;   /*¿©±â »çÀÌÁ ¼öÁ¤ÇÏ¸é º£´º¿Í µå·Ó¸Þ´º ¸ðµÎ ¼öÁ¤µÊ */
 text-decoration: none;
}


/* Text */
ul.nav h2,ul.nav h3,ul.nav h4 {
 color: #555;
 margin: 0px 0;
}
ul.nav h2 {
 font-size: 12px;
}
ul.nav h3 {
 font-size: 12px;
}
ul.nav h4 {
 font-size: 12px;
}
ul.nav p {
 padding: 10px 0;
 line-height: 18px;
 color: #333;
}
ul.nav hr {
 border-top: 1px solid #bdbdbd;
 margin: 20px 0;
}
/* Button */
ul.nav a.button {
 background: #eeeeee;
 border: 1px solid #e4e4e4;
 color: #666;
 text-transform: uppercase;
 font-weight:bold;
 padding: 6px 0;
 margin: 5px 0 10px 0;
 width: 140px;
 display: block;
 text-align: center;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 -webkit-transition: all 250ms ease-in-out;
 -moz-transition: all 250ms ease-in-out;
 -o-transition: all 250ms ease-in-out;
 -ms-transition: all 250ms ease-in-out;
 transition: all 250ms ease-in-out;
 -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
 -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
 box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}
ul.nav a.button:hover {
 -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
 -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
 box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
}
ul.nav a.button:active {
 -webkit-transition: all 25ms ease-in-out;
 -moz-transition: all 25ms ease-in-out;
 -o-transition: all 25ms ease-in-out;
 -ms-transition: all 25ms ease-in-out;
 transition: all 25ms ease-in-out;
 -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
 -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
 box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
}
/* URL µå·Ó´Ù¿î ¸Þ´º ÅؽºÆ® Ä÷¯ÁöÁ¤  */
ul.nav a {
 color: #666666;
}
ul.nav a:hover {
 color: #333;
}

/* Links & Dropdown levels*/
ul.nav li ul.links li {
 list-style: inside url("../img/list-arrow.png");
 padding-bottom: 0px;
 margin: 0px 0;
 border-bottom: 1px solid #eeeeee;
}

/*µå·Ó´Ù¿î¸Þ´º ¶óÀÎ »çÀÌÁî Á¶Á¤Àº ¿©±â¿¡¼­*/
ul.nav li ul.dropdown li {
 padding-bottom: 3px;
 margin-top: 3px;
 border-bottom: 1px solid #e2e2e2;
 width:130px;
 text-align:center;
}
/*µå·Ó´Ù¿î¸Þ´ºÀÇ ¸¶Áö¸·Ä­ »çÀÌÁî Á¶Á¤Àº ¿©±â¿¡¼­*/
ul.nav li ul.links li:last-child,ul.nav li ul.dropdown li:last-child {
 padding-bottom:15;
 margin-top: 3px;
 border-bottom: none;
}
ul.nav li ul.dropdown li.drop {
 background: url("../img/list-arrow.png") no-repeat 160px 2px;
}
ul.nav li ul.dropdown li:hover > a {
 color: #c4161c;
 font-weight:normal;
font-size:12px;
}
/* Cursor */
ul.nav {
 cursor: default;
}
/* Floats */
ul.nav .fl {
 float: left;
}
ul.nav .fr {
 float: right;
}
ul.nav .cb {
 clear: both;
}
ul.nav .cl {
 clear: left;
}
ul.nav .cr {
 clear: right;
}
/* ********************************************** */
/* CONTENT STYLING | END */