@charset "utf-8";


/********************************************************
■ PC Menu
********************************************************/
#gnb.fixed { position:fixed; top:0; left:0; right:0; width:100%; z-index:9;}
#gnb {position:relative; z-index:20; box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow:0px 5px 5px -2px rgba(50, 60, 70, 0.15);}

#gnb {}
#gnb .gnbWrap {}
#gnb .gnbWrap > ul {}
#gnb .gnbWrap > ul > li {position:relative; min-width:213.33px;}
#gnb .gnbWrap > ul > li:hover,
#gnb .gnbWrap > ul > li.on {background:rgba(0,0,0,0.1);}
#gnb .gnbWrap > ul > li > a {display:block; padding:10px; font-size:14px; font-weight:bold;}
#gnb .gnbWrap > ul > li > .sub-slide {display:none; visibility:visible; position:absolute; top:100%; left:0; background:#fff; width:100%; text-align:left; box-shadow:0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
#gnb .gnbWrap > ul > li > .sub-slide > ul {}
#gnb .gnbWrap > ul > li > .sub-slide > ul > li {}
#gnb .gnbWrap > ul > li > .sub-slide > ul > li:hover,
#gnb .gnbWrap > ul > li > .sub-slide > ul > li.on {background:#f5f5f5; font-weight:bold;}
#gnb .gnbWrap > ul > li > .sub-slide > ul > li > a {display:block; padding:10px; border-bottom:1px solid #eee;}

@media (max-width:1280px) {
	#gnb {display:none;}
}
