@charset "utf-8"; 

#header						{ position: relative; z-index: 10; }
#header:before				{ content: ""; display: block; position: absolute; left: 0; right: 0; top: 100%; height: 0; overflow: hidden; background: #fff; box-sizing: border-box; transition: height .2s ease; -webkit-transition: height .2s ease; -ms-transition: height .2s ease; }
#header.open-gnb:before		{ border-top: 1px solid #dddddd; height: 80px; }

#logo		{ float: left; line-height: 80px; }
#logo a		{ display: inline-block; line-height: 1.0em; vertical-align: middle; }

#gnb_box				{ float: right; }
#gnb_box li				{ float: left; }

#gnb_box .dept-1 > a		{ display: block; position: relative; padding: 0 30px; line-height: 80px; font-size: 20px; font-weight: 600; }
#gnb_box .dept-1 > a:before			{ content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 0px; background: #f9eb06; box-sizing: border-box; transition: all .2s ease; -webkit-transition: all .2s ease; -ms-transition: all .2s ease; }
#gnb_box .dept-1 > a:hover:before,
#gnb_box .dept-1.on > a:before	{ height: 5px;  }

#gnb_box .dept-1 .dept-2-box			{ display: none; position: absolute; }
#gnb_box .dept-1:hover .dept-2-box	{ display: block; }

#gnb_box .dept-1:first-child + .dept-1 .dept-2-box						{ margin-left: -320px; }
#gnb_box .dept-1:first-child + .dept-1 + .dept-1 .dept-2-box			{ margin-left: -100px; }
#gnb_box .dept-1:first-child + .dept-1 + .dept-1 + .dept-1 .dept-2-box	{ margin-left: -70px; }

#gnb_box .dept-2 > a					{ display: block; padding: 0 20px; line-height: 80px; font-size: 400; font-size: 16px; color: #555555; }
#gnb_box .dept-2 > a:hover				{ font-weight: 600; }


#footer				{ padding: 25px 0; background: #474747; font-size: 14px; color: #999999; }
#footer .f-logo		{ position: absolute; top: 0; left: 0; }
#footer .f-content	{ margin-left: 180px; line-height: 1.5em; }