@charset "utf-8";
 

.web_size					{position:relative;max-width:1200px;margin:0 auto; } 
.web_size2					{position:relative; max-width:1230px; margin:0 auto;}

/* HEAD  ================================================================================== */
#header_main				{position:relative;width:100%; height:100%; padding:100px 0 0 0; } 
#header_sub					{position:relative;width:100%; height:100%; padding:100px 0 0 0; } 
  
#sub_top					{position:relative; height:200px; background:#000; overflow:hidden;}
.sub_topimg					{position:absolute; width:100%; height:100%; animation:imgScale 3s both; content:'';}
.sub_txt					{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; text-align:center;}
.sub_txt h3					{font-size:30px; margin:0 0 20px 0;  color:#fff; letter-spacing:-1px; text-align:center; font-family: 'S-CoreDream-3Light'; line-height:100%;}
#sub_top .h3				{display:none;}

#sub_navigation				{text-align:center; }   
#sub_navigation a			{padding:0 3px; color:#fff; font-size:0.9em; opacity:0.8; letter-spacing:-0.75px;} 
#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;}


@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}

/* 서브 왼쪽메뉴  ===================================================================================== */ 
#left_menu						{width:240px; float:left;}   
#left_menu h2					{display:block; margin:0 0 5px 0; color:#fff; font-size:26px; letter-spacing:-1px; 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:-0.5px; 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;}


/*  서브페이지  ==================================================================================== */
#sub_wrap						{padding:0; } 
#sub_main						{margin:0 0 0 300px; padding:60px 0 0 0;}  

#main_contents					{padding:0 0 120px 0; min-height:600px; } /* 본문 영역 */  


