/*
-----------------CSR Website styles

*/
/*RESET STYLES*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym {  border:
}
/*GENERAL STYLES*/
body { background:#f2f2f2; font:12px/180% Arial, Helvetica, sans-serif; color:#23303d; }
h1 { }
h2 { font-size:18px; font-weight:bold; color:#2770aa; margin-bottom:15px; line-height:180%; }
h3 { font-size:15px; color:#e05e0f; margin:10px 0; line-height:180%; }
p, ul { margin-bottom:15px; }
strong { font-weight:bold; }
;
a { color:#0d8cdc; text-decoration:none; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
.ul-graydot { margin:0 0 15px; }
.ul-graydot li { padding:0 20px; background:url(../images/dot_gray.gif) 10px 5px no-repeat; }
/*CONTAINER*/
#header { background:url(../images/bg_header.jpg) repeat-x top; height:70px; }
#headerbox { width:932px; margin:0 auto; }
#logo { float:left; }
#quicklink { float:right; width:650px; }
#quicklink ul { float:right; margin-bottom:10px; }
#quicklink li { display:block; float:left; padding:5px 10px 0; background:url(../images/icon_arrow_dot.jpg) 0 5px no-repeat; width:50px; }
#quicklink li.lan { width:170px }
#navi { float:right; width:700px; z-index:99999; position:relative;}
#navi ul { float:right; margin-right:20px; width:710px; cursor:pointer; margin-bottom:0; }
#navi li { display:block; float:left; padding:5px; width:45px; text-align:center; background:url(../images/sep_line_vertical.jpg) right 2px no-repeat; position:relative; }
#navi li a { color:#23303d; text-decoration:none; }
#navi li a:hover { text-decoration:underline; }
#navi li.last { background:none; }
#navi li ul {
	position: absolute;
	width: 150px;
	top: 30px;
	left: -3px;
	background-color: #FFF;
	cursor: auto;
	padding: 5px;
}
#navi li ul li ul { position:absolute; width:150px; left:152px; background-color:#FFF; cursor:auto; padding:5px; margin-top:-35px; }
#navi li li, #navi li li.last { float:left; background: no-repeat 3px 11px; padding:3px 0 3px 15px; width:130px; text-align:left; cursor:pointer; border-bottom:1px solid #d0dfe5; }
#navi li li.last { border:none; }
.downloadreport { float:right; cursor:pointer; background:url(../images/btn_downloadreport.jpg) no-repeat; width:170px; height:18px; margin:6px 10px 0 0; }
.downloadreport_over { float:right; cursor:pointer; background:url(../images/btn_downloadreport_over.jpg) no-repeat; width:170px; height:18px; }
#wrap { background:url(../images/bg_main.jpg) top repeat-x; }
#container { width:932px; margin:0 auto; }
#breadcrumb { height:30px; }
#breadcrumb a { font-size:12px; display:block; padding:5px 2px 0 7px; float:left; color:#748494; }
#breadcrumb span { float:left; padding:5px 0 0 5px; }
#main { background:url(../images/bg_content.jpg) top repeat-y; }
#main-cap { background:url(../images/bg_cap_content.jpg) no-repeat top; height:30px; }
#main2 { background:url(../images/bg_content2.jpg) top repeat-y; }
#main-cap2 { background:url(../images/bg_cap_content2.jpg) no-repeat top; height:30px; }
#main-content { }
#content { font-size:13px; }
#sideMenu { width:200px; float:left; margin:5px 10px 10px 10px; line-height:140%; }

#sideMenu li { color:#527ea8; background:url(../images/bg_sidemenu_title.jpg) top left no-repeat; margin-bottom:2px; padding:3px 0 0 10px; display:block; font-weight:bold; }
#sideMenu li.title{ padding:5px 5px; }
#sideMenu li ul { margin-top:10px; margin-left:10px;}
#sideMenu li ul li { color:#527ea8; margin-bottom:5px; padding:3px 8px 0 0; display:block; background:none; font-weight:normal; }
#sideMenu li ul li a { color:#0d8cdc; text-decoration:none; }
#sideMenu li ul li a:hover { text-decoration:underline; }
#main-content #content { width:670px; float:right; margin:0 10px 10px 10px; padding:5px 15px 5px 5px; }
#main-footer { background:url(../images/bg_bottom_content.jpg) no-repeat top; height:30px; }
#footer { height:20px; text-align:center; margin:10px 0; padding:10px; }
/*SIDEMENU*/
#content ul { }
.list { border:1px solid #d8e8f0; margin:15px 0; padding:3px; }
.list li { background:url(../images/bg_list_li.jpg) top repeat-x; border-top:1px solid #FFF; }
.list li a { background:url(../images/icon_arrow.jpg) 8px 5px no-repeat; padding:5px 20px; display:block; font-size:12px; }
.list li a:hover { text-decoration:underline; }
.list .title { background:none #d8ecf5; padding:3px 7px; }
.list li.last { border-bottom:none; }
/*TABLE*/
.speclist { border:1px solid #ccc; border-right:none; border-bottom:none; margin:0 auto 20px; }
.speclist .title { border:none; }
.speclist th, .speclist td { padding:10px 20px; background:url(../images/bg_td.jpg) top repeat-x;/*border-top:1px solid #fff;border-left:1px solid #fff;*/ border-right:1px solid #CCC; border-bottom:1px solid #CCC; line-height:140%; }
.speclist th { text-align:left; background:url(../images/bg_th.jpg) repeat-x top #cae9b4; }
.speclist th h2 { font-size:20px; }
.speclist td { color:#4c4c4c; }


.speclist2 { border:1px solid #ccc; border-right:none; border-bottom:none; margin:0 auto 20px; }
.speclist2 .title { border:none; }
.speclist2 th, .speclist2 td { /*padding:10px 20px;*/ background:url(../images/bg_td.jpg) top repeat-x;border-top:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #CCC; border-bottom:1px solid #CCC; line-height:140%; }
.speclist2 th { text-align:center; background:url(../images/bg_th.jpg) repeat-x top #f2f2f2; }
.speclist2 th h2 { font-size:20px; }
.speclist2 td { color:#4c4c4c; text-align:left;}

/*INDEX STYLES*/
#mainindex { background:url(../images/bg_index.jpg) top no-repeat; width:900px; height:487px; padding:15px 38px 0; }
#index-container { width:976px; margin:0 auto; }
#wrap-index { background:url(../images/bg_wrapindex.jpg) top repeat-x; z-index:1; }
#index-mainbanner { width:900px; height:300px; background-color:#CCC; margin-bottom:5px; }
#threecol { padding-left:15px; }
#col1, #col2 { margin-right:20px; float:left; width:280px; }
#col3 { float:left; width:280px; }
#col1 h3, #col2 h3, #col3 h3 { color:#1672c3; font-size:12px; padding:0 10px; background:url(../images/icon_arrow_blue.jpg) 0 4px no-repeat; height:30px; font-weight:bold; line-height:130%; }
#col1 img, #col2 img, #col3 img { float:left; margin-right:15px; width:70px; height:70px; background-color:#fff; border:1px solid #CCC; }
#col1 p, #col2 p, #col3 p { float:left; margin-right:10px; color:#8d9dac; width:180px; margin-bottom:0; }
.more { text-align:right; margin-right:15px; }
/*TABLE*/
.speclist { border:1px solid #ccc; border-right:none; border-bottom:none; margin:10px auto 0; }
.speclist .title { border:none; }
.speclist th, .speclist td { padding:5px; background:url(../images/bg_td.jpg) top repeat-x;/*border-top:1px solid #fff;border-left:1px solid #fff;*/ border-right:1px solid #CCC; border-bottom:1px solid #CCC; line-height:140%; }
.speclist th { text-align:center; font-weight:bold; background:url(../images/bg_th.jpg) repeat-x top #f2f2f2; }
.speclist th h2 { font-size:20px; }
.speclist td { color:#4c4c4c; text-align:center; font-size:10px; }
.item { font-weight:bold; }
.table_list h3 { margin:0; }
.table_list td { padding:0; margin:0; }
/*pohang_add 2012*/
.tableA { line-height:1.2em; border:1px solid #ccc; }
.tableA th { background:url(../images/th_bg.gif) bottom repeat-x; color:#fff; font-size:13px; border-bottom:1px solid #fff; border-left:1px solid #fff; padding:7px; font-weight:bold; text-align:center; }
.tableA td { padding:8px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:11px; text-align:center; background:#f9fcff; }
.tableA td.item { text-align:left; background:#d5e6f3; color:#0566a9; font-weight:bold; font-size:12px; }
.tableA .first { border-left:none; }
.tableA .last { border-bottom:none; }
.survery { line-height:1.7em; border:2px solid #f3f3f3; border-collapse: separate; border-spacing:1px; padding:3px; }
.survery th { background:#6f7f31; padding:7px 10px; color:#FFF; font-size:13px; text-align:right; }
.survery td { padding:7px 10px; text-align:center; }
.survery .title { background:#9eab6b; text-align:center; color:#fff; font-size:11px; line-height:1.2em;}
.survery .even { background:#ededed; }


/*milestone*/
.milestone_nav {  overflow:hidden; margin:0; padding:0;height:23px; padding:0 0 20px 20px; display:block; background:url(../images/milestone/year_bg1.gif) bottom no-repeat;}
.milestone_nav li { float:left; display:block; padding:0 15px; border-right:1px solid #f0f0f0; line-height:20px;height:20px; position:relative;}
.milestone_nav span { position:absolute; display:block; background:url(../images/milestone/year_bg2.jpg) no-repeat; width:19px; height:21px; left:20px; top:22px; display:none; }
.milestone_nav .on a { font-size:15px; font-weight:bold; color:#39F; }
.milestone_nav li a {text-decoration:none; outline:none; color:#999;}

.stonetable { margin:20px auto;}
.stonetable td { padding:3px 10px; line-height:1.5em; width:190px; font-size:12px; vertical-align:top;}

/**2014 pohangADD**/
#index_2014 { width:932px; margin:0 auto; padding:25px 0; z-index:1;}
.news_box { width:932px; background:url(../images/2014/box_bg.png) repeat-y; position:relative; overflow:visible; height:360px; border-top:1px solid #e6e6e6; margin-bottom:30px;}
.news_box .bt { height:20px; background:url(../images/2014/box_foot.png) bottom no-repeat; width:932px; position:absolute; bottom:-20px;}
.news_box .main { width:640px; height:360px; position:absolute; left:16px; top:16px;}
.news_box .side { width:245px; position:absolute; right:16px; top:2px; line-height:1.3em;}
.news_box .side li { height:70px; background:url(../images/2014/d_line.jpg) bottom repeat-x; padding:10px 0 12px 0; cursor:pointer; display:block;}
.news_box .side .title { color:#1387ca; font-size:13px;}
.news_box .side .title:hover { color:#00a2ff; }
.news_box .side .date { color:#666; display:block;}
.news_box .side .pic { width:70px; height:70px; float: left; margin-right:10px;}

.article_box { width:932px; background:url(../images/2014/box_bg.png) repeat-y; position:relative; overflow:visible; height:375px; border-top:1px solid #e6e6e6; margin-bottom:50px; padding-top:1px;}
.article_box .bt { height:20px; background:url(../images/2014/box_foot.png) bottom no-repeat; width:932px; position:absolute; bottom:-20px;}
.article { width:434px; height:165px; border:1px solid #ddd; border-right:#fff; border-top:#fff; float:left; line-height:1.7em; padding:15px; position:relative;}
.article_box .article h2 { color:#244b6c; font-size:22px; padding:0; margin:0 0 13px 0; line-height:1em;}
.article_box .article img { width:130px; height:130px; overflow:hidden; float:left; margin-right:10px;}
.article_box .article .more { text-align:right; position:absolute; bottom:15px; right:15px;color:#1387ca; margin:0; padding:0;}
.article_box .article .more a {color:#1387ca;}
.article_box .article .more a:hover {color:#00a2ff;}

/**2021 seanADD**/
.CertificateBox__picSection { text-align: center; }
.CertificateBox__picSection li { display: inline; }
.CertificateBox__picSection li img { margin: 1% 2%; }