@charset "utf-8";

/*
	포스코
*/
/******************************************************************
	PRINT
*******************************************************************/
@media print {
	#head {
		display: none;
	}
	#sidebar {
		display: none;
	}
	#footer {
		display: none;
	}
}

body {
	font-size: 14px; 
	line-height: 170%;
	color: #808080;  
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", "arial";
}
a:link				{ color: #808080; text-decoration: none; }
a:hover			{ color: #404040; text-decoration: none; }
a:visited			{ color: #808080; text-decoration: none; }
a:active			{ color: #808080; text-decoration: none; }
form, fieldset, p, div, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul, ol, li			{ margin: 0; padding: 0; list-style: none;}
img, input.type-image	{ border: none; }
hr				{ display: none; }
select				{ font-size: 1.0em; font-family: "Segoe UI", "arial";}
table				{ width: 100%; border-collapse: collapse; }
textarea			{ border: 1px solid #c9c9c9; font-family: "Segoe UI", "arial";}
input.type-text		{ height: 15px; padding: 2px 2px 0; font-size: 1.0em; font-family: "Segoe UI", "arial";border: 1px solid #d5d5d5; }
input.type-file		{ height: 18px; padding: 2px 2px 0; font-size: 1.0em; font-family: "Segoe UI", "arial";border: 1px solid #d5d5d5; }


html {
	height: 100%;
}
body {
	height: 100%;
}

/******************************************************************
	LAYOUT 
*******************************************************************/
/******************************************************************
	HEAD
*******************************************************************/
#head {
	width: 960px;
	height: 88px;
	position: relative;
	margin: 0 auto;
	z-index: 9999999;
}
#head h1 {
	position: absolute;
	left: 0px;
	top: 31px;
	z-index: 9999999;
}
#navigation {
	width: 680px;
	padding: 52px 0 0 515px;
}
#navigation li.mainmenu strong {
	font-weight: normal;
	color: #004592;
	font-size: 15px;
}
#navigation li.mainmenu strong a {
	color: #808080;
	font-weight: 600;
	padding: 0 0 14px;
}
#navigation li.mainmenu strong a.on,
#navigation li.mainmenu strong a:hover,
#navigation li.mainmenu strong a:focus {
	color: #004592;
	/*background: url("../images/common/nav_on_bg.gif") no-repeat 50% 100%;*/
}
#navigation ul.gnb {
	width: 670px;
}
#navigation #mainmenu1 { float: left; width: 130px; }
#navigation #mainmenu2 { float: left; width: 130px; }
#navigation #mainmenu3 { float: left; width: 180px; }
#navigation #mainmenu4 { float: left; width: 100px; }
#navigation #mainmenu5 { float: left; width: 130px; }
#navigation div.sub_nav {
	display: none;
	width: 774px;
	height: 260px;
	border: 2px solid #1376c3;
	position: absolute;
	right: 0px;
	top: 88px;
	background: #fff url("../images/common/nav_sub_bg.gif") repeat-y 0 0;
}
#navigation div.sub_nav div.nav_quick {
	width: 310px;
	height: 166px;
	position: absolute;
	right: 0;
	top: 0;
}
#navigation div.sub_nav div.nav_quick ul {
	padding: 40px 0 0;
	width: 310px;
	overflow: hidden;
}
#navigation div.sub_nav div.nav_quick li {
	padding: 50px 0 0;
	text-align: center;
	height: 120px;
	width: 33%;
	float: left;
	border-left: 1px dotted #666;
}
div.sub_nav legend {
	font-weight: 600;
	padding: 0 40px;
	width: 195px;
	position: absolute;
	left: 0px;
	top: 80px;
	color: #00578a;
	font-size: 24px;
}
div.sub_nav ul.all_sub {
	padding: 10px 0 10px 21px;
	height: 220px;
	position: relative;
}
div.sub_nav ul.all_sub li a.depth2 {
	font-weight: 600;
	padding: 2px 0 6px;
	display: inline-block;
	width: 173px;
	color: #78c4ff;
	border-bottom: 1px solid #368acc;
	position: relative;
	z-index: 999;
	line-height: 120%;
}
div.sub_nav ul.all_sub li a.depth2:hover {
	color: #fff;
}
div.sub_nav div.submenu {
	display: none;
	width: 250px;
	height: 240px;
	position: absolute;
	left: 195px;
	top: 0px;
	background: url("../images/common/nav_sub_on_bg.png") no-repeat 0 15px;
}
#sub_nav1 li.sub_m14 div.submenu { top: 55px; }
#sub_nav1 li.sub_m15 div.submenu { top: 100px; }
#sub_nav1 li.sub_m16 div.submenu { top: 85px; }

