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

@keyframes imgScale {
	0% {transform:scale(1.2)}
	100% {transform:scale(1)}
}
/* HEAD    ================================================================================== */
#header_main,
#header_sub					{position:relative;width:100%; height:100%;	padding:110px 0 0 0;}  

#sub_top					{position:relative; height:220px; background:#000; overflow:hidden;}
.sub_topimg					{position:absolute; width:100%; height:100%; animation:imgScale 3s both; content:''; background:url('../image/common/sub_topimg.jpg') center 0; background-position:50% 0; background-size:cover;}
.sub_txt					{position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:1; text-align:center;} 
.sub_txt em					{display:block; line-height:100%; color:#193356; font-size:18px; opacity:0.7; font-style:normal; letter-spacing:0; margin:0 0 12px 0;}
.sub_txt h3					{font-family: 'S-CoreDream-7ExtraBold'; font-size:2.2em; color:#0c284a; line-height:100%;}
.sub_top_m					{display:none;}

#sub_wrap					{padding:0;} 
#sub_main					{margin:40px 0 0 300px; }  

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


/* 서브 왼쪽메뉴   ===================================================================================== */ 
#left_menu					{width:240px; float:left;}   
#left_menu .snb_bx			{background:#315dc2; height:160px; text-align:center; margin-top:-100px;}
#left_menu em				{display:block; padding:45px 0 10px 0; text-transform:uppercase; font-style:normal; color:#c0e0ff; font-weight:500; font-size:0.75em; letter-spacing:0; opacity:0.8;}
#left_menu h2				{font-size:26px; letter-spacing:-2px; color:#fff; font-weight:300;}

#snb						{width:100%;}
#snb ul						{padding:0; margin:10px 0 0 0;}
#snb ul li					{width:100%; letter-spacing:0; margin-bottom:5px;}
#snb ul li a				{position:relative; display:block; padding:0 20px; line-height:56px; color:#555; letter-spacing:-1px; border:1px solid #ddd; font-weight:500;}
#snb ul li a:after			{content: ''; position: absolute; right: 0; top:25px; width:23px; height: 2px; background-color:#2c5ec5; transform:scale(0); transition:all 0.2s;}
#snb ul li a:hover			{color:#315dc2;  border-color:#315dc2;}  
#snb ul .current a			{border-color:#315dc2;} 
#snb ul .current a:after, 
#snb ul li:hover a:after	{transform:scale(1); }
.lnb_color1					{color:#315dc2; font-weight:500;}	

#snb ul ul					{display:none; margin:0; background:#f4f4f4; padding:10px 0;}
#snb ul ul li				{margin:0;}
#snb ul ul li a				{border:0; line-height:32px; font-size:0.95em; padding-left:30px; font-weight:300;}
#snb ul ul li a:after		{display:block; top:15px; left:20px; background:#bbb; width:3px; height:3px;}
#snb ul li.current ul		{display:block;}
#snb ul ul li:hover a,		
#snb ul ul .current a		{background:#e4e4e4;}
#snb ul ul li:hover a,
.lnb_color2					{color:#111; font-weight:500;}


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

#sub_navigation				{float:right; padding-top:15px; }   
#sub_navigation a			{padding:0 3px; color:#888; } 
.sub_navigation_home		{float:left; width:13px; height:20px; background:url("../image/common/path_img.png") no-repeat center 6px; cursor:pointer; }
.path01						{float:left; background:url("../image/common/path_arrow.png") no-repeat 6px 50%; padding:0 0 0 15px; font-size:0.9em; } 
.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; }
 

/* 하단 카피라이트   ==================================================================================== */ 
footer							{position:relative; padding:0 0 80px 0; border-top:1px solid #363a3f;}  

.copyright_btn					{line-height:60px; border-bottom:1px solid #e5e5e5;}
.copyright_btn li				{position:relative;  display:inline-block; zoom:1; *display:inline; padding:0 0 0 30px; }  
.copyright_btn li:first-child	{padding:0;}
.copyright_btn li a				{color:#797979;  font-size:0.95em;}
.copyright_btn li a:after		{content:''; position:absolute; top:0; left:12px; bottom:0; width:1px; height:0.85em; margin:auto; background:#c4c6ca;}
.copyright_btn li:first-child a	{font-weight:500; color:#333;}
.copyright_btn li:first-child a:after	{display:none;}

.copyright_txt					{position:relative; padding:40px 0 0 0; font-size:0.95em;} 
.copyright_txt .logo			{float:left;}
.copyright_txt .txt				{padding:0 0 0 200px; }
.copyright_txt address			{font-style:normal; line-height:180%; color:#555; font-weight:100;}
.copyright_txt .copy			{line-height:160%; color:#555; padding-top:2px; font-weight:100;} 
.copyright_txt .copy strong		{font-weight:500;}

.btn_top						{position:fixed; right:40px; bottom:40px; width:50px; height:50px; opacity:0.7; z-index:2200; background:#3a7cda; border-radius:100%; 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:20px; right:18px; 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_tabmenu					{width:100%; box-sizing:border-box; overflow:hidden; margin-bottom:40px;}
.sub_tabmenu li					{position:relative; display:inline-block; zoom:1; *display:inline; border:1px solid #dadada; border-right:0; text-align:center; }
.sub_tabmenu li:last-child		{border-right:1px solid #dadada; }
.sub_tabmenu li a				{display:block; width:100%; height:50px; line-height:48px; color:#333; letter-spacing:-1px; font-weight:500;}
.sub_tabmenu .on,
.sub_tabmenu li:hover			{background:#6c7788; border-color:#6c7788;}
.sub_tabmenu .on a,
.sub_tabmenu li:hover a			{color:#fff; }

.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:50px; padding:0 10px; 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:-40px 0 40px 0; text-align:center; overflow:hidden;}
.sub_tabmenu02 li				{position:relative; float:left; }
.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; padding:0 20px; line-height:56px;  color:#777; letter-spacing:-1px; font-size:1.05em;}
.sub_tabmenu02 li a:hover, .sub_tabmenu02 .on 		{color:#2c5ec5; border-color:#2c5ec5; font-weight:500;}
.sub_tabmenu02 .on a			{color:#2c5ec5; font-weight:500;}
.sub_tabmenu02 .on a:after		{position:absolute; left:0px; bottom:0; content:''; display:block; width:100%; height:3px; background:#2c5ec5; border-radius:50px;}

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



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

	.copyright_btn					{padding:0 15px;}
	.copyright_txt					{padding:40px 15px 0 15px;}
}


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

	#left_menu, #sub_title, #sub_top	{display:none;}
	#sub_wrap					{padding:20px 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; background:#193356;}
	.sub_top_m h3				{font-size:1.2em; font-weight:500; letter-spacing:-1px; text-indent:20px;}

	footer						{padding:0;}
	.copyright_btn				{line-height:52px;}
	.copyright_btn li			{padding:0 0 0 20px;}
	.copyright_btn li a			{font-size:0.85em;}
	.copyright_btn li a:after	{top:2px; left:8px;}
	.copyright_txt				{font-size:0.85em; padding:20px 15px;}
	
	.sub_tabmenu				{margin-bottom:20px;}
	.sub_tabmenu li a			{height:48px; line-height:46px; font-size:0.95em;}

	.sub_tabmenu01				{height:100%; overflow:hidden; border:0; }
	.sub_tabmenu01 li			{border:0; background:none;}
	.sub_tabmenu01 li a			{display:block; height:46px; line-height:44px; background:#f0f0f0; font-size:0.9em; color:#333; border:1px solid #fff; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
	.sub_tabmenu01 li.on		{border:0; }
	.sub_tabmenu01 li.on a		{color:#fff; background:#042a59; border-color:#042a59; }
	.sub_tabmenu01 li:last-child		{border:0;}

	.sub_tabmenu02				{margin:0 0 20px 0;}
	.sub_tabmenu02 li a			{line-height:42px; font-size:0.95em; padding:0 5px;}

}



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

	footer						{text-align:center;}
	.copyright_txt .logo		{float:none;}
	.copyright_txt .txt			{padding:15px 0 0 0;}

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

	#sng_bigimg_layer			{width:90% !important; }

}


/* 표 관련   ==================================================================================== */ 
.form_table						{border-collapse:collapse; width:100%; table-layout:fixed; border-top:1px solid #333;} 
.form_table thead th			{padding:12px 8px; font-weight:500; border-bottom:1px solid #b0b0b1; border-right:1px solid #dadada ; color:#333; font-size:0.95em; text-align:center; background-color:#f9f9f9; }
.form_table thead th:last-child	{border-right:1px solid #fff;  }
.form_table tbody th			{color:#333; line-height:150%; padding:12px 8px; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; background:#fbfbfc; text-align:center; font-weight:500; font-size:0.95em;;}
.form_table tbody td			{line-height:150%; padding:12px 8px; font-size:0.95em; border-bottom:1px solid #dadada ; border-right:1px solid #dadada ; background-color:#fff; word-break:keep-all; }
.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:#fafbfc; text-align:center; font-weight:500; padding:12px 8px; border:1px solid #dadada ; border-right:0;  }
.form_table tfoot td:first-child	{border-left:1px solid #f7f7f7;}

.count_stxt						{padding:0 0 10px 0; font-size:0.9em; }
.count_stxt span				{position:relative; font-weight:500; color:#306bc5; padding-left:15px;}
.count_stxt span:after			{content:''; position:absolute; top:2px; left:7px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}

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

.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:500; letter-spacing:-1px; }
.cyber_st02						{padding:0 0 5px 0; font-weight:500; 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; }

}



/*   통합검색   =============================================================================================*/ 
.sub_search_top					{padding:40px 0; text-align:center;background:#f5f5f5; margin-bottom:40px;  border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.sub_search						{margin:0 auto; width:500px; overflow:hidden; border:4px solid  #0c284a; background: #0c284a;}
.sub_search .search_input		{float:left; width:calc(90% - 35px); padding:0 15px; height:52px; font-size:1.05em; color:#333; border:0; background:#fff; }
.sub_search input[type="image"]	{padding:12px 0 0 6px; width:26px;}

.search_tag						{padding:15px 0 0 0; }
.search_tag .tag_tit			{font-weight:500; margin-right:10px; }
.search_tag a					{display:inline-block; zoom:1; *display:inline; color:#333; font-size:0.9em; padding:1px 15px; margin:2px 1px; border:1px solid #ccc; border-radius:15px; background:#fff; letter-spacing:-1px;}
.search_tag a:hover				{border-color:#0c284a;}

.search_infotitle						{ text-align: center; font-size:1.4em; ; color:#555; letter-spacing:-1px; margin-bottom:40px;}
.search_infotitle p						{position:relative; display: inline-block; zoom: 1; *display:inline: ; padding:20px 50px;}
.search_infotitle span:first-child		{font-size:30px; font-weight:700; color:#347ef4; margin-right:5px;}
.search_infotitle span:last-child		{font-size:30px; letter-spacing:0; font-weight:700; color:#333; margin-left:5px;}
.search_infotitle p:before				{display:block; position:absolute; content:''; top:0; left:0; border:2px solid #c1daff; padding:10px 14px 6px 2px; border-width:8px 8px 0 0; transform:rotate(-90deg);}
.search_infotitle p:after				{display:block; position:absolute; content:''; bottom:0; right:0; border:2px solid #c1daff; padding:10px 14px 6px 2px; border-width:8px 8px 0 0; transform:rotate(90deg);}

.sub_search_wrap				{position:relative; margin-bottom:100px;}
.search_list_wrap01				{padding:25px 5px; border-bottom:1px solid #ddd; overflow:hidden;}
.search_title					{text-align:left; padding-bottom:15px; font-size:1.6em; color:#414141; border-bottom:2px solid #777; letter-spacing:-1px; font-weight:500;}
.search_title span				{color:#0063b7; margin-left:7px; font-size:14px;}
.search_list_more_btn			{display: inline-block; zoom: 1; *display:inline; line-height: 25px; padding: 0 10px; color: #fff; background: #646e7d; font-size: 12px; border: 1px solid #5a6370; cursor: pointer; border-radius: 2px; box-shadow: 0px 1px 0px #d9d9d9; margin-bottom:5px; }
.search_list_path				{color:#4d90fe; font-size:0.85em;}
.search_list_link				{padding-bottom:10px; }
.search_list_link a				{color:#1c78f4; }
.search_list_title01			{font-weight:500; font-size:1.05em; color:#414141; padding-bottom:5px; letter-spacing:-0.75px;}
.search_list_title02			{font-weight:500; font-size:23px; color:#555; padding-bottom:5px; }
.search_list_cont02				{padding-bottom:20px; color:#797979; font-size:0.95em; letter-spacing:-0.75px; line-height:140%;}

.sub_search_wrap .nolist		{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}



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

	.sub_search_wrap				{margin:0 10px;}

}


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

	.sub_search_top					{padding:20px;}
	.sub_search .search_input		{font-size:1em; height:48px; width:calc(90% - 30px);}
	.search_tag						{padding:10px 0 0 0;}

	.search_infotitle				{font-size:1em; margin-bottom:20px;}
	.search_infotitle p				{padding:20px 30px;}
	.search_infotitle span:first-child, .search_infotitle span:last-child	{font-size:25px;}
	.search_title					{font-size:1.2em;}
	.search_list_wrap01				{padding:15px 5px;}

}


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

	.sub_search						{width:100%;}
	.sub_search .search_input		{width:calc(90% - 45px);}

	.search_tag a					{font-size:0.85em;}
	.search_list_title01			{font-size:1em;}
	.search_list_cont02				{font-size:0.85em;}

}