@charset "utf-8";
#lnb{position:relative;background:#464749}
#lnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

#lnb_1dul{margin:0 auto !important;padding:0;width:1200px;zoom:1}
#lnb_1dul:after{display:block;visibility:hidden;clear:both;content:""}
.lnb_1dli{z-index:100;position:relative;float:left;color:#fff;}
.lnb_1dli.current .lnb_1da,.lnb_1da,.anchorLink{display:block;text-align:center;padding-top:0px;height:60px;font-weight:700;line-height:1.20em;font-size:17px;text-decoration:none;font-family:'Nanum Gothic', sans-serif;color:#b7b6b6;letter-spacing:-1pt}
.lnb_1dli.current1 {display:block; width:1px;#fff; padding:18px 0px 0 0px;}




.lnb_1dli:hover .lnb_1da,
.lnb_1da:focus,
.lnb_1da:hover,
.lnb_1da:active{font-weight:710;text-decoration:none;background:url('../img/gnb_bg00.jpg') #333 center center no-repeat;text-decoration:none;color:#fff;}
.lnb_2dul{display:none;position:absolute;width:100%;top:60px;overflow:hidden;height:150px;z-index:50;}

.lnb_2dul:hover{background:#fff;}
a.lnb_2da{ display:block;padding:7px 10px;text-align:left;color:#424242;font-size:13px;
                    font-weight:700;text-decoration:none;font-family:'Nanum Gothic', sans-serif; z-index:100;}
a.lnb_2da:hover {display:block;text-align:left;color:#cc0000;font-size:13px;text-decoration:none;font-family:'Nanum Gothic', sans-serif;}

.lnb_2dli.first a{padding-top:12px;}
.lnb_2dli.last a{padding-bottom:12px;}



#lnb .all{border-bottom:1px solid #b3b3b3;background:rgba(255,255,255,0.9);background:transparent !ie;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc3c4045,endColorstr=#cc3c4045);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc3c4045,endColorstr=#cc3c4045)";width:100%;position:absolute;top:60px;left:0;z-index:40;}
#lnb .all div{z-index:100;width:1200px;margin:0 auto; background-color:#333333;}



/* 기본으로 있어야 하는 CSS */
#cssmenu{position:relative;height:52px;top:-1px;}
#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; margin:0;}
#cssmenu > ul > li {float: left; padding:0px;height:52px;}
#cssmenu > ul > li > a {padding:0 0 0 0;font-size:18px; font-family:Nanum Gothic,sans-serif; color:#fff; font-weight:700; line-height:52px; letter-spacing:-1pt;} /* ysk 대메뉴 스타일시트 */
#cssmenu > ul > li > a:hover  {color: #cc0000;} /* ysk 대메뉴 스타일시트 */
#cssmenu ul li:hover > ul > li {height: 36px; width:170px; background:url(../img/twodepth_bg_black.png); padding:0 0 0 0;} /*  투뎁스 메뉴의높이 */
#cssmenu ul ul li a {padding:0 0 0 20px; line-height: 36px; width:150px; font-size:14px; font-family:Nanum Gothic,sans-serif; 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:#11b6a5;} /* 뎁스 오버시 폰트컬러 */
#cssmenu ul ul li:hover > #cssmenu ul li a:hover {color: #cc0000;} /* 뎁스 오버시 폰트컬러 */