#sub_nav2 li.sub_m22 div.submenu { top: 10px; background-position: 0 35px; }
#sub_nav2 li.sub_m23 div.submenu { top: 60px; }
#sub_nav2 li.sub_m24 div.submenu { top: 90px; }
#sub_nav2 li.sub_m25 div.submenu { top: 110px; }
#sub_nav2 li.sub_m26 div.submenu { top: 30px; background-position: 0 125px; }

#sub_nav2 li.sub_m27 div.submenu { top: 60px; background-position: 0 125px; }
#sub_nav2 li.sub_m28 div.submenu { top: 130px; background-position: 0 85px; }
#sub_nav2 li.sub_m29 div.submenu { top: 170px; background-position: 0 65px; }

#sub_nav3 li.sub_m32 div.submenu { top: 35px; }
#sub_nav3 li.sub_m33 div.submenu { top: 65px; }
#sub_nav3 li.sub_m34 div.submenu { top: 102px; }
#sub_nav3 li.sub_m35 div.submenu { top: 138px; }
#sub_nav3 li.sub_m36 div.submenu { top: 172px; }


div.sub_m14 div.submenu {
	background-position: url("../images/common/nav_sub_on_bg.png") no-repeat 0 85px;
}
div.sub_nav div.submenu ul {
	padding: 10px 15px 15px;
}
div.sub_nav div.submenu ul li {
	font-weight: 600;
	line-height: 1.7em;
}
div.sub_nav div.submenu ul li a {
	padding: 0 0 0 7px;
	color: #636363;
	background: url("../images/common/bl_dot_gray.gif") no-repeat 0 52%;
}
div.sub_nav div.submenu ul li a:hover,
div.sub_nav div.submenu ul li a:focus {
	color: #2270b7;
	background: url("../images/common/bl_dot_blue.gif") no-repeat 0 52%;
}
/*

#sub_nav2 ul.all_sub {
	padding: 10px 0 20px 21px;
	height: 210px;
	position: relative;
}
#sub_nav2 ul.all_sub li a.depth2 {
	padding: 2px 20px 4px;
}
div.sub_nav ul.all_sub li a.depth2.on {
	width: 189px;
	color: #fff;
	border-right: 1px solid #1376c3;
	background: #1376c3;
	position: relative;
	z-index: 999;
}
div.sub_nav ul.all_sub li.sub_m12 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m13 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m21 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m51 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m52 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m53 a.depth2.on,
div.sub_nav ul.all_sub li.sub_m54 a.depth2.on { 
	border-right: 1px solid #1376c3; 
} 



*/



div.site_search {
	padding: 0 0 0 10px;
	width: 169px;
	height: 25px;
	position: absolute;
	left: 505px;
	top: 13px;
	border: 1px solid #ccc;
}
div.site_search input.type-text {
	width: 125px;
	border: none;
}
div.site_search * {
	vertical-align: middle;
}
#top_link {
	width: 400px;
	position: absolute;
	right: 0px;
	top: 13px;
	z-index: 9999999;
}
#top_link dl {
	position: absolute;
	right: 156px;
	top: 0px;
	width: 116px;
	font-size: 0.95em;
}
#top_link dl dt img {
	display: block;
}
#top_link dl dd {
	margin: -1px 0 0;
	width: 114px;
	background: #fff;
	border: 1px solid #ccc;
}
#top_link dl dd a {
	display: block;
	padding: 2px 5px;
}
#top_link span.top_brochure {
	position: absolute;
	right: 0px;
	top: 0;
	vertical-align: top;
	display: block;
}
#layer_brochure {
	margin: 0 0 0 -490px;
	width: 980px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 90px;
	z-index: 99999999;
}
#layer_brochure span {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 99999;
}
#layer_brochure span a {
	font-family: "tahoma";
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
#body {
	min-height: 100%;
	width: 960px;
	margin: 0 auto -330px;
	overflow: hidden;
}
#sidebar {
	padding: 82px 0 354px;
	width: 190px;
	float: left;
}
#content {
	padding: 0 0 354px;
	width: 720px;
	float: right;
}
/******************************************************************
	SIDEBAR
*******************************************************************/
#sidebar h2 {
	font-weight: normal;
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	padding: 48px 0 40px;
	background: url("../images/common/h2_bg.gif") repeat 0 0;
}
#sidebar li span {
	display: block;
}
#sidebar li span a {
	font-weight: normal;
	color: #fff;
	font-size: 1.0em;
	padding: 9px 10px;
	display: block;
	background: #1376c3;
	border-top: 1px solid #00578a;
}
#sidebar li span a.on,
#sidebar li span a:focus {
	background: #00b0ec url("../images/common/bg_arr_dn.gif") no-repeat 169px 50%;
}
#sidebar div.side_sub ul {
	border-top: 1px solid #000;
}
#sidebar div.side_sub li a {
	font-weight: normal;
	color: #666;
	font-size: 0.95em;
	padding: 7px 11px 7px 22px;
	display: block;
	background: #d5d7d9 url("../images/common/bg_arr_off.gif") no-repeat 0 0;
	border-top: 1px solid #babcbe;
}
#sidebar div.side_sub li a.on,
#sidebar div.side_sub li a:focus {
	color: #2855a1;
	background: #fff url("../images/common/bg_arr_on.gif") no-repeat 0 0;
}
div.sidemenu {
	border-bottom: 1px solid #babcbe;
}
/******************************************************************
	CONTENT
*******************************************************************/

