@charset "utf-8";

/*
@import url("./base.css");
@import url("./common.css");
@import url("./menu.css");

@import url("./style.css");
*/


html {
	background: ;
}
body {
	margin: 0;
	padding: 0;
	color: #433;
	font-size: 80%;
	line-height: 1.7;
}
body, input, textarea {
	font-family: 'Apple SD Gothic Neo', "׺‘ì? 고딕", "Malgun Gothic", AppleGothic, "Lucida Grande", Tahoma, Verdana, "?˜ëˆ”고딕", UnDotum, Dotum, sans-serif;
	/*font-family: AppleSDGothicNeo-Medium, AppleGothic, "׺‘ì? 고딕", "Malgun Gothic", "Lucida Grande", Tahoma, Verdana, "?˜ëˆ”고딕", UnDotum, Dotum, sans-serif;*/
}
hr {
	display: none;
}
img {
	border: 0 none;
}
form {
	margin: 0;
}
ins, 
ins * {
	border-bottom: 1px dotted;
	text-decoration: none;
}
ins a {
	text-decoration: underline;
}
del, 
del * {
	text-decoration: line-through;
}
pre {
	overflow: auto;
}
blockquote {
	padding: 0 1em;
}
li p {
	margin-top: 0;
	margin-bottom: 0;
}
input[type=text], 
input[type=password], 
textarea {
	color: #777;
	border: 1px solid #ccc;
	font-size: 1em;
}
a {text-decoration:none;}
a:link {
	color : #444;
}
a:visited {
	color : #888;
}
a:hover {
	color : #000;
}
a:active, 
a:focus {
	color : #888;
}
pre, 
pre.code, 
blockquote {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #eee;
	background: #f9f9f9;
	/*width: 100%;*/
}
code, 
samp, 
pre, 
pre.code, 
blockquote {
	font-family: "Monaco", "Lucida Sans Typewriter", monospace;
	font-size: 95%;	/* using pixel size for Safari */
	line-height: 1.2;
	color: #555;
}
blockquote p:first-child {
	margin-top: 0;
}
blockquote p {
	margin-bottom: 0;
}

li {list-style:none;}

div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd {
	margin: 0;
	padding: 0;
}



#accessibility {
	position: absolute;
	margin: 0;
	left: -1000em;
	height: 0;
	overflow: hidden;
}

/*±â¾÷¼Ò°³ ¹è°æ*/
body.about {
	background:url('/img/common/body_about_bg.png') repeat-x 0 0;
}

body.about #wrap {
	background:url('/img/common/container_about_bg.png') no-repeat center 0;
	width: 100%;
}

/*»ç¾÷ºÐ¾ß ¹è°æ*/
body.business {
	background:url('/img/common/body_business_bg.png') repeat-x 0 0;
}

body.business #wrap {
	background:url('/img/common/container_business_bg.png') no-repeat center 0;
	width: 100%;
}

/*ÅõÀÚÁ¤º¸ ¹è°æ*/
body.invest {
	background:url('/img/common/body_invest_bg.png') repeat-x 0 0;
}

body.invest #wrap {
	background:url('/img/common/container_invest_bg.png') no-repeat center 0;
	width: 100%;
}

/*ä¿ëÁ¤º¸ ¹è°æ*/
body.recruit {
	background:url('/img/common/body_recruit_bg.png') repeat-x 0 0;
}

body.recruit #wrap {
	background:url('/img/common/container_recruit_bg.png') no-repeat center 0;
	width: 100%;
}

/*±â¾÷PR ¹è°æ*/
body.relation {
	background:url('/img/common/body_relation_bg.png') repeat-x 0 0;
}

body.relation #wrap {
	background:url('/img/common/container_relation_bg.png') no-repeat center 0;
	width: 100%;
}

/*°í°´¼¾ÅÍ ¹è°æ*/
body.customer {
	background:url('/img/common/body_customer_bg.png') repeat-x 0 0;
}

body.customer #wrap {
	background:url('/img/common/container_customer_bg.png') no-repeat center 0;
	width: 100%;
}

#header,#container {
	width: 946px;
	margin: 0 auto;
}

#header h1 {
	float:left;
	padding: 18px 0 0 40px;
}

#quickLink {
	float: right;
	padding: 15px 0 0 0;
	position: relative;
	z-index: 10;

}
#quickLink li {float:left;}

#gnbWrap {
	width: 735px;
	padding: 45px 0 0 0;
	margin: 0 0 0 215px;
	position: relative;
	height: 58px;
}
#gnb {padding: 0 0 0 65px;}
#gnb li {
	float:left;
	padding: 0 25px;
}
#gnb li a{
	display:block;
	padding: 0 0 30px ;
}

#gnb li .layer {
	background: url('/img/common/gnb_side.png') no-repeat 0 0;
	/*display:none;*/
	padding: 0 0 0 20px;
	height: 31px;
	position: absolute;
	top: 73px;
	max-width: 600px;
}
#gnb li .layer li {
	padding: 4px 0 0 0;
	line-height: 31px;
	height: 31px;
}
#gnb li .layer ul {
	background: url('/img/common/gnb_bar.png') no-repeat right top;
	overflow:hidden;
	height: 31px;
	padding: 0 30px 0 0;
	line-height: 31px;
}

#gnb li .sub1 {left: 0;}
#gnb li .sub2 {left: 60px;}
#gnb li .sub3 {left: 200px;}
#gnb li .sub4 {right: 160px;}
#gnb li .sub5,#gnb li .sub6 {right: 0;}

#container {
	padding: 57px 0 0 0;
	position: relative;
}
#breadCrumb {
	border-bottom: 1px solid #d4d4d4;
	position: absolute;
	top: 57px;
	left:450px;
	padding: 0 0 0 3px;
	height: 23px;
	width: 494px;
	font-size: 11px;
	line-height: 23px;
}
#breadCrumb img {vertical-align: middle;}
#sideBar {
	float:left;
	width: 160px;
	padding: 0 0 0 38px;
}
#sideBar h2 {padding: 11px 0 10px 0;}
#sideMenu {margin-bottom: 48px;} 
.submenus {display:none;}

#sidebar { 	float:left;	width: 160px;	padding: 0 0 0 38px; }
#sidebar h2 { padding: 11px 0 10px 0; }
/* sidemenu2Depth+3Depth */
#sidemenu { margin-bottom: 48px; }
#sidemenu h2 { display: none; margin: 0; padding: 0; background: transparent; }
#sidebar .menuall { position: relative; margin: 0; padding: 0; z-index: 1; }
#sidebar .menuall img { display: block; }/* [IE]ºÎ¸ðÁÂÃø¿¡4px¹ö±×ÇØ°á  */
#sidemenu ul { list-style: none; width:160px; margin: 0; padding:0 ; }
#sidemenu ul li { width: 100%; margin: 0; padding: 0px; }
#sidemenu ul li a { display: block; padding:0; font-weight:bold; font-size:13px;  color:#7c7c7c;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {margin: 0; padding: 0; text-decoration: none; color:#536d97;}
#sidemenu ul li img {vertical-align:top;}  

#sidemenu ul ul { display: block /* none; ÃãÃߴ°͹æÁö */; list-style: none; margin:0; padding:10px 0; border-bottom:solid 1px #deddd9;  }
#sidemenu ul ul li { margin: 0; padding: 0; border-bottom: 0; background: transparent; }
#sidemenu ul ul li.first { }
#sidemenu ul ul li a { font-size:11px; display: block; width: 138px; margin: 0; padding:0px 0 5px 22px; background: url(/img/leftmenu/d3bul.gif) no-repeat 15px 8px; color: #6e6967; font-weight: normal; line-height: 1.5; }
#sidemenu ul ul li a.on,
#sidemenu ul ul li a:hover { font-size:11px; background: url(/img/layout/lm_dot2.gif) no-repeat 15px 9px; color: #536d97; font-weight: bold;  padding:0px 0 5px 22px; background: url(/img/leftmenu/d3bul.gif) no-repeat 15px 8px;}

 









#container {margin: 0 auto 60px auto;}
#content {
	width: 390px;
	margin: 0 0 0 450px;
	padding: 50px 0 0 0;
	min-height:600px;
}
#content>h3 {margin: 0 0 28px 0;}

#latestLink {
	clear:both;
	background: url('/img/common/bg_cooperated.png') repeat-x 0 0;
	padding: 20px 0 0 0;
	width: 100%;
	height: 20px;	
}
#latestWrap {
	width: 928px;
	padding: 0 0 0 46px;
	margin: 0 auto;	
}
#latestWrap .list {
	width: 307px;
	float:left;
	margin: 0 0 0 78px;
}
#latestWrap .list .more {
	float:right;
	margin: -13px 0 0 0;
}
#latestWrap h2 {
	float:left;
	margin: 0 10px 0 0;
}
#latestWrap ul {
	width: 242px;
	height: 12px;
	overflow:hidden;
	line-height: 12px;
}
#latestWrap ul li {
	height: 12px;
}
#latestWrap ul a {
	font-size: 11px;
	line-height: 9px;
}
#latestWrap .link {float:right;}

#footer {
	background:url('/img/common/bg_footer.png') repeat-x 0 0;
	height: 173px;
}
#footerWrap {
	width: 946px;
	padding: 30px 0 0 0;
	margin: 0 auto;
}
#footerWrap #logo {
	float:left;
	margin-right: 30px;
}
#footerWrap #copy {padding: 0 0 7px 0;}

#flyWrap {
	position: fixed;
	top:222px;
	right:50%;
	margin: 0 -480px 0 0;
}
#flyWrap  .top {
	display:block;
	width: 16px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#flyNavi {
	background:url('/img/common/quick_menu_170202.png') no-repeat center top 35px;
	padding: 0 0 20px 0;
	
}
#flyNavi ul {padding: 10px 0 0 0;}
#flyNavi ul li a {
	display:block;
	margin: 0 auto;
	
}
#flyNavi ul li.link1 a {background:url('/img/common/quick_ico_1.png') no-repeat center 0;padding: 27px 0 0 0;width: 51px;}
#flyNavi ul li.link2 a {background:url('/img/common/quick_ico_2.png') no-repeat center 10px;padding: 32px 0 0 0;width: 51px;}
#flyNavi ul li.link3 a {background:url('/img/common/quick_ico_3.png') no-repeat center 7px;padding: 32px 0 0 0;width: 51px;}
#flyNavi ul li.link4 a {background:url('/img/common/quick_ico_4.png') no-repeat center 10px;padding: 32px 0 0 0;width: 51px;}
#flyNavi ul li.link5 a {background:url('/img/common/quick_ico_5.png') no-repeat center 8px;padding: 32px 0 0 0;width: 51px;height:27px;}
#flyNavi ul li.link6 a {background:url('/img/common/quick_ico_6.png') no-repeat center 2px;padding: 40px 0 0 0;width: 51px;}
#flyNavi ul li.link7 a {background:url('/img/common/quick_ico_7.png') no-repeat center 8px;padding: 42px 0 0 0;width: 51px;}
table td ,table td a {font-size: 11px; padding-right:5px;}