@charset "utf-8";
@import url("layout.css");

/* 작성일 : 2014-09-01 */
/* PUBLISHER Yoonsungchul yoonsc@midasit.com */

/* 회사소개
********************************************************/
body { color:#252525;}
.overview {}
  .overview ul.company_info { display:block; overflow:hidden; margin-bottom:30px;}
  .overview ul.company_info li { display:block; background:url(/common/img/bl_circle_black.gif) no-repeat left center; font-size:14px; padding-left:15px; margin-bottom:5px;}
  .overview ul.company_info li strong {font-weight:600;}
  .overview ul.company_info li ul.finace_list {margin-bottom:30px; margin-top:10px;}
  .overview ul.company_info li ul.finace_list li { float:left; background:none; width:140px; padding-left:0; margin-bottom:0;}
  .overview ul.company_info li ul.finace_list li.last { background:none;}
  .overview ul.company_info li ul.finace_list li dl {display:block; overflow:hidden;}
  .overview ul.company_info li ul.finace_list li dl dt {display:block; background:#f1f1f1 url(/common/img/01overview/line_bar.gif) no-repeat right center; text-align:center; height:32px; line-height:32px; font-weight:600; font-size:13px; border-top:1px solid #bcbcbc;}
  .overview ul.company_info li ul.finace_list li dl dd {display:block; background:#fff url(/common/img/01overview/line_bar.gif) no-repeat right center; text-align:center; height:32px; line-height:32px; font-size:13px; border-bottom:1px solid #bcbcbc;}
  .overview ul.company_info li ul.finace_list li.last {width:180px;}
  .overview ul.company_info li ul.finace_list li.last dl dt {background:#f1f1f1;} 
  .overview ul.company_info li ul.finace_list li.last dl dd {background:#fff;}   
  .overview dl.overview_txt {display:block; overflow:hidden;}
  .overview dl.overview_txt dt {display:block; font-size:16px; font-weight:600; margin-bottom:15px;}
  .overview dl.overview_txt dd {display:block; margin-bottom:20px;}    
  
  /* 이전작업 스타일   
  .overview .status_info { background:url(/common/img/01overview/status_diagram.gif) no-repeat 0 0; height:366px; position:relative;}
  .overview .status_info .status_data01 { position:absolute; left:115px; top:145px;}
  .overview .status_info .status_data01 ul { display:block; overflow:hidden;}
  .overview .status_info .status_data01 ul li { float:left; width:50%;}
  .overview .status_info .status_data01 ul li dl { display:block; overflow:hidden; margin:0 20px;}
  .overview .status_info .status_data01 ul li dl dt {display:block;  color:#fff; font-size:16px; font-weight:600; text-align:center; line-height:36px; height:36px;}
  .overview .status_info .status_data01 ul li dl dd {display:block; background:#009dd2; color:#fff; font-size:14px; font-weight:600; text-align:center; padding:5px 10px;}
  .overview .status_info .status_data01 ul li dl dd.dark {background:#0d64a8;}
  .overview .status_info .status_data02 {position:absolute; left:470px; top:218px; width:184px;}
  .overview .status_info .status_data02 p { text-align:right; font-size:12px; margin-bottom:5px;}
  .overview .status_info .status_data02 ul {display:block; overflow:hidden;}
  .overview .status_info .status_data02 ul li { display:block; border-top:1px solid #c0c6ca;}
  .overview .status_info .status_data02 ul li dl { display:block; overflow:hidden; font-size:13px; font-weight:600;}	
  .overview .status_info .status_data02 ul li dl dt {float:left; width:67px; text-align:center; background:url(/common/img/01overview/table_line01.gif) no-repeat right bottom; height:30px; line-height:30px;}
  .overview .status_info .status_data02 ul li dl dd {float:left; width:117px; text-align:center; height:30px; line-height:30px;}
  .overview .status_info .status_data02 ul li dl.total dt {background:#007dad url(/common/img/01overview/table_line02.gif) no-repeat right bottom; color:#fff;}
  .overview .status_info .status_data02 ul li dl.total dd {color:#fff; background:#007dad;}
  */
	
.greeting {position:relative; /* background:url(/common/img/01overview/ceo_img.jpg) no-repeat right 64px; */}
  .greeting .ceo_tit { color:#05507c; margin-bottom:20px; font-family:"Times New Roman", Times, serif; font-size:28px; line-height:34px;}
  .greeting .ceo_txt {/*padding-right:270px;*/}
  .greeting p.sign {font-family:"Times New Roman", Times, serif; font-size:28px; margin-bottom:30px;}
  .greeting p.sign .sm { font-size:16px;}
  .greeting .ceo_history_box { border-top:1px solid #e7e7e7; padding-top:30px; overflow:hidden;}
  .greeting .ceo_history_box h3 { font-size:16px; font-weight:600; color:#7e7e7e; margin-bottom:15px;}
  .greeting .ceo_history_box h3 strong { color:#1d85dd; font-size:22px; margin-right:10px;}
  .greeting .ceo_history_box h4 { background:url(/common/img/bl_circle_gray.png) no-repeat 0 center; font-size:16px; font-weight:600; padding-left:15px; margin-bottom:10px;}
  .greeting .ceo_history_box .ceo_history {/*width:50%;*/ float:left;}
  .greeting .ceo_history_box .ceo_history ul { display:block; overflow:hidden;}
  .greeting .ceo_history_box .ceo_history ul li { display:block; margin-bottom:3px;}
  .greeting .ceo_history_box .ceo_history ul li strong { font-weight:normal; display:block; float:left;}
  .greeting .ceo_history_box .ceo_history ul li.twoline strong {height:35px;}


.vision {}
  .vision h3 { margin-bottom:20px;}

  .vision .inno_box {
    margin-bottom:40px; 
    background:#fafafa url('/fra/common/img/01overview/vision_box_fra.png') no-repeat 0px 0px; 
    height:2800px; 
    padding:0px 0 0 20px; 
    border:1px solid #e5e5e5;
  }

  .inno_box > ul { display:block; overflow:hidden;}
  .inno_box > ul > li { display:block; position:relative; padding-left:125px;}
  .inno_box > ul > li.list02 { margin-bottom:20px;}
  .inno_box > ul > li.list03 { margin-bottom:20px;}
  .inno_box > ul > li.list01 {height:132px;}
  .inno_box > ul > li.list02 {}
  .inno_box > ul > li.list03 {height:53px;}
  .inno_box > ul > li.list04 {}  

  .inno_box > ul > li > div.vision_tit { position:absolute; left:0; top:0; width:105px; background:url(../img/01overview/value_arrow.gif) no-repeat right center;}
  .inno_box > ul > li.list01 > div.vision_tit {height:53px;}
  .inno_box > ul > li > div.vision_tit > h4 { font-size:12px; color:#000; text-align:center; padding-top:10px; width:89px; font-weight:600;}
  .inno_box > ul > li.list01 > div.vision_tit > h4 { height:43px; background:url(../img/01overview/vision_tit_box01.gif) no-repeat 0 0;}
  .inno_box > ul > li.list02 > div.vision_tit {height:65px;}
  .inno_box > ul > li.list02 > div.vision_tit > h4 {height:56px; background:url(../img/01overview/vision_tit_box02.gif) no-repeat 0 0; line-height:12px; font-size:11px;}
  .inno_box > ul > li.list03 > div.vision_tit {height:53px;}
  .inno_box > ul > li.list03 > div.vision_tit > h4 {height:43px; background:url(../img/01overview/vision_tit_box03.gif) no-repeat 0 0; font-size:11px;}
  .inno_box > ul > li.list04 > div.vision_tit {height:56px; padding-top:4px;} 
  .inno_box > ul > li.list04 > div.vision_tit > h4 {height:53px; background:url(../img/01overview/vision_tit_box04.gif) no-repeat 0 0; font-size:11px; padding-top:5px; line-height:14px;}
  .inno_box > ul > li > div.vision_txt {}
  .inno_box > ul > li > div.vision_txt p { text-align:center;}
  .inno_box > ul > li > div.vision_txt p.tit {}
  .inno_box > ul > li.list03 > div.vision_txt p { font-size:22px; font-weight:600; color:#05507c; line-height:26px;}
  .inno_box > ul > li > div.vision_txt p.comment {font-size:16px; color:#000; padding-top:10px; font-weight:600;}
  .inno_box > ul > li > div.vision_txt > ul { display:block; overflow:hidden;}
  .inno_box > ul > li > div.vision_txt > ul > li {float:left;}
  .inno_box > ul > li.list02 > div.vision_txt > ul { padding-top:10px;}
  .inno_box > ul > li.list02 > div.vision_txt > ul > li {width:170px; display:block; text-align:center; font-weight:600; font-size:12px; height:40px; padding-top:6px; line-height:16px; margin-right:15px; background:url(../img/01overview/vision_colorbox01.png) no-repeat 0 0;}
  .inno_box > ul > li.list04 > div.vision_txt > ul > li {width:175px; display:block; text-align:center; font-weight:600; font-size:12px; margin-right:10px; background:url(../img/01overview/vision_colorbox02.png) no-repeat 0 0;}
  .inno_box > ul > li.list04 > div.vision_txt > ul > li > dl { display:block; overflow:hidden;}
  .inno_box > ul > li.list04 > div.vision_txt > ul > li > dl > dt { display:block; height:52px; padding-top:6px; line-height:16px;}
  .inno_box > ul > li.list04 > div.vision_txt > ul > li > dl > dd {display:block; margin-top:10px;}
  .inno_box > ul > li.list04 > div.vision_txt > ul > li > dl > dd > ul > li { font-size:11px; text-align:left; font-weight:normal;}
  
  .vision .value_list { background:#fafafa; border:1px solid #e5e5e5; padding:30px 20px;}
  .vision .value_list > ul { display:block; overflow:hidden;}
  .vision .value_list > ul > li { display:block; margin-bottom:25px; padding-left:125px; position:relative; height:143px; background:url(../img/01overview/value_arrow.gif) no-repeat 99px 69px;}
  .vision .value_list > ul > li > div.value_tit {width:89px; position:absolute; top:40px; left:0; padding-top:12px; height:51px; text-align:center; font-size:12px; font-weight:600; line-height:40px;}
  .vision .value_list > ul > li > div.vaule_con {height:128px; padding-top:15px;}
  .vision .value_list > ul > li > div.vaule_con > dl { display:block; overflow:hidden;}
  .vision .value_list > ul > li > div.vaule_con > dl > dt {display:block; font-weight:600; padding:0 18px; margin-bottom:3px; color:#000;}
  .vision .value_list > ul > li > div.vaule_con > dl > dd {display:block; font-weight:400; padding:0 18px; margin-bottom:2px; font-size:11px; color:#7c7f7f;}
  .vision .value_list > ul > li > div.vaule_con > dl > dd > p.tit {color:#000;}  
  .vision .value_list > ul > li.val_list01 > div.value_tit {background:url(../img/01overview/value_tit_box01.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list01 > div.vaule_con {background:url(../img/01overview/value_con_box01.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list02 > div.value_tit {background:url(../img/01overview/value_tit_box02.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list02 > div.vaule_con {background:url(../img/01overview/value_con_box02.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list03 > div.value_tit {background:url(../img/01overview/value_tit_box03.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list03 > div.vaule_con {background:url(../img/01overview/value_con_box03.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list04 > div.value_tit {background:url(../img/01overview/value_tit_box04.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list04 > div.vaule_con {background:url(../img/01overview/value_con_box04.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list05 > div.value_tit {background:url(../img/01overview/value_tit_box05.gif) no-repeat 0 0;}
  .vision .value_list > ul > li.val_list05 > div.vaule_con {background:url(../img/01overview/value_con_box05.gif) no-repeat 0 0;}

.organization {height:380px; background:url(../img/01overview/organization.gif) no-repeat 0 0; position:relative; padding:218px 0 0 10px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
.organization h4 { position:absolute; text-align:center; line-height:43px; font-size:14px; font-weight:600;}
.organization h4.tit01 {color:#fff; left:305px; top:60px; width:99px;}
.organization h4.tit02 {color:#000; left:450px; top:117px; width:185px; line-height:38px; font-size:12px;}
.organization h4.tit03 {color:#000; left:427px; top:141px; width:185px; line-height:38px; font-size:12px;}

.organization div h4 {width:120px; height:53px; line-height:53px;}
.organization div h4.tit04, .organization div h4.tit05, .organization div h4.tit06 {line-height:19px; padding-top:7px; height:50px; font-size:13px;}

.organization div {float:left; width:120px; display:block; margin-top:22px; margin-right:9px; height:280px; position:relative;}
.organization div ul { display:block; position:absolute;}
.organization div ul li { display:block; width:190px; height:40px; line-height:40px; font-size:11px; margin-bottom:2px}
.organization div.dept_list01{margin-right:15px}
.organization div.dept_list01 ul {top:160px; left:-37px;}
.organization div.dept_list02{margin-right:98px}
.organization div.dept_list02 h4.tit05{margin-left:12px}
.organization div.dept_list02 ul {top:137px; left:-35px;}
.organization div.dept_list03{width:160px;}
.organization div.dept_list03 h4.tit06{margin-left:25px}
.organization div.dept_list03 ul {top:55px; left:-8px;}
.organization div.dept_list04 ul {top:137px; left:-29px;}
.organization div.dept_list05 h4.tit08{margin-left:58px}
.organization div.dept_list05 ul {top:160px; left:-35px;}

  
.history {}  
  .history ul.history_list { display:block; overflow:hidden;}
  .history ul.history_list > li { display:block; margin-bottom:10px;}
  .history ul.history_list > li > a { display:block; height:40px; line-height:40px; font-size:14px; font-weight:600; color:#333; padding-left:40px; background:url(../img/01overview/history_bar_off.gif) no-repeat 0 0;}  
  .history ul.history_list > li.st-open > a {background:url(../img/01overview/history_bar_on.gif) no-repeat 0 0; color:#000;}
  .history ul.history_list > li > div.st-content { padding:20px 25px;}
  .history ul.history_list > li > div.st-content > ul.history_data { display:block; overflow:hidden; margin-bottom:20px;}
  .history ul.history_list > li > div.st-content > ul.history_data > li { display:block; margin-bottom:7px; color:#333; overflow:hidden;}
  .history ul.history_list > li > div.st-content > ul.history_data > li strong {width:90px; color:#05507c; font-weight:normal; display:block; float:left;}
  .history ul.history_list > li > div.st-content > ul.thumimglist {display:block; overflow:hidden; margin-left:-14px;}
  .history ul.history_list > li > div.st-content > ul.thumimglist > li { float:left; margin-left:14px;}
  .history ul.history_list > li > div.st-content > ul.thumimglist > li dl { display:block; overflow:hidden;}
  .history ul.history_list > li > div.st-content > ul.thumimglist > li dl dt {display:block;}
  .history ul.history_list > li > div.st-content > ul.thumimglist > li dl dd {
    display:block; padding:3px 0 10px; 
    /* text-align:center; */
  }


.shareholder {}  
.shareholder .bdline { border-bottom:1px solid #ddd; padding-bottom:30px !important;}   
  .shareholder h3.second { border-top:1px solid #e7e7e7; padding-top:40px; margin-top:30px;}
  .shareholder .button { clear:both; padding:20px 0; overflow:hidden;}   
  .shareholder .button a.btn_posco {display:block; width:115px; height:44px; padding-top:7px; float:right; padding-left:92px; font-weight:600; color:#252525; background:url(/common/img/01overview/btn_posco.gif) no-repeat 0 0; line-height:17px; font-size:12px;}
  .shareholder .button a.btn_smsp {display:block; width:115px; height:44px; padding-top:7px; float:right; padding-left:92px; font-weight:600; color:#252525; background:url(/common/img/01overview/btn_smsp.gif) no-repeat 0 0; line-height:17px; font-size:12px;}
  .shareholder .button a strong { display:block; text-indent:-9999em; float:left;}
  
  .share_intro_box {background:url(../img/01overview/share_img01.png) no-repeat 0 0; height:234px; text-indent:-9999em; margin-bottom:20px;}
  .share_icobox {}
  .share_icobox ul {display:block; overflow:hidden;}
  .share_icobox ul li {display:block; padding-left:100px; margin-bottom:20px;}
  .share_icobox ul li dl {display:block; overflow:hidden;}
  .share_icobox ul li dl dt {display:block; font-weight:600; font-size:14px; color:#000;}
  .share_icobox ul li dl dd {display:block;}
  .share_icobox ul li.ico_list01 {background:url(../img/01overview/share_ico01.gif) no-repeat 0 0; height:90px;}
  .share_icobox ul li.ico_list02 {background:url(../img/01overview/share_ico02.gif) no-repeat 0 0; height:90px;}
  
  
  .share_intro {}
  .share_intro p {text-align:center;}
  .share_intro .tit { margin-top:30px;}    
  .share_intro .summary { font-weight:600; font-size:14px; color:#328fd0; padding:25px 0;}    
  .share_intro .img { margin-bottom:30px;}    
  .share_intro .txt {color:#595959; font-weight:600; font-size:13px;} 
  .share_posco { background:url(/common/img/01overview/share_posco_ico.gif) no-repeat 0 0; margin-top:20px;}  
  .share_posco p {margin-bottom:20px; line-height:22px;}  
  .share_posco p.pdl { padding-left:120px;}
  .share_posco p.tit {margin-bottom:10px; font-size:18px; font-weight:600; color:#000;} 
  
  .share_smsp { background:url(/common/img/01overview/share_smsp_ico.gif) no-repeat 0 0; margin-top:20px;}  
  .share_smsp p {margin-bottom:20px; line-height:22px;}  
  .share_smsp p.txt { padding:0 0 0 120px;}
  .share_smsp .mapimg { float:right; margin:0 0 20px 20px; display:block;}
  .newcal_box {background:url(../img/01overview/newcale_boxbg.jpg) no-repeat 0 0; height:632px; padding:35px 30px 0 30px; position:relative; clear:both; overflow:hidden; margin-top:30px;}
  .newcal_box .newcal_data { padding:17px 20px; overflow:hidden; position:absolute; top:461px; left:30px; height:117px; width:616px;}
  .newcal_box .newcal_data p {line-height:16px;}
  .newcal_box .newcal_data p a { color:#000;} 
  .newcal_box .newcal_data span { float:left; padding-right:20px;}
  .newcal_history {}
  .newcal_history h3 { font-size:16px;}
  .newcal_history h3 a {background:url(../img/02product/product_detail_btn_off.gif) no-repeat 0 0; height:40px; display:block; padding-left:27px; line-height:40px; height:40px; color:#000; position:relative;}
  .newcal_history h3 a span {position:absolute; right:0; top:0; display:block; margin-right:25px; font-size:12px;}
  
  /*.newcal_history h3 a.active { background:url(../img/01overview/history_bar_on.gif) no-repeat 0 0;}*/
  .newcal_history .newcal_list { padding:0 20px; height:0; overflow:hidden;}
  .newcal_history .newcal_list ul { display:block; overflow:hidden; margin-bottom:20px;}
  .newcal_history .newcal_list ul li { display:block; overflow:hidden; margin-bottom:5px;}
  .newcal_history .newcal_list ul li ul { margin-top:5px; margin-bottom:0;}
  .newcal_history .newcal_list ul li strong { color:#05507c; font-weight:600; margin-right:20px; display:block; float:left;}
  .newcal_history .newcal_list ul li.large_data strong {height:70px;}
  .newcal_history .newcal_list ul li.large_data2 strong {height:40px;}

/* 02. 공정 및 제품
********************************************************/
.product_list {}
  .product_list h3 { font-size:16px; font-weight:600; color:#252525; padding-left:15px; background:url(/common/img/02product/bl_circle.gif) no-repeat left center; margin-bottom:10px;}
  .product_list h3.nocircle { background:none; font-size:24px; padding-left:0;}
  .product_list h4 { border-bottom:2px solid #05507c; font-weight:600; color:#05507c; font-size:16px; margin-bottom:15px; height:30px; line-height:20px;}
  .product_list h4.circle { font-size:16px; font-weight:600; color:#252525; padding-left:15px; background:url(/common/img/02product/bl_circle.gif) no-repeat left center; margin-bottom:10px; border-bottom:0; height:auto; line-height:18px;}
  
  .product_list h4 strong { font-weight:normal; color:#737373; font-size:12px; margin-left:5px;}
  .product_list h5 {font-size:15px; font-weight:600; color:#252525; margin-bottom:10px;}
    
  .product_img_box { position:relative; padding-left:364px; margin-bottom:20px; height:240px;}
  .product_img_box.dotline { background:url(/common/img/lnb_dotline.gif) repeat-x 0 bottom; padding-bottom:20px;}
  .product_img_box span.viewimg { position:absolute; left:0; top:5px;}
  .product_img_box ul { display:block; overflow:hidden; border-top:2px solid #05507c;}
  .product_img_box ul li {display:block; border-bottom:1px solid #e2e2e2; height:39px;}
  .product_img_box ul li.last { border-bottom:1px solid #b7b7b7;}
  .product_img_box ul li dl {display:block; overflow:hidden; width:352px;}
  .product_img_box ul li dl dt {display:block; float:left;  height:39px; line-height:39px; background:#fafafa; width:100px; text-align:center; font-size:12px;}
  .product_img_box ul li dl dd {display:block; float:left;  height:39px; line-height:39px; background:#fff; width:232px; padding-left:20px; font-size:12px;}
  .comment_box { background:#f8f8f8; border:1px solid #e5e5e5; color:#000; padding:25px 30px; font-size:12px;}
  .comment_box strong { font-weight:600;}
  .product_list p.tit { color:#000;}
  .product_list p.fn_txt { overflow:hidden; color:#05507c; margin:10px 0 0;}
  .product_list p.fn_txt span.tag { display:block; float:left; width:48px; height:50px; line-height:20px; text-align:center; color:#fff; margin-right:10px; background:url(/common/img/02product/tag_bg.gif) no-repeat 0 1px; font-size:11px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .product_list p.count { text-align:right; font-size:12px; margin-bottom:5px; margin-top:-20px;}
  .product_list .data_table {border-top:1px solid #e2e2e2; margin-bottom:30px;}
  .product_list .data_table table {width:100%;}
  .product_list .data_table table th {background:#f8f8f8; color:#252525; font-weight:600; text-align:center; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:8px 0;}
  .product_list .data_table table td { color:#252525; border-bottom:1px solid #e2e2e2; text-align:center; border-left:1px solid #e2e2e2; padding:8px 0;}
  .product_list .data_table table td.noline, .product_list .data_table table th.noline {border-left:0;}
  .product_list .data_table table tbody th { background:#f8f8f8; color:#252525; font-weight:600; border-bottom:1px solid #e2e2e2; padding:8px 0;}
  .product_list .data_table table tbody th.smhgt {}
  .product_list .data_table table tr.last th, .product_list .data_table table tr.last td {border-bottom:1px solid #b7b7b7;}
  .product_list .data_table table th.first { background:#e9e9e9;}
  .product_list .data_table table th.line0 { line-height:20px;}
  
  .product_flow { background:url(../img/02product/product_flow.jpg) no-repeat 0 0; height:1300px; position:relative; margin-top:20px;}
  .product_flow .detail_contents { position:absolute; width:240px;}
  .product_flow .detail_contents dl {display:block; overflow:hidden;}
  .product_flow .detail_contents dl dt {display:block; height:35px; line-height:35px; color:#fff; font-weight:600; font-size:14px; background:#05507c; padding:0 8px; border:1px solid #05507c; border-bottom:0; }
  .product_flow .detail_contents dl dd {display:block; color:#000; background:#f6f7fa; line-height:18px; font-size:12px; padding:10px 8px; border:1px solid #dfdfdf; border-top:0;}
  .product_flow #detail01 {top:81px; right:0;}
  .product_flow #detail02 {top:290px; right:0;}
  .product_flow #detail03 {left:0; top:603px;}
  .product_flow #detail04 {top:866px; right:0;}
  .product_flow #detail05 {left:0; top:919px;}
  
  
.nickel_con {}  
  .nickel_con p.tit {font-size:17px; font-weight:600; color:#000; margin-bottom:10px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .nickel_con p.txt {color:#252525;}
  .nickel_img_box {position:relative; padding-right:355px; margin-bottom:20px; height:240px;}
  .nickel_img_box span.viewimg {position:absolute; right:0; top:5px;}  
  .nickel_diagram01 {background:url(/common/img/02product/nickel_diagram.gif) no-repeat 0 0; height:140px; position:relative;}
  .nickel_diagram01 ul { display:block; overflow:hidden; position:absolute; left:107px; top:17px;}
  .nickel_diagram01 ul li { float:left; width:100px; display:block;}
  .nickel_diagram01 ul li dl { display:block; overflow:hidden; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .nickel_diagram01 ul li dl dt {display:block; color:#000; text-align:center; padding-top:22px; font-weight:600; font-size:14px; line-height:20px;}
  .nickel_diagram01 ul li dl dd {display:block; color:#000; text-align:center; padding-top:3px; font-size:14px;}
  
  .answer_box {background:url(/common/img/lnb_dotline.gif) repeat-x 0 0; padding-top:30px; margin-top:40px;}
  .answer_box h3 { background:url(/common/img/02product/ico_q.gif) no-repeat left 5px; padding-left:28px; font-size:16px; font-weight:600; color:#000; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .answer_box dl {display:block; overflow:hidden; margin-bottom:20px;}
  .answer_box dl dt {display:block; font-size:15px; font-weight:600; color:#000; padding-left:7px; margin-bottom:5px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .answer_box dl dd {display:block; padding-left:7px; font-size:12px;}
  .nickel_map { background:url(/eng/common/img/02product/nickel_map.jpg) no-repeat 0 0; height:423px; position:relative; margin-bottom:20px;}
  .nickel_map ul { display:block; overflow:hidden; text-indent:-9999em;}
  .nickel_map p.infomap { position:absolute; left:430px; top:325px; color:#252525; font-size:14px; font-weight:600; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .nickel_map p.infomap strong { display:block; font-size:12px; font-weight:400;}
  ul.nickel_use_list { display:block; overflow:hidden; margin-left:-7px; margin-bottom:20px;}
  ul.nickel_use_list li { margin-left:7px; float:left;}
  ul.nickel_use_status {display:block; overflow:hidden; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
  ul.nickel_use_status li { display:block; float:left; width:16.6%;}
  ul.nickel_use_status li.last {width:17%;}
  ul.nickel_use_status li dl { display:block; overflow:hidden;}
  ul.nickel_use_status li dl dt {display:block; background:#f1f1f1 url(/common/img/02product/use_bar.gif) no-repeat right center; height:35px; line-height:35px; text-align:center; font-weight:600;}
  ul.nickel_use_status li dl dd {display:block; background:#fff url(/common/img/02product/use_bar.gif) no-repeat right center; text-align:center;  height:35px; line-height:35px;}  
  ul.nickel_use_status li.last dl dt {background:#f1f1f1;}
  ul.nickel_use_status li.last dl dd { background:none;}
  

.nickel_status {}
.nickel_status .graph_wrap {}
.nickel_status .graph_wrap .top_graph_info { border:1px solid #0b5480; background:#0b5480; color:#fff; font-weight:600; height:36px; line-height:36px; position:relative; overflow:hidden;}
.nickel_status .graph_wrap .top_graph_info dl.search_month { display:block; overflow:hidden; width:320px; position:absolute; left:0; top:0;}
.nickel_status .graph_wrap .top_graph_info dl.search_month dt {float:left; width:90px; text-align:center; display:block; height:36px; line-height:36px;}
.nickel_status .graph_wrap .top_graph_info dl.search_month dd {float:left; width:210px; display:block; height:36px; line-height:36px;}
.nickel_status .graph_wrap .top_graph_info dl select { height:22px;}
.nickel_status .graph_wrap .top_graph_info dl dd {vertical-align:middle;}
.nickel_status .graph_wrap .top_graph_info dl dd * { vertical-align:middle;}
.nickel_status .graph_wrap .top_graph_info dl.search_month dd lebel { margin:0 10px 0 5px;}
.nickel_status .graph_wrap .top_graph_info .btn_search {width:42px; height:20px; background:url(../img/02product/btn_search.gif) no-repeat 0 0; text-indent:-9999em; display:inline-block; cursor:pointer; border:0; margin-left:15px;}
.nickel_status .graph_wrap .top_graph_info dl.search_date {display:block; overflow:hidden; width:380px; position:absolute; right:0; top:0;}
.nickel_status .graph_wrap .top_graph_info dl.search_date dt {float:left; width:90px; text-align:center; display:block; height:36px; line-height:36px;}
.nickel_status .graph_wrap .top_graph_info dl.search_date dd {float:left; display:block; height:36px; line-height:36px;}
.nickel_status .graph_box { border:1px solid #d9d9d9; height:450px; margin-bottom:30px;}
.nickel_status .status_table { border-left:1px solid #e2e2e2;}
.nickel_status .status_table table {width:100%;}
.nickel_status .status_table table th {height:40px; line-height:40px; font-size:13px; font-weight:600; text-align:center; color:#252525; background:#f8f8f8; border-bottom:1px solid #e2e2e2; border-top:2px solid #05507c; border-right:1px solid #e2e2e2;}
.nickel_status .status_table table td {height:40px; line-height:40px; font-size:12px; border-bottom:1px solid #e2e2e2; text-align:center; border-right:1px solid #e2e2e2;}
.nickel_status .status_table table td.arrow { position:relative;}
.nickel_status .status_table table td.arrow img { position:absolute; left:50%; top:50%; margin-top:-2px; margin-left:35px;}
.nickel_status .button { overflow:hidden; clear:both; padding:20px 0;}
.nickel_status .button a {float:right; display:block;  height:40px; line-height:40px; color:#fff; font-weight:600; }
.nickel_status .button a.btn_blue {  background:#05507c url(../img/02product/next_arrow.gif) no-repeat 70px center; padding-left:30px; width:70px;}
.nickel_status .button a.btn_gray {  background:#808080 url(../img/02product/prev_arrow.gif) no-repeat 20px center; margin-right:10px; padding-left:40px; width:60px;}
.nickel_status .graph_insert { border:1px solid #d9d9d9; margin-bottom:30px;}

.experience {}
.experience .flash_contents { margin:45px 0; background:#fff;}

.product_detail { margin-bottom:30px;}  
.product_detail h5 { font-weight:normal !important; font-size:15px !important;}
  .product_detail ul.product_detail_list { display:block; overflow:hidden;}
  .product_detail ul.product_detail_list > li { display:block; margin-bottom:10px;}
  .product_detail ul.product_detail_list > li > a { display:block; height:40px; line-height:40px; font-size:14px; font-weight:600; color:#333; padding-left:20px; background:url(../img/02product/product_detail_btn_off.gif) no-repeat 0 0; position:relative;} 
  .product_detail ul.product_detail_list > li.st-open > a {/*background:url(../img/01overview/history_bar_on.gif) no-repeat 0 0;*/ color:#000;}
  .product_detail ul.product_detail_list > li > div.st-content { padding:20px 15px;}
  .product_detail ul.product_detail_list > li > div.st-content > ul.imgdata { display:block; overflow:hidden; margin-bottom:20px; clear:both;  margin-left:-9px;}
  .product_detail ul.product_detail_list > li > div.st-content > ul.imgdata > li { display:block; float:left; padding:5px; border:1px solid #e8e8e8; margin-left:9px; line-height:0;}
  
  .product_detail ul.product_detail_list > li > div.st-content > ul.imgdata2 { display:block; overflow:hidden; clear:both;  margin-left:-9px;}
  .product_detail ul.product_detail_list > li > div.st-content > ul.imgdata2 > li { display:block; float:left; margin-left:9px; margin-bottom:15px;}
  .product_detail ul.product_detail_list > li > div.st-content > ul.imgdata2 > li > p.thumtxt { text-align:center; font-size:12px;}
  
  .product_detail p.btm_comment { text-align:right; margin:10px 0 0;}
  .product_detail ul.product_detail_list > li > a > span { position:absolute; right:0; top:0; display:block; margin-right:15px; font-size:12px;}
  .datatable_box { position:relative; clear:both; padding-left:300px;}
  .datatable_box ul { display:block; overflow:hidden; position:absolute; left:0; top:0; margin-left:-9px;}
  .datatable_box ul li { float:left; margin-left:9px; text-align:center;}
  .datatable_box .data_table { border-top:0;}
  .datatable_box .data_table thead th { border-top:1px solid #b7b7b7;}
  
  

/* 03. 지속가능경영
********************************************************/
.ethical_rule {}
  .ethical_rule .rules_top {background:#fafafa url(/common/img/03management/rule_top_bg.gif) no-repeat right bottom; padding:25px 30px 20px; margin-bottom:30px;}
  .ethical_rule .rules_top ul { display:block; overflow:hidden;}
  .ethical_rule .rules_top ul li { float:left; width:33%; display:block; margin-bottom:10px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .ethical_rule .rules_top ul#tabList3 li {width:33% !important;}
  .ethical_rule .rules_top ul li a {display:block; padding-left:25px; color:#05507c; font-weight:600; font-size:14px; height:20px; line-height:20px; position:relative;}  
  .ethical_rule .rules_top ul li a.on { color:#000;}  
  .ethical_rule .rules_top ul li a span {background:url(/common/img/03management/ico_number_off.png) no-repeat; display:block; width:20px; height:20px; position:absolute; left:0; top:0;}
  .ethical_rule .rules_top ul li a.on span, .ethical_rule .rules_top ul li a:hover span {background:url(/common/img/03management/ico_number_on.png) no-repeat;}
  .ethical_rule .rules_top ul li.list01 a span {background-position:-2px 0;}
  .ethical_rule .rules_top ul li.list02 a span {background-position:-23px 0;}
  .ethical_rule .rules_top ul li.list03 a span {background-position:-44px 0;}
  .ethical_rule .rules_top ul li.list04 a span {background-position:-65px 0;}
  .ethical_rule .rules_top ul li.list05 a span {background-position:-86px 0;}
  .ethical_rule .rules_top ul li.list06 a span {background-position:-107px 0;}
  .ethical_rule .rules_top ul li.list07 a span {background-position:-128px 0;}
  .ethical_rule .rules_container {}
  .ethical_rule .rules_container h4 {height:20px; line-height:20px; font-size:16px; position:relative; color:#05507c; font-weight:600; margin-bottom:10px; padding-left:25px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}  
  .ethical_rule .rules_container h4 span {background:url(/common/img/03management/ico_number_off.png) no-repeat; display:block; width:20px; height:20px; position:absolute; left:0; top:0;}
  .ethical_rule .rules_container h4.rulenum01 span {background-position:-2px 0;}
  .ethical_rule .rules_container h4.rulenum02 span {background-position:-23px 0;}
  .ethical_rule .rules_container h4.rulenum03 span {background-position:-44px 0;}
  .ethical_rule .rules_container h4.rulenum04 span {background-position:-65px 0;}
  .ethical_rule .rules_container h4.rulenum05 span {background-position:-86px 0;}
  .ethical_rule .rules_container h4.rulenum06 span {background-position:-107px 0;}
  .ethical_rule .rules_container h4.rulenum07 span {background-position:-128px 0;}  
  .ethical_rule .rules_container .rules_box { padding:20px 20px 20px 115px; margin-bottom:20px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
  .ethical_rule .rules_container#rules03 .rules_box { padding-left:20px;}
  .ethical_rule .rules_container .rules_box ol {display:block; overflow:hidden; margin-left:2px;}
  .ethical_rule .rules_container .rules_box ol li { display:block; font-weight:600;}
  .ethical_rule .rules_container .rules_box ol li ul { margin:5px 0 10px 10px;}
  .ethical_rule .rules_container .rules_box ol li ul li { font-weight:normal;}
  .ethical_rule .rules_container .rules_box ol li strong { font-weight:600; color:#000; padding-left:3px;}
  .ethical_rule .rules_container .rules_box#EthicalRule01 {background:#fff url(/common/img/03management/rule_ico_01.gif) no-repeat 25px 30px;}
  .ethical_rule .rules_container .rules_box#EthicalRule02 {background:#fff url(/common/img/03management/rule_ico_02.gif) no-repeat 25px 30px;}
  .ethical_rule .rules_container .rules_box#EthicalRule03 {background:#fff url(/common/img/03management/rule_ico_03.gif) no-repeat 25px 30px;}
  .ethical_rule .rules_container .rules_box#EthicalRule04 {background:#fff url(/common/img/03management/rule_ico_04.gif) no-repeat 25px 15px;}
  .ethical_rule .rules_container .rules_box#EthicalRule05 {background:#fff url(/common/img/03management/rule_ico_05.gif) no-repeat 25px 20px;}
  .ethical_rule .rules_container .rules_box#EthicalRule06 {background:#fff url(/common/img/03management/rule_ico_06.gif) no-repeat 25px 30px;}
  .ethical_rule .rules_container .rules_box#EthicalRule07 {background:#fff url(/common/img/03management/rule_ico_07.gif) no-repeat 25px 30px;}
  
  .fair_trade h3 {margin-bottom:15px; color:#05507c;}
  .envir_rule h3 {color:#05507c;}
  .quality_rule h3 {color:#05507c;}
  .contribution h3 {color:#05507c;}
  
  .fair_trade .fair_rule_top {margin-bottom:20px; font-weight:600; line-height:22px;}
  .fair_trade .fair_rule_top#program {background:url(/common/img/03management/fair_trade_bg2.gif) no-repeat 0 0; height:182px;}
  .fair_trade .fair_rule_top span.tit { position:absolute; left:40px; top:34px;}
  .fair_trade p.summary {color:#595959; margin-bottom:30px;}
  .fair_trade h4 { font-size:16px; font-weight:600; color:#252525; margin-bottom:5px; overflow:hidden; vertical-align:top; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .fair_trade h4 * { vertical-align:top;}
  .fair_trade h4 span { display:inline-block; border-left:1px solid #c5c5c5; margin-left:20px; padding-left:15px;}
  .fair_trade ol { margin-bottom:15px; margin-left:2px; overflow:hidden;}
  .fair_trade ol li { margin-bottom:6px;}
  .fair_trade ol li.f_normal { font-weight:normal !important; margin-bottom:3px !important;}
  .fair_trade ol li p { padding-left:18px; font-weight:normal;}  
  .fair_trade ol li.twoline strong { display:block; float:left; height:30px; margin-right:3px;}
  .fair_trade ol li strong {font-family:"Open Sans", Arial, Helvetica, sans-serif; font-weight:normal !important;}
  .fair_trade ol li ul { margin:5px 0 10px 10px;}
  .fair_trade ol li ul li { margin-bottom:0;}
  .fair_trade .ceo_txtbox {background:url(/common/img/03management/ceobox_bg.jpg) no-repeat right bottom; padding-bottom:60px;}
  .fair_trade .ceo_sign { text-align:left; margin-top:30px;}
  
  .winwinstep { background:url(/common/img/03management/winwin_step.gif) no-repeat 0 0; margin:10px 0 20px;}
  .winwinstep ul { display:block; overflow:hidden; margin:0 !important;}
  .winwinstep ul li { display:block; height:44px; padding-top:15px; line-height:14px; text-align:center; font-size:12px; color:#004b68; width:20%; float:left; font-weight:600;  font-family:"Open Sans", Arial, Helvetica, sans-serif;} 
  .winwinstep ul li.threeline {padding-top:10px;  height:49px;}
  .winwin_diagram01 {background:url(/common/img/03management/winwin_diagram01.gif) no-repeat 0 0; text-indent:-9999em; height:289px; margin-bottom:20px;}
  .winwin_diagram02 {background:url(/common/img/03management/winwin_diagram02.gif) no-repeat 0 0; text-indent:-9999em; height:310px; margin-bottom:20px;}
  .winwin_diagram03 {background:url(/common/img/03management/winwin_diagram03.gif) no-repeat 0 0; text-indent:-9999em; height:310px; margin-bottom:20px;} 

  .envir_rule ul li { margin-bottom:3px;}
  .envir_rule h4 {height:20px; line-height:20px; font-size:16px; font-weight:600; margin-bottom:5px;}
  .envir_rule h4.icolist01 {/*background:url(/common/img/03management/envir_ico_01.gif) no-repeat 85px center;*/}
  .envir_rule h4.icolist02 {/*background:url(/common/img/03management/envir_ico_02.gif) no-repeat 90px center;*/}
  .envir_rule h4.icolist03 {/*background:url(/common/img/03management/envir_ico_03.gif) no-repeat 105px center;*/}  
  .quality_rule_top { background:url(/eng/common/img/03management/quality_rule.jpg) no-repeat 0 0; height:293px; text-indent:-9999em; margin-bottom:30px;}
  
  .envir_box { position:relative; padding:0 150px 0 10px; margin-bottom:30px;}
  .envir_box ol { margin-left:15px;}
  .envir_box ol li {}
  .envir_box ul.imgview { display:block; overflow:hidden; position:absolute; right:0; top:5px;}
  .envir_box ul.imgview li {float:left; display:block;}
  .envir_box ul.imgview li dl {display:block; overflow:hidden;}
  .envir_box ul.imgview li dl dt {display:block; text-align:center;}
  .envir_box ul.imgview li dl dd {display:block; text-align:center;}
  .envir_box ol, .envir_box li { list-style:decimal !important;}
  .envir_rule ul.imglist { display:block; overflow:hidden; margin-left:-12px;}
  .envir_rule ul.imglist li { float:left; display:block; margin-left:12px;}
  .envir_rule ul.imglist li dl { display:block; overflow:hidden;}
  .envir_rule ul.imglist li dl dt {display:block;}
  .envir_rule ul.imglist li dl dd {display:block; text-align:center;}
  .envir_rule p.pdl20 { padding-left:20px;}
  
  
  .quality_plan { padding:40px 30px; background:#fafafa; border:1px solid #e5e5e5;}
  .quality_plan > ul { display:block; overflow:hidden;}
  .quality_plan > ul > li { display:block; margin-bottom:18px;}
  .quality_plan > ul > li > dl {display:block; overflow:hidden;}
  .quality_plan > ul > li > dl > dt { display:block; float:left; background:url(/common/img/03management/quality_plan_arrow.gif) no-repeat right center; width:112px;}
  .quality_plan > ul > li > dl > dt > div { text-align:center; width:89px; font-weight:600;}
  .quality_plan > ul > li > dl > dt > div.lp01 {background:url(/common/img/03management/quality_plan_boxbg11.gif) no-repeat 0 0; height:45px; padding-top:8px;}
  .quality_plan > ul > li > dl > dt > div.lp02 {background:url(/common/img/03management/quality_plan_boxbg12.gif) no-repeat 0 0; height:33px; padding-top:12px;}
  .quality_plan > ul > li > dl > dt > div.lp03 {background:url(/common/img/03management/quality_plan_boxbg13.gif) no-repeat 0 0; height:40px; padding-top:25px;}
  .quality_plan > ul > li > dl > dt > div.lp04 {background:url(/common/img/03management/quality_plan_boxbg14.gif) no-repeat 0 0; height:44px; padding-top:25px;}
  .quality_plan > ul > li > dl > dt > div.lp05 {background:url(/common/img/03management/quality_plan_boxbg15.gif) no-repeat 0 0; height:55px; padding-top:15px;}  
  .quality_plan > ul > li.list02 > dl > dd { text-align:center; font-size:14px; font-weight:600; padding-top:10px;}  
  .quality_plan > ul > li > dl > dd { display:block; float:left; padding-left:45px; width:499px; text-align:center;}
  .quality_plan > ul > li > dl > dd > ul {display:block; overflow:hidden;}
  .quality_plan > ul > li > dl > dd > ul > li { display:block; float:left;}
  .quality_plan > ul > li > dl > dd > ul > li.first { margin-left:0 !important;}
  .quality_plan > ul > li > dl > dd > ul.right_list01 li {width:149px; margin-left:20px; background:url(/common/img/03management/quality_plan_boxbg21.gif) no-repeat 0 0;}
  .quality_plan > ul > li > dl > dd > ul.right_list02 li {width:149px; margin-left:20px; background:url(/common/img/03management/quality_plan_boxbg22.gif) no-repeat 0 0; height:60px; padding-top:10px;}
  .quality_plan > ul > li > dl > dd > ul.right_list03 li {width:114px; margin-left:10px; background:url(/common/img/03management/quality_plan_boxbg23.gif) no-repeat 0 0; height:60px; padding-top:10px;}     
  .quality_plan > ul > li > dl > dd > ul > li > p {text-align:center;}
  .quality_plan > ul > li > dl > dd > ul > li > p.tit {font-size:12px; font-weight:600; margin-bottom:10px;}
  .quality_plan > ul > li > dl > dd > ul.right_list01 li > p.tit { height:45px; line-height:45px;}
  .quality_plan > ul > li > dl > dd > ul > li > p.txt {font-size:11px; letter-spacing:-1px;}  
  
  .quality_system_box { background:url(/common/img/03management/quality_system.jpg) no-repeat 0 0; height:500px; text-indent:-9999em;}
  
  .contribution {}
  .contribution h4 {font-size:16px; font-weight:600; color:#252525; padding-left:15px; background:url(/common/img/bl_circle_black.gif) no-repeat left 26px; margin:15px 0; border-top:1px solid #eaeaea; padding-top:20px;}
  .contribution .contribution_box { overflow:hidden; margin-bottom:10px;}
  .contribution .contribution_box .viewimg { float:left; width:358px;}
  .contribution .contribution_box p { float:right; width:340px;}
  .contribution .contribution_box ul li { font-weight:600; color:#252525;}
  .contribution_box dl { display:block; overflow:hidden; width:346px; margin-bottom:5px;}
  .contribution_box dl dt {float:left; display:block; background:url(../img/bl_square.gif) no-repeat left 7px; color:#000; font-weight:600; padding-left:10px; width:60px;}
  .contribution_box dl dd {float:left; width:276px;}
  
  .contribution .full_line { margin-bottom:20px;}
  .contribution .full_line dl { display:block; overflow:hidden; clear:both;}
  .contribution .full_line dl dt {display:inline; margin-right:5px; background:url(../img/bl_square.gif) no-repeat left 7px; color:#000; font-weight:600; padding-left:10px;}
  .contribution .full_line dl dd {display:inline;}
  
/* 05 홍보센터 
********************************************/
  
.search_box { overflow:hidden;}
  .search_box dl.search_dept { float:left; display:block; overflow:hidden; width:190px;}
  .search_box dl.search_dept dt {width:60px; display:block; float:left; height:30px; line-height:30px; color:#252525; background:url(/common/img/bl_squre_gray.gif) no-repeat 3px center; padding-left:10px;}
  .search_box dl.search_dept dd {width:120px; display:block; float:left;}
  .search_box dl.search_data { display:block; overflow:hidden; float:right; width:340px;}
  .search_box dl.search_data dt {width:130px; display:block; float:left;}
  .search_box dl.search_data dd {width:210px; position:relative; float:left;}
  .search_box dl.search_data dd input {padding:0 10px; height:28px;}
  .search_box dl.search_data dd a { display:block; position:absolute; right:0; top:0;}

.news_list {}
  .board_top { overflow:hidden; position:relative; padding:30px; border-top:2px solid #05507c; border-bottom:1px solid #cdcdcd; padding-left:220px; margin:20px 0;}
  .board_top a { display:block;}
  .board_top .viewimg {display:block; position:absolute; left:30px; top:30px;}
  .board_top .viewimg img {width:166px; height:110px;}
  .board_top dl {display:block; overflow:hidden;}
  .board_top dl dt {display:block; font-size:14px; color:#252525; margin-bottom:10px;}
  .board_top dl dt strong { font-weight:600; margin-right:10px;}
  .board_top dl dd {display:block;}
  .board_top dl dd p.txt { margin-bottom:10px;}
  .board_top dl dd p.date { font-size:11px;}
  
.news_view {}
  .news_view dl.data_top {width:716px; display:block; overflow:hidden; border-top:2px solid #05507c; border-bottom:1px solid #cdcdcd;}
  .news_view dl.data_top dt {padding:0 20px; height:40px; line-height:40px; float:left; display: block; background:url(/common/img/05prcenter/board_view_bar.gif) no-repeat right center; width:80px; text-align:center; color:#252525;}
  .news_view dl.data_top dd {padding:0 95px 0 15px; height:40px; line-height:40px; float:left; display: block; width:476px; position:relative; color:#252525;}
  .news_view dl.data_top dd span {width:80px; display:block; height:40px; line-height:40px; font-size:12px; position:absolute; right:30px; top:0; text-align:center;}
  .news_view .data_contents { padding:30px 0;}
  .news_view .data_contents p.img { text-align:center; padding:10px 0 20px;}
  .news_view .data_contents p.txt {}
  .news_view .page_navi {}
  .news_view .page_navi dl {display:block; overflow:hidden; border-bottom:1px solid #b7b7b7; width:716px;}
  .news_view .page_navi dl dt {padding:0 10px 0 40px; height:40px; line-height:40px; float:left; display: block; width:50px; text-align:center; color:#252525;}
  .news_view .page_navi dl dd {padding:0 120px 0 10px; height:40px; line-height:40px; float:left; display: block; position:relative; color:#252525; width:486px;} 
  .news_view .page_navi dl dd span {width:100px; display:block; height:40px; line-height:40px; font-size:12px; position:absolute; right:30px; top:0; text-align:center;}
  .news_view .page_navi dl dd strong { margin-right:10px;}  
  .news_view .page_navi dl.prev { border-top:1px solid #b7b7b7;}
  .news_view .page_navi dl.prev dt {background:url(/common/img/05prcenter/page_prev.png) no-repeat 15px center;} 
  .news_view .page_navi dl.next dt {background:url(/common/img/05prcenter/page_next.png) no-repeat 15px center;}   
  .news_view .button { clear:both; overflow:hidden; padding:20px 0;}
  .news_view .button a { display:block; width:100px; height:40px; line-height:40px; text-align:center; float:right; color:#fff; font-weight:600; background:#05507c;}
  
.ci_info {}
  .ci_info .logoinfo01 {height:139px; background:url(/common/img/05prcenter/ci_info_bg01.gif) no-repeat 0 0; position:relative; padding-left:250px; margin-bottom:30px;}
  .ci_info .logoinfo01 div.colorbox { position:absolute; left:16px; top:16px; width:212px; height:107px; background:#00679e;}
  .ci_info .logoinfo01 dl {display:block; overflow:hidden;}
  .ci_info .logoinfo01 dl dt {display:block; margin-bottom:25px; padding-top:16px;}
  .ci_info .logoinfo01 dl dd {display:block;}
  .ci_info .logoinfo01 dl dd ul {display:block; overflow:hidden;}
  .ci_info .logoinfo01 dl dd ul li {display:block; font-size:12px;}
  
  .ci_info .logoinfo02 {}
  .ci_info .logoinfo02 ul {display:block; overflow:hidden;}
  .ci_info .logoinfo02 ul li {float:left; margin-left:20px; margin-bottom:30px;}
  .ci_info .logoinfo02 ul li.list01 { margin-left:0;}
  .ci_info .logoinfo02 ul li.list02 {}
  .ci_info .logoinfo02 ul li.list03 {}  
  .ci_info .logoinfo02 ul li dl { display:block; overflow:hidden;}
  .ci_info .logoinfo02 ul li dl dt {display:block; text-align:left; font-size:16px; font-weight:600; color:#252525; margin-bottom:15px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .ci_info .logoinfo02 ul li dl dd {display:block; text-align:center;}  
  .ci_info .download { clear:both; margin:15px 0 30px; text-align:left;}
  .ci_info .download a { background:#fff url(/common/img/05prcenter/ico_down_wh.gif) no-repeat 25px center; height:40px; line-height:40px; width:100px; display:inline-block; color:#fff; font-size:12px; padding-left:52px; text-align:left; border:1px solid #bfbfbf; color:#000; font-weight:600; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  
.prpage {}
  .prpage h3 { color:#252525;}
  .prpage .movie_contain { border-top:2px solid #05507c; border-bottom:1px solid #cdcdcd; padding:20px; overflow:hidden; position:relative; margin-bottom:30px;}
  .prpage .movie_contain .movie_box {width:338px; height:219px; float:left; margin-right:30px; background:url(../img/05prcenter/movie_ready.jpg) no-repeat 0 0;}  
  .prpage .movie_contain .movie_box iframe {width:338px; height:219px;}
	ul.api_btn { display:block; width:100%; overflow:hidden;}
	ul.api_btn li {float:left; margin-right:5px; padding:15px 0;}
	ul.api_btn li button { text-indent:-9999em; height:25px; display: block; cursor:pointer; border:1px solid #ddd;}
	ul.api_btn li.sound { padding-left:0; margin-left:20px; background:url(/common/img/04recruit/movie_bgline.gif) no-repeat left center;}
	ul.api_btn .play {background:#e9e9e9 url(/common/img/04recruit/movie_play.png) no-repeat center center; width:45px;}
	ul.api_btn .pause {background:#e9e9e9 url(/common/img/04recruit/movie_stop.png) no-repeat center center; width:45px;}
	ul.api_btn .unload {background:#e9e9e9 url(/common/img/04recruit/movie_reload.png) no-repeat center center; width:45px; }
	ul.api_btn .volume_up {background:#e9e9e9 url(/common/img/04recruit/movie_vol_up.png) no-repeat center center; width:30px;}
	ul.api_btn .volume_down {background:#e9e9e9 url(/common/img/04recruit/movie_vol_dn.png) no-repeat center center; width:30px;}
	ul.api_btn dl { display:block; width:160px;}
	ul.api_btn dl dt { display:block; float:left; width:90px; text-align:center;}
	ul.api_btn dl dd { display:block; float:left; width:35px;}

  .prpage .movie_contain .brochure_img {width:156px; height:218px; float:left; margin-right:30px;}
  .prpage .movie_contain .txtbox {height:160px; overflow-y:auto;}  
  .prpage .movie_contain p.tit {font-size:16px; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .prpage .movie_contain dl { display:block; overflow:hidden; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .prpage .movie_contain dl dt { display:block; font-size:14px; font-weight:600; color:#252525;}
  .prpage .movie_contain dl dd { display:block;}
  .prpage .movie_contain dl dd ul { display:block; overflow:hidden; margin-left:-8px;}
  .prpage .movie_contain dl dd ul li { float:left; background:url(/common/img/05prcenter/pr_bar.gif) no-repeat right center; padding-right:8px; margin-left:8px; display:block;}
  .prpage p.download { position:absolute; left:386px; bottom:20px;}
  .prpage p.download.brochure {left:210px;}
  .prpage p.download a {background:#fff url(/common/img/05prcenter/ico_down_wh.gif) no-repeat 15px center; height:40px; line-height:40px; width:120px; display:inline-block; color:#252525; font-size:12px; padding-left:40px; text-align:left; border:1px solid #bfbfbf;}
  
  .basic_table td a.btn_download {background:#fff url(/common/img/05prcenter/ico_down_wh.gif) no-repeat 10px center; height:28px; line-height:28px; width:68px; display:inline-block; color:#252525; font-size:12px; padding-left:30px; text-align:left; border:1px solid #bfbfbf;}
  
/* 오시는길 */
.contact_us {}
  .contact_us h3 {margin-bottom:20px;}
  .contact_us h4 { font-weight:600; font-size:14px; margin-bottom:10px; color:#252525;}
  #map_information {width:100%; height:400px; margin-bottom:20px;}
  ul.map_addr { display:block; overflow:hidden; margin-bottom:30px;}
  ul.map_addr li { display:block; background:url(/common/img/bl_circle_black.gif) no-repeat left center; font-size:12px; padding-left:15px; margin-bottom:3px;}
  .map_guide { padding:30px 0 0 40px; background:url(/common/img/05prcenter/map_box.gif) no-repeat 0 0; height:105px; margin-bottom:25px;}
  .map_guide .guide_line {background:url(/common/img/05prcenter/map_line.gif) no-repeat 10px 30px; position:relative;}
  .map_guide .guide_line ul {display:block; overflow:hidden;}
  .map_guide .guide_line ul li {width:120px; float:left;}
  .map_guide .guide_line ul li p.txt { position:absolute; top:0; text-align:center; line-height:30px;}
  .map_guide .guide_line ul li p.tit {height:40px; background:url(/common/img/05prcenter/map_circle01.png) no-repeat 8px 25px; font-size:14px; font-weight:600; padding-top:40px;}  
  .map_guide .guide_line ul li.last p.tit {background:url(/common/img/05prcenter/map_circle02.png) no-repeat 8px 20px;  padding-top:50px;}
  .map_guide .guide_line#MapDetail01 ul li.list01 {width:160px;}
  .map_guide .guide_line#MapDetail01 ul li.list01 p.txt {left:60px;}
  .map_guide .guide_line#MapDetail01 ul li.list02 {width:170px;}
  .map_guide .guide_line#MapDetail01 ul li.list02 p.txt {left:212px;}
  .map_guide .guide_line#MapDetail01 ul li.list03 {width:160px;}
  .map_guide .guide_line#MapDetail01 ul li.list03 p.txt {left:380px;}
  .map_guide .guide_line#MapDetail01 ul li.list04 {width:90px;}
  .map_guide .guide_line#MapDetail01 ul li.list04 {width:80px;}
  .map_guide .guide_line#MapDetail01 ul li.list04 p.tit {text-align:center; padding-right:30px; background-position:15px 25px !important;}  
  .map_guide .guide_line#MapDetail01 ul li.last {width:55px;}
  .map_guide .guide_line#MapDetail01 ul li.last p.tit {text-align:center; background-position:15px 20px !important;}
  
  .map_guide .guide_line#MapDetail02 ul li.list01 {width:130px;}
  .map_guide .guide_line#MapDetail02 ul li.list01 p.txt {left:30px;}
  .map_guide .guide_line#MapDetail02 ul li.list02 {width:150px;}
  .map_guide .guide_line#MapDetail02 ul li.list02 p.txt {left:160px;}
  .map_guide .guide_line#MapDetail02 ul li.list03 {width:135px;}
  .map_guide .guide_line#MapDetail02 ul li.list03 p.txt {left:315px;}
  .map_guide .guide_line#MapDetail02 ul li.list04 {width:120px;}
  .map_guide .guide_line#MapDetail02 ul li.list04 p.txt {left:460px;}
  .map_guide .guide_line#MapDetail02 ul li.list05 {width:55px;}
  .map_guide .guide_line#MapDetail02 ul li.list05 p.tit { text-align:center; padding-right:10px; background-position:15px 25px !important;}
  .map_guide .guide_line#MapDetail02 ul li.last {width:60px;}
  
  .map_guide .guide_line#MapDetail03 ul li.list01 {width:160px;}
  .map_guide .guide_line#MapDetail03 ul li.list01 p.txt {left:60px;}
  .map_guide .guide_line#MapDetail03 ul li.list02 {width:170px;}
  .map_guide .guide_line#MapDetail03 ul li.list02 p.txt {left:200px;}
  .map_guide .guide_line#MapDetail03 ul li.list03 {width:160px;}
  .map_guide .guide_line#MapDetail03 ul li.list03 p.txt {left:385px;}
  .map_guide .guide_line#MapDetail03 ul li.list04 {width:80px;}
  .map_guide .guide_line#MapDetail03 ul li.list04 p.tit {text-align:center; padding-right:30px; background-position:15px 25px !important;}
  .map_guide .guide_line#MapDetail03 ul li.last {width:55px;}
  .map_guide .guide_line#MapDetail03 ul li.last p.tit {text-align:center; background-position:15px 20px !important;}  
  
  .map_guide .guide_line#MapDetail04 ul li.list01 {width:160px;}
  .map_guide .guide_line#MapDetail04 ul li.list01 p.txt {left:60px;}
  .map_guide .guide_line#MapDetail04 ul li.list02 {width:170px;}
  .map_guide .guide_line#MapDetail04 ul li.list02 p.txt {left:230px;}
  .map_guide .guide_line#MapDetail04 ul li.list03 {width:160px;}
  .map_guide .guide_line#MapDetail04 ul li.list03 p.txt {left:405px;}
  .map_guide .guide_line#MapDetail04 ul li.list04 {width:80px;}
  .map_guide .guide_line#MapDetail04 ul li.list04 p.tit {text-align:center; padding-right:30px; background-position:15px 25px !important;}
  .map_guide .guide_line#MapDetail04 ul li.last {width:55px;}
  .map_guide .guide_line#MapDetail04 ul li.last p.tit {text-align:center; background-position:15px 20px !important;}   
  
  .contact_us .button { position:relative; height:40px;}
  .contact_us .button ul { display:block; overflow:hidden; position:absolute; right:10px; top:0;}
  .contact_us .button ul li { float:left; display:block; margin-left:10px;}
  .contact_us .button ul li a { display:block; border:1px solid #ddd; width:152px; height:38px; line-height:38px; color:#000; text-align:center; padding-left:20px;}
  .contact_us .button ul li a.btn_hover {border:1px solid #000;}
  .contact_us .button ul li a.btn_mail {background:url(/common/img/ico_mail.png) no-repeat 37px center;}
  .contact_us .button ul li a.btn_print {background:url(/common/img/ico_print.png) no-repeat 37px center;}
  
/* 재무재표 */
.finance {}
  .finance h3 { font-size:16px; font-weight:600; color:#252525; padding-left:15px; background:url(/common/img/02product/bl_circle.gif) no-repeat left center; position:relative;}
  .finance h3 span {font-size:12px; position:absolute; right:0; bottom:0;}
  .finance .finance_table { border-left:1px solid #e2e2e2; margin:10px 0 30px;}
  .finance .finance_table table {width:100%;}
  .finance .finance_table table thead th {height:40px; line-height:40px; font-size:13px; font-weight:600; text-align:center; color:#252525; background:#f8f8f8; border-bottom:1px solid #e2e2e2; border-top:2px solid #05507c; border-right:1px solid #e2e2e2;}
  .finance .finance_table table tbody th {height:40px; line-height:40px; font-size:13px; font-weight:600; text-align:center; color:#252525; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;}
  .finance .finance_table table tbody tr.first th, .finance .finance_table table tbody tr.first td {background:#f8f8f8; font-weight:600; color:#000;}
  .finance .finance_table table td {height:40px; line-height:40px; font-size:12px; border-bottom:1px solid #e2e2e2; text-align:center; border-right:1px solid #e2e2e2;}

/* 06 ETC
********************************************/ 
.sitemap {}
  .sitemap_con { position:relative; border-top:2px solid #05507c; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  .sitemap_con h3 { position:absolute; left:5px; top:20px; color:#05507c; font-size:18px; font-weight:600; letter-spacing:-1px;}
  .sitemap_con .sitemap_list {padding-left:170px; position:relative;}
  .sitemap_con .sitemap_list ul { display:block; overflow:hidden;}
  .sitemap_con .sitemap_list ul > li { display:block; background:url(/common/img/bl_squre_gray.gif) no-repeat left center; font-size:13px; font-weight:600; height:43px; line-height:43px; padding-left:15px; border-top:1px solid #bfbfbf; position:relative;}
  .sitemap_con .sitemap_list ul > li.first { border-top:0;}
  .sitemap_con .sitemap_list ul > li > a { color:#262626;}
  .sitemap_con .sitemap_list ul > li > a:hover { color:#05507c !important;}
  .sitemap_con .sitemap_list ul > li > ul { display:block; overflow:hidden; position:absolute; left:154px; top:0;}
  .sitemap_con .sitemap_list ul > li > ul > li { display:block; float:left; background:url(/common/img/sitemap_line.gif) no-repeat left center; font-size:12px; border:0; padding:0 15px; font-weight:normal;}
  .sitemap_con .sitemap_list ul > li > ul > li.first { background:none;}
  .sitemap .etc_list {border-top:2px solid #05507c; padding:20px 0 0 5px;}
  .sitemap .etc_list ul { display:block; overflow:hidden;}
  .sitemap .etc_list ul li { display:block; margin-bottom:5px;}
  .sitemap .etc_list ul li a { color:#05507c; font-size:16px; font-weight:600;}
  
.privacy { border-top:2px solid #05507c; color:#595959; padding:30px 15px 0;}
  .privacy_contents { margin-bottom:40px;}
  .privacy_contents h3 {font-size:20px; font-weight:600; margin-bottom:10px;}
  .privacy_contents h4 {font-size:14px; font-weight:600; margin-bottom:5px;}  
  .privacy_contents p.txt { margin-bottom:10px;}  
  .privacy_contents ul.nm_list li { background-position:5px 9px; padding-left:12px; font-size:12px;}
  .privacy_contents ol li { font-size:12px; display:block;}
.email_reject {border-top:2px solid #05507c; padding:170px 45px 80px; background:url(/common/img/email_reject.gif) no-repeat center 30px;}
.email_reject p.txt {}