div.path {
	margin: 0 0 0 -240px;
	width: 908px;
	font-size: 0.95em;
	color: #80d8f6;
	background: #00b0ec;
	padding: 5px 26px;
	height: 26px;
}
div.path span, 
div.path strong {
	color: #fff;
	font-weight: normal;
}
div.func {
	text-align: right;
	padding: 6px 30px;
	margin: 0 0 0 -240px;
	width: 900px;
	height: 34px;
	background: #f2f3f4;
}
div.func * {
	vertical-align: top;
}
div.func span {
	border-left: 1px dotted #6d6d77;
	padding: 2px 5px;
	display: inline-block;
}
div.func span a {
	display: inline-block;
	position: relative;
	z-index: 9;
	line-height: 100%;
}
div.func span a em {
	display: none;
	text-align: center;
	line-height: 100%;
	height: 23px;
	padding: 4px 8px 0;
	color: #fff;
	font-size: 0.95em;
	font-family: "arial";
	position: absolute;
	font-style: normal;
	left: -10px;
	top: -26px;
	background: url("../images/common/bg_tip.gif") no-repeat 50% 0;
}
div.func span a:hover,
div.func span a:focus {
	position: relative;
	z-index: 999;
}


div.title {
	padding: 47px 0 0;
	height: 63px;
}
h3 {
	color: #363636;
	font-weight: normal;
	font-size: 2.1em;
	padding: 11px 0 40px;
	background: url("../images/common/h3_bg.gif") no-repeat;
}
h4 {
	font-weight: 600;
	color:#404040;
	font-size: 1.2em; 
	padding: 16px 0 20px;
	background:url("../images/about/h4_bar.gif") 0 0 no-repeat;
}



/******************************************************************
	FOOTER
*******************************************************************/
#footer {
	position: relative;
	height: 330px;
	padding: 30px 0;
	background: #5c6169;
}
div.footer_wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
div.footer_wrap p.text1,
div.footer_wrap p.text2 {
	color: #cacaca;
	font-size: 13px;
}
div.sitemenu {
	width: 960px;
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #cbcbcb;
}
div.sitemenu ul {
	margin: 0 0 0 -1px;
	width: 1200px;
	overflow: hidden;
}
div.sitemenu ul li {
	padding: 0 0 0 20px;
	width: 180px;
	border-left: 1px solid #cbcbcb;
	float: left;
}
div.sitemenu ul li ul {
	width: 100%;
	height: 225px;
	margin: 0;
	border-bottom: none;
}
div.sitemenu ul li strong {
	font-weight: 600;
	color: #fff;
	display: block;
	padding: 0 0 10px;
}
div.sitemenu ul li li {
	float: none;
	border: none;
	padding: 1px 0 1px 8px;
	background: url("../images/common/bl_gray_dot.gif") no-repeat 0 50%;
}
div.sitemenu ul li li a {
	color: #cacaca;
	font-size: 13px;
}
#footer div.sns {
	position: absolute;
	right: 0px;
	top: 285px;
	width: 316px;
	text-align: right;
}



/******************************************************************
	BIZ TAB 
*******************************************************************/
div.tab_biz {
	margin-bottom: 32px;
}
div.tab_biz a.tab {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 10px;
	padding: 7px 14px;
	line-height: 110%;
	display: inline-block;
	color: #626262;
	border: 1px solid #d5d5d5;
	background: #fafafb;
}
div.tab_biz a.on {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 10px;
	padding: 7px 14px;
	line-height: 110%;
	display: inline-block;
	color: #fff;
	border: 1px solid #008aba;
	background: #009dd3;
}

/******************************************************************
	NEWS TAB 
*******************************************************************/
div.tab_s {
	padding: 0 0 10px;
}
div.tab_s a.tab {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 2px;
	padding: 4px 14px;
	line-height: 110%;
	display: inline-block;
	color: #626262;
	border: 1px solid #d5d5d5;
	background: #fafafb;
}
div.tab_s a.on {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 2px;
	padding: 4px 14px;
	line-height: 110%;
	display: inline-block;
	color: #fff;
	border: 1px solid #4e73b9;
	background: #6789ca;
}

