@charset "utf-8";

/* 대메뉴 */
#gnb { position:absolute; top:21px; left:50%; margin-left:-275px; width:828px; border-bottom:1px solid #00B4ED;}
#gnb > li { position:relative; float:left; height:100%; }
#gnb > li a { text-transform: uppercase; display:block; font-family:'NanumSquare'; color:#fff; font-size:15px; padding:34px 17px 28px 17px; font-weight:400; height:100%; border-bottom:5px solid rgba(255,255,255,0);}
#gnb > li:nth-child(1) a {margin-left: 2px;}
#gnb > li:nth-child(2) a {margin-left: 12px;}
#gnb > li:nth-child(3) a {margin-left: 22px;}
#gnb > li:nth-child(4) a {margin-left: 16px;}
#gnb > li a:hover, #gnb > li.currentGnb a {border-bottom:5px solid #00B4ED; }

/* 서브메뉴 */
.snbWrap {/* display:none;*/ position:absolute; width:100%; height:235px; 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:-275px; padding-top:12px; }
.snbWrap #snb > li { float:left; width:110px; padding-top:15px; }
.snbWrap #snb > li:nth-child(2) {width: 117px;}
.snbWrap #snb > li:nth-child(3) {width: 97px;}
.snbWrap #snb > li:nth-child(4) { width:140px; }
.snbWrap #snb > li:nth-child(5) { width:118px; padding-left: 4px;}
.snbWrap #snb > li:nth-child(7) { width:130px; }

.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:13px; color:#464646; letter-spacing: -0.3px;}
.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; }