@charset "utf-8";

/* 대메뉴 */
#gnb { position:absolute; top:21px; left:50%; margin-left:-265px; width:815px; border-bottom:1px solid #00B4ED;}
#gnb > li { position:relative; float:left; height:100%; }
#gnb > li a { display:block; font-family:'NanumSquare'; color:#fff; font-size:18px; padding:32px 22px 27px 22px; font-weight:400; height:100%; border-bottom:5px solid rgba(255,255,255,0);}
#gnb > li a:hover, #gnb > li.currentGnb a {border-bottom:5px solid #00B4ED; } 

/* 서브메뉴 */
.snbWrap { display:none; position:absolute; width:100%; height:215px; left:0px; top:104px; background:#fff; z-index:999; }
.snbWrap .brandLink { position:absolute; bottom:0; left:50%; margin-left:-600px; }
.snbWrap #snb { position:absolute; left:50%; margin-left:-265px; padding-top:12px; }
.snbWrap #snb > li { float:left; width:110px; padding-top:15px; }
/*.snbWrap #snb > li:nth-child(4) { width:140px; }*/ /* 지속가능경영 */
.snbWrap #snb li ul { width:auto; }
.snbWrap #snb li ul li { margin-bottom:3px; text-align:center; }
.snbWrap #snb li ul li a { display:block; width:100%; padding:7px 0; font-size:14px; color:#464646; }
.snbWrap #snb li ul li a:hover, .snbWrap #snb li ul li.currentSnb a { color:#00B4ED; font-weight:800; }

.gnbBg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5); z-index:998; }

.narrowSnb { letter-spacing:-0.5px; }