@charset "utf-8"; 

#footer		{ position: relative; }

@media all and (min-width: 1001px) { 
	#header			{ position: absolute; top: 0; left: 0; right: 0; height: 173px; background: rgba(0, 0, 0, .6); overflow: hidden; z-index: 50; overflow: hidden; }
	#header #logo	{ width: 445px; text-align: center; line-height: 173px; float: left; }
	#header #logo a	{ display: inline-block; vertical-align: middle; line-height: 1.0em; }

	#gnb_box			{ float: right; }
	#gnb_box .dept-1		{ position: relative; float: left; width: 86px; margin-right: 60px; padding-top: 75px; position: relative; }
	#gnb_box .dept-2-box	{ display: none; }

	#gnb_box .dept-1 > a					{ display: block; }
	#gnb_box .dept-1 > a:before				{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; background: url('../images/bak_gnb_over.png') no-repeat 50% 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }
	#gnb_box .dept-1 > a span				{ display: block; position: relative; text-align: center; color: #ffffff; font-size: 19px; overflow: hidden; z-index: 1; height: 25px; line-height: 25px; }
	#gnb_box .dept-1 > a span.over-txt		{ height: 0px; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

	#gnb_box .dept-1.on > a:before,
	#gnb_box .dept-1 > a:hover:before			{ height: 150px; }
	#gnb_box .dept-1.on > a span.over-txt,
	#gnb_box .dept-1 > a:hover span.over-txt	{ height: 25px; }

	#header .open-gnb,
	#mobile_gnb_box		{ display: none !important; }

	#cont_box		{ padding-top: 35px; }

	#footer				{ position: relative; padding: 50px 0 70px; background: #191919; color: #fff; }
	#footer .f-logo		{ position: absolute; top: 0; left: 20px; }
	#footer .f-content	{ margin-left: 170px; padding-top: 30px; font-size: 14px; color: #d3d3d3; line-height: 1.5em; }
	#footer_sns_box		{ position: absolute; top: 50%; margin-top: -26px; right: 10px; }
}
@media all and (max-width: 1120px) and (min-width: 1000px) {
	#header #logo	{ width: 245px; }
}

@media all and (max-width: 1000px) {
	#header					{ position: absolute; top: 0; left: 0; right: 0; height: 5.5em; background: rgba(0, 0, 0, .6); overflow: hidden; z-index: 50; overflow: hidden; }
	#header #logo			{ height: 5.0em; line-height: 5.5em; }
	#header #logo a			{ display: inline-block; vertical-align: middle; line-height: 1.0em; }
	#header #logo a img		{ height: 4.8em; }

	#header .open-gnb		{ display: block; position: absolute; top: 0; right: 0; width: 5.5em; height: 5.5em; background: url('../images/btn_mobile_header.png') no-repeat 50% 50%; background-size: contain; overflow: hidden; text-indent: -999px; }
	#header .open-gnb.on	{ background-image: url('../images/btn_mobile_header_close.png'); }

	#gnb_box		{ display: none !important; }

	#mobile_gnb_box									{ display: none; position: absolute; top: 5.5em; left: 0; right: 0; z-index: 50; background: #920b2c; text-align: center; }
	#mobile_gnb_box > ul							{ position: relative; max-width: 640px; padding: 0 0.5em; margin: 0 auto; }
	#mobile_gnb_box .dept-1 > a						{ display: block; position: relative; font-size: 1.4em; padding: 1.25em 0; color: #fff; border-bottom: 1px solid #c98596; }
	#mobile_gnb_box .dept-2-box						{ display: none; padding: 0; border-bottom: 1px solid #c98596; }
	#mobile_gnb_box .dept-2 > a						{ display: block; font-size: 1.2em; padding: 0.9em 0; color: #ffffff; }
	#mobile_gnb_box .dept-2-box > li:first-child	{ padding-top: 1.75em; }
	#mobile_gnb_box .dept-2-box > li:last-child		{ padding-bottom: 1.75em; }

	#footer				{ padding: 2.8em 0 1.9em; background: #191919; color: #fff; text-align: center; }
	#footer .f-logo		{ text-align: center; padding-bottom: 1.5em; }
	#footer .f-content	{ color: #d3d3d3; line-height: 1.5em; }
	#footer_sns_box		{ position: absolute; top:2.5em; right: 2.35em; width: 3.1em; height: 1.3em; }
	#copyright			{ display: block; position: relative; padding-top: 1.0em; }
}