@charset "utf-8";
@import url("/style/contents.css");
/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body			{}			
#skipnavigation { display:none; visibility:hidden;}
#wrapper		{ padding:0; position:relative; width:100%;}
#header			{ padding:0; margin:0 auto; height:85px;  width:100%; border-bottom:1px solid #ddd; position:relative}
#header h1		{ position:absolute; top:20px; z-index:1000; left:10px}
	
	.top-link{ position:absolute; top:0; right:0}
	.top-link ul{list-style:none;	}
	.top-link li{display: inline; float: left;  padding:5px; height:30px;box-sizing:border-box}
	.top-link li a{display:block; padding:0 10px; color:#333; font-size:0.93em}
	.top-link li a:hover{ color:#cf4444}
	
	.top-link li.pd0		{ padding:0 !important; width:30px !important; border:1px solid #ddd; border-top:none}
	.top-link li.pd1		{ border-bottom:1px solid #ddd;}
	.top-link li.pd0 a		{ background:url(/image/common/util_icon.png); font-size:0; height:30px; width:30px; font-size:0 }
	.top-link li.pd0 a.plus	{ background-position: -5px -45px;}
	.top-link li.pd0 a.miu	{ background-position: -5px -5px;}
	.top-link li.pd0 a:hover.plus	{ background-position: -45px -45px;}
	.top-link li.pd0 a:hover.miu	{ background-position: -45px -5px;}

	.quick_box		{ position:absolute; top:96px; right:-115px; width:102px}

/* menu */
#menu					{position:relative; top:45px;}
	#menu ul.main_menu		{ float:right}
	#menu ul.main_menu li 	{float:left; width:120px; text-align:center}
	#menu ul.main_menu li:nth-child(3) 	{float:left; width:230px; text-align:center}
	#menu ul.main_menu a	{ color:#000; font-weight: normal; font-size:20px; letter-spacing:-1.5px;font-family: 'Noto Sans KR'}
	#menu ul.main_menu a:hover	{ color:#cf4444; font-weight: normal; font-size:20px; letter-spacing:-1.5px;font-family: 'Noto Sans KR'}
	#menu ul.main_menu li.on a 	{ color:#cf4444; font-weight: normal; font-size:20px; letter-spacing:-1.5px;font-family: 'Noto Sans KR'}

	#menu_dept				{position:absolute;z-index:888;width:100%;left:0;top:35px; border-bottom:1px solid #ddd; overflow:hidden; height:200px; background:#fff}
	#menu_dept .menu_wrp	{ width:1100px; margin:0 auto; left:0; top:0;background:url(/image/common/menu_ov_img.jpg) no-repeat left bottom; height:200px}
			   
	#menu_dept .menu_dept_ul	{ float:right;}
	#menu_dept .menu_dept_ul li	{ float:left;width:120px; text-align:center; line-height:30px}
	#menu_dept .menu_dept_ul li:nth-child(3)	{ float:left;width:230px; text-align:center}
	ul.sub_menu li a:hover		{ color:#cf4444}
	.w140	{ width:120px !important}
	.w230	{ width:230px !important}

#main_contents	{ padding:0; margin:0 auto; position:relative; clear:both; z-index:1;  }
.con_wrap		{ padding:0; margin:0 auto; width:1100px; position:relative; clear:both;}

/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/

/* 메인 레이아웃 */
#main_wrap		 { position:relative;width:1100px; margin:10px auto}
#main_wrap:after {content:'';display:block;clear:both;height:0;visibility:hidden}
	
	#main_slider_wrap{width:100%;position:relative; height:345px;}
	.main_txt	 { position:absolute; bottom:0; right:0; z-index:100}
	.main_slider{width:100%; margin:0 auto; position:relative;}
	.main_slider .simg{width:100%; height:445px; position:relative;}
	.main_slider .simg .sinner1,
	.main_slider .simg .sinner2,
	.main_slider .simg .sinner3{width:1920px; margin:0 auto; }
	/*이미지를 담고 있는 div태그 이름(2겹으로 감싸져 있음)*/
	.main_slider .slidesjs-container{height:450px !important;}
	.main_slider .slidesjs-control{height:450px !important;}
	/*플레이버튼*/ 
	.main_slider .slidesjs-play{display:block; width:14px; height:14px; text-indent:-9999px; background:url(/image/main/btn_play.png) no-repeat -14px 0; position:absolute; bottom:19px; left:50%; margin-left:53px; z-index:800;}
	/*스탑버튼*/ 
	.main_slider .slidesjs-stop{display:block; width:14px; height:14px; text-indent:-9999px; background:url(/image/main/btn_play.png) no-repeat; position:absolute; bottom:19px; left:50%; margin-left:53px; z-index:800;}
	/*이전버튼*/ 
	.main_slider .slidesjs-previous{display:block; width:58px; height:58px; text-indent:-9999px; background:url(/image/main/btn_arrow.png) no-repeat; position:absolute; top:150px; left:40px; z-index:700;}
	.main_slider .slidesjs-previous:hover{background-position:0 -58px;}
	/*다음버튼*/ 
	.main_slider .slidesjs-next{display:block; width:58px; height:58px; text-indent:-9999px; background:url(/image/main/btn_arrow.png) no-repeat -58px 0; position:absolute; top:150px; right:40px; z-index:700;}
	.main_slider .slidesjs-next:hover{background-position:-58px -58px;}
	/*페이져버튼*/
	.main_slider .slidesjs-pagination{width:500px; position:absolute; top:280px; left:43%;  z-index:700;}
	.main_slider .slidesjs-pagination li{float:left; margin-right:12px; list-style:none}
	.main_slider .slidesjs-pagination li a{display:block; width:32px; height:32px; text-indent:-9999px; background:url(/image/main/vPager.png) no-repeat;}
	.main_slider .slidesjs-pagination li a.active{background-position:-32px 0px;}
	
	
	.mainL		{ float:left; width:820px; margin-top:10px}
	.mainR		{ float:right; width:260px; height:478px; background:url(/image/main/center_bg.png) no-repeat; margin-top:10px; text-align:center}
	.mainR p.btn{ clear:both; margin:20px 30px;}
	.mainR p.btn a	{ width:100%; border:1px solid #ddd; padding:5px 120px 5px 10px; box-sizing:border-box; background:#fff; position:relative; line-height:40px}
	.mainR p.btn a:hover	{ border:1px solid #548f94;}
	.mainR p.btn a:after	{ position:absolute; content:'▶'; top:-4px; right:20px; font-size:11px;}
	
	.notice_box	{ width:260px; height:230px; float:left; background:url(/image/main/notice_icon.png) no-repeat #88b52d; background-position:50% 50px; transition: all 0.6s;}
	.notice_box:hover	{ background:url(/image/main/notice_icon.png) no-repeat #658a1b; background-position:50% 40px; text-align:center;}
	
	.huwon_box	{ width:260px; height:230px; float:left; background:url(/image/main/huwon_icon.png) no-repeat #ccb833; background-position:50% 50px; margin-left:20px; transition: all 0.6s;}
	.huwon_box:hover	{ background:url(/image/main/huwon_icon.png) no-repeat #ab970f; background-position:50% 40px; text-align:center;}
	
	.support_box	{ width:260px; height:230px; float:left; background:url(/image/main/support_icon.png) no-repeat #608be4; background-position:50% 50px; margin-left:20px; transition: all 0.6s;}
	.support_box:hover	{ background:url(/image/main/support_icon.png) no-repeat #2b5dc6; background-position:50% 40px; text-align:center;}
	
	.news_box		{ width:260px; height:230px; float:left;box-sizing:border-box; border:2px solid #cc9933; padding:25px 20px; margin-top:18px; position:relative}
	a.more1			{ width:24px; height:24px; background:url(/image/main/icon_more.png) #cc9933; position:absolute; top:24px; right:20px; border-radius:50px}
	.news_box ul 	{ margin-top:20px}
	.news_box ul li	{ line-height:28px; background:url(/image/common/dot.gif) no-repeat 0 12px; padding-left:15px;}
	
	.gallery_box	{ width:260px; height:230px; float:left;box-sizing:border-box; border:2px solid #e05a8f; padding:25px 20px; margin:18px 0 0 20px; position:relative}
	a.more2			{ width:24px; height:24px; background:url(/image/main/icon_more.png) #e05a8f; position:absolute; top:24px; right:20px; border-radius:50px}
	.gallery_box ul { margin-top:20px}
	.gallery_box ul li img		{ width:212px; height:120px; background:#f3f3f3;}
	.gallery_box ul li p.txt	{ clear:both; padding-top:5px;}
	
	.m_business_box	{ width:260px; height:230px; float:left; background:url(/image/main/business_icon.png) no-repeat #cf4444;
	background-position:50% 50px; margin:18px 0 0 20px; transition: all 0.6s;}
	.m_business_box:hover	{ background:url(/image/main/business_icon.png) no-repeat #ab1717; background-position:50% 40px; text-align:center;}
	
	h3.tt		{ padding-top:135px;text-align:center; }
	h3.tt3		{ padding-top:75px;text-align:center; }
	p.box_txt	{ padding-top:10px; color:#fff; opacity:0.8;text-align:center; }
	
	
	

/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/

#footer			{  clear: both; width:100%; min-height:170px; background:url(/image/common/footer_bg.gif)top repeat-x}
	.footer_logo		{ float:left; width:282px; padding-top:65px;}
	.footer_help		{ }
	.footer_help a		{ color:#333;font-family: 'Noto Sans KR'; line-height:47px}
	.footer_help a.point{ color:#F00;font-family: 'Noto Sans KR'; line-height:47px}
	.footer_help span	{ padding:0 8px; color:#ccc}
	
	address	{ clear:both; color:#777; font-style:normal; padding:15px 0; text-align:center; line-height:140%}
	address span	{ padding:0 8px; color:#999}

	#footer .btn-top {width:41px;height:41px;overflow:hidden;background:url(/image/common/btn_top.png) no-repeat;display:block;position:fixed;bottom:140px;right:-80px;z-index:300;background-color:rgba(0,0,0,0.4);border-radius:10%;transition:right .3s ease;z-index:1000;border:0;}
	#footer .btn-top.on {right:10px;}
	
	
	.site_link{display:block;position:relative;width:200px;height:46px;margin:0;z-index:0; float:right; background:#595f6a}
		.site_link .sitelink_cont{display:block;position:relative;}
		.site_link .sitelink_cont h3{display:block;width:100%;height:46px;}
		.site_link .sitelink_cont h3 button{display:block;width:100%;height:46px;margin:0;padding:0 0 0 10px;background:url('/image/common/flink_arr.gif') no-repeat 90% 50%;border:none;border-right:1px solid #8b8f97;color:#afb4bf;text-align:left;}
		.site_link .sitelink_cont:first-child h3 button{border-left:1px solid #8b8f97;}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#7ca93f;}
		.site_link .layer .close{position:absolute;right:0;top:0;width:51px;height:51px;background:url('/image/common/site_close_btn.png') no-repeat left top;font-size:0;line-height:0;text-indent:-9999px;z-index:10;}
		.site_link .link_part{width:96%;padding:2%;}
		.site_link .link_part h4{width:88%;height:26px;padding:7px 0 0 2%;color:#fff;font-weight:normal;}
		.site_link .link_part ul{padding:15px 0;background-color:#fff;border-radius:5px;}
		.site_link .link_part ul li{display:block;float:left;width:50%;}
		.site_link .link_part ul.float_none li{float:none;width:100%;}
		.site_link .link_part ul li a{display:block;padding:5px 0 0 15px;background: url('/image/common/dot.gif') no-repeat 6px 9px;color:#676767;}
		
		
/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/

#contents		{ width:1100px; margin:0 auto; position:relative; background:url(/image/common/com_bg.gif) repeat-y}
#contents:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
#subL	 		{ float:left; overflow:hidden; width:200px;}
#left_Menu 		{ overflow: hidden;}
h2.subtt		{ height:145px; background:url(/image/common/subTT_bg.gif); padding:68px 20px 0 20px; text-align:center; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold;word-break: break-word;}

	.left_2depth 	{}
	.left_2depth li { display: block; margin: 0; border:1px solid #ddd; border-top:none; box-sizing:border-box }
	.left_2depth li a			{ letter-spacing:-1px;}
	.left_2depth li.depth2_on 	{ display: block; overflow: hidden; padding:18px 0 18px 15px; background:url(/image/common/submenu_on.png) no-repeat 90% 18px #fff;}
	.left_2depth li.depth2	 	{ display: block; overflow: hidden; padding:18px 0 18px 15px; background:url(/image/common/submenu_off.gif) no-repeat 90% 18px #fff;}		{ letter-spacing:-1px;}
	.left_2depth li.depth2_on a 	{ color:#000; font-weight:600}

	#subTT		{ margin-top:20px}
	#subTT > h3		{ font-size:34px; color:#000; font-weight: normal; padding-top:20px; float:left;font-family: 'Noto Sans KR'; letter-spacing:-1px}
	.path			{ margin-top:30px; float:right;}
	.path span		{padding-left:19px; margin-left:15px; background:url('/image/common/path_arrow.gif') no-repeat 0 center}
	.path span.home{padding-left:0px; margin-left:0px; background:none}
	
	#subR			{ width:820px; float:right; min-height:700px; padding:0 30px 40px}
	#subP			{ clear:both; padding:30px 0;}