@charset "UTF-8";


/* Reset */
*{margin:0;padding:0;}
html,body{width:100%; height:100%; line-height:1.5em}
body{ *word-break:break-all;-ms-word-break:break-all; SCROLLBAR-FACE-COLOR:#E2E2E2; SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; SCROLLBAR-SHADOW-COLOR:#999999; SCROLLBAR-3DLIGHT-COLOR:#999999; CROLLBAR-ARROW-COLOR:#FFFFFF; SCROLLBAR-TRACK-COLOR:#EEEEEE; SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF; width:100%; height:100%; background:url(../../01_img/common/main_bg.gif); }
/*  background:url(../01_img/main/wraper_bg.gif) center repeat-y #7c7474; */
input { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input[type=image] { height:auto; }
.border01 { border:1px solid #999999; height:12px; color:#777777; background-color:#E8F0F3; text-align:left; padding-left:5px; padding-right:5px;}

img,fieldset,iframe{border:0 none;}

a:link, a:visited { text-decoration:none; }
a:hover, a:focus, a:active { text-decoration:underline; }

em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}

/* iosef 2010-11 David */
label { cursor:pointer}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var { margin:0; padding:0}

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1em}
body, input, button, select, textarea, sub{ font-family:sans-serif}
em, cite, address, optgroup { font-style:normal}
kbd, samp, code { font-family:monospace}

img, input, button, select, textarea { vertical-align:middle}
ul, ol { list-style:none}
img, fieldset { border:0}
abbr, acronym { cursor:help; border-bottom:1px dotted black}
table {	width:100%;  border-spacing:0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */

legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}

/* Html5 Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block}
mark, rp, rt, ruby, summary, time{ display: inline }
 
/* clear float */
.group:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}
.group{ display:inline-block}
.group{ display:block}


a.accessibility01{position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:1.3em}
a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position: absolute; top: 0; padding: 15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index:500}

/* skip navi */
.accessibility02 { position:absolute; top:0; display:block; left:0; width:199px; z-index:1}
.accessibility02 a { display:block;  height:19px; text-indent:-5000px; overflow:hidden; background: url(/images/common/banner/accessibility02.png) no-repeat}


/* Elements Property Reset */

