@charset "utf-8"; 

/**********************************************************************
- Common Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 메인/서브 공통 스타일
             전체적으로 들어가는 기본 스타일 혹은 레이아웃을 정의한다.
-----------------------------------------------------------------------
* 최초작성일 : 2017.04.19
* 최초작성자 : 더웹 박현정

* 최후작성일 : 2017.04.19
* 최후작성자 : 더웹 박현정
--
* 웹폰트 정의 : 나눔고딕 - Google Font
* 폰트 색상
- 기본 : #333;
- 강조 : #000;

**********************************************************************/

body	{ padding-top: 170px; min-width: 1200px; }

#goto_top	{ display: none; position: fixed; right: 20px; bottom: 20px; z-index: 50; }



/***************************
	Header
****************************/

/**** Header Layout ****/

#header	{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-width: 1200px;
	z-index: 90;
	font-family: 'NanumSquare';
	background: url('../images/bak_gnb.png') no-repeat 25% 100% rgba(172, 104, 13, .8);
}
#header:before	{
	content: "";
	display: block;
	position: absolute;
	top: 99px;
	left: 0;
	right: 0;
	height: 1px;
	background: #cacaca;
	z-index: 1;
}
#header:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 170px;
	background: #fff;
	z-index: 0;
}
#header .fix-layout	{ z-index: 5; }

#logo					{ position: relative; text-align: center; z-index: 0; }
#logo img				{ display: block; margin: 0 auto; }
#header_banner			{ position: absolute; top: 29px; left: 10px; }
#tnb_box				{ position: absolute; top: 40px; right: 10px; z-index: 1; }
#tnb_box li				{ float: left; margin-left: 30px; }
#tnb_box a				{ display: block; position: relative; padding-left: 12px; font-size: 15px; line-height: 25px; font-weight: 400; }
#tnb_box a:before		{ content: ""; display: block; position: absolute; top: 50%; margin-top: -11px; left: 0; width: 6px; height: 21px; background: url('../images/bul_tnb_link.png') no-repeat 0 0; }
#tnb_box a.info:before	{ background-position: -6px 0; }

#header .bak	{ display: block; position: absolute; top: 100%; left: 0; right: 0; bottom: 0; background: rgba(172, 104, 13, .75); }



/***************************
	GNB
****************************/

#gnb					{ position: relative; white-space: nowrap; }

#gnb .dept-1			{ display: inline-block; position: relative; max-width: 14.28%; vertical-align: top; }
#gnb .dept-1 + .dept-1	{ margin-left: 8%; }
#gnb .dept-1 > a		{ display: block; position: relative; text-align: center; line-height: 70px; color: #000; font-weight: 600; font-size: 16px; }
#gnb .dept-1 > a:after	{
	content: ""; display: block; position: absolute; bottom: 0; height: 0px; left: 0; right: 0; border-radius: 9.0em; background: #faa635;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}

#gnb .dept-1 > a.on:after,
#gnb .dept-1:hover > a:after,
#gnb .dept-1.check > a:after	{ bottom: -5px; height: 9px; }

#gnb .dept-2-box		{ display: block; height: 0px; overflow: hidden; box-sizing: border-box;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
}
#gnb .dept-2-box li		{ padding: 8px 0; }
#gnb .dept-2-box li:first-child	{ margin-top: 20px; }
#gnb .dept-2-box li:last-child	{ margin-bottom: 20px; }
#gnb .dept-2-box a		{ font-size: 16px; color: #ffffff; font-weight: 500; }
#gnb .dept-2-box a:hover	{ border-bottom: 1px dashed #fff; }

#gnb.open-subpanne .dept-2-box	{ height: 300px; }



/***************************
	Footer
****************************/

#footer	{ background: #adadad; color: #fff; text-align: center; line-height: 1.8em; padding: 50px 0; font-size: 13px; }

#fnb_box				{ padding: 10px 0 5px; }
#fnb_box li				{ display: inline-block; position: relative; font-size: 15px; font-weight: 600; }
#fnb_box li + li		{ padding-left: 24px; }
#fnb_box li + li:before	{ content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #fff; left: 10px; top: 50%; margin-top: -2px; }

#footer	.f-content span	{ display: inline-block; position: relative; }
#footer	.f-content span + span	{ padding-left: 24px; }
#footer	.f-content span + span:before	{ content: "|"; display: block; position: absolute; left: 12px; top: 0; }