@charset "utf-8"; 

/**********************************************************************
- Sub Style
-----------------------------------------------------------------------
* Descript : 해당 사이트의 서브 레이아웃 스타일
             서브페이지에서 사용되는 레이아웃 (ex. 좌측메뉴, 비쥬얼 등)
			 에 대한 스타일 정의.
-----------------------------------------------------------------------
* 최초작성일 : 
* 최초작성자 : 

* 최후작성일 : 
* 최후작성자 : 
--
* 기본 가로 사이즈 : 


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

#sub_top_visual						{ background: url('../images/visual/vis_02.jpg') no-repeat 50% 50%; }
#sub_top_visual[data-menu="4"]		{ background-image: url('../images/visual/vis_04.jpg'); }
#sub_top_visual[data-menu="5"]		{ background-image: url('../images/visual/vis_05.jpg'); }
#sub_top_visual[data-menu="6"]		{ background-image: url('../images/visual/vis_06.jpg'); }


@media all and (min-width: 1001px) { 
	#sub_top_visual		{ height: 455px; }
	#lnb_box			{ position: relative; padding: 30px 0 0; text-align: center; }
	#lnb li				{ display: inline-block; vertical-align: middle; font-family: 'Nanum Myeongjo'; padding: 0 5px; }
	#lnb li a			{ display: block; position: relative; color: #fff; font-weight: 600; background: #000000; width: 210px; line-height: 55px; }
	#lnb li.check a		{ background: #c60e3b; }

	#sub_page_title				{ position: relative; text-align: center; padding-top: 25px; }
	#sub_page_title strong		{ display: block; position: relative; font-size: 50px; color: #000; font-family: 'Hanna'; font-weight: 400; letter-spacing: -0.05em; }
	#sub_page_title span		{ display: block; padding: 2.0em 0; }
	#sub_page_title i			{ display: inline-block; position: relative; font-family: 'Nanum Myeongjo'; font-size: 16px; letter-spacing: 0; text-align: center; margin-bottom: 15px; font-weight: 800; }
	#sub_page_title i:before,
	#sub_page_title i:after		{ content: ""; display: block; position: absolute; top: 50%; width: 70px; height: 1px; background: #000; }
	#sub_page_title i:before	{ left: -85px; }
	#sub_page_title i:after		{ right: -85px; }
}
@media all and (max-width: 1000px) {
	#sub_top_visual			{ height: 22.75em; background-size: auto 100%; background-position: 50% 100%; }
	#lnb_box .fix-layout	{ max-width: 100%; padding: 0; }
	#lnb					{ display: table; width: 100%; }
	#lnb li					{ display: table-cell; width: 25%; }
	#lnb li a				{ display: block; font-size: 1.1em; padding: 1.0em 0 ; text-align: center; background: #000; color: #fff; font-family: 'Nanum Myeongjo'; }
	#lnb li.check a			{ background: #c60e3b; }

	#sub_page_title				{ position: relative; text-align: center; padding-top: 1.5em; }
	#sub_page_title strong		{ display: block; position: relative; font-size: 2.5em; color: #000; font-family: 'Hanna'; font-weight: 400; letter-spacing: -0.05em; }
	#sub_page_title span		{ display: block; padding: 2.0em 0; }
	#sub_page_title i			{ display: inline-block; position: relative; font-family: 'Nanum Myeongjo'; font-size: 0.9em; letter-spacing: 0; text-align: center; margin-bottom: 0.7em; font-weight: 800; }
	#sub_page_title i:before,
	#sub_page_title i:after		{ content: ""; display: block; position: absolute; top: 50%; width: 3.0em; height: 1px; background: #000; }
	#sub_page_title i:before	{ left: -4.0em; }
	#sub_page_title i:after		{ right: -4.0em; }
}