@charset "utf-8";
 
.web_size					{position:relative;max-width:1200px;margin:0 auto; } 
.web_size2					{position:relative; max-width:1230px; margin:0 auto;}

/*  서브페이지  ==================================================================================== */
#header_main,
#header_sub					{position:relative;} 

#sub_wrap					{padding:0;} 
#sub_main					{margin:0 0 0 300px; padding:60px 0 0 0;}  
  
#sub_top					{position:relative; height:300px; background:#000; overflow:hidden;}
.sub_topimg					{position:absolute; width:100%; height:100%; animation:imgScale 3s both; content:'';}
.sub_txt					{position:absolute; width:100%; bottom:60px; z-index:1; text-align:center;}
.sub_txt h3					{font-size:34px; margin:0 0 20px 0;  color:#fff; letter-spacing:-3px; text-align:center; font-weight:300; line-height:100%;}
#sub_top .h3				{display:none;}

#sub_navigation				{text-align:center; }   
#sub_navigation a			{padding:0 3px; color:#fff; font-size:0.95em; opacity:0.8;} 
#sub_navigation a:hover		{opacity:1;}
#sub_navigation .home a		{font-size:0.9em;}
.path01						{display:inline-block; position:relative; padding:0 0 0 10px;} 
.path01:after				{content:''; position:absolute; top:0; left:3px; bottom:0; width:3px; height:3px; border-radius:100%; margin:auto; background:#fff;}
.path_arrow					{display:inline-block;}
.path_arrow02				{display:inline-block; position:relative; padding:0 0 0 10px;} 
.path_arrow02:after			{content:''; position:absolute; top:0; left:3px; bottom:0; width:3px; height:3px; border-radius:100%; margin:auto; background:#fff;}

#main_contents				{padding:0 0 120px 0; min-height:700px; }  


/* 서브 왼쪽메뉴  ===================================================================================== */ 
#left_menu						{width:240px; float:left;}   
#left_menu h2					{display:block; margin:0 0 5px 0; color:#fff; font-size:26px; letter-spacing:-2px; line-height:160px; background:url('../image/common/sub_topbg.png') no-repeat center 50% #a80e0e; text-align:center;}

#snb							{position:relative;}
#snb li							{width:100%; letter-spacing:0; margin-bottom:5px;}
#snb li a						{display:block; padding:0 20px; line-height:54px; color:#555; font-weight:500;  letter-spacing:-1px; border:1px solid #ddd; background:url('../image/common/snb_off.png') no-repeat 92% 14px;}
#snb li:hover a					{color:#bd1723; background:url('../image/common/snb_on.png') no-repeat 97% 12px; border-color:#bd1723;}  
#snb .current a					{background:url('../image/common/snb_on.png') no-repeat 97% 12px; border-color:#bd1723;} 
.lnb_color1						{color:#bd1723; font-weight:500;}
#snb ul li ul					{display:none;}


/* 하단 카피라이트  ==================================================================================== */ 
footer							{position:relative; padding:40px 0 60px 0; background:#212428; font-size:0.95em;}
.footer_sns						{position:absolute;  right:0; bottom:0; }
.footer_sns img					{width:37px; border-radius:100%; background:#385599;}
.footer_logo					{position:absolute; right:0; top:0;}
.footer_txt address				{font-style:normal; line-height:1.7; color:rgba(256, 256, 256, .5); padding-bottom:15px;}
.footer_txt .copy				{color:rgba(256, 256, 256, .4); letter-spacing:0; line-height:1.3; font-size:0.9em;}

.btn_top						{position:fixed; right:40px; bottom:40px; width:50px; height:50px; line-height:56px; text-align:center; opacity:0.8; z-index:2200; background:#4d4d4d; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.btn_top:after					{content:''; display:inline-block; border:solid #fff; border-width:4px 4px 0 0; padding:5px; transform: rotate(-45deg); border-radius:2px;}
.btn_top:hover					{opacity:1;}


/*  서브 탭메뉴   ==================================================================================== */
.sub_tabmenu01					{width:100%; height:53px; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:40px;}
.sub_tabmenu01 li				{float:left;}
.sub_tabmenu01 li a				{display:block; background:#f9f9f9; width:100%; height:52px; line-height:50px; padding:0 30px; color:#979797; border:1px solid #ddd; border-right:0; border-bottom:0; font-weight:500; letter-spacing:-1px;}
.sub_tabmenu01 li:last-child a	{border-right:1px solid #ddd;}
.sub_tabmenu01 .on a			{height:53px; line-height:50px;background:#fff; color:#bd1723; border-top:3px solid #bd1723;}



@media screen and (max-width:1200px) {
	footer						{padding:40px 15px 60px 15px;}
}



@media screen and (max-width:1024px) {
	#header_main,
	#header_sub					{padding:60px 0 0 0;}  

	#left_menu, .sub_topimg, .sub_txt		{display:none;}
	#sub_wrap					{padding:20px 0 0 0; }
	#sub_main					{margin:0; padding:0 15px;}
	#main_contents				{min-height:400px; padding-bottom:100px;}

	#sub_top 					{height:60px; line-height:60px; color:#fff; text-align:center; background:#bd1723;}
	#sub_top .h3				{display:block; font-size:1.25em; font-weight:500; letter-spacing:-1px;}

	footer						{padding:20px 15px; font-size:0.8em; text-align:center;}
	.footer_logo				{position:relative;}
	.footer_logo img			{width:180px;}
	.footer_txt					{padding:15px 0;}
	.footer_txt address			{padding-bottom:10px;}
	.footer_sns					{top:0; right:0;}
	.footer_sns img				{width:32px;}

	.sub_tabmenu01				{overflow:hidden; height:auto; margin-bottom:20px; border:0;}
	.sub_tabmenu01 li			{display:block; text-align:center;}
	.sub_tabmenu01 li a			{height:48px; line-height:46px; padding:0 10px; font-size:0.95em; border-bottom:1px solid #ddd;}
	.sub_tabmenu01 .on a		{height:48px; line-height:44px; border-bottom-color:#fff;}

	.tab2 li					{width:50%; }
	.tab3 li					{width:33%; }
	.tab4 li					{width:25%; }
	.tab5 li					{width:20%; }
	.tab6 li					{width:16.6%; }
	.tab7 li					{width:14.2%; }

	.btn_top					{right:20px; bottom:20px; width:40px; height:40px; line-height:42px;}
	.btn_top:after				{padding:4px;}
}


@media screen and (max-width:768px) {
	.tab5 li,
	.tab6 li,
	.tab7 li					{width:33.333333%; }
}



/*  준비중페이지 ================================================================================== */
.wait_box					{padding:100px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center;}
.wait_box i					{color:#ccc; font-size:90px;}
.wait_box div				{display:none; font-weight:700; font-size:1.4em; line-height:1.6; color:#666; margin-top:20px;}
.wait_box p					{display:none;}
.wait_box .eng				{display:block;}


@media screen and (max-width:1024px) {
	.wait_box				{padding:60px 10px;}
	.wait_box i				{font-size:60px;}
	.wait_box div			{font-size:1.05em; margin-top:10px;}
}


 /* 사이트맵  ================================================================================== */
#sitemap_wrap			{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50000000000000;display:none; } 
.sitemap_wrap			{position:relative;display:table;width:100%;height:100%;vertical-align:middle;z-index:10 }
.sitemap_wrap_close		{position:absolute;right:0;margin-top:-40px;cursor:pointer; }
.sitemap_box			{position:relative;width:900px;margin:0 auto;padding:8% 0; overflow:hidden; }
.sitemap_h				{overflow:hidden; }
.site_wrap01			{float:left; width:16%; margin:20px 2%; } 
.site_title				{color:#9987ff; font-size:17px;line-height:30px; text-align:left; padding:0 0 10px 8px; }
.site_area01 			{margin:0;width:100%; padding:0; list-style:none; }
.site_area01 ul			{padding:6px 0 15px 0; } 
.site_area01 li			{font-size:13px;background:url('../image/common/sitemap_icon.gif') no-repeat 0 -89px;padding:3px 0 3px 0;text-indent:20px; line-height:170%; }
.site_area01 li a		{color:#bbb; }
.site_area01 ul li		{font-size:12px;background:url('../image/common/sitemap_icon.gif') no-repeat 0px -153px; padding:1px 0 2px 15px; line-height:160%; }

.black_bg				{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000; background-attachment:fixed;opacity:.87; }
 
 
 
@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}