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

.web_size					{position:relative;max-width:1200px;margin:0 auto; } 
/* HEAD    ================================================================================== */
#header_main,  
#header_sub					{position:relative;width:100%; height:100%;}  

#sub_top					{position:relative; height:360px; background:#000; overflow:hidden;}
.sub_topimg					{position:absolute; width:100%; height:100%; animation:imgScale 3s both; content:'';}
.sub_txt					{position:absolute; width:100%; top:63%; transform:translateY(-63%); text-align:center; z-index:1;}  
.sub_txt em					{color:#93cffd; opacity:0.8; font-style:normal; font-size:0.9em; letter-spacing:0.5px; font-weight:500;}
.sub_txt h3					{font-size:2.2em; font-weight:700; color:#fff; letter-spacing:-3px; line-height:100%; margin-top:10px;}
.sub_txt h3	span			{font-weight:700;}
.sub_top_m					{display:none;}

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


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

/* 서브 왼쪽메뉴   ===================================================================================== */ 
#left_menu					{float:left; width:240px; margin-top:-110px;}   
#left_menu .snb_top			{position:relative; height:180px; background:url("../image/common/snb_top.png") no-repeat center 0; border-radius:3px;}
#left_menu h2				{padding:0 20px; position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); font-size:30px; font-weight:500; color:#fff; letter-spacing:-2px; text-align:center; line-height:1.2;}

#snb						{width:100%;}
#snb ul						{padding:0; margin:10px 0 0 0;}
#snb ul li					{position:relative;width:100%; letter-spacing:0; margin-bottom:5px; transition:all 0.2s;}
#snb ul li:after			{content:''; position:absolute; right:25px; top:43%; background:#ddd; width:7px; height:7px; border-radius:100%;  }
#snb ul li a				{ display:block; padding:0 20px; line-height:56px; color:#555; letter-spacing:-1px; background:#fff; border:1px solid #d4d6d8; font-weight:500; border-radius:2px;}
#snb ul li a:hover, 
#snb ul li a.on				{color:#006ab6;  border-color:#006ab6;}  
#snb ul .current:after		{background:#006ab6;}
#snb ul .current a			{border-color:#006ab6; background:#f4f5f9;} 
#snb ul ul					{display:none;}
.lnb_color1					{color:#006ab6; font-weight:500;}


/*   서브페이지    ==================================================================================== */
#main_contents				{margin:0 0 100px 0; min-height:500px;}  
#sub_title					{width:100%; overflow:hidden; ; margin:0 0 40px 0; border-bottom:1px solid #dfdfdf; } 
#sub_title h3				{position:relative; float:left; padding:0 0 30px 0; font-size:35px; line-height:100%; font-weight:300 ; color:#111; letter-spacing:-3px; border-bottom:1px solid #006ab6 }

#sub_navigation				{float:right; padding-top:20px; }   
#sub_navigation a			{padding:0 3px; color:#999; } 
.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; }
 


/* 카피라이트   ==================================================================================== */ 
.copyright						{position:relative; padding:60px 0; background:#1d1f23; font-size:0.95em;}  

.copyright .logo				{float:left;}
.copyright .txt					{padding:0 0 0 260px; color:#818181;}
.copyright_btn					{padding:0 0 20px 0; }
.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:#e1e1e1; }
.copyright_btn li a:after		{content:''; position:absolute; top:0; left:12px; bottom:0; width:2px; height:2px; margin:auto; background:#e1e1e1;}
.copyright_btn li:first-child a	{font-weight:500; color:#fff;}
.copyright_btn li:first-child a:after	{display:none;}

.copyright address				{font-style:normal; line-height:160%; }
.copyright .copy				{padding:5px 0 0 0;}

.footer_sns						{position:absolute; right:0; top:0;}
.footer_sns li					{display:inline-block; background:#595a5a; border-radius:100%; overflow:hidden;}
.footer_sns li:hover			{background:#000;}
.footer_sns li img				{width:37px; }

.btn_top						{position:fixed; right:40px; bottom:40px; width:60px; height:60px; opacity:0.7; z-index:2200; background:#006ab6; 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:25px; right:22px; border:solid #fff; border-width:4px 4px 0 0; border-radius:1px;  padding:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.btn_top:hover					{opacity:1;}



/*  탭메뉴   ==================================================================================== */
.sub_tabmenu01					{width:100%; height:54px; border-bottom:1px solid #ccc; box-sizing:border-box; margin-bottom:40px;}
.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 25px; text-align:center; color:#979797; border-left:1px solid #ccc; font-weight:500; letter-spacing:-1px;}
.sub_tabmenu01 .on				{background:#fff; border-top:2px solid #086bbc;}
.sub_tabmenu01 .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;}
.sub_tabmenu02 li a:hover, .sub_tabmenu02 .on 		{color:#086bbc; border-color:#086bbc; font-weight:500;}
.sub_tabmenu02 .on a			{color:#086bbc; font-weight:500;}
.sub_tabmenu02 .on a:after		{position:absolute; left:0px; bottom:0; content:''; display:block; width:100%; height:3px; background:#086bbc; border-radius:50px;}



/*  서브페이지 서치박스   ==================================================================================== */
.sub_searchtop					{overflow:hidden; margin-bottom:20px;}
.sub_searchtop .count_stxt		{float:left; padding:20px 0 0 0; font-size:0.95em;}
.sub_searchbox					{float:right; width:50%;}
.sub_searchbox select			{float:left;padding-left:5px;width:25%;height:42px;font-size:0.9em; vertical-align:top;border:1px solid #ddd;cursor:pointer;}
.sub_searchbox span				{position:relative;float:right;margin-left:5px;width:calc(75% - 5px);height:42px;color:#333;line-height:42px;vertical-align:top;}
.sub_searchbox .search_input	{box-sizing:border-box; width:calc(100% - 62px); height:42px;color:#333; font-size:0.9em;vertical-align:top;border:1px solid #ddd; padding:0 10px; letter-spacing:-0.75px;}
.sub_searchbox .search_btn		{float:right; border:1px solid #3f4247; background:#3f4247; height:42px; line-height:40px; width:62px; text-align:center; color:#fff; letter-spacing:-1px; font-size:0.9em;}
.sub_searchbox .search_btn:hover	{background:#333;}

.count_stxt						{padding:0 0 20px 0; font-size:0.95em;}
.count_stxt	span, .count_stxt b	{font-weight:500; color:#3a7cda;}


 
/*   개인정보 보호정책 & 이메일무단수집 거부  ================================================================================== */
.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 1200*/
@media screen and (max-width:1200px) {

	.copyright					{padding:60px 15px;}

}


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

	#sub_wrap					{padding:20px 0 0 0; }
	#sub_main					{margin:0 15px; }
	#main_contents				{min-height:400px; }
	#left_menu, #sub_title, #sub_top	{display:none;}

	.sub_top_m					{display:block; height:60px; line-height:60px; color:#fff; text-align:center; background:#146fd3;}
	.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%; }

	.copyright					{padding:30px 15px; text-align:center; font-size:0.85em;}
	.copyright_btn				{padding:0 0 12px 0; }
	.copyright_btn li			{padding:0 0 0 20px;}
	.copyright_btn li a:after	{left:8px;}
	.copyright .logo			{float:none;}
	.copyright .logo img		{width:160px;}
	.copyright .txt				{padding:20px 0 0 0;}
	.copyright .copy			{padding:0 0 20px 0;}
	.footer_sns					{position:relative;}

}


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

	.sub_searchtop .count_stxt	{float:none; padding:0 0 10px 0;}
	.sub_searchbox				{float:none; width:100%}

	.sub_tabmenu01				{width:100%; height:100%; overflow:hidden; margin-bottom:30px; border:0; }
	.sub_tabmenu01 li			{border:0; }
	.sub_tabmenu01 li:last-child	{border:0; }
	.sub_tabmenu01 li a			{display:block; padding:0 7px; line-height:48px; background:#e0e2e6; color:#575f71; border:1px solid #fff; font-weight:500; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
	.sub_tabmenu01 .on			{background:#086bbc;color:#fff;border-top:1px solid #fff;}
	.sub_tabmenu01 .on a		{background:#25264a; color:#fff; }

	.sub_tabmenu02				{height:auto; margin:-30px 0 20px 0;}
	.sub_tabmenu02 li a			{height:50px; line-height:50px;}
	.sub_tabmenu02 li a			{margin:0 10px; font-size:0.95em;}

	.tab2 li					{width:50%;}
	.tab3 li					{width:33%;}
	.tab4 li,
	.tab8 li					{width:25%;}
	.tab5 li					{width:20%;}
	.tab6 li					{width:16.67%; }
	.tab7 li					{width:14.28%; }

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

	#sng_bigimg_layer			{width:90% !important; }

}


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

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

}