@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(http://fonts.googleapis.com/earlyaccess/NotoSanskr.css); 


/* 기본으로 있어야 하는 CSS */
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {display: block; z-index:1000000;}
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu ul ul ul {margin-left: 100%;top: 0;} /* 쓰리뎁스가 우측으로 나오게 */
#cssmenu ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;} /* 투뎁스 부드럽게 나오는 효과 */


/* ysk 수정해줘야할 스타일시트 */
#cssmenu {float:left; width:100%; text-align:center;}
#cssmenu > ul > li  {display:inline-block; margin:8px 33px 13px 33px; font-size:20px; line-height:38px; color:#3d3d3d; font-weight:400; letter-spacing:-1pt; font-family:'Noto Sans KR', sans-serif; } /* ysk 대메뉴 스타일시트 */
#cssmenu > ul > li a {color:#3d3d3d}
#cssmenu > ul > li a:hover{color:#000000;}


#cssmenu ul li:hover > ul > li {height: 46px; background:linear-gradient(#24aabe 0%,  #1b91a3 100%); padding:0 0 0 0; box-shadow:2px 2px 2px rgba(0,0,0,0.2); border-left:1px solid #2dc0d6; border-top:1px solid #2dc0d6; text-shadow:0px 1px 1px rgba(0,0,0,0.3);} /*  투뎁스 메뉴의높이 */
#cssmenu ul ul li a {text-align:left; padding:0 0 0 13px; line-height: 44px; width:170px; font-size:14px; color:#ffffff; font-weight:400; letter-spacing:-1pt;} /* 뎁스 스타일 */
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #ffffff; font-weight:700; background:linear-gradient(#ffba00 0%,  #ff8a00 100%); } /* 뎁스 오버시 폰트컬러 */