#navi_default, #navi_default ul {margin: 0; padding: 0; list-style: none; }
#navi_default {margin: 0px auto; background-color: transparent;	}
#navi_default:before,
#navi_default:after {content: ""; display: table;}
#navi_default:after {clear: both;}
#navi_default {zoom:1;}
#navi_default li {float: left; position: relative;}

/* ¸ÞÀÎ¸Þ´º */
#navi_default a {float: left; padding:27px 27px; width:190px; height:80px; color: #000000; letter-spacing:0em; text-transform: uppercase; font: 16px Noto Sans KR, sans-serif; font-weight:500; text-decoration: none;border:1px solid #eeeeee; border-width:0 1px 1px 1px;transition: all .2s; margin-left:-1px /* ÁÂÃø¶óÀÎ°ãÄ§¶§¹®¿¡ -1 Àû¿ë */;}
#navi_default a .picon			{color:black; font-size:9px; margin-left:15px;}
#navi_default li:hover > a {color: red; background-color:#ffffff; border:1px solid #eeeeee; border-width:0 1px 1px 1px; transition: all .2s;}
#navi_default li:hover > a .on {color: white;}
*html #navi_default li a:hover { /* IE6 only */color: #fafafa;}

/* ¸ÞÀÎ¸Þ´ºÀ§Ä¡Ç¥½Ã È­»ìÇ¥*/
/*
#navi_default ul li:first-child > a:after {content:"";position: absolute; left: 0; right:0; top:-8px; margin:auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #004E91;}
#navi_default ul li:first-child a:hover:after {border-bottom-color: #00559D;} 
*/
/* ¸ÞÀÎ¸Þ´ºÀ§Ä¡ ¹Ú½º¶óÀÎ*/
#navi_default ul li:first-child > a:after {content:"";position: absolute; left: 0; right:0; top:0; margin:auto; width:100%; height: 80px; }
#navi_default ul li:first-child a:hover:after {border-top:0px solid  #015faf;} 

/* ¼­ºê¸Þ´º¹Ú½º / margin°ª = ¸Þ´º¹Ú½º fadein ½ÃÀÛÁ¡*/
#navi_default ul {padding:0px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0;	margin-top:-5px; visibility: hidden; position: absolute; top: 80px; left: 0; z-index: 1; background: transparent; border-radius: 0px; width:100%; -webkit-transition: all .22s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#navi_default li:hover > ul {opacity: 1;visibility: visible; margin: 0; border:0px solid #dddddd;}
#navi_default ul ul {top: 0; left: 260px; margin: 0 0 0 0px; _margin: 0; /*IE6 only*/;}
#navi_default ul li {float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/}

/* ¼­ºê¸Þ´º*/
#navi_default ul a {padding: 18px 0 17px 30px; width:calc(100% + 1px)/* Å«¸Þ´ºÁÂÃø¸¶Áø -1·Î ÀÎÇØ 1+ÇÔ */; height:50px; _height: 50px; /*IE6 only*/ display: block; white-space: nowrap; float: none; transition: all .2s;text-transform: none; text-align:left; border:0px solid blue; font-size:13px; font-family:NanumBarunGothic, sans-serif; font-weight:normal; color:rgba(0,0,0,0.8); background:#fafafa; border:1px solid #eeeeee; border-width:0 1px 1px 1px;font-weight:bold;}
#navi_default ul a:hover {color:red; background:#ffffff;border-bottom:1px solid #eeeeee; transition: all .2s;}
#navi_default ul li:first-child > a {-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 0px 0px 0 0;}

/* ¼­ºê¸Þ´ºÀ§Ä¡ È­»ìÇ¥ / default = ¾È¾¸(Åõ¸í) */
#navi_default ul ul li:first-child a:after {left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid transparent;}
#navi_default ul ul li:first-child a:hover:after {border-right-color: transparent; border-bottom-color: transparent;}

/* ¼­ºê>¼­ºê¸Þ´ºÀ§Ä¡ / margin°ª = Fadein ½ÃÀÛÁ¡ */
#navi_default li:hover > ul {opacity: 1; visibility: visible; margin: 0; }
#navi_default ul ul {top: 0; left: 170px; background:#ffffff; border:0px solid #e7e6e6; border-width:1px 1px 0px 0px; margin: 0 0 0 10px; _margin: 0;}


#navi_default .on a			{color:red;}
#navi_default .on li a		{color:red;}

#navi_default .icon			{opacity:0.5; margin-right:10px; font-size:11px; }
#navi_default .plus			{opacity:0.5; margin-right:5px; font-size:11px; float:right;}