/******************************************************************
	TABMENU
*******************************************************************/
div.tabmenu {
	margin: 0 0 50px;
	border-bottom: 1px solid #3a617f;
}
div.tabmenu ul {
	width: 100%;
}
div.tabmenu a.tab {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	padding: 8px 20px;
	line-height: 110%;
	display: inline-block;
	color: #626262;
	border: 1px solid #d5d5d5;
	border-bottom: none;
	background: #fafafb;
}
div.tabmenu a.on {
	height: 17px;
	text-align: center;
	font-weight: 600;
	font-size: 1.0em;
	padding: 8px 20px;
	line-height: 110%;
	display: inline-block;
	color: #fff;
	border: 1px solid #008aba;
	border-bottom: none;
	background: #009dd3;
	text-decoration: underline;
}
#tab_global {
	margin: 0 0 40px;
}
#tab_global a {
	width: 90px;
}



div.tab_sub {
	margin: 0 0 10px;
}
div.tab_sub a.tab {
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 2px;
	padding: 8px 14px 10px;
	line-height: 110%;
	display: inline-block;
	color: #626262;
	border: 1px solid #d5d5d5;
}
div.tab_sub a.on {
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 0 2px;
	padding: 8px 14px 10px;
	line-height: 110%;
	display: inline-block;
	color: #fff;
	border: 1px solid #4e73b9;
	background: #6789ca;
}


div.pager {
	margin: 0 0 50px;
	word-spacing: 2px;
	font-size: 1.0em;
	text-align: center;
}
div.pager * {
	vertical-align: top;
}
div.pager span.thispage {
	color: #fff;
	line-height: 110%;
	padding: 2px 5px 4px;
	height: 14px;
	display: inline-block;
	background: #6789ca;
}
div.pager a span {
	color: #6789ca;
	line-height: 110%;
	padding: 1px 5px 5px;
	height: 12px;
	display: inline-block;
	border: 1px solid #e7e7e7;
}

p.nodata {
	padding: 20px 0;
	text-align: center;
	color: #00578a;
	font-size: 1.4em;
	border-bottom: 1px dashed #d5d5d5;
}

div.quicklink {
	letter-spacing: -2px;
	padding: 50px 0 0;
}

div.button {
	text-align: right;
}




div.page_link {	
	margin: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
div.page_link dl {
	width: 720px;
	overflow: hidden;
}
div.page_link dl dt {
	padding: 8px 0 0 40px;
	font-size: 1.0em;
	width: 60px;
	float: left;
	height: 31px;
	border-top: 1px solid #ddd;
}
div.page_link dl dd {
	padding: 8px 20px 0;
	font-size: 1.0em;
	width: 580px;
	float: left;
	height: 31px;
	border-top: 1px solid #ddd;
}
div.page_link dl dt.prev {
	background: url("../images/common/bl_prev.gif") no-repeat 15px 50%;
}
div.page_link dl dt.next {
	background: url("../images/common/bl_next.gif") no-repeat 15px 50%;
}



div.view_title {
	padding: 15px 0;
	border-top: 1px solid #1376c3;
	border-bottom: 1px solid #00b0ec;
}
div.view_title h4 {
	font-size: 1.2em;
	padding: 0 100px 10px 0;
	font-weight: normal;
	background: none;
}
div.view_title p.date {
	color: #8b8b8b;
	margin: -30px 0 0;
	padding: 0 0 10px;
	text-align: right;
}
div.view_title p.attached_file {
	line-height: 140%;
	padding: 2px 0 2px 28px;
	background: url("../images/common/icon_file.gif") no-repeat 0 1px;
}
div.view_title p.attached_file a {
	color: #8b8b8b;
}
div.view_title p.attached_file * {
	vertical-align: middle;
}
div.view_content {
	padding: 20px 0;
}







div.board_search {
	margin: 0 0 15px;
	text-align: right;
}
div.board_search * {
	vertical-align: middle;
}
div.board_search select {
	font-size: 1.0em;
}
div.board_search input.type-text {
	padding: 1px;
	width: 180px;
	height: 26px;
}



/*
	미영
*/

.tit_p {
	color: #3889b8;
	font-size: 17px;
	font-size: 1.25em;
	line-height: 1.8em;
}
.info_p {

}
.hidden {font-size:0;text-indent:-9999px;width:0;height:0;overflow:hidden;}

#footer {height: 70px;}
#footer div.sns {bottom: 0;top: auto;}