/* 하단 카피라이트  ==================================================================================== */ 
footer							{position:relative; padding:40px 0 60px 0; border-top:1px solid #363a3f; }
footer:after					{content:''; display:block; clear:both;}

.footer_sns						{position:absolute; right:0; top:0;}
.footer_sns img					{width:37px; border-radius:100%;}

.footer_logo					{float:left;}
.footer_txt						{padding:0 0 0 280px; }
.footer_txt address				{font-style:normal; line-height:160%;  color:#a5a5a5; padding:0 0 10px 0;}
.footer_txt .copy				{line-height:160%; color:#a5a5a5; font-size:0.95em;} 
.footer_txt .copy a				{color:#a5a5a5}

.btn_top						{position:fixed; right:40px; bottom:40px; width:40px; height:40px; opacity:0.7; z-index:2200; background:#d6432f; border-radius:2px; box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);}
.btn_top:after					{content:''; position:absolute; top:16px; right:13px; border:solid #fff; border-width:3px 3px 0 0; border-radius:1px;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn_top:hover					{opacity:1;}


/*  서브 탭메뉴   ==================================================================================== */

.sub_tabmenu01 						{overflow:hidden; border-bottom:1px solid #e0e0e0; margin-top:-40px; text-align:center;}
.sub_tabmenu01 li					{position:relative; display:inline-block; text-align:center; border-bottom:2px solid #fff;}
.sub_tabmenu01 li:after				{content:''; position:absolute; top:0; left:0; bottom:0; width:1px; height:15px; margin:auto; background:#c0c4c7;}
.sub_tabmenu01 li:first-child:after	{display:none;}
.sub_tabmenu01 li a					{display:block; color:#777; line-height:52px; height:52px; font-weight:500; padding:0 20px;}
.sub_tabmenu01 li:last-child a:after{display:none;}
.sub_tabmenu01 .on					{border-color: #bd1723;}
.sub_tabmenu01 .on a 				{color:#bd1723; font-weight:600;}
.sub_tabmenu01 a:hover				{color:#bd1723;}



/* screen 1200*/
@media screen and (max-width:1200px) {

	footer						{padding:40px 15px 60px 15px;}

}


/* screen 1024 */
@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; }
	#main_contents				{min-height:400px; margin:0 15px;}

	#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;}
	.footer_txt					{font-size:0.85em;}
	.footer_txt address			{padding:0 0 5px 0;}

	.footer_sns img				{width:32px;}

	.sub_tabmenu01				{margin-top:-20px;}
	.sub_tabmenu01 li			{display:block; float:left;}
	.sub_tabmenu01 li a			{height:46px; line-height:44px; padding:0; font-size:0.9em;}

	.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%; }
}


/* screen 768 */
@media screen and (max-width:768px) {

	footer						{text-align:center;}
	.footer_logo				{float:none;}
	.footer_logo img			{width:180px;}
	.footer_txt					{padding:15px 0 0 0;}

	.tab5 li,
	.tab6 li,
	.tab7 li					{width:33.333333%; }


}


/* screen 580 */
@media screen and (max-width:580px) {

}



/* 표 관련   ==================================================================================== */ 
.form_table						{border-collapse:collapse; width:100%; table-layout:fixed; background:#f7f7f7; border-top:2px solid #66575a; font-size:0.95em;} 
.form_table thead th			{padding:15px 8px; font-weight:bold; border-bottom:1px solid #d7d7d7; border-right:1px solid #d6d6d6; text-align:center; background-color:#ededed; }
.form_table thead th:last-child	{border-right:1px solid #fff;  }
.form_table tbody th			{color:#333; line-height:150%; padding:11px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fafafa; text-align:center; font-weight:500; }
.form_table tbody td			{color:#333; line-height:150%; padding:11px 8px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#ffffff; }
.form_table tbody td:first-child{border-left:1px solid #fff; }
.form_table tbody td:last-child	{border-right:1px solid #fff; }
.form_table a:link				{color:#333; }
.form_table tfoot td 			{background-color:#f7f7f7; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; }

.count_stxt						{padding:0 0 10px 0; font-size:0.85em; }
.count_stxt span				{font-weight:700;}


/*  개인정보 보호정책 & 이메일무단수집 거부 ================================================================================== */
.cyber_cont_box			{margin:0 0 0 0;text-align:justify; }
.cyber_top_cont			{margin:0 0px 20px 0px; border:1px solid #ddd;padding:15px;background-color:#f5f5f5; }
.cyber_cont01			{padding:0 0 20px 10px; text-align:justify; } 
.cyber_cont01 ul 		{padding:10px 0 0 0px; } 
.cyber_cont01 ul ul 	{padding:6px 0 5px 15px; }  
.cyber_cont01 ul ul 	{padding:6px 0 5px 15px; }  

.cyber_cont_box ol			{padding:0 0 0 10px; }
.cyber_cont_box ol li		{list-style:decimal ;margin:0 0 8px 10px; }
.cyber_cont_box ol li ul li	{list-style:none;margin:0; }
.cyber_list01			{background:url("../image/common/icon02.gif") no-repeat 5px 5px;padding:0 0 4px 15px;list-style:none; }
.cyber_list02			{background:url("../image/common/icon03.gif") no-repeat 0 7px;padding:0 0 3px 4px;list-style:none; }

.cyber_st01				{padding:6px 0 4px 0;text-indent:10px;color:#444;background-color:#e9e9e9;margin:0 0 15px 0;font-weight:bold; letter-spacing:-1px; }
.cyber_st02				{padding:0 0 5px 0;font-weight:bold;color:#666;letter-spacing:-1px; }

.cyber_mail_box			{border:1px solid #dddddd;padding:70px 40px 70px 300px;font-size:1.1em; background:url("../../../core/image/common/email_img.gif") no-repeat 50px 50%; }



/* mobie screen 785 */
@media screen and (max-width:785px) {
	.cyber_mail_box		{border:1px solid #dddddd;padding:50px 30px 50px 250px;font-size:1.1em; background:url("../../../core/image/common/email_img.gif") no-repeat 20px 50%; }
 }

/* mobie screen 520 */
@media screen and (max-width:520px) {
	.cyber_mail_box		{padding:200px 20px 30px 20px;text-align:center;background:url("../../../core/image/common/email_img.gif") no-repeat center 20px; }
 }
 

 /* 사이트맵  ================================================================================== */
#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; }
 
 