@charset "utf-8";
table caption {display:none; position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; _text-indent :-999px}

/*=============================================common=============================================*/

      

/*link_text*/
.comm_r_arrow{display:inline-block; padding-right:10px; margin-bottom:25px;background:url("../images/common/bl_arrow_orange.png") no-repeat right 50%; color: #666}
 
/*custom style*/
.w660{width: 660px}
.mgr56{margin-right: 56px;}
.mgr20{margin-right: 20px!important;}
.mgt12{margin-top: 12px;}
.mgt-25{margin-top: -25px!important;}
.mgt7{margin-top: 7px;}
.mgt16{margin-top: 16px;}
.w361{width:361px;}
.mauto{margin: 0 auto;}
.icon_pdf a{display:inline-block; padding-left:20px; background: url("../images/common/ico_pdf.gif") no-repeat left 50%; color: #666;}

.bt_none {border-top:none !important}
.bb_none *{border-bottom: none!important; border-bottom: 1px solid #999999;!important}
.bb_none2{border-bottom: none!important;}
.br_none{border-right: none!important;}
.f_b_none{font-weight: normal !important;}


.pat_h3 h3 {font-size:16px;margin:30px 0 11px 0 !important;padding:0 !important;} /* HTG// 2013-12-16 추가 */
.fwb{font-weight:bold} /* HTG// 2013-12-16 추가 */
.rules p{padding-left:10px;text-indent:-10px;margin-bottom:0;padding-bottom:0 !important} /* HTG// 2013-12-16 추가 */


/*data_table*/
/* .data_table {width:100%; clear: both;padding-bottom: 25px}
.data_table table{table-layout: fixed; width:100%; border-top:2px solid #666666; border-bottom: 1px solid #999999; }
.data_table table thead th{padding:7px 0 7px 0; text-align:center; background-color:#f3f3f3 ; color: #444; font-size: 12px; font-weight: bold; border-bottom:1px solid #aeaeae; border-right: 1px solid #dddddd}
.data_table table tbody th.left{padding: 0!important; text-align: left; padding-left: 10px!important; background-color:#f9f9f9;}
.data_table table tbody tr td{padding:7px 10px 7px 10px; text-align: left; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.data_table table tbody tr td.right{text-align: right}
.data_table table tbody tr td.center{text-align:center;}
.data_table table tbody tr td.top{vertical-align:text-top;}
.data_table table tbody tr td span.up{color:#f84040 }
.data_table table tbody tr td span.down{color:#449bec }
.data_table table tbody tr td span.arrow{background: url("../images/common/bl_gray_arrow_left.gif") 75px 4px no-repeat; padding-right: 30px}
.data_table table .btm_line {border-bottom: 1px solid #dddddd}
.data_table a{position: static!important; background: none!important;}
.data_table a:hover{color: #F47D31;text-decoration: underline;}
s: data_table add

.data_table table tbody tr td.left{line-height:normal; padding-right:0; text-align: left;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd}
.data_table table tbody tr.emphasis td{color:#3c4047; font-weight: bold;}

.data_table table tfoot tr td{padding:7px 10px 7px 0;text-align:right;  font-weight: bold; font-size:12px; color: #444;background-color:#ebeef2;  border-bottom: 1px solid #dddddd;  border-right:1px solid #dddddd;}
.data_table table tfoot tr td.center {text-align:center;}
.data_table table tfoot tr td.left {padding:7px 10px 7px 10px!important;text-align:left;}
.data_table table tfoot tr td.total{padding-left:10px; padding-right:0px; text-align: left;}


.data_table table tbody tr td.left{padding-left: 10px; text-align: left;}

data_table2
.data_table2 {width:100%; clear: both;}
.data_table2 table{table-layout: fixed; width:100%; border-top:2px solid #666666; border-bottom: 1px solid #999999; }
.data_table2 table thead th{padding:7px 0 7px 0; text-align:center; background-color:#f3f3f3 ; color: #444; font-size: 12px; font-weight: bold; border-bottom:1px solid #aeaeae; border-right: 1px solid #dddddd}
.data_table2 table tbody th{padding:7px 0 7px 0; text-align:center; background-color:#f3f3f3 ; color: #444; font-size: 12px; font-weight: bold; border-bottom:1px solid #aeaeae; border-right: 1px solid #dddddd}
.data_table2 table tbody tr td{padding:7px 10px 7px 10px; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.data_table2 table tbody tr td.right{padding-right: 10px; text-align: right}
.data_table2 table tbody tr td.center{padding:7px 0 7px 0!important; text-align:center;}
.data_table2 table tbody tr td span.up{color:#f84040 }
.data_table2 table tbody tr td span.down{color:#449bec }
.data_table2 table .btm_line {border-bottom: 1px solid #dddddd}
s: data_table2 add

.data_table2 table tbody tr td.left{line-height:normal; padding-right:0; text-align: left;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd}
.data_table2 table tbody tr.emphasis td{color:#3c4047; font-weight: bold;}
.data_table2 table tbody tr.colored td{background-color:#E9E9F5;}

.data_table2 table tfoot tr td{padding:7px 10px 7px 0;text-align:right;  font-weight: bold; font-size:12px; color: #444;background-color:#ebeef2;  border-bottom: 1px solid #dddddd;  border-right:1px solid #dddddd;}
.data_table2 table tfoot tr td.total{padding-left:10px; padding-right:0px; text-align: left;}


.data_table2 table tbody tr td.left{padding-left: 10px; text-align: left;} 2013-12-16 css 전체적 변경으로 인한 삭제 */

/*table_type2*/
.table_type2 table{table-layout: fixed; width:100%}
.table_type2 table thead tr th{padding:7px 0px; text-align:center; color: #fff; background:#666666; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.table_type2 table tbody tr td{padding:7px 0px; text-align: center; color: #666; background:#f3f3f3; border-right: 1px solid #fff; border-bottom: 1px solid #fff}

/*table_type3*/
.table_type3{border: 1px solid #ddd; padding: 3px;}
.table_type3 table{table-layout: fixed; width:100%}
.table_type3 table thead tr th{padding:7px 0px; text-align:center; color: #fff; background:#666666; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.table_type3 table tbody tr td{padding:7px 0px; text-align: center; color: #666; background:#f3f3f3; border-right: 1px solid #fff; border-bottom: 1px solid #fff}

/*table_result*/
.table_result{margin-top:9px; font-size: 11px; color:#777;}
.table_result ul li{padding-left:7px; background: url("../images/investors/bl_gray_squaredot.gif") left  9px  no-repeat;}

/*border_p*/
.border_p{margin:0!important; margin-bottom:25px!important; padding:20px; border:3px solid #eeeeee; text-align: center;}
.border_p p{margin-bottom: 0!important;}
.border_p
.border_p img{margin:40px auto 0;}


/*notice*/
.notice{min-height:60px; _height:60px; _height:1%; margin: 0!important; margin-top: 12px!important; margin-bottom: 25px!important; padding: 5px 10px 0 90px; background: url("../images/common/bg_notice.gif") no-repeat 10px 50%; color: #3d3f42; font-style: italic; font-weight: bold; font-size: 13px; }

/*circledot*/
.circledot ul{padding-bottom: 25px}
.circledot ul li{padding-left:10px; background: url("../images/investors/bl_black_circledot.gif") no-repeat left 7px;color: #444; line-height:20px}/* padding-bottom 삭제, line-height 추가 */
.circledot ul li h3{font-size:12px;  font-weight:normal; line-height:18px; padding:0 0 0 0; color:#666;}
.circledot ul li ul{padding-top: 8px!important; padding-bottom: 8px!important;}
.circledot ul li ul li{padding-left:10px; background: url("../images/common/bl_black_highpen.gif") no-repeat left 7px;color: #444;}
.circledot ul li ul li ul{padding-top: 8px!important; padding-bottom: 8px!important; margin-left:-10px;}
.circledot ul li ul li ul li{padding-left:10px!important; background: url("../images/common/bl_gray_circledot.gif") no-repeat 2px 7px; color: #777;}

/*w660_tb_type2*/
.w660_tb_type2{overflow: hidden}
.w660_tb_type2 span{display:block; width:100%; margin-top:20px; margin-bottom:10px; text-align: right;}
.w660_tb_type2 table{width:100%; table-layout: fixed; border-top:2px solid #666666; border-bottom: 1px solid #999999;}
.w660_tb_type2 table thead th{padding:7px 0 7px 0; text-align:center; background-color:#eeeeee ; color: #444444; font-size: 12px; font-weight: bold; border-right: 1px solid #dddddd; border-bottom: 1px solid #aeaeae}
.w660_tb_type2 table tbody th{padding:7px 0px 7px 10px; background-color:#f7f7f7; text-align: left; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd}
.w660_tb_type2 table tbody td{padding:7px 10px 7px 0; text-align: right; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd}
.w660_tb_type2 table tbody td.center{padding:7px 0px 7px 0; text-align: center}
.w660_tb_type2 table tbody td.left{padding:7px 0px 7px 10px; text-align: left}

/*w660_tb_type3*/
.w660_tb_type3{width: 100%; overflow: hidden}
.w660_tb_type3 span{display:block; width:100%; margin-top:20px; margin-bottom:10px; text-align: right;}
.w660_tb_type3 table{width:100%; table-layout: fixed; border-top:2px solid #666666; border-bottom: 1px solid #999999;}
.w660_tb_type3 table thead th{background-color:#f3f3f3 ; color: #444444; font-size: 12px; font-weight: bold; border-right: 1px solid #dddddd; border-bottom: 1px solid #aeaeae;}
.w660_tb_type3 table tbody th{padding-left: 10px!important; background-color: #f9f9f9;text-align: left!important; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; font-weight:normal}
.w660_tb_type3 table tbody tr.stress th{font-weight:bold;}
.w660_tb_type3 table tbody tr.emphasis th{font-weight:bold; color:#3d3f42}
.w660_tb_type3 table tbody tr.emphasis td{font-weight:bold; color:#555b61}
.w660_tb_type3 table tbody td{padding-right:10px; background-color:#ffffff; text-align: right!important; border-right: 1px solid #fff; border-bottom: 1px solid #fff}
.w660_tb_type3 table tbody td.left{text-align: left; padding-right:0; padding-left: 10px;}
.w660_tb_type3 table th.center{text-align: center; padding-right:0; padding-left: 0px;}
.w660_tb_type3 table td.right{text-align: right!important; padding-right:10px; padding-left: 0px;}
.w660_tb_type3 table tbody th.right{text-align: right!important; padding-right:10px; padding-left: 0px;}

/*w660_tb_type4*/
.w660_tb_type4{width: 660px; overflow: hidden;margin: 0!important;padding: 0!important;}
.w660_tb_type4 table{table-layout: fixed; width: 100%; font-size: 13px; border-top:2px solid #666666; border-bottom: 1px solid #999999;}
.w660_tb_type4 table thead th{padding:7px 0; border-top: 2px solid #555555; border-bottom: 1px solid #888888;}
.w660_tb_type4 table tbody tr td{padding:7px 0; text-align: center; border-bottom: 1px solid #d8d8d8;}
.w660_tb_type4 table tbody tr td.left{padding:7px 0 7px 20px; text-align: left;font-weight:bold}
.w660_tb_type4 table tbody tr td.left2{padding:7px 0 7px 20px; text-align: left}
.w660_tb_type4 table tbody tr td a{color: #666}
.w660_tb_type4 table tbody tr td a:HOVER{text-decoration: underline; color: #f47d31}

/*v_tb_type01*/
.v_tb_type01 table{table-layout:fixed; width:100%; border-top:2px solid #666666; border-bottom: 1px solid #999999;}
.v_tb_type01 table thead th{padding:7px 0;background-color:#f3f3f3; color:#444444; font-size:12px; font-weight:bold; border-right:1px solid #dddddd; border-bottom:1px solid #aeaeae}
.v_tb_type01 table tbody th{padding:7px 0 7px 10px; background-color:#f9f9f9; font-weight:bold; color:#444444; font-size:12px; text-align:left; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd  }
.v_tb_type01 table tbody td{padding:7px 0 7px 10px; color:#666; font-size:12px; text-align:left; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd  }
.v_tb_type01 table tbody td.colored{color: #666666}
.v_tb_type01 table tbody td.center{text-align:center;}


/*p_style_01*/
.p_style_01{ line-height:18px;padding-bottom:25px;color:#444 !important}
.p_style_01 p{margin: 0!important;}
.p_style_01 p.user {margin-top:25px !important} /* 추가 */
.p_style_01 strong{color:#3d3f42q;}
/*p_style_02*/
.p_style_02{ line-height:18px;padding-bottom:25px;color:#666; }
.p_style_02 p{margin: 0!important;}
/*d_list_01*/
.d_list_01{width:px; padding:28px 30px 20px; border:3px solid #eeeeee; }
.d_list_01 dl{overflow:hidden; width:594px;border-bottom:1px solid #eeeeee}
.d_list_01 dl.bbcolor{border-bottom:1px solid #f3f3f3;}
.d_list_01 dt, .d_list_01 dd{float:left}
.d_list_01 dt{line-height:54px; width:136px; padding-left:20px; font-size:16px; font-weight:bold; color:#f47d31}
.d_list_01 dd.pad10{padding:10px 0 8px 0;}
.d_list_01 dd.pad20{padding:20px 0 18px 0;}

/*btn_area right*/
.btn_area.right span.button.fix_icon.icon span{_margin-right:-6px}

.btn_area span.tail_bar{display:inline-block; margin-right:10px; padding-right:11px; background: url("../images/common/bl_gray_bar.gif") no-repeat right 50% ;}

/*graybox*/
.graybox{ }
.graybox p{margin-bottom:0!important;padding:19px 30px; background-color:#f2f2f2; color:#666; font-size:12px}
.graybox span{color:#f47d31;}


/*highlight_post_area*/
.highlight_post_area{overflow: hidden; width: 660px; padding-bottom: 25px}
.highlight_post_area dl{overflow:hidden; float:left;}
.highlight_post_area dl dt{margin-right:20px;}
.highlight_post_area dl dt,.highlight_post_area dl dd{float: left}
.highlight_post_area dl dd{margin-top: -1px;}
.highlight_post_area dl dd h4{line-height: 12px; margin-bottom: 4px; font-weight: bold; color:#555;}
.highlight_post_area dl dd p {overflow:hidden;width:180px; height:28px; line-height: 14px; margin-bottom:13px; color: #777; font-size:12px; text-overflow:ellipsis;}
.highlight_post_area dl dd span.readmore{display:inline-block; padding-right:8px; font-size: 11px; color: #666; background: url("../images/common/bl_right_arrow_small_orange.gif") no-repeat right 50%;}

/*search_area*/
.search_area{ width:660px; padding:17px 0;  background-color:#f0f0f0; }
.search_area .jquery-selectbox{margin-right:5px; vertical-align:top; }
.search_area .inp_base{margin: 0; margin-right:5px!important;vertical-align: top;  _padding:5px 5px 5px 7px;}
.search_area .btn_orange{_margin-top:1px;}

/*financial_news_view*/
.financial_news_view{overflow: hidden; width:650px; padding-left: 10px; padding-top:13px;}
.financial_news_view{height:1%; height:auto; overflow:hidden; border-top: 2px solid #555;}
.financial_news_view p{float: left}
.financial_news_view h3.wrap_ttl{float:left;width:569px; line-height:24px!important; margin: 0px 0px 20px 15px!important; font-size: 18px!important;}

.financial_news_view p.wrap{display:block;overflow:hidden; width: 46px; height: 66px; padding:0 10px; background-color: #989b9d; color: #fff; text-align: center;}
.financial_news_view p.wrap em{display:inline-block; font-size: 12px; margin-top: 15px;}
.financial_news_view span.counting{display:inline-block; font-size: 30px; margin-top: 10px;font-weight: bold;}

.financial_news_view div.filedownload{clear:both; width:100%; height:33px; overflow:hidden; line-height:33px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #888888;}
.financial_news_view div.filedownload a{display:inline-block; width:500px; padding:0; padding-left:33px; background: url("../images/common/ico_pdf.gif") no-repeat 10px 50%;}
.financial_news_view div.filedownload{width:auto;padding: 0;}


.financial_news_view img{ margin-top:20px; margin-bottom: 20px;}

/*prev_next*/
.prev_next{width:660px; margin-top: 15px}
.prev_next ul{width: 100%; border-bottom: 1px solid #888; border-top: 1px solid #888}
.prev_next ul li.prev{border-bottom: 1px solid #d8d8d8}
.prev_next ul li a{display: block; width: 100%; height: 100%; line-height:33px; padding-left: 37px;}
.prev_next ul li.prev a{background: url("../images/common/bl_box_up.gif") no-repeat 10px 50%;}
.prev_next ul li.prev a:hover{background: url("../images/common/bl_box_up_h.gif") no-repeat 10px 50%; text-decoration: underline; color: #f47d31}
.prev_next ul li.next a{background: url("../images/common/bl_box_down.gif") no-repeat 10px 50%;}
.prev_next ul li.next a:hover{background: url("../images/common/bl_box_down_h.gif") no-repeat 10px 50%; text-decoration: underline; color: #f47d31}

/*download_em*/
.download_em{width:100%;overflow:hidden;padding: 0 0 8px 0}
.download_em a.pdf{display:inline-block;float:left; padding:0; padding-left:33px; text-align: left; background: url("../images/common/ico_pdf.gif") no-repeat 10px 50%;}
.download_em a.doc{display:inline-block;float:left; padding:0; padding-left:33px; text-align: left; background: url("../images/common/ico_doc.gif") no-repeat 10px 50%;}
.download_em a.xls{display:inline-block;float:left; padding:0; padding-left:33px; text-align: left; background: url("../images/common/ico_xls.gif") no-repeat 10px 50%;}
.download_em a.ppt{display:inline-block;float:left; padding:0; padding-left:33px; text-align: left; background: url("../images/common/ico_ppt.gif") no-repeat 10px 50%;}
.download_em em{display:inline-block; float:right; text-align: right}
.download_em p{margin: 0!important;color: #777;}
.download_em p span{color:#f47d31;}

/*title_page*/
.title_page h2{margin: 0; padding:0 0 8px 0!important; font-size: 16px!important; color: #333!important;}
.title_page h3{margin: 0!important; padding:0 0 8px 0!important; font-size: 16px!important; color: #333!important;}
.title_page_r h3{margin: 0!important; padding:0 0 8px 0!important; font-size: 13px!important; color: #333!important;}

/*title_content*/



/*=============================================service=============================================*/

/* severity_list */
.severity_list{clear:both; width: 350px;margin-bottom: 40px;}
.severity_list li{float: left;position:relative;margin-left:3px}
.severity_list li a img{_padding:0 0 1px 0}
.severity_list li div.tips{position: absolute; left:42%; top:-46px;}
.severity_list li div.tips p{white-space: nowrap;}

/*position_pictogram*/
.position_pictogram{width: 350px; height:80px; border: 1px solid #d8d8d8; margin-bottom: 40px;}
.position_pictogram dl{}
.position_pictogram dl dd{float:left; width:90px; padding:8px 0px 10px 20px; text-align: left;}
    /*20121029 fix*/
.position_pictogram dl dd p{padding: 0!important; color: #333333;}
.position_pictogram dl dd ul{margin-top: 2px;}
.position_pictogram dl dd ul li{padding-left: 22px; font-size: 11px;}
.position_pictogram dl dd ul li.orange_tire{background: url("../images/services/bl_orange_tire.gif") no-repeat left 50%;}
.position_pictogram dl dd ul li.blue_tire{margin-top:2px;background: url("../images/services/bl_blue_tire.gif") no-repeat left 50%;}
.position_pictogram dl dt{float: left; padding-left: 30px; text-align: left;}
    /*//20121029 fix*/
    
/*g_partners*/
.g_partners{padding-bottom: 25px}
.g_partners p img{margin-bottom: 10px;}
.g_partners p a{border:0;padding-left:8px;color:#666666;font-size:12px;background:url("../images/common/bl_left_arrow_small_gray.gif") no-repeat left 6px}

/*down_docs*/
.down_docs{margin-bottom: 40px;}

/*.top_table_zone*/
.top_table_zone {overflow:hidden;height:1%;margin-top: -29px;}
.top_table_zone .moreview{float:right;margin:0 0 8px 0;padding-right:10px;color:#666666;background:url("../images/services/bl_right_arrow_r.gif") no-repeat right 50%;}

/*modal_popup*/
.mw{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%}
.mw h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #d8d8d8;color:#333333;font-size:18px;text-align:left;}

.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw .fg{position:absolute;top:50%;left:50%;margin:-169px 0 0 -306px;padding:20px;background:#fff}
.mw .fg a{position:absolute;right:10px;top:10px; width:16px; height:16px; background: url("../images/common/btn_x.gif");}
.mw .fg a:hover{background: url("../images/common/btn_x_hover.gif");}

* html .mw .fg{margin:10% 0 0 -25% !important;border:1px solid #ccc}
.mw .fg p.closebtn a{position:absolute;right:20px;top:17px; width:16px; height:16px; background: url("../images/common/btn_x.gif");}
.mw .fg p.closebtn a:hover{background: url("../images/common/btn_x_hover.gif");}


.mw2{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:70;width:100%;height:100%}
.mw2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw2 .fg{position:absolute;top:50%;left:50%;margin:-169px 0 0 -306px;padding:20px;background:#fff}
.mw2 .fg a{position:absolute;right:10px;top:10px; width:16px; height:16px; background: url("../images/common/btn_x.gif");}
.mw2 .fg a:hover{background: url("../images/common/btn_x_hover.gif");}
#purchase td > a {position:static; width:auto; height:auto; background:none}

/*customer-center search area*/
.bx_gray{width:600px;padding:16px 30px 18px; background-color: #f0f0f0;}
.bx_gray .jquery-selectbox.jquery-custom-selectboxes-replaced {margin-right:4px}
.bx_gray*{vertical-align: middle!important;zoom:1}
.bx_gray .inp_base{vertical-align: top!important;}
.bx_gray .button{margin-left:3px; /*margin-top: 1px\9; margin-top: 0px\0/IE9*/}
.bx_gray .button input{_margin-top: -1px}
@-moz-document url-prefix(){.bx_gray .button{margin-top:0; margin-left: 3px;}}

/* tab_content */
.tab_content {width:654px;margin-bottom:20px;vertical-align:top;background:url("../images/common/bg-tabcontent.gif") repeat-x left top;vertical-align:bottom; position: relative;}
.tab_content ul li {float:left; margin: 5px 4px 0 5px;}
.tab_content ul li div{position: absolute; left:0px; top:56px; width:594px; padding:20px 30px; border: 3px solid #eeeeee;}
.tab_content ul li div h4{border-top: 1px solid #eeeeee; padding-top: 30px}
.tab_content ul li div p.align_center{text-align: center;}
.tab_content ul li div p.align_center img{margin-top: 40px;}
.tab_content ul li span {display:block;position:relative;}
.tab_content ul li span a {display:block;padding:0 10px;line-height:31px;font-size:13px;color:#888888;font-weight:bold;text-align:center}
.tab_content ul li.on span {border-top:1px solid #BBBBBB;background:#fff url("../images/investors/bg_dot_gray.gif") repeat-y left top}
.tab_content ul li.on span a {color:#f47d31;line-height:30px;background:url("../images/investors/bg_dot_gray.gif") repeat-y right top}


.italic_notice{display:block; padding-bottom:10px;font-style: italic; font-weight: bold; font-size:13px; color: #444;}

/*bold_ol*/
._ol {padding-left: 18px;*padding-left:22px;}
._ol ol{list-style:decimal; padding-bottom:25px}
._ol ol li ol{padding-top: 6px!important; padding-left:10px; padding-bottom:10px; list-style: upper-alpha;}
._ol ol li ol li ol{padding-top: 6px!important; padding-left:10px; padding-bottom:10px; list-style: lower-alpha;}

/*comp_01*/
.comp_01{}
.comp_01 .left_area{position: relative; float: left; width:425px; height:223px;}
.comp_01 .left_area img{position:absolute; left: 0; top: 0;}
.comp_01 .right_area{position: relative; float: left; width:425px; min-height:222px; margin-left:30px;}
.comp_01 .right_area em{font-size: 24px; color:#222; padding-left: 30px; }
.comp_01 .right_area ul{/*position: relative;*/width:1725px;min-height:200px; margin-top: 30px} /* ie6,7 에서 position:relative; 와 overflow:hidden; 을 같이 사용하면 생기는 버그로 인해 position 주석처리 함 */
.comp_01 .right_area ul li{float:left;width:330px; min-height:200px;margin-right:15px; overflow: hidden;}
.comp_01 .right_area ul li strong{display:inline-block;line-height:1; padding-top:20px; font-size: 15px; color: #555b61;}
.comp_01 .right_area ul li p{width:330px; margin: 0; margin: 8px 0 0 0 }
.comp_01 .right_area a{display: block; position: absolute; width:11px; height:21px;}
.comp_01 .right_area a.right{left:381px; top:84px; background: url("../images/passenger-cars-tires/tire-pattern-ctrl-right-off.png") left top no-repeat;}
.comp_01 .right_area a.right:hover{background: url("../images/passenger-cars-tires/tire-pattern-ctrl-right-on.png") left top no-repeat;}
.comp_01 .right_area .none a.right:hover{background: url("../images/passenger-cars-tires/tire-pattern-ctrl-right-off.png") left top no-repeat;}
.comp_01 .right_area a.left{left:0; top:84px; background: url("../images/passenger-cars-tires/tire-pattern-ctrl-left-off.png") left top no-repeat;}
.comp_01 .right_area a.left:hover{background: url("../images/passenger-cars-tires/tire-pattern-ctrl-left-on.png") left top no-repeat;}
.comp_01 .right_area .none a.left:hover{background: url("../images/passenger-cars-tires/tire-pattern-ctrl-left-off.png") left top no-repeat;}


/*tire_structure*/
.tire_structure{margin:0 0 0 0!important;}
.tire_structure ul{overflow:hidden; width:346px; height:252px; margin: 0 auto;}
.tire_structure ul li{float: left; position: relative;  width:326px}
.tire_structure div.description{padding-top:30px;border-top:1px solid #eeeeee; text-align: left}
.tire_structure div.description div{}
/*=============================================//service===============
==============================*/

/*main_gateway popup*/
#world_nations h4{font-size: 16px;padding:0 0 10px 0;margin-bottom: 10px!important;}
.w800{width: 800px}
.worldmap{position:relative; width:800px; height:310px;}
/*2012-12-01*/
.worldmap img{z-index:500}
.worldmap .wm_btn {position:absolute;display:block!important;}
.worldmap .wm_btn span{over-flow:hidden;white-space:nowrap;opacity:0}
.worldmap .wm_btn.na {left:192px;top:82px;width:56px;height:38px;z-index:9999}
.worldmap .wm_btn.na span{display:block;width:56px;height:38px}
.worldmap .wm_btn.la {left:267px;top:194px;width:56px;height:29px;z-index:9999}
.worldmap .wm_btn.la span{display:block;width:56px;height:29px}
.worldmap .wm_btn.eu {left:475px;top:65px;width:73px;height:27px;z-index:9999}
.worldmap .wm_btn.eu span{display:block;width:73px;height:27px}
.worldmap .wm_btn.mea {left:379px;top:153px;width:73px;height:31px;z-index:9999}
.worldmap .wm_btn.mea span{display:block;width:73px;height:31px}
.worldmap .wm_btn.ap {left:494px;top:117px;width:88px;height:24px;z-index:9999}
.worldmap .wm_btn.ap span{display:block;width:88px;height:24px}
.worldmap .wm_btn.cis {left:560px;top:63px;width:39px;height:24px;z-index:9999}
.worldmap .wm_btn.cis span{display:block;width:39px;height:24px}

.wMap0{background:url('../images/common/hankook-tire-worldmap.gif') no-repeat left top} 
.wMap1{background:url('../images/common/hankook-tire-worldmap-north-america.gif') no-repeat left top;}
.wMap2{background:url('../images/common/hankook-tire-worldmap-latin-america.gif') no-repeat left top;}
.wMap3{background:url('../images/common/hankook-tire-worldmap-europe.gif') no-repeat left top;}
.wMap4{background:url('../images/common/hankook-tire-worldmap-middle-east-africa.gif') no-repeat left top}
.wMap5{background:url('../images/common/hankook-tire-worldmap-asia-pacific.gif') no-repeat left top}
.wMap6{background:url('../images/common/hankook-tire-worldmap-cis.gif') no-repeat left top;}

/*//2012-12-01*/
.worldflag{margin-top: 20px; text-align:left}
.worldflag ul li{float: left; width: 266px; margin-bottom:8px}
.worldflag ul li a{position: static!important; background: none!important;}
.worldflag ul li a:hover{position: static!important; background: none!important;text-decoration: underline; color:#f47d31 }
.worldflag ul li img{margin-right:10px }
.gotosite{text-align:right!important;}
.gotosite a{position:static!important; padding-right:10px; background:url("../images/common/bl_arrow_orange.png") no-repeat right 50%!important; color: #666}

/*2012-12-01*/
.worldmap .wm_btn {position:absolute;display:block;text-indent:-9999px;background-image:none!important}
/*//2012-12-01*/


.gray_list{width:275px;height:216px;padding:20px;background-color: #f0f0f0;}
.gray_list dt{margin-bottom: 25px;}
.gray_list dd{color: #666;}
.gray_list dd strong{display:block;margin-bottom:13px;color:#333;font-size: 14px}
.gray_list dd ul li{margin-bottom:11px;padding-left:10px;background: url("../images/investors/bl_black_circledot.gif") no-repeat left 7px;}
.gray_list dd ul li p{margin-bottom:0!important;font-size: 11px;line-height: 14px;}

/*bdtb*/
.mgb22{margin-bottom: 22px}
.bdtb{height:33px;line-height:33px;margin-bottom:0!important;border-top:2px solid #666666;border-bottom:1px solid #aeaeae;color: #444444; font-size: 12px; font-weight:bold;}
.h256{height: 246px; padding-top: 20px;}
.h256 li{float:left;width:200px;height: 194px;} 
.h256 li p{width:178px;height: 184px;padding:10px 10px 0px 10px; margin-bottom:0!important; border: 1px solid #d7d9da;}
.h256 li a{font-weight: bold;font-size: 11px; margin-top: 10px;}
.bdb1{margin-bottom:0; border-bottom: 1px solid #d8d8d8}
.bdb2{margin-bottom:0; border-bottom: 1px solid #888888}

/*regrooving_data*/
.reg_left{float: left; margin-right:30px; width:425px;}
.reg_right{float: left; border: 1px solid #dddddd; width:373px;padding:23px 25px;}
.reg_right .parbase div img {width:100%;}
.reg_right dl{float:left;}
.reg_right dl dd{width:176px;margin-top:20px;color:#404040; font-size: 14px; font-weight: bold; text-align: center;}

/*tire guide motion*/
.italic_f{display:block; margin-top:30px; color:#444; font-style: italic; font-weight:bold; font-size:13px;}

/*tire guide motion 관련 스타일*/

#winter_tire_animate{position:relative;height:300px; width: 660px; background-color:#f0f0f0;}
#winter_tire_animate div{position: absolute;zoom:1}
#winter_tire_animate div img{ vertical-align: top;}
.play_btn_poz{right:17px; top:17px;}
.reset_btn_poz{display:none; right:17px; top:17px;}
.winter_poz{left:14px; top:10px;}
.summer_poz{left:14px; top:160px;}
.hori_poz1{left:46px; top:137px}
.hori_poz2{left:46px; top:287px}
.vertical_poz1{left:270px; top:70px; overflow:hidden;}
.vertical_poz2{left:270px; top:220px; overflow:hidden;}
.brake_btn_poz1{left:229px; top:34px}
.brake_btn_poz2{left:229px; top:187px}
.animate_car_poz1{left:55px; top:113px;}
.animate_car_poz2{left:55px; top:263px;}
.arrow_poz1{left:273px; top:114px; overflow:hidden;}
.arrow_poz2{left:273px; top:252px; overflow:hidden;}


/*tire guide motion*/
.italic_f{display:block; margin-top:30px; color:#444; font-style: italic; font-weight:bold; font-size:13px;}

/*tire guide motion 관련 스타일*/

#winter_tire_animate{position:relative;height:300px; width: 660px; background-color:#f0f0f0;}
#winter_tire_animate div{position: absolute;zoom:1}
#winter_tire_animate div img{ vertical-align: top;}
.play_btn_poz{right:17px; top:17px;}
.reset_btn_poz{display:none; right:17px; top:17px;}
.winter_poz{left:14px; top:10px;}
.summer_poz{left:14px; top:160px;}
.hori_poz1{left:46px; top:137px}
.hori_poz2{left:46px; top:287px}
.vertical_poz1{left:270px; top:70px; overflow:hidden;}
.vertical_poz2{left:270px; top:220px; overflow:hidden;}
.brake_btn_poz1{left:229px; top:34px}
.brake_btn_poz2{left:229px; top:187px}
.animate_car_poz1{left:55px; top:113px;}
.animate_car_poz2{left:55px; top:263px;}
.arrow_poz1{left:273px; top:114px; overflow:hidden;}
.arrow_poz2{left:273px; top:252px; overflow:hidden;}

/*animate_rotate*/
#animate_rotate {position: relative;}
#animate_rotate .tab_content {width:660px;margin-bottom:20px;vertical-align:top;background:url("../images/common/bg-tabcontent.gif") repeat-x left top;vertical-align:bottom; position: relative;}
#animate_rotate .tab_content ul li {float:left; margin: 5px 4px 0 5px;}
#animate_rotate .tab_content ul li div{position: absolute; left:0px; top:56px; width:594px; padding:20px 30px; border: 3px solid #eeeeee;}
#animate_rotate .tab_content ul li div.no_bd{position: absolute; left:0px; top:28px; width:594px; height:300px; padding: 0; border: 0;}
#animate_rotate .tab_content ul li div p.align_center{text-align: center;}
#animate_rotate .tab_content ul li div p.align_center img{margin-top: 40px;}
#animate_rotate .tab_content ul li span {display:block;position:static;}
#animate_rotate .tab_content ul li span a {display:block;padding:0 10px;line-height:31px;font-size:13px;color:#888888;font-weight:bold;text-align:center}
#animate_rotate .tab_content ul li span a:hover {color:#f47d31; text-decoration:underline}
#animate_rotate .tab_content ul li.on span {border-top:1px solid #BBBBBB;background:#fff url("../images/investors/bg_dot_gray.gif") repeat-y left top}
#animate_rotate .tab_content ul li.on span a {color:#f47d31;line-height:30px;background:url("../images/investors/bg_dot_gray.gif") repeat-y right top}

#animate_rotate .rotate_btn_poz{position: absolute; left:543px; top:74px;}
#animate_rotate .reset_btn_poz{display:none; position: absolute; left:543px; top:74px;}


#animate_rotate_fwd,#animate_rotate_rwd,#animate_rotate_4wd,#animate_rotate_dt{position:relative;}

#animate_rotate .f1,.f2,.r1,.r2{width:107px;height:35px;padding:0!important;border: 0!important;}


#animate_rotate #animate_rotate_fwd .f1{left:170px;top:73px}
#animate_rotate #animate_rotate_fwd .f2{left:170px;top:196px}
#animate_rotate #animate_rotate_fwd .r1{left:350px;top:73px}
#animate_rotate #animate_rotate_fwd .r2{left:350px;top:196px}

#animate_rotate #animate_rotate_rwd .f1{left:170px;top:73px}
#animate_rotate #animate_rotate_rwd .f2{left:170px;top:196px}
#animate_rotate #animate_rotate_rwd .r1{left:350px;top:73px}
#animate_rotate #animate_rotate_rwd .r2{left:350px;top:196px}

#animate_rotate #animate_rotate_4wd .f1{left:170px;top:73px}
#animate_rotate #animate_rotate_4wd .f2{left:170px;top:196px}
#animate_rotate #animate_rotate_4wd .r1{left:350px;top:73px}
#animate_rotate #animate_rotate_4wd .r2{left:350px;top:196px}

#animate_rotate #animate_rotate_dt .f1{left:170px;top:73px}
#animate_rotate #animate_rotate_dt .f2{left:170px;top:196px}
#animate_rotate #animate_rotate_dt .r1{left:350px;top:73px}
#animate_rotate #animate_rotate_dt .r2{left:350px;top:196px}


/* balance_motion */
.balance_motion {border-left:1px solid #fbfbfb;background-color:#f0f0f0}
.balance_motion .inner {position:relative;width:627px;height:219px;padding:38px 13px;border:3px solid #eeeeee}
.balance_motion .inner .data {position:relative;width:309px;height:219px;margin-left:144px;background:url("../images/tires-services/bg_balance_motion.jpg") no-repeat 65px 13px}
.balance_motion .inner .dataline {position:absolute;left:0;top:108px;line-height:0}
.balance_motion .data .green, .balance_motion .data .orange {position:absolute;left:0;width:44px;margin-bottom:0;padding:10px 25px;font-weight:bold;color:#fff !important}
.balance_motion .data .green em, .balance_motion .data .orange em {display:block;font-weight:bold}
.balance_motion .data .green {top:0;background-color:#afb100}
.balance_motion .data .orange {bottom:0;background-color:#f47d31}
.balance_motion .btn {position:absolute;right:13px;bottom:13px}
.balance_motion .btn_balance {position:absolute;right:13px;top:14px}




.globalNetwork,.globalNetwork2{position: relative; width:660px;height:365px;}
.globalNetwork a{position: absolute;}
.globalNetwork a#mark_ahq{left:85px;top:119px;}
.globalNetwork a#mark_chq{left:439px;top:136px;}
.globalNetwork a#mark_euhq{left:469px;top:36px;}
.globalNetwork a#mark_ghq{left:544px;top:105px;}
.globalNetwork a#mark_overseas{left:242px;top:179px;}
.globalNetwork img,.globalNetwork2 img{position: absolute; left: 0; top:0;}
.globalNetwork2 span.btn_poz{display:none;position: absolute;left:16px;top:16px;}
.office_data_wrap{display:none}
#all_office_data{display: block;}
.office_data{position:relative;width:660px; height:38px;margin-top:30px;border-bottom: 2px solid #666;} /* border-top 삭제, border-bottom 수정, hieght 수정 2014-01-02 */
/* .office_data h4{position: absolute; left:10px; top:15px; color:#777777; font-size: 12px; } h4 -> h3 변경 */
.office_data h3{position: absolute; left:10px; top:15px; color:#777777; font-size: 12px; }
.office_data em{position: absolute;right:10px; top:23px;}
.office_data2{border-bottom: 1px solid #d8d8d8;}/* border 컬러 수정 */
.office_data2 dl{float:left;width:310px;padding:15px 10px 15px 0; font-size: 12px;} /* padding-left 수정 */
.office_data2 dl.last{border-bottom-width:0px}
.office_data2 dt{color:#333;font-weight: bold}
.office_data2 dd{color:#666;}
.office_data2 .officeData_line {display:block;width:100%;border:0;border-bottom:1px solid #d8d8d8;}

/* about hankoot tire */
div.ovview li span{display:inline-block;width:113px}/* width 수정*/

/* history */
.tab_wrap {position:relative;padding-top:1px;}

/* tab contents */
.tab_wrap {position:relative;padding-top:1px;}
/* .tab_wrap h3 {position:absolute;top:0;margin:0;padding:0;border-top:4px solid #cccccd;text-align:center} 삭제 */
/*
.tab_wrap h3 a {display:block;color:#666;font-size:12px;}
.tab_wrap h3 a:hover {text-decoration:none;}
.tab_wrap h3.on {border-top-color:#f47d31}
.tab_wrap h3.on a {color:#f47d31;}
.tab_wrap h3.tab_m01 {left:0;width:116px;}
.tab_wrap h3.tab_m02 {left:117px;width:116px;}
.tab_wrap h3.tab_m03 {left:234px;width:116px;}
.tab_wrap h3.tab_m04 {left:351px;width:116px;}
h3를 p로 변경
*/
.tab_wrap p a {display:block;color:#666;font-size:12px;}
.tab_wrap p a:hover {text-decoration:none;}
.tab_wrap p.on {border-top-color:#f47d31}
.tab_wrap p.on a {color:#f47d31;}
.tab_wrap p.tab_m01 {left:0;width:116px;}
.tab_wrap p.tab_m02 {left:117px;width:116px;}
.tab_wrap p.tab_m03 {left:234px;width:116px;}
.tab_wrap p.tab_m04 {left:351px;width:116px;}
.tab_wrap .tab_cont {display:none;margin-top:126px;padding-top:30px;border-top:1px solid #d8d8d8;}

/* history */
/*
.history_wrap h3 {text-align:center;}
.history_wrap h3 a strong {margin-bottom:5px;margin:10px 0;padding:0 0 0 3px;display:block;border-right:1px solid #cccccc;}
.history_wrap h3 a span {display:block;min-height:60px;height:auto !important;height:60px;padding-left:3px;padding-bottom:6px;line-height:18px;font-weight:normal;}
.history_wrap h3.on a strong {color:#f47d31}
.history_wrap h3.on a span {color:#f47d31;background:url("/kr/images/common/bl_bottom_arrow_small_orange.gif") no-repeat center bottom;}
.history_wrap h3.tab_m01 {position:absolute; top:1px; left:0;width:116px;}
.history_wrap h3.tab_m02 {position:absolute; top:1px; left:117px;width:110px;}
.history_wrap h3.tab_m03 {position:absolute; top:1px; left:228px;width:110px;}
.history_wrap h3.tab_m04 {position:absolute; top:1px; left:339px;width:109px;}
.history_wrap h3.tab_m05 {position:absolute; top:1px; left:449px;width:110px;}
.history_wrap h3.tab_m06 {position:absolute; top:1px; left:560px;width:100px;}
.history_wrap h3.last a strong {border-right:0}
.pattern660_l .tab_wrap > p{padding:0; border-top:4px solid #cccccd; border-bottom:4px solid #cccccd}
.pattern660_l .tab_wrap > p.on{padding:0; border-top:4px solid #f47d31; border-bottom:4px solid #f47d31}
h3를 p로 변경으로 인한 삭제 */
.history_wrap > p {text-align:center;}
.history_wrap p a strong {margin-bottom:5px;margin:10px 0;padding:0 0 0 3px;display:block;border-right:1px solid #cccccc;}
.history_wrap p a span {display:block;min-height:60px;height:auto !important;height:60px;padding-left:3px;padding-bottom:6px;line-height:18px;font-weight:normal;}
.history_wrap p.on a strong {color:#f47d31}
.history_wrap p.on a span {color:#f47d31;background:url("/kr/images/common/bl_bottom_arrow_small_orange.gif") no-repeat center bottom;}
.history_wrap p.tab_m01 {position:absolute; top:1px; left:0;width:116px;}
.history_wrap p.tab_m02 {position:absolute; top:1px; left:117px;width:110px;}
.history_wrap p.tab_m03 {position:absolute; top:1px; left:228px;width:110px;}
.history_wrap p.tab_m04 {position:absolute; top:1px; left:339px;width:109px;}
.history_wrap p.tab_m05 {position:absolute; top:1px; left:449px;width:110px;}
.history_wrap p.tab_m06 {position:absolute; top:1px; left:560px;width:100px;}
.history_wrap p.last a strong {border-right:0}
/* .history_wrap .history_global_top{padding-bottom:30px} padding 수정 */
.history_wrap .history_global_top{padding-bottom:20px}
.history_wrap .history_global_top p{padding:0}
.pattern660_l .tab_wrap > p{padding:0; border-top:4px solid #cccccd; border-bottom:4px solid #cccccd}
.pattern660_l .tab_wrap > p.on{padding:0; border-top:4px solid #f47d31; border-bottom:4px solid #f47d31}
.tab_wrap.history_wrap .tab_cont{padding-top:0;margin-top:43px;border-top:0}
/* .history_wrap .history_event_list li{display:inline-block;float:none;margin:0 4px 10px 0;vertical-align:top;} display 수정 */
.history_wrap .history_event_list li{display:inline-block; *display:inline; *zoom:1; float:none; margin:0 4px 10px 0;vertical-align:top;}
.history_wrap .history_event_list li h5{font-size:12px}
.tab_wrap.history_wrap .tab_cont p.tab_desc{padding:0 0 7px 0;border-bottom:1px solid #d8d8d8;color:#f47d31;font-size:14px;font-weight:bold}

/* Organization */
h2.tit {font-size: 16px !important;}
.text-justfi {text-align: justify;}
.graph_area{height: 366px;background: #f4f4f4;border: 1px solid #f4f4f4;position: relative}
/* .graph_area .left_box{position: absolute;top: 147px;left: 20px} top 수정 */
.graph_area .left_box{position: absolute; z-index:1; top:26px; left: 20px}
.graph_area .right_bg .top_box{padding: 25px 0 0 30px}
.graph_area .right_bg{background: #fff;width: 373px;height: 364px;position: absolute;top: 1px;right: 1px}
/* .graph_area .grapth-img{position: absolute;top: 127px;left: -65px} top left 수정 */
.graph_area .grapth-img{position: absolute;top: 135px; left:-163px}
.graph_area .txt{margin: 0;color: #444444;font-family: dotum;font-size: 12px;font-weight: bold}

/* global network */
.globalNetwork a#mark_ahq,
.globalNetwork a.mark_ahq{left:43px;top:120px}
.globalNetwork a#mark_chq,
.globalNetwork a.mark_chq{left:370px;top:122px}
.globalNetwork a#mark_euhq,
.globalNetwork a.mark_euhq{left:368px;top:30px}
.globalNetwork a#mark_ghq,
.globalNetwork a.mark_ghq{left:511px;top:86px}
.globalNetwork a#mark_khq,
.globalNetwork a.mark_khq{left:514px;top:137px}
.globalNetwork a#mark_overseas,
.globalNetwork a.mark_overseas{left:359px;top:184px}
.globalNetwork img,.globalNetwork2 img{position: absolute; left: 0; top:0;}
.globalNetwork2 span.btn_poz{display:none;position: absolute;left:16px;top:16px;}

/* Corporate Governance */
.invest_navi.gov-tab{height:50px}
.invest_navi.gov-tab li{height:50px;;margin-right:0; } /* background 추가 */
.invest_navi.gov-tab li:first-child {background:none}
.invest_navi.gov-tab li h2 a{height:48px;line-height:1.2;display:table-cell;vertical-align:middle;text-align:center;display:table-cell;*display:block; }
.invest_navi.gov-tab li h2 a:hover {color:#f47d31; text-decoration:underline} /* hover 추가 */ 
.invest_navi.gov-tab li.on h2 a{line-height:1.2}
.invest_navi.gov-tab li h2 a span{background:0;border:0;*display:block;vertical-align:middle;*margin-top:expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0")}
.gov-indent li{text-indent:-20px;padding-left:20px; line-height:20px}
.gov-indent2 li{text-indent:-12px;padding-left:12px}
.gov-indent3 li{text-indent:-7px;padding-left:7px}

/* top managemont */
.manage_list{margin-top:-1px;border-bottom:1px solid #d1d1d1}
.manage_list:first-child{border-top:1px solid #d1d1d1}
.manage_list .img-text{width:100%;height:170px;}
.manage_list .img-text .thumb{float:left;margin-top:40px;}
.manage_list .img-text .text-area{position:relative;float:right;width:185px;height:170px}
.manage_list .img-text .text-area h3{margin:25px 0 9px;padding:0}
.manage_list .img-text .text-area p{margin-bottom:0}
.manage_list .img-text .text-area .view_more{position:absolute;font-size:11px;bottom:5px;right:10px;padding-right:10px;background:url('/kr/images/common/bl_bottom_arrow_small_orange.gif') 100% 6px no-repeat}
.manage_list .img-text .text-area .view_more a{color:#333}
.manage_list .on .img-text .text-area .view_more{background:url('../images/common/bl_top_arrow_small_gray.gif') 100% 6px no-repeat}
.manage_list .slide_area{display:none;width:285px;padding:13px 15px 70px;background:#f9f9f9}
.manage_list .indent-11{padding-left:11px;text-indent:-11px}
.bt_none{border-top:none !Important}

/* brand campaign */
.video_area_box a {position:relative;display:block;width:100%;height:100%;}
.video_area_box a span {display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:url('../images/common/btn_movie_area.png') center center no-repeat;overflow:hidden;text-indent:-100px;}
.video_area_box a:hover span {background-image:url('../images/common/btn_movie_area_on.png');}

/* brand-campaign */
.video_area_box{position:relative;width:325px;height:183px;margin-bottom:40px;overflow: visible;}
.campaign_video_list ul{overflow:hidden;}
.campaign_video_list li{float:left;width:325px;margin:0 0 10px 10px;}
.campaign_video_list li.first{margin-left:0;}
.campaign_video_list li a{display:block;margin-bottom:7px;}
/* .video_area_box strong{position:absolute;top:195px;left:0} top 수정 */
.video_area_box strong{position:absolute;top:192px;left:0}

/* list-style-type */
.li_style_01 {list-style-type:disc}
.li_style_01 li {margin-left:16px}
.li_style_02 {text-indent:-8px; line-height:20px}
.li_style_02 li {margin-left:14px; padding-left:12px; list-style-type:disc}
.li_style_03 {margin-left:-5px; /* text-indent:-30px; */ line-height:20px}
.li_style_03 li span {display:inline-block; *display:inline; float:left; width:30px; text-align:right}
.li_style_04 {text-indent:-8px; line-height:20px}
.li_style_04 li {margin-left:14px; padding-left:2px;}

/* bold */
.bold {font-weight:bold !important}

/* black */
.black01 {color:#666 !important}

/* line-height */
.h_line01 {line-height:24px}

/* indent */
.indent_style01 {padding-left:13px !important; text-indent:-13px; line-height:20px}
.indent_style02 {padding-left:8px; text-indent:-8px; line-height:20px}
.indent_style03 {padding-left:19px !important; text-indent:-13px; line-height:20px}
.indent_style04 {display:inline-block; *display:inline; float:none !important; width:auto !important; margin-left:30px; text-align:left}
.indent_style05 {padding-left:13px !important; text-indent:-18px; line-height:20px}

/* color */
.fc_org {color:#f47d31 !important}

/* h */
.justfyAligns {float:left; width:140px}
.units {padding-left:120px}

/* etc */
.pa_style01 {padding-bottom:37px !important; }
.letter_style01 {letter-spacing:-1px}

/* notice_data */
.notice_data {font-size:12px; margin-left:8px}

/* dot */
.dot {padding-left:15px;color:#666666;font-size:12px;background:url("../images/common/bl_dot_gray.gif") no-repeat left 7px}

@charset "utf-8";

/* company */
ul.ovview li span{display:inline-block;width:100px}
.box_type1 {padding:15px;background-color:#f5f5f5;}
.num_img .num1 {padding-left:36px; background:url('../images/common/hankook-company-technology-num01-small.gif') no-repeat left top}
.num_img .num2 {padding-left:36px; background:url('../images/common/hankook-company-technology-num02-small.gif') no-repeat left top}
.num_img li > h4 {padding-top:5px}

.thumb_type1 li{overflow:hidden;}
.thumb_type1 li:first-child{margin-bottom:20px;}
.thumb_type1 li .imgBox{float:left;width:150px;}
.thumb_type1 li .txt_cont{float:right;width:155px;}
.thumb_type1 li .txt_cont h4{margin:0 0 6px 0 !important;}
.thumb_type1 li .txt_cont p{margin:0 !important;}

.imgBox_coll {padding:50px 0 10px 0}
.coll_box_style01 {padding-bottom:18px !important}

/* about-hankook-tire */

/* h */
.h4_style01 {font-size:12px !important}

/* padding */
.pb10 {padding-bottom:10px !important}

/* graph */
.paragraph {padding-bottom:40px !important}

.title_page {position:relative; *zoom:1}

/* ul */
ul.line_style01 {line-height:20px}

.left_box > ul > li {font-size:12px; color:#666; line-height:20px}
.top_box > ul > li {font-size:12px; color:#666; line-height:20px}

.title_page h2.tit {
    font-size: 18px !important;
    font-family: Arial;
    color: #3d3f42 !important;
    font-style: italic;
    padding: 10px 0px 28px 27px !important;
    background: url(../images/common/bg_h2_our-mission01.gif) no-repeat left 0px;
    height: 40px;
    vertical-align: top
}
.title_page > span {
    position:absolute;
    top:40px;
    right:298px;
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../images/common/bg_h2_our-mission02.gif) no-repeat 0 12px;
}

.title_page h2.tit02 {
    font-size: 18px !important;
    font-family: Arial;
    color: #202020 !important;
    font-style: italic;
    padding: 10px 0px 12px 27px !important;
    background: url(../images/common/bg_h2_our-mission01.gif) no-repeat left 0px;
    vertical-align: top
}


.title_page span.quot_style01 {
    position:absolute;
    top:4px;
    right:257px;
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../images/common/bg_h2_our-mission02.gif) no-repeat 0 12px;
}

.title_page span.quot_style02 {
    position:absolute;
    top:4px;
    right:182px;
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../images/common/bg_h2_our-mission02.gif) no-repeat 0 12px;
}

.title_page span.quot_style03 {
    position:absolute;
    top:68px !important;
    right:300px;
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../images/common/bg_h2_our-mission02.gif) no-repeat 0 12px;
}

.title_page span.quot_style04 {
    position:absolute;
    top:22px !important;
    right:308px;
    display: inline-block;
    width: 28px;
    height: 30px;
    background: url(../images/common/bg_h2_our-mission02.gif) no-repeat 0 12px;
}

.mt25 {
    margin-top: 25px !important
}

/* board-of-directrol */
.tit-bd {
    padding: 13px 0 8px 12px;
    border-bottom: 1px solid #666666;
    margin: 20px 0 10px;
    font-size: 14px;
    color: #444;
    font-weight: bold;
}
.sb-txt {
    /* padding: 0 0 17px 12px; */
    /* margin-bottom: 10px; */
}
.sb-txt.bd-d8d8d8 {
    border-bottom: 1px solid #d8d8d8
}
p.bold {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px
}
span.bold {
    font-weight: bold;
}

/* drving emotion */
.text-justfi {
    text-align: justify;
}
.story-link {
    margin-top: 5px
}
.story-link a {
    float: left;
    margin-right: 1px
}
.mr0 {
    margin-right: 0 !important;
}

/* 2014-01-05 */
.title_page h2.tit{height:auto;line-height:1.2}
.title_page > span{top:22px}

/* testResults */
.comm_r_arrow02 {display:inline-block; padding-right:10px; margin-right:10px; background:url("../images/common/bl_arrow_orange.png") no-repeat right 50%; color: #666}
.td_style01 {border-bottom:1px solid #aeaeae; background:#f3f3f3; text-align:right}

/* people culture */
.tit-fix li em{display:inline-block;width:102px;}
.hip_type02 li {margin-left:16px; list-style-type:disc; line-height:20px}
.had_style {padding:7px 10px 7px 10px !important}


/* Ose */
.leftAlign {text-align:left !important}
/*.centAlign {text-align:center !important}*/
.rightAlign {text-align:right !important}
/*.justifyAlign {text-align:justify !important}*/
.leftAlign table tbody tr td {text-align:left !important}
.table_type .modiDecem table tbody tr td {padding-left:10px; padding-right:10px; text-align:left; word-break:break-all}
.parsys_column .parbase .centImg {display:block; margin:0 auto}
.centTableCell table th {text-align:center; border:1px solid #dbdbdb}
.centTableCell table td {border:1px solid #dbdbdb}
.centTableCell .center {text-align:center}
.forthCont table {text-align:center}
.forthCont table th {padding:5px; text-align:center;}
.forthCont table td {padding:5px;}
div.forthWrap table {width:100%}
div.forthWrap h4 {padding-top:15px; font-size:12px}
div.h40 {height:40px}
div.h60 {height:60px;}
.floatAlign {.zoom:1}
.floatAlign:after {content:""; clear:both; display:block}
.leftAligns {float:left; width:315px;}
.rightAligns {float:right; width:315px; }
.floatAlign .data_table {clear:inherit}
.floatAlign .inpd0 table tbody tr td {padding:0 2px}
.tableAlignCent table tbody tr td {padding: 5px 10px; text-align:left}

.justfyAligns {.zoom:1}
.justfyAligns:after {content:""; clear:both; display:block}
.justfyAligns .units {float:right; display:block}

.bg_box_w {width:89%; padding:35px; border:1px solid #e2eaf1}
/* .caseBox {width:588px; padding:33px 35px; border:1px solid #e2eaf1}*/
/*.caseBox .subjAwards {width:340px; padding-bottom:54px}
.caseBox .imgAwards {display:block; margin:0 auto}
.caseBox p {padding-top:20px; }
.caseBox2 {width:588px; padding:35px 35px 33px 35px; border:1px solid #ecf2df}
.caseBox2 .styleHead {padding-bottom:5px; font-size:12px; color:#333; font-weight:600}
*/
.letter em {font-weight:600}


/* finance */
.h3_style_f {float:left; width:235px}

.flow_tab.finance {width:660px !important}
.flow_tab.finance li {width:20%;}
.flow_tab.finance li a {height: 21px;width:auto;font-size:13px;line-height:20px;}

.unit_box {float:right; width:100px; padding-bottom:5px !important; text-align:right}
.unit {font-size:11px; color:#777}

/* title */
.motor_tit:after {content:""; display:block; clear:both}
.motor_tit h2.tit02 {float:left; min-width:300px; padding: 10px 0px 12px 27px !important; background: url('../images/common/bg_h2_our-mission01.gif') no-repeat left 0px; font-size: 18px; font-family: Arial; color: #202020; font-style: italic;}
.motor_tit > span {float:left; width:28px; height:30px; margin-top:5px; background: url('../images/common/bg_h2_our-mission02.gif') no-repeat 0 12px;}
.motor_tit > span.thr {position:absolute; top:54px; left:225px; display:block; width:28px; height:30px; background: url('../../../../..../images/common/bg_h2_our-mission02.gif') no-repeat 0 12px;}

/* analyst-reports text ellipsis */
.investors_analyst_rpt .left {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/* bold */
.b_style {font-weight:bold}

/* i */
.i_style_01 {display:block; padding-bottom:5px; font-family:'Arial'; font-weight:bold; font-style:italic; color:#444; line-height:17px}

.map_detail_thumlist > h4 > em {font-size:14px; color:#bbb; font-weight:bold !important}


/* ie8 only */
@media \0screen {
    .video_img > a > img {vertical-align:top}
}
/* /ie8 only */

/* tire-product */
.tire-view {display:inline-block;margin-left:2px;padding:0 0 0 8px;background:url('/content/dam/germany/de/images/common/bg_grey_vertical-line.gif') no-repeat left 3px; text-align:center;font-weight:bold;vertical-align:middle;*display:inline;*zoom:1}
.tire-view:hover {color:#f37d31}
.btn-all {background:none}
.btn-runflat {color:#9e9e9e}

.btn-all.active {color:#f37d31}
.btn-summer.active {color:#f37d31}
.btn-winter.active {color:#f37d31}
.btn-runflat.active {color:#f37d31}

.un_global {padding:0 0 0 130px !important; margin-bottom:20px; background:url('/content/dam../images/sustainability/GC_Endorser_BLUE_RGB_GRADIE.png') no-repeat}
.un_global_list li strong {padding-right:20px}
.un_global_list li > span.pal83 {padding-left:83px}
.un_global_list li > span.mmgl7 {margin-left:-7px}