table {
	border-collapse:collapse;
	border-spacing:0;
}
table caption { display:none; margin:0; padding:0; }
hr,legend, .skip, .alt, .hd { display:none; }
fieldset,legend, img { border:none; }
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
input { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
caption { text-align:left; }
q:before,q:after { content:''; } 
abbr,acronym {	border:0; }
select,option,textarea {
	margin:0;
	padding:0;
	font-family:dotum;
	color:#625d59;
	font-size:12px;
	vertical-align:middle;
}
select { height:20px; }





.title1 { color:#625d59;  font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:14px; margin-bottom:12px; border-bottom:1px solid #DDD; }
.title2 { color:#625d59;  font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:12px; font-weight:bold; margin-bottom:12px; border-bottom:1px solid #DDD; }
.title3 { color:#625d59;  font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:11px; line-height:1.2em; margin-bottom:12px; border-bottom:0px solid #DDD; }




.footerText01 { color:#7b7b7b;  font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:11px; }
.footerText02 { color:#7b7b7b;  font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:10px; }


.col_orange { color:#f60; }
.col_red { color:#f00; }
.col_blue { color:#00f; }

.space5px { height:5px; float:left; }
.space15px { height:15px; width:100%; float:left; }

/* Layout */
.fl { float:left; }
.fr { float:right; }
.clb { clear:both; font-size:0; line-height:0; height:0; margin:0; padding:0; }
.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }

.small { font-size:11px; }

/*  main Layout */
.topline { clear:both; width:100%; height:2px; background-color:#3c3c3c; }
#wrap { margin:0px auto; padding:0px; text-align:center;}
.contains { width:980px; height:100%; clear:both; margin:0px auto; }
.containers { width:980px; min-height:100%; background-repeat:repeat-y; float:left; background-color:#e9e9e9; background:url(/01_img/main/mainBoxbg.gif) repeat-y;  }
#header{
	width:980px;
	height:113px;
	clear:both;
	margin:0 auto;
	text-align:left;
	clear:both;
}


#topmenuArea {
	width:223px;
	height:18px;
	text-align:right;
	position:relative;
	top:13px; 
	left:622px;	
}
.topmenu { float:right; width:270px; }
.topmenu ul { list-style:none; }
.topmenu ul li { list-style:none; float:left; }

#container{ width:980px; text-align:left; content:""; display:block; margin:0px auto; height:489px; }




#globalMenu {width:500px; height:0px; font-size:0; line-height:0; position:absolute; left:333px; top:46px; z-index:10;}
#globalMenuSub {width:500px; height:0px;  font-size:0; line-height:0; text-align:right; position:absolute; left:330px; top:76px; z-index:10;}
#gnbMenu {
	width:700px;
	height:48px;
	text-align:right;
	float:left;
}

.gnbMenu {
	width:700px;
	height:48px;
	text-align:right;
	float:left;
}

#menuwap {
	width:980px;
	margin:0px auto;
	position:relative;
	font-size:0;
	line-height:0;
}


#logoArea { width:133px; height:113px; float:left; padding:0px;}


#mainvisual { padding:0px; margin:0px auto; width:980px; height:408px; background:#fff; }


#noticeArea { width:932px; height:23px; margin:0px auto; padding-top:8px; text-align:left; color:#3c3c3c;}
#noticeArea ul{ list-style:none; }
#noticeArea li{ list-style:square; float:left; margin-left:30px; }
#noticeArea li.n_title{ list-style:none; float:left; margin-left:30px; }

#element01 {
	padding:0px 12px 0px 0px;
	float:left;
	width:523px;
}
#element02 {
	float:left;
	width:221px;
	height:125px;
	padding-bottom:28px;
	padding-left:15px;
	border-left:1px solid #C9D7DA;
}

.InvestorRelationTitle{padding-bottom:5px;}
.InvestorRelationImg{ border:1px solid #edf3fd; width:205px; height:86px; text-align:left;}

#element03 {
	float:left;
	width:205px;
	height:125px;
	padding-bottom:28px;
	text-align:left;
}


.aboutTitle{padding-bottom:5px;}
.aboutImg{ border:1px solid #edf3fd; width:205px; height:86px; text-align:left;}

#element04 {
	float:left;
	width:205px;
	height:97px;
	padding:0px 16px 7px 0px;
	text-align:right;
	padding-left:15px;
	border-left:1px solid #C9D7DA;
}

#element05 {
	float:left;
	width:205px;
	height:97px;
	padding:0px 0px 7px 0px;
}

#element06 {
	clear:both;
	width:443px;
	height:41px;
}

#Cooperation {
	float:left;
	width:258px;
	height:41px;
}

#search {
	float:left;
	width:185px;
	height:41px;
}

#searchBox {
	float:left;
	width:140px;
	height:17px;
	margin:13px 0px 0px 4px;
}

#searchBtn {
	float:left;
	width:34px;
	height:17px;
	margin:13px 0px 0px 0px;
}


#element03 ul { list-style:none; }
#element03 li { list-style:none; float:left; margin-left:6px;  }


/* main Black Bar */
.main_visualbar { width:960px; margin:0px auto; height:6px; background:#3c3c3c; clear:both; }

/* lastest Group */
#lastest {
	width:980px;
	height:350px;
	margin:0px auto;
	text-align:left;
	background:url(/01_img/main/lastest_bg.gif) no-repeat;
	font-size:12px;
	line-height:140%;
}
.lastestLeft{ width:712px; height:355px; float:left; margin-top:20px; }
.lastestLeft .lastestGp1{ width:443px; height:173px; float:left; }
.lastestLeft .lastestGp2{ width:268px; height:173px; float:left; }
.lastestLeft .lastestGp3{ width:712px; height:160px; float:left; margin-top:22px; }
.lastestRight { width:185px; height:335px; float:left; margin-top:20px; margin-left:15px; padding:10px; background-color:#ebeaea; }
.lastestRight .lastRight { float:left; width:185px; }
.lastestRight .lastRight2 { float:left; width:185px; }

.lastRight ul{ width:185px; margin-bottom:10px;}
.lastRight ul li{ width:185px; background-position:top; height:24px;  }
.lastRight ul li:before { content: url(01_img/bull/square.gif); } 
.lastRight ul li a:link:hover, 
.lastRight ul li a:visited:hover { color: #FFF; background: #f60; border-color: #227; }



.lastRight2 ul{ width:185px; margin-bottom:10px;}
.lastRight2 ul li{ width:185px; height:16px; font-size:11px;  }
.lastRight2 ul li:before { content: url(01_img/bull/square.gif); } 
.lastRight2 ul li a:link:hover, 
.lastRight2 ul li a:visited:hover { color: #FFF; background: #f60; border-color: #227; }
.l-area { margin-top:15px; }

.newslist{ width:523px; margin-bottom:10px;  background:url(../../01_img/main/news_line.png) repeat-x ; background-position:bottom;}
.news{ margin-bottom:10px;}
.newsTitleTxt{ color:#25805b; font-weight:bold; margin-left:5px; }
.newsTxt{ color:#777777; margin-left:10px; margin-bottom:10px;}

dl.tit-img dt {
	width:290px;
	margin:0px 0px 24px 0px !important;
	padding:0px;
	float:left;
	position:relative;
	letter-spacing:-1px;
	_padding-bottom:1px;
}
	dl.tit-img dt span { text-align:right; position:absolute; top:0; right:10px; font-family:Tahoma; font-size:11px; float:none; margin-top:8px; }
		dl.tit-img dt span a { display:block; width:35px; }
	dl.tit-img dt ul.menu01 {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width: 320px;
	height:24px;
}
		dl.tit-img dt ul.menu01 li { float:left; background:url('/img/pr/bar_inside.gif') no-repeat right 0px; padding:0px; }
	dl.tit-img dt ul.menu02 { position:absolute; top:2px; left:95px; }
		dl.tit-img dt ul.menu02 li { float:left; padding-left:10px; }
		dl.tit-img dd { clear:both;_padding-bottom:1px; }
		dl.tit-img dd ul.news { margin-bottom:1px;_margin-bottom:0px; margin-left:15px; }
		*:first-child+html dl.tit-img dd ul.news { margin-bottom:0px; }
		dl.tit-img dd ul.news li { color:#444$; border-bottom:1px solid #EEE; line-height:24px; }
		
		
		dl.tit-img dd ul.news li a { color:#444; line-height:24px;  }
		dl.tit-img dd ul.news li a:hover { color:#F60; line-height:24px; text-decoration:none; }



		dl.tit-img dd ul.news li span { display:inline-block; font-family:Tahoma; font-size:11px; letter-spacing:0; font-weight:normal; color:#8b8681 !important; width:70px; }
		dl.tit-img dd p.mv { float:left;margin-right:10px; }
		dl.tit-img dd p.mv-txt { float:left;margin-right:10px; }
		dl.tit-img dd p.mv-txt strong { display:block; margin:5px 0 7px 0; }
		dl.tit-img dd p.make {  float:left; margin:0px 15px 0 0 !important; padding:0px; float:left; width:87px; height:65px; }
		dl.tit-img dd ul.m-list { float:left !important; }
		dl.tit-img dd ul.m-list li { color:#aeaaa7; font-size:11px; line-height:13px; }
		dl.tit-img dd ul.m-list li.tit { font-size:12px; color:#777; margin:3px 0 5px 0; font-weight:bold; }
		
		


.last_title { float:left; width:50px; height:173px; background-color:#a0a0a0; color:#FFF; }
.lastContents1 { float:left; text-align:left; width:376px; height:173px;  }
.lastContents1 ul { margin-left:5px; list-style:none; }
.lastContents1 ul li { margin-left:15px; line-height:1.4em; }
.lastContents1 ul li:before { content: "\00BB \0020";  }
.lastContents1 ul li a:link:hover, 
.lastContents1 ul li a:visited:hover { color: #FFF; background: #f60; border-color: #227; }



.last_title3 { float:left; width:50px; height:158px; }
.lastContents3 { float:left; text-align:left; width:662px; height:158px;  }
.lastContents3 ul { padding-left:12px; }
.lastContents3 li { width:140px; height:160px; list-style:none; float:left; margin-left:13px; line-height:1.3em; }
.lastContents3 img { border:1px solid #666; margin-bottom:3px; }
.lastContents3 .urls { font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
.lastContents3 .sitenames { font-size:12px; font-family:Verdana, Geneva, sans-serif; }
.lastContents3 .dates { font-size:9px; font-family:Verdana, Geneva, sans-serif; }

#bottomBanner { width:100%; height:6px; margin:0px; background:url(01_img/main/bottomguideline.gif) repeat-x; clear:both; }

#mainVisuals #ContentBody { float:left; }
#mainVisuals #ContentBody #maniGroupView { float:left; width:980px; }


#container #mainVisual { width:980px; height:489px; background:url(../../01_img/common/con_bg.gif); background-position:bottom;   }
#container #mainVisual #img { width:980px; height:408px;  background:url(../../01_img/main_visual/main_visual_bg.gif) no-repeat;}


/*main_visual Layout */
#img .productBox{ width:295px; height:408px; float:left; display:inline;}
.product01{ width:295px; height:62px; margin-top:44px; margin-bottom:11px; }
.product02{ width:295px; height:62px; margin-bottom:11px;}
.product03{ width:295px; height:62px; margin-bottom:11px;}
.product04{ width:295px; height:62px; margin-bottom:11px;}
.product05{ width:295px; height:62px;}
#visualBox{
	width:684px;
	height:408px;
	float:right;
}

#main-inner{
	width:684px;
	height:408px;
	float:right;
}

/* sliders */
.sImages .caption {
	color:#f7feb3;
	text-shadow:1px 1px 1px #000;
	background:url(apple-green/slider_caption.png);}

.sImages .pagination li a {
	background-image:url(apple-green/slider_pagination.png);}

.slider-button {
	background:url(apple-green/slider_button.png) no-repeat;} 




#btnBox{ width:400px; height:20px; position:relative; left:360px; top:-20px;}

#container #conBg { width:980px; height:81px;}


#noticeGroup { clear:both; text-align:center; width:956px; margin:0px auto; }

#Contents #boardContents { width:956px; height:264px;  }
#Contents #ContentBody #middleImg { width:956px; height:356px;  }


#footer-container {
	width:100%;
	text-align:left;
	bottom:0px;
	clear:both;
	border:1px solid;
	background:url(/01_img/common/footer_imgBg.gif) repeat-x top #000;
}



#footer-container {
	width:100%;
	/**height:150px;**/
	text-align:left;
	bottom:0px;
	clear:both;
	background:url(/01_img/common/footer_imgBg.gif) repeat-x bottom;
}
#footerWap { width:980px; padding:0px; margin:0px auto; text-align:center; }
#footer-container #footer { width:980px; padding:0px; margin:0px; text-align:center; line-height:20px;}
#footer-container #text { width:730px; padding:0px; margin:0px; text-align:left; padding-left:250px; height:80px; }


/*** yellow sitemap ***/
a.sitemap2:link    { font-family:Tahoma; color:#999999; font-size:11px; letter-spacing:0; text-decoration:none; line-height:20px;margin:0px;padding:0px;}
a.sitemap2:visited { font-family:Tahoma; color:#999999; font-size:11px; letter-spacing:0; text-decoration:none; line-height:20px;margin:0px;padding:0px;}
a.sitemap2:hover   { font-family:Tahoma; color:#999999; font-size:11px; letter-spacing:0; text-decoration:underline; line-height:20px;margin:0px;padding:0px;}


h1          {  font-size:11px; line-height:140%; font-family:Verdana;letter-spacing: -0.02em; text-align:left; font-weight:bold; display:inline; } 
/************yellow sitemap*************/



#supporterCopy { color:#888; clear:both;}
#supporterLogo { float:right; margin-right:15px; }

#borderBottom { width:1000px; background:url(/01_img/main/border_bottom.jpg) no-repeat left; clear:both; }
.clear { clear:both; }
legend, hr { overflow:hidden; position:absolute; top:0; left:0}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}

.png24 { 
    tmp:expression(setPng24(this)); 
}