@charset "utf-8";
 
#body_fade						{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:9990000;}
#popup_fade						{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.80;z-index:9999900;}
#top_menu_fade					{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;opacity:.50;z-index:9980000;}


/* HEAD    ================================================================================== */
#header_main				{position:relative;width:100%; height:100%; padding:150px 0 0 0;}  
#header_sub					{position:relative;width:100%; height:100%;	padding:150px 0 0 0;}  

#sub_top					{position:relative; height:260px; background:#000; overflow:hidden;}
.sub_topimg					{position:absolute; width:100%; height:100%; /*animation:imgScale 3s both;*/ content:'';}
/*.sub_topimg:after			{content:'';display:block;width:100%;height:50px;background:#f0f0f0;position:absolute;bottom:0;}*/
.sub_txt					{position:absolute; left:50%; transform:translateX(-50%); z-index:1; top:70px; text-align:center;}    /* 서브페이지 타이틀 */
.sub_txt em					{color:#d6432f; opacity:0.8; font-style:normal; font-size:0.85em; letter-spacing:0.5px; font-weight:500;}
.sub_txt h3					{font-size:2em; font-weight:300; color:#fff; letter-spacing:-3px; line-height:100%; margin-top:10px;}
.sub_txt h3	span			{font-weight:700;}
.sub_top_m					{display:none;}
/*#sub_top h2					{font-size:44px;letter-spacing:-1px; color:#fff;font-weight:700;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;}*/
#sub_top h2					{font-size: 44px;letter-spacing: -1px;color: #fff;font-weight: 700;display: block;position: absolute;top: 49%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}
#sub_top p					{font-size: 18px;letter-spacing: -1px;color: #ddd;font-weight: 300;display: block;position: absolute;top: 68%;left: 50%;transform: translate(-50%, -50%);z-index: 1;}

#sub_wrap					{padding:0;} 
#sub_main					{margin:60px 0 0 320px; }  

.web_size					{position:relative;max-width:1400px;margin:0 auto; } 
.web_size2					{position: relative; max-width: 1430px;margin: 0 auto;}

/* Animation */

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}


/* 서브 왼쪽메뉴   ===================================================================================== */ 
#left_menu					{width:260px; float:left;}   
/*#left_menu h2				{font-size:44px; border-bottom:2px solid #0d0c57; letter-spacing:-2px; color:#fff; height:60px; text-align:center; font-weight:700;margin-top:-150px;}*/
#left_menu h2				{font-size: 33px;background: #2d2d85;letter-spacing: -2px;color: #fff;height: 168px;line-height: 168px;text-align: center;font-weight: 700;} /*#2a2a6a #2a2a8d*/

#snb						{width:100%;margin-top: -124px;}
#snb ul						{padding:0;}
#snb ul li					{width:100%; letter-spacing:0; }
#snb ul li:first-child a	{border-top:2px solid #333;}
#snb ul li:last-child a		{border-bottom:2px solid #333;}
#snb ul li a				{display:block; padding:0 25px; line-height:56px; color:#555; font-size:1.1em;font-weight:500;  letter-spacing:-1px; border-bottom:1px solid #ddd; background:url('../image/common/sub_arrow_off.png') no-repeat 90% 20px;}
/*#snb ul li a:hover,
#snb ul li a.on				{color:#19a788; background:url('../image/common/sub_arrow_on2.png') no-repeat 90% 20px #f9f9f9; transition: all 0.3s; }
#snb ul li.current a		{background:url('../image/common/sub_arrow_on.png') no-repeat 90% 20px #f9f9f9; background-color:#757f9a; transition: all 0.3s;} */  
#snb ul li a:hover,
#snb ul li a.on				{color:#555; background:url('../image/common/sub_arrow_off.png') no-repeat 90% 20px #f7f7f7; transition: all 0.3s;}  
#snb ul li.current a		{background: url('../image/common/sub_arrow_on.png') no-repeat 90% 20px #f9f9f9;background-color: #7485b1;transition: all 0.3s;} /*#8697c3*/

.lnb_color1					{color:#fff; font-weight:500;}
.lnb_color2					{color:#000; font-weight:500;}



/*   서브페이지    ==================================================================================== */
#main_contents			{margin:0 0 100px 0; min-height:600px;} /* 본문 영역 */  
#main_contents02		{margin:0; min-height:300px; overflow: hidden;} /* 본문 영역 */  
#sub_title				{width:100%; overflow:hidden; ; margin:0 0 40px 0; border-bottom:1px solid #ddd;padding-top:6px; } /* 서브페이지 타이틀 */
#sub_title h3			{float:left; padding:0 0 20px 0; font-size:33px; line-height:100%; font-weight:400 ; color:#111; letter-spacing:-3px; }

#sub_navigation			{float:right; padding-top:10px;}   
#sub_navigation a		{color:#aaa;font-size:1em;font-weight:300;} 
.sub_navigation_home	{float:left; width:13px; height:23px; background:url("../image/common/path_img.png") no-repeat center; cursor:pointer;}
/*.sub_navigation_home:before	{content:'';display:block;width:1px; height:21px;background:#e4e4e4;left:-8px;position: absolute;}
.sub_navigation_home:after	{content:'';display:block;width:1px; height:21px;background:#e4e4e4;left:19px;position: absolute;}*/
.path01					{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%;font-size:0.9em;padding:0 0 0 18px;} 
.path_arrow				{float:left;  letter-spacing:0; }
.path_arrow02			{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%; padding:0 0 0 18px; letter-spacing:-1px; }
 


/* 하단 카피라이트   ==================================================================================== */ 
footer							{position:relative; padding:40px 0 60px 0; background-color:#2b3956;clear:both;}  

.copyright_btn					{/*padding-bottom:20px;border-bottom:1px solid #424242;*/}
.copyright_btn li				{position:relative;  display:inline-block; zoom:1; *display:inline; padding:0 0 0 12px; }  
.copyright_btn li:first-child	{padding:0;}
.copyright_btn li a				{color:#949baa; font-size:0.95em;font-weight: 500;}
/*.copyright_btn li a:after		{content:''; position:absolute; top:0; left:12px; bottom:0; width:1px; height:0.9em; margin:auto; background:#4e4e4e;}*/
.copyright_btn li:first-child a	{font-weight:500; color:#949baa;}
.copyright_btn li:first-child a:after	{display:none;}

.copyright_txt					{position:relative; color:#949baa; padding:35px 0 0 0;} 
.copyright_txt .logo			{float:left;}
.copyright_txt					{padding:0; font-size:0.95em;}
.copyright_txt .txt				{overflow: hidden;padding:10px 0;}
.copyright_txt address			{font-style:normal; line-height:160%; float: left; margin-right: 27px;}
.copyright_txt .tel				{float: left;}
.copyright_txt .copy			{line-height:160%; color:#949baa; /*padding-top:20px;*/} 
.copyright_txt .copy a			{color:#fff;}
.copyright_btn .admin			{padding:0 0 0 15px;}
.copyright_btn .admin a			{padding: 2px 5px; color: #fff; font-weight: 500; border-radius: 2px; background-color:#d6432f; font-size: 0.85em;}
.copyright_txt2					{display:none;}

.btn_top						{position:fixed; right:40px; bottom:40px; width:40px; height:40px; opacity:0.7; z-index:2200; background:#19a788; 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;}

.footer_select					{position:absolute; top:-6px; right: 0;width:280px;height:46px;border:1px solid #949baa;border-bottom:none;background:##2b3956;font-size:0.95em; letter-spacing:-1px; z-index:9;}
.footer_select ul				{position:absolute;bottom:44px;left:-1px;background-color:#2b3956;border:1px solid #949baa;border-bottom:none;display:none; background:#2b3956; padding:10px 0 5px 0;}
.footer_select li				{display:block; line-height:36px; }
.footer_select li:last-child	{border-bottom:0;}
.footer_select li a				{width:278px;height:100%; text-indent:18px;display:block; color:#949baa;}
.footer_select li a:hover		{color:#fff;}	
.footer_select p				{width:100%;height:45px;line-height:44px;border-bottom:1px solid #949baa;}
.footer_select p a				{display:block;width:100%;height:100%;text-indent:18px; color:#949baa;}
.footer_select p span			{display:inline-block;float:right;padding:0 15px 0 0; }

.fam_site						{display:none;}


/*  서브페이지 탭메뉴   ==================================================================================== */
.sub_tabs						{width:100%; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:center; overflow:hidden; height:74px;}
.sub_tabs li					{position:relative; display:inline-block; zoom:1; *display:inline;  border-bottom:3px solid #fff; }
.sub_tabs li a					{display:block; width:100%; height:70px; line-height:70px; font-size:1.2em; padding:0 40px; color:#aaa; letter-spacing:-1px; }
.sub_tabs li a:after			{content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.sub_tabs li:last-child a:after	{display:none;}
.sub_tabs .on,
.sub_tabs li:hover				{border-color:#b2b83b;}
.sub_tabs .on a,
.sub_tabs li:hover a			{color:#000; font-weight:700;}

.sub_tabmenu01					{width:100%; height:54px; border-bottom:1px solid #ccc; box-sizing:border-box; }
.sub_tabmenu01 li				{float:left;  border-top:1px solid #ccc; background:#f9f9f9;}
.sub_tabmenu01 li:last-child	{border-right:1px solid #ccc; }
.sub_tabmenu01 li a				{display:inline-block; width:100%; height:52px; line-height:52px; padding:0 40px; font-size:1.05em; text-align:center; color:#979797; border-left:1px solid #ccc; font-weight:500; letter-spacing:-1px;}
.sub_tabmenu01 li.on			{background:#fff; border-top:2px solid #042a59;}
.sub_tabmenu01 li.on a			{background:#fff; color:#000;}

.sub_tabmenu02					{width:100%; border-bottom:1px solid #ddd;  box-sizing:border-box; margin:-30px 0 40px 0; text-align:center; height:56px;}
.sub_tabmenu02 li				{position:relative; display:inline-block; zoom:1; *display:inline; }
.sub_tabmenu02 li:after			{content:''; position:absolute; top:0; right:0; bottom:0; width:1px; height:1em; margin:auto; background:#ddd;}
.sub_tabmenu02 li:last-child:after	{display:none;}
.sub_tabmenu02 li a				{position:relative; display:block; margin:0 20px; height:56px; line-height:56px;  color:#777; letter-spacing:-1px; font-size:1.05em;}
.sub_tabmenu02 li a:hover, .sub_tabmenu02 .on 		{color:#3a683a; border-color:#3a683a; font-weight:500;}
.sub_tabmenu02 .on a			{color:#3a683a; font-weight:500;}
.sub_tabmenu02 .on a:after		{position:absolute; left:0px; bottom:0; content:''; display:block; width:100%; height:3px; background:#3a683a; border-radius:50px;}


/* 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:0; }  

	#left_menu, #sub_title, #sub_top	{display:none;}
	#sub_wrap					{padding:40px 0 0 0; }
	#sub_main					{margin:0 15px; }
	#main_contents				{min-height:400px; }
	
	.sub_top_m					{display:block; height:60px; line-height:60px; color:#fff; text-align:center; background:#3942a0;}
	.sub_top_m h3				{font-size:1.25em; font-weight:500; letter-spacing:-1px;}

	.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%; }

	footer						{padding:20px 15px;}
	.copyright_btn				{padding-bottom:12px; }
	.copyright_btn li			{padding:0 0 0 20px;}
	.copyright_btn li a			{font-size:0.8em;}
	.copyright_btn li a:after	{top:2px; left:8px;}
	.copyright_txt				{font-size:0.8em;/*padding:20px 0 0 0;*/line-height: 160%;}
	.copyright_txt .logo img	{width:180px;}
	/*.copyright_txt .txt			{padding:0 0 0 200px;}*/


	.footer_select				{width:200px;height:40px;font-size:0.8em;}
	.footer_select p			{height:39px;line-height:39px;}
	.footer_select ul			{bottom:39px;}
	.footer_select li			{line-height:30px;}
	.footer_select li a			{width:198px;}

}

/* screen 768 */
@media screen and (max-width:768px) {

	footer						{padding:40px 0 60px;/*text-align:center;*/}
	footer .web_size			{padding:0 30px;}
	.copyright_txt .logo		{float:none;}
/*	.copyright_txt .txt			{padding:15px 0 0 0;}*/

	.tab5 li,
	.tab6 li,
	.tab7 li					{width:33.333333%; }

	#sng_bigimg_layer			{width:90% !important; }
	.footer_select				{position: static;margin-top:30px;}
	.footer_select ul			{left:30px;}
	.copyright_txt				{display:none;}
	.copyright_txt2				{display:block;font-size:0.8em;line-height: 160%;color:#949baa;}
	.copy						{padding-top: 15px;}

}


/* 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;} 
.form_table thead th			{padding:15px 8px; font-weight:bold; border-bottom:1px solid #d7d7d7; border-right:1px solid #d6d6d6; font-size:0.95em; text-align:center; background-color:#ededed; }
.form_table thead th:last-child	{border-right:1px solid #fff;  }
.form_table thead .stxt			{color:#333; font-size:0.9em; line-height:150%; letter-spacing:-0.5px;  }
.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; font-size:0.95em; }
.form_table tbody td			{color:#333; line-height:150%; padding:11px 8px; font-size:0.9em; 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 tbody .stxt			{color:#333; font-size:0.9em; line-height:150%; letter-spacing:-0.5px;  }
.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; }

.dot_line01						{background: url("../image/common/dot_line01.gif") repeat-x left 43px; height:80px; } 


/*  A 태그    ==================================================================================== */

a:link, a:visited, a:active		{text-decoration:none; color:#666666; } 
a:hover							{text-decoration:none; color:#151515; }
a.a_color01:link, a.a_color01:visited, a.a_color01:active	{text-decoration:none; color:#ff6600; } 
a.a_color01:hover											{text-decoration:underline; color:#ff6600; }


 
/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */

.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_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					{padding:250px 60px 60px 60px; background:url("../../../core/image/common/email_img.gif") no-repeat center 30px; text-align:center; border:1px solid #ddd; color:#414141;}



/* screen 1024 */
@media screen and (max-width:1024px) {

	.cyber_mail_box				{padding:130px 20px 30px 20px; font-size:0.85em; background-position:center 30px; background-size:120px;}

}


/* screen 768 */
@media screen and (max-width:768px) {

	#sng_bigimg_layer			{width:90% !important; }


}