@charset "utf-8";
 
input:focus				{background-color: #ffcc00;}

/*
a, a:link, a:visited{text-decoration:none;  transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}  
*/

#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;}

/* 반응형일때 max-width 기본일땐 width */
.web_size				{position:relative;max-width:1000px;margin:0 auto; } 

/* HEAD    ================================================================================== */
#header_main			{position:relative;width:100%; height:100%; padding:0 0 0 0; background:#eaeaea; }  
#header_sub				{position:relative;width:100%; height:100%; padding:0 0 0 0; background:#eaeaea; }  
   
#sub_top				{height:150px; width:100%; background:url('../image/common/sub_topimg.png') no-repeat center top #666666; }
.sub_topimg				{width:100%; height:150px; padding-top:120px; line-height:150px; text-align:center; font-size:3em; color:#fff; font-weight:400;}

#sub_wrap				{margin:59px 0; padding:10px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url('../image/common/sub_line.gif') repeat-y #fff; } 
#sub_main				{margin:0 0 0 230px; padding:0 30px 0 0;}  


/* 서브 왼쪽메뉴   ===================================================================================== */ 
#left_menu					{width:200px; float:left; min-height:280px; margin-top:-10px;}   
#left_menu .nav_top			{height:120px; text-align:center; background:url('../image/common/left_title_bg.png') no-repeat center top #d23f45; }	
#left_menu h2				{display:block; color:#fff; font-size:24px; letter-spacing:0; line-height:125px;}

 
#snb						{width:100%; }
#snb ul						{padding:0; background-color:#fff;}
#snb ul li					{width:100%;}
#snb ul li a				{display:block;line-height:45px; color:#555; text-indent:33px; border:1px solid #ddd; border-top:0; background:url('../image/common/lnb_icon.png') no-repeat 20px 50%;}
#snb ul li a:hover, 

#snb ul li a.on	,#snb ul li.current a			{color:#000; background:url('../image/common/lnb_icon_on.png') no-repeat 20px 50% #f7f7f7;}  

#snb ul li.current ul		{display:block; }
#snb ul ul					{padding:10px 0 15px 18px;list-style:none; border:1px solid #ddd; border-top:none; background-color:#fff; }
#snb ul li li				{line-height:24px; font-weight:normal;  }
#snb ul li li a				{color:#666;font-size:1em;line-height:24px;  background:url('../image/common/sub_menu_icon01.png') no-repeat 0 -300px;}

#snb ul li.current li a.on,
#snb ul li li.current a		{font-size:1em;line-height:24px; font-weight:normal; background-position:0 -300px;  border-bottom:1px solid #f5f5f5 !important; background-color:#fff; } 
#snb ul li li a:hover, 
#snb ul li li a.on, 
#snb ul li.current li a:hover, 
#snb ul li.current li a:focus	{color:#3781dc;text-decoration:underline;}
#snb ul li.current li a			{background-position:0 -300px;color:#666; border-bottom:1px solid #f5f5f5 !important;background-color:#fff;}
#snb ul li li.current a,
#snb ul li li.current a:hover	{color:#3781dc;background-position:0 -254px;border-bottom:1px solid #f5f5f5 !important; background-color:#f5f5f5;} 
.lnb_color1					{color:#222;}
.lnb_color2					{color:#f67211;}
 

#left_bn ul					{overflow:hidden; margin-top:20px; padding:0 20px; }
#left_bn ul li				{height:60px; line-height:60px; }
#left_bn ul li	img			{margin:0 10px 0 0;}


/*   서브페이지    ==================================================================================== */
#main_contents			{min-height:520px; padding:30px 0 60px 0;} /* 본문 영역 */  
#main_contents02		{margin:0; min-height:300px;} /* 본문 영역 */  
#sub_title				{width:100%; padding:25px 0 15px 0; border-bottom:1px solid #ddd; } /* 서브페이지 타이틀 */
h3						{margin:0;text-align:left; font-size:2.4em; line-height:110%; font-weight:normal ; color:#111; letter-spacing:-1px;text-indent:0; 0; }
  
#sub_navigation			{line-height:150%;float:right;padding-top:5px; }   
.sub_navigation_home	{float:left;width:13px;height:20px; background:url("../image/common/path_img.png") no-repeat center;cursor:pointer;}
.path01					{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%;padding:0 0 0 15px;} 
.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 15px; letter-spacing:-1px;}
 
#sub_navigation a		{padding:0 3px;color:#aaa;} 




h4						{text-align:left;padding:2px 0 12px 20px;margin:0;font-size:1.3em; color:#343434;background:url("../image/common/st_icon.png") no-repeat left 4px; }  /* 본문 큰제목 */
h4 .h4_s				{font-size:13px;color:#888; }
h5						{text-align:left;padding:0 0 10px 15px;font-size:14px;color:#f67211;letter-spacing:-1px;background:url("../image/common/st_icon.png") no-repeat 1px -65px; } /* 본문 두번째 제목 */
h6						{text-align:left;padding:5px 0 6px 10px; font-size:12px;color:#444;letter-spacing:-1px; background:url("../image/common/st_icon.png") no-repeat 0 -167px;}  
 
.sub_cont01				{padding-left:5px;text-align:justify;}  
.sub_cont02				{padding-left:10px;text-align:justify;}  
.sub_cont_box01			{border:4px solid #efefef;padding:15px;}
.sub_list01 ul			{padding:7px 0 0 10px;}
.sub_list01				{list-style:none;background:url(../image/common/icon01.gif) no-repeat 0 6px;padding:0 0 6px 10px;}
.sub_list02				{list-style:none;background:url(../image/common/icon02.gif) no-repeat 0 10px;padding:5px 0 5px 12px;}
.sub_list03				{list-style:none;background:url(../image/common/icon03.gif) no-repeat 0 8px;padding:0 0 5px 9px;  }
  


.sub_cont_question		{background:url(../image/common/sub_cont_icon01.png) no-repeat 0 0;padding:0 0 7px 40px;}

 


/* 하단 카피라이트   ==================================================================================== */ 
#copyright						{padding:5px 0 35px 0; border-top:1px solid #ddd; background:#fff;}   
 
.copyright_site					{width:100%; padding:0 0 10px 0; border-bottom:1px solid #ddd; }

.copyright_txt					{position:relative;font-size:12px;margin-top:15px;}  
.copyright_txt address			{clear:both;font-style:normal;font-size:12px; color:#969a9e; line-height:180%;}
.copyright_txt address a		{color:#969a9e;}
.copyright_txt address span		{display:inline-block;zoom:1;*display:inline;}
.copyright_txt .copy			{font-size:12px; color:#969a9e; line-height:180%;} 
 
.copyright_btn						{height:36px; padding-top:10px; } 
.copyright_btn .copy_top a			{display:inline-block;zoom:1;*display:inline;margin:10px 0;padding:0 5px;font-size:13px; line-height:120%; }  
.copyright_btn .copy_top a:first-child			{padding-left:0;}

.footer_site_wrap				{overflow:hidden;height:60px; border-top:1px solid #e3e3e3; background:#fff;}

.footer_select					{position:absolute; top:20px; right:0; width:175px; min-height:24px; border:1px solid #eaeaea; border-bottom:none; background:#f9f9f9; z-index:999999999; font-size:0.9em; }
.footer_select ul				{position:absolute; bottom:27px; left:-1px; background-color:#fff; border:1px solid #eaeaea; border-bottom:none; display:none;}
.footer_select li				{display:block; height:26px; line-height:26px; color:#fff; }
.footer_select li a				{width:175px; height:100%; text-indent:10px; display:block; }
.footer_select li a:hover		{background-color:#f2f2f2; }
.footer_select p				{width:100%; height:26px; line-height:26px; border-bottom:1px solid #eaeaea;}
.footer_select p a				{display:block; width:100%; height:100%; text-indent:10px; color:#a2a2a2;}
.footer_select p span			{display:inline-block; float:right; padding:0 9px 0 0; }



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

.copyright_site			{display:none;}
}


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

#sub_wrap				{margin:0; padding:10px 0 0 0; border:none; background:none; } 

#left_menu				{display:none;}
#sub_main				{margin:0 0 0 0; padding:0 10px;}

#header_main			{padding:65px 0 0 0; background:none; }
#header_sub				{padding:65px 0 0 0; background:none; }

#sub_top				{height:40%; background:url('../image/common/sub_topimg.png') no-repeat center top #666666; }
.sub_topimg				{padding:0; text-align:center; font-size:2.8em; color:#fff; font-weight:400;}
#sub_navigation			{display:none; }   


}




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


h3						{margin:0;float:left; font-size:1.9em; padding:18px 0 0 0;font-weight:normal ;}
h4						{font-size:1.1em;}
#sub_top				{background:url('../image/common/sub_m_topimg.png') no-repeat center top #666666; }
.sub_topimg				{line-height:65px; font-size:1.4em; font-weight:normal;}
#sub_title				{padding:0 0 40px 0; border:0;}

#main_contents			{min-height:250px; }
#copyright				{text-align:center;padding:5px 0 30px 0;}
.copyright_btn .copy_top a	{font-size:0.95em;}
.copyright_txt			{margin:0 0 12px 0;}
.copyright_txt address, .copyright_txt .copy	{font-size:0.9em;}

.footer_select			{display:none;}
/* 
.footer_select			{width:90%;position:relative; font-size:0.9em; margin:0 auto;  }
.footer_select p a		{text-indent:0;}
.footer_select ul		{position:static;border:0;}
.footer_select li a		{width:100%;text-indent:0;}
.footer_select li:last-child	{border-bottom:1px solid #ddd;}
 */

.sub_list02				{padding:5px 0 2px 12px;}

}






/*  서브페이지 탭메뉴   ==================================================================================== */
.tab2 li					{width:50%;}
.tab3 li					{width:33%;}
.tab3 li:last-child			{width:34%;}
.tab4 li					{width:25%;}
.tab5 li					{width:20%;}
.tab6 li					{width:16.67%;}
.tab6 li:last-child			{width:17%;}

.sub_tabmenu01				{width:100%; min-height:36px; overflow:hidden;}
.sub_tabmenu01 li			{float:left;}
.sub_tabmenu01 li			{margin-left:-1px;}
.sub_tabmenu01 li:first-child	{margin-left:0;}
.sub_tabmenu01 li a			{display:inline-block;zoom:1;*display:inline;width:100%;line-height:36px;text-align:center;background:#f5f5f5;color:#333; font-weight:bold;border:1px solid #d0d0d0; }
.sub_tabmenu01 li a:hover	{color:#203152;}
.sub_tabmenu01 li.on a		{background:#203152; border:1px solid #203152;color:#fff;  }
.sub_tabmenu01 li.on:hover		{}

.sub_tabmenu02_box				{border-bottom:1px solid #999;background:#f8f8f8; padding:12px 15px; overflow:hidden; }
.sub_tabmenu02					{min-height:30px; overflow:hidden; }
.sub_tabmenu02 li				{float:left;font-weight:bold;  }
.sub_tabmenu02 li a				{display:inline-block;zoom:1;*display:inline;line-height:30px; color:#333;  background:url("../image/common/icon04.png") no-repeat 0 9px;padding:0 20px 3px 15px; }
.sub_tabmenu02 li a:hover		{color:#3f63d5;}
.sub_tabmenu02 li a.on 			{color:#3f63d5;  }
.sub_tabmenu02 li a.on:hover	{}

  
.sub_tabmenu03					{min-height:34px; border-top:2px solid #323232;border-bottom:1px solid #ccc;background:#f5f5f5;}
.sub_tabmenu03 li				{float:left;margin-left:-1px;}
.sub_tabmenu03 li:first-child	{margin-left:0;}
.sub_tabmenu03 li a				{display:inline-block;zoom:1;*display:inline;padding:0 20px;line-height:34px;text-align:center;color:#555; border:1px solid #d3d3d3;border-bottom:none;}
.sub_tabmenu03 li a:hover		{color:#3f63d5;}
.sub_tabmenu03 li a.on 			{font-weight:bold;background:#fff;  color:#000; border:1px solid #d3d3d3; border-bottom:1px solid #fff; }
.sub_tabmenu03 li a.on:hover	{}


 

/* 표 관련   ==================================================================================== */ 
.form_table					{border-collapse:collapse;  width:100%;table-layout:fixed; }  
.form_title					{font-size:14px; height:20px; color:#fff; padding:8px; font-weight:bold; border:solid 1px #484b4e; letter-spacing:-1px; background-color:#5e6165; }

.form_table thead th		{text-align:center; color:#fff; padding:10px 0; font-weight:bold; border-right:solid 1px #fff; border-top:solid 1px #858585;  border-bottom:solid 1px #858585; line-height:110%; letter-spacing:-1px; background-color:#858585; }
.form_table thead th:first-child	{border-left:1px solid #858585;}
.form_table thead th:last-child		{border-right:1px solid #858585;}
.form_table tbody th		{text-align:center; color:#595959; padding:8px; letter-spacing:-1px; border-right:solid 1px #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-top:1px solid #dadada; background-color:#f6f6f6; }
.form_table tbody td		{padding:10px; border:solid 1px #dadada; background-color:#ffffff; } 
.form_table tbody td:last-child	{border-right:1px solid #dadada;}


.form1_2					{background-color:#e5ecf4; text-align:center;color:#111; padding:8px 0; font-weight:bold; border:solid 1px #bbc6d9; line-height:110%;letter-spacing:-1px;} 
.form1_3					{background-color:#f6f7f9; text-align:center; color:#595959; padding:5px; letter-spacing:-1px; border-bottom:solid 1px #d2d2d2; }
.form1_4					{background-color:#ffffff; padding:5px; border-bottom:solid 1px #ccc;}  

.form_table tfoot td 		{background-color:#f4f4f4; text-align:center; font-weight:bold; padding:5px 0; border:solid 1px #ccc; }

/*  기타    ==================================================================================== */
.extra01				{color: #e5363d;  text-decoration:none; }
.extra02				{color: #ec7908;   } 
 
.dot_line01				{background: url("../image/common/dot_line01.gif") repeat-x left 25px; height:50px;}  
.dot_line02				{background: url("../image/common/dot_line02.gif") repeat-x left 25px; height:50px;}  
.dot_line04				{background: url("../image/common/dot_line04.png") no-repeat left 0; height:40px;}    

.notice_box01			{border:1px solid #dddddd;background-color:#f5f5f5;padding:12px 18px;}  /* 회색 박스 디자인 */ 
.notice_box02			{position:relative;border:5px solid #ededed; }  /* 회색 박스 디자인 */ 
.notice_box02_cont		{padding:55px 20px 15px 20px;}
.notice_title02			{position:absolute;margin:12px 0 0 -5px;background:url("../image/common/notice_title01.png") no-repeat right top; text-indent:20px;line-height:35px; color:#fff;font-weight:bold; padding:0 33px 0 0; letter-spacing:-1px;} 
 

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



/*  현재 페이지 프린트 관련 스타일 : javascript.js 파일 안에 쓰임 ================================================= */
.printTop				{color:#ddd;font-size:15px;font-weight:bold;padding:10px;height:25px; letter-spacing:-1px;background-color:#333;}
.printContainer			{margin:10px;border:1px solid #dddddd; padding:10px;}
.printBottom			{text-align:center; background:#444444; width:100%;}

 

/* 퀵메뉴   ===================================================================================== */  
.quick_wrap				{position:fixed; width:76px; height:100%;right:-70px; background:url("../image/common/quick_bg01.png") no-repeat right 0; z-index:30000;}
.quick_wrap03			{padding:98px 0 0 0;}
.quick_wrap02			{border-bottom:1px solid #464a53;margin:0 0 0 8px;}
.quick_wrap02 div		{border-bottom:1px solid #272b33;border-top:1px solid #464a53;} 
.quick_btn				{POSITION:absolute; left:-29px;top:250px;}




/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */
.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:#f44e55; 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;}
  


/*   비밀번호 찾기 등 작게 뜨는 새창   ======================================================================*/ 





  

/*   통합검색   =============================================================================================*/ 
#search li						{list-style:none;}
.search_list_box01				{background:url("../image/common/search_list_bg01.png") no-repeat 0 0;height:68px;margin:0 0 30px 0;}
.search_list_box01_02			{padding:21px 0 0 130px;}
.search_list_box01 input[type=text]	{border:1px solid #bbbbbb;line-height:110%;width:270px;padding:3px;margin:0 10px 0 0;}


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

.search_list_wrap01				{}
.search_list_path				{color:#1c78f4;}
.search_list_title01			{font-weight:Bold;color:#555;padding:0 0 8px 0;}
.search_list_cont02				{}


.search_box02					{border:2px solid #ddd;background-color:#f5f5f5;padding:20px;text-align:center;} 
.search_cate_title				{color:#ff6600;font-weight:bold;padding:4px 10px;border:1px solid #d5d5d5;margin:20px 0 5px 0;background-color:#f5f5f5;}
.search_list01					{padding:10px;border-bottom:1px solid #dfdfdf;}
.search_top_cate				{border-top:2px solid #f0f0f0;padding:20px 10px 5px 10px;}
.search_top_cate_list			{padding-left:10px;}
.search_top_cate_list li		{background:url("../image/common/icon01.gif") no-repeat 20px 6px;padding:0 0 3px 29px; float:left;list-style:none;}