@charset "utf-8"; @import "nicomon.css"; /* Reset CSS */ /* html5 reset add */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0} table{border-collapse:collapse;/*border-spacing:0;*/} fieldset,img{border:0} address,caption,cite,code,dfn,var,em{font-style:normal;font-weight:normal} ol,ul,dl{list-style:none} caption {text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} q:before,q:after{content:''} abbr,acronym{border:0;font-variant:normal} sup{vertical-align:text-top} sub{vertical-align:text-bottom} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit} input,textarea,select{*font-size:100%; color:#555555} .blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0px; line-height:0} legend{/*visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0px; height:0px; */font-size:0px; line-height:0} .r{ float:right;} .l{ float:left;} /* Base CSS */ /* html, body {width:100%; font-family:"arial";color:#555555} */ html, body {width:100%; font-family:"arial";color:#444} /* color 변경 */ /* body {font-size:0.75em; line-height:18px} font-size 변경 */ body {font-size:14px; line-height:26px} img{vertical-align:middle;} button{cursor:pointer} input[type="text"]:focus {outline:none} input[type="checkbox"]:focus {outline:none} input[type="radio"]:focus {outline:none} input[type="password"]:focus {outline:none} select:focus {outline:none} textarea:focus {outline:none} table caption {display:none;text-align:left/*position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; _text-indent :-100000px*/} em { font-style:normal} h1,h2,h3,h4,h5,h6,strong {font-weight:bold} hr {display:none} a {color:#444;text-decoration:none; cursor:pointer} a:hover, a:active, a:focus {color:#444444; text-decoration:none; cursor:pointer} /* clear both */ .clfix:after{content: "."; display:block; height:0; clear:both; visibility:hidden} .clfix{display:inline-block} .clfix{display:block} .clfix{zoom:1} /*for IE 5.5-7*/ /* skipToContent */ #skipToContent {position:relative} #skipToContent a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap} #skipToContent a:focus, #skipToContent a:active {height:auto; width:100%;margin-bottom:10px} /* Common CSS */ /* MARGIN */ .mg0{margin:0px !important}.mg5{margin:5px !important}.mg8{margin:8px !important}.mg10{margin:10px !important}.mg13{margin:13px !important}.mg15{margin:15px !important}.mg20{margin:20px !important}.mg25{margin:25px !important}.mg30{margin:30px !important}.mg40{margin:40px !important}.mg50{margin:50px !important} .mgt-30{margin-top:-30px !important}.mgt-25{margin-top:-25px !important}.mgt-20{margin-top:-20px !important}.mgt-15{margin-top:-15px !important}.mgt-3{margin-top:-3px !important}.mgt-4{margin-top:-4px !important}.mgt-7{margin-top:-7px !important}.mgt-10{margin-top:-10px !important}.mgt-13{margin-top:-13px !important}.mgt0{margin-top:0px !important}.mgt1{margin-top:1px !important}.mgt3{margin-top:3px !important}.mgt4{margin-top:4px !important}.mgt5{margin-top:5px !important}.mgt6 {margin-top:6px !important}.mgt7 {margin-top:7px !important}.mgt8{margin-top:8px !important}.mgt9{margin-top:9px !important}.mgt10{margin-top:10px !important}.mgt13{margin-top:13px !important}.mgt14{margin-top:14px !important}.mgt15{margin-top:15px !important} .mgt18{margin-top:18px !important} .mgt19{margin-top:19px !important}.mgt20{margin-top:20px !important}.mgt21{margin-top:21px !important}.mgt22{margin-top:22px !important}.mgt25{margin-top:25px !important}.mgt30{margin-top:30px !important}.mgt32{margin-top:32px !important}.mgt35{margin-top:35px !important}.mgt40{margin-top:40px !important}.mgt50{margin-top:50px !important} .mgb-2{margin-bottom:-2px !important}.mgb-5{margin-bottom:-5px !important}.mgb0{margin-bottom:0px !important}.mgb3 {margin-bottom:3px !important}.mgb4{margin-bottom:4px !important}.mgb5{margin-bottom:5px !important}.mgb7{margin-bottom:7px !important}.mgb8{margin-bottom:8px !important}.mgb9 {margin-bottom:9px !important}.mgb10{margin-bottom:10px !important}.mgb12{margin-bottom:12px !important}.mgb13{margin-bottom:13px !important}.mgb14{margin-bottom:14px !important}.mgb15{margin-bottom:15px !important}.mgb16{margin-bottom:16px !important}.mgb18{margin-bottom:18px !important}.mgb19{margin-bottom:19px !important}.mgb20{margin-bottom:20px !important}.mgb22{margin-bottom:22px !important}.mgb25{margin-bottom:25px !important}.mgb26{margin-bottom:26px !important}.mgb27{margin-bottom:27px !important}.mgb30{margin-bottom:30px !important}.mgb31{margin-bottom:31px !important}.mgb35{margin-bottom:35px !important}.mgb40{margin-bottom:40px !important}.mgb50 {margin-bottom:50px !important}.mgb60 {margin-bottom:60px}.mgb110{margin-bottom:110px !important} .mgl-2{margin-left:-2px !important}.mgl-4{margin-left:-4px !important}.mgl-5{margin-left:-5px !important}.mgl0{margin-left:0px !important}.mgl3{margin-left:3px !important}.mgl5{margin-left:5px !important}.mgl6{margin-left:6px !important}.mgl7{margin-left:7px !important}.mgl8{margin-left:8px !important}.mgl9{margin-left:9px !important}.mgl10{margin-left:10px !important}.mgl13{margin-left:13px !important}.mgb12 {margin-bottom:12px !important}.mgb12 {margin-bottom:12px !important}.mgl15{margin-left:15px !important}.mgl17{margin-left:17px !important}.mgl18{margin-left:18px !important}.mgl19{margin-left:19px !important}.mgl20{margin-left:20px !important}.mgl23{margin-left:23px !important}.mgl25{margin-left:25px !important}.mgl28{margin-left:28px !important}.mgl30{margin-left:30px !important}.mgl35{margin-left:35px !important}.mgl40{margin-left:40px !important}.mgl50{margin-left:50px !important}.mgl55{margin-left:55px !important}.mgl60{margin-left:60px !important}.mgl90{margin-left:90px !important}.mgl190{margin-left:190px !important} .mgr0{margin-right:0px !important}.mgr3{margin-right:3px !important}.mgr5{margin-right:5px !important}.mgr8{margin-right:8px !important}.mgr9{margin-right:9px !important}.mgr10{margin-right:10px !important}.mgr13{margin-right:13px !important}.mgr15{margin-right:15px !important}.mgr20{margin-right:20px !important}.mgr23{margin-right:23px !important}.mgr25{margin-right:25px !important}.mgr30{margin-right:30px !important}.mgr32{margin-right:32px !important}.mgr34{margin-right:34px !important}.mgr35{margin-right:35px !important}.mgr38{margin-right:38px !important}.mgr40{margin-right:40px !important}.mgr45{margin-right:45px !important}.mgr50{margin-right:50px !important}.mgr55{margin-right:55px !important}.mgr57{margin-right:57px !important}.mgr58{margin-right:58px !important}.mgl59 {margin-left:59px !important}.mgr60{margin-right:60px !important}.mgl66 {margin-left:66px !important} .mgt21 {margin-top:21px !important}.mgl105{margin-left:105px !important} .mgt24 {margin-top:24px !important} /* -margin */ .mmgt10 {margin-top:-10px !important} .mmgt22 {margin-top:-22px !important} .mmgt80 {margin-top:-80px !important} /* PADDING */ .pa0{padding:0px !important}.pa2{padding:2px !important} .pat0{padding-top:0px !important}.pat2{padding-top:2px !important}.pat3{padding-top:3px !important}.pat5{padding-top:5px !important}.pat10{padding-top:10px !important}.pat12 {padding-top:12px !important}.pat15{padding-top:15px !important}.pat20{padding-top:20px !important}.pat25{padding-top:25px !important}.pat30{padding-top:30px !important}.pat40{padding-top:40px !important}.pat41{padding-top:41px !important}.pat42{padding-top:42px !important}.pat43{padding-top:43px !important}.pat44{padding-top:44px !important}.pat45{padding-top:45px !important}.pat50{padding-top:50px !important} .pab0{padding-bottom:0px !important}.pab2{padding-bottom:2px !important}.pab5{padding-bottom:5px !important}.pab7{padding-bottom:7px !important}.pab10{padding-bottom:10px !important}.pab15{padding-bottom:15px !important}.pab20{padding-bottom:20px !important}.pab25{padding-bottom:25px !important}.pab30{padding-bottom:30px !important}.pab40{padding-bottom:40px !important}.pab50{padding-bottom:50px !important} .pal0{padding-left:0px !important}.pal5{padding-left:5px !important}.pal10{padding-left:10px !important}.pal15{padding-left:15px !important}.pal20{padding-left:20px !important}.pal25{padding-left:25px !important}.pal30{padding-left:30px !important}.pal35{padding-left:35px !important}.pal40{padding-left:40px !important}.pal50{padding-left:50px !important}.pal69{padding-left:69px !important} .par0{padding-right:0px !important}.par5{padding-right:5px !important}.par10{padding-right:10px !important}.par15{padding-right:15px !important}.par20{padding-right:20px !important}.par25{padding-right:25px !important}.par30{padding-right:30px !important}.par34{padding-right:34px !important}.par40{padding-right:40px !important}.par50{padding-right:50px !important}.pal88{padding-left:88px !important} .pab23 {padding-bottom:23px !important} .pab38 {padding-bottom:38px !important} .pab45 {padding-bottom:45px !important} .pab19 {padding-bottom:19px !important} /* width */ .w45 {width:45px !important} .w70 {width:70px !important} .w80 {width:80px !important} .w90 {width:90px !important} .w100 {width:100px !important} .w110 {width:110px !important} .w120 {width:120px !important} .w130 {width:130px !important} .w140 {width:140px !important} .w150 {width:150px !important} .w160 {width:160px !important} .w170 {width:170px !important} .w180 {width:180px !important} .w190 {width:190px !important} .w200 {width:200px !important} .w530 {width:530px !important} .w560 {width:560px !important} /* height */ .h100 {height:100px !important} .h180 {height:180px !important} /* COLOR */ .red {color:#ed1c24 !important} .orange {color:#f47d31 !important} .grey_4 {color:#444 !important} .grey_5 {color:#555 !important} .grey_6 {color:#666 !important} .grey_8 {color:#888 !important} .grey_7 {color:#777 !important} /* font-size */ .fz18 {font-size:18px !important} .fz22 {font-size:22px !important} /* float */ .float_l {float:left} .float_r {float:right} .float_n {float:none;} /* text-align */ .left_align{text-align: left !important} .right_align{text-align: right !important} .center_align{text-align: center !important} /* Form common*/ .inp_base {border:1px solid #bbbbbb; color:#444 !important;/*margin-top:3px;*/padding:6px 5px 5px 7px;height:15px;/*padding:7px 5px 3px 7px\0/;#padding:6px 5px 6px 7px*/} .inp_base.error, .inp_base.error:hover {border:1px solid #ff0000} .inp_base:hover {border:1px solid #333} .error_message {padding-left:17px;color:#FF0000;background:url("images/common/ico_error.gif") no-repeat left 0}/* input error message */ /* Radio, Checkbox Selectbox */ div.checkbox {display:inline-block; * display:inline; margin-right:2px;vertical-align:middle;background:url("images/common/bg_checkbox.png") no-repeat left top} div.checkbox input {width:11px; height:11px; margin:0;opacity: 0; filter:alpha(opacity=0)} div.checked {background-position: 0 -39px} div.radio {position:relative; top:2px; * top:-1px; display:inline-block; * display:inline; margin-right:5px; background:url("images/common/bg_radiobox.png") no-repeat left top} div.radio input {width:14px; height:15px; margin:0;opacity: 0; filter:alpha(opacity=0)} div.selected {background-position: 0 -35px} /* Selectbox */ .jquery-selectbox {display:inline-block;position: relative;height:27px;width:100px;padding:0;border-left:1px solid #ACACAC;border-right:1px solid #ACACAC;border-bottom:1px solid #ACACAC;font-size:12px;color:#444;z-index:0;vertical-align:middle;cursor:pointer;background:#fff url("images/common/bg_select_box.gif") repeat-x left top} .jquery-selectbox.selecthover { z-index: 700} .selecthover {background-color:#F7F7F7} .jquery-selectbox .jquery-selectbox-currentItem {display:block;overflow:hidden;height:21px;padding:6px 0 0 7px;padding:6px 0 0 7px\9;border-style:solid;border-color:#d5d5d5;white-space:nowrap} .jquery-selectbox .jquery-selectbox-list {display:none;position:absolute;top:28px;left:-1px;border-width:0 1px 1px 1px;border-style:solid;border-color:#BDBDBD;background:#fff;auto;z-index:1000;overflow:auto} .grid_td .jquery-selectbox .jquery-selectbox-list {display:none;position:absolute;top:28px;left:-1px; height:100px;border-width:0 1px 1px 1px;border-style:solid;border-color:#BDBDBD;background:#fff;auto;z-index:1000;overflow:auto} .jquery-selectbox .jquery-selectbox-moreButton {float: right;width: 19px;height: 27px;cursor: pointer;border-style:solid;border-color:#d5d5d5;background: url("images/common/bg_select_off.png") no-repeat 5px 11px} .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {background: url("images/common/bg_select_on.png") no-repeat 5px 11px} .selecthover .jquery-selectbox-moreButton {background: url("images/common/bg_select_on.png") no-repeat 5px 11px} .selecthover .jquery-selectbox-moreButton.morebuttonhover {background: url("images/common/bg_select_on.png") no-repeat 5px 11px} .jquery-selectbox .jquery-selectbox-item.listelementhover {color:#f47d31;background:#fff} .jquery-selectbox .jquery-selectbox-item {display:block;padding: 5px 2px 5px 7px;cursor:default} .jquery-selectbox .mgr5 {margin-right:4px} /* Table Layout .table_list {width:900px} .table_list table {table-layout:fixed;width:100%} .table_list table tbody td, .table_list table thead th {padding:6px 0;border:1px solid #dedede} .table_list table tbody td {text-align:center} .table_list table thead th {border-bottom:0} .table_view {width:900px} .table_view table {table-layout:fixed;width:100%} .table_view table tbody td, .table_view table tbody th {padding:6px 0;border:1px solid #dedede} .table_view table tbody td {text-align:center} .table_view table tbody td.left {text-align:left} .table_write {width:900px} .table_write table {table-layout:fixed;width:100%} .table_write table tbody td, .table_write table tbody th {padding:6px 0;border:1px solid #dedede} .table_write table tbody td {text-align:center} .table_write table tbody td.left {text-align:left} .table_data {width:900px} .table_data table {table-layout:fixed;width:100%} .table_data table tbody td, .table_data table thead th {padding:6px 0;border:1px solid #dedede} .table_data table tbody td {text-align:center} .table_data table tbody td.left {text-align:left} .table_data table thead th {border-bottom:0} */ /* Button Common */ .button, .button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:arial, Sans-serif; white-space:nowrap; background:url("images/common/btns2.png") no-repeat; vertical-align:top; overflow:visible; color:#777} .button { margin-right:4px} .button *{ left:4px; cursor:pointer; _cursor:hand} .button.fix_orange, .button.fix_orange *,.button.fix_gray, .button.fix_gray *,.button.fix_icon,.button.fix_icon *,.button.fix_gray02,.button.fix_gray02 * {height:26px;line-height:26px} .button.btn_orange,.button.btn_orange *,.button.btn_gray,.button.btn_gray *,.button.btn_lightgray,.button.btn_lightgray * {height:29px;line-height:27px} .button.btn_white,.button.btn_white * {height:25px;line-height:25px} .btn_orange {vertical-align:top !important} /* Width btn */ .button.btn_orange {background-position:left -229px} .button.btn_orange a {font-weight:bold} .button.btn_orange a:hover {color:#fff} .button.btn_orange input {padding:0 17px 0 13px;color:#fff} .button.btn_orange *{padding:0 20px 0 16px; font-size:12px; background-position:right -229px; color:#ffffff; font-weight:bold} .button.btn_gray {background-position:left -192px} .button.btn_gray a {font-weight:bold} .button.btn_gray a:hover {color:#fff} .button.btn_gray input {padding:0 17px 0 13px;color:#fff} .button.btn_gray *{ padding:0 20px 0 16px; font-size:12px; background-position:right -192px; color:#ffffff; font-weight:bold} .button.btn_lightgray {background-position:left -396px} .button.btn_lightgray a {font-weight:bold} .button.btn_lightgray a:hover {color:#fff} .button.btn_lightgray input {padding:0 17px 0 13px;color:#fff} .button.btn_lightgray *{ padding:0 20px 0 16px; font-size:12px; background-position:right -396px; color:#ffffff; font-weight:bold} .button.btn_white {background:#fff;border:1px solid #cccccc;} .button.btn_white a {font-weight:bold;} .button.btn_white a:hover {color:#777} .button.btn_white input {padding:0 19px 0 19px;color:#777} .button.btn_white *{left:0;padding:0 20px; font-size:12px;background:#fff;color:#777;font-weight:bold} .button.btn_orange a:active,.button.btn_orange a:focus,.button.btn_gray a:hover,.button.btn_gray a:active,.button.btn_gray a:focus,.button.btn_gray a:hover {color:#fff} /* Fixed Width btn */ .button.fix_orange {background-position:left -48px} .button.fix_orange a {width:59px;font-weight:bold} .button.fix_orange input {padding:0 39px 0 35px;color:#fff} .button.fix_orange *{padding:0 42px 0 38px; font-size:12px; background-position:right -48px; color:#ffffff; font-weight:bold} .button.fix_gray {background-position:left -84px} .button.fix_gray a {width:91px;font-weight:bold} .button.fix_gray input {padding:0 23px 0 19px;padding:0 21px 0 18px\0/;color:#fff} .button.fix_gray *{ padding:0 26px 0 22px; font-size:12px; background-position:right -84px; color:#ffffff; font-weight:bold} .button.fix_orange a:active,.button.fix_orange a:focus,.button.fix_orange a:hover,.button.fix_gray a:active,.button.fix_gray a:focus,.button.fix_gray a:hover{color:#fff} .button.fix_gray02 {background-position:left -291px} .button.fix_gray02 a {font-weight:bold} .button.fix_gray02 *{ padding:0 21px 0 5px; font-size:12px; background-position:right -291px; color:#777777; font-weight:bold} .button.fix_gray02 .ico_ar {padding:0 3px 0 15px;background:url("images/common/bl_arrow_gray.gif") no-repeat right center} /* Flexible Width btn */ .button.fix_icon {padding-left:0;background-position:left -120px} .button.fix_icon a {padding-right:20px;font-weight:bold} .button.fix_icon input {padding-right:17px;margin:0 0 0 -3px;*margin:0 0 0 0;margin:0 0 0 0\0/;color:#666666;font-weight:bold} .button.fix_icon *{padding-left:20px} .button.fix_icon.icon *{padding-left:36px;font-size:11px;background-position: right -120px} .button.fix_icon span{width:35px;height:26px;margin-right:-35px;padding:0 !important} .button.fix_icon.icon .ico_vr, .button:hover.fix_icon.icon .ico_vr {background-position:16px -260px} .button.fix_icon.icon .ico_view, .button:hover.fix_icon.icon .ico_view {background-position:-52px -260px} .button.fix_icon.icon .ico_mic, .button:hover.fix_icon.icon .ico_mic {background-position:-18px -260px} .button.fix_icon.icon .ico_re, .button:hover.fix_icon.icon .ico_re {background-position:-86px -260px} .button.fix_icon.icon .ico_down, .button:hover.fix_icon.icon .ico_down {background-position:-120px -260px} .button:hover.fix_icon.icon .ico_vr {background-position:16px -260px} .button:hover.fix_icon {background-position:left -156px} .button:hover.fix_icon.icon *{background-position: right -156px} .button.fix_icon02 {padding-left:0;background-position:left -327px} .button.fix_icon02.icon *{padding-left:36px;font-size:11px;background-position: right -327px} .button:hover.fix_icon02 {background-position:left -363px} .button:hover.fix_icon02.icon *{background-position: right -363px} /*1119 추가*/ .button.fix_icon.icon .ico_back, .button:hover.fix_icon.icon .ico_back {background-position:-153px -260px} /*1119 추가*/ /*1125 추가*/ .button.fix_icon.icon .ico_play, .button:hover.fix_icon.icon .ico_play {background-position:-183px -260px} /*1125 추가*/ /*1125 추가*/ .button.fix_icon.icon .ico_rotate, .button:hover.fix_icon.icon .ico_rotate {background-position:-220px -260px} /*1125 추가*/ .button:hover.fix_icon {background-position:left -156px} .button:hover.fix_icon.icon *{background-position: right -156px} /*1129 추가*/ .button.fix_icon.icon .ico_balance, .button:hover.fix_icon.icon .ico_balance {background-position:-256px -260px} .button.fix_icon02 {padding-left:0;background-position:left -327px} .button.fix_icon02 *{padding-left:36px;font-size:11px;background-position: right -327px} .button:hover.fix_icon02 {background-position:left -363px} .button:hover.fix_icon02.icon *{background-position: right -363px} /* IR ?곸뿭 踰꾪듉 */ .btn_ir {display:inline-block;height:20px;border:1px solid #CCCCCC;line-height:18px;background-color:#fff} .btn_ir * {border:0;vertical-align:middle;background:none;cursor:pointer} .btn_ir a, .btn_ir input {display:inline-block;height:20px;*height:20px;height:20px\0/;line-height:20px;padding:0 11px 0 11px;color:#777;vertical-align:top} .btn_ir.right a, .btn_ir.right input {display:inline-block;height:20px;*height:20px;height:20px\0/;padding:0 11px 0 11px;color:#777} .btn_ir.right input {padding:0 8px 0 8px;*padding:0 5px 0 6px;padding:0 11px 0 11px\0/} .btn_ir input {padding:0 8px 0 8px;*padding:0 5px 0 6px;padding:0 11px 0 11px\0/} .btn_ir .ico_left {display:inline-block;width:3px;height:20px;margin:0 0 0 8px;background:url("images/common/btns.png") no-repeat left 7px} .btn_ir .ico_right {display:inline-block;width:3px;height:20px;margin:0 8px 0 0;background:url("images/common/btns.png") no-repeat right 7px} /* Button Hover */ .button *:hover, .button *:active, .button *:focus{ color:#777} /* Button Strong */ .button.strong *{ font-weight:bold !important} /* comm_Layout */ body #wrapTire {width:100%; margin:0 auto; margin-top:15px; padding-bottom:10px; text-align:right/* background:url("images/common/bg_wraptire1600.gif") repeat-y 50% 52px */} /* bg 삭제 */ body #wrapTire #header {width:100%;height:102px;margin:0 auto;background:#fff/* url("images/common/bg_header1600.gif") no-repeat 50% 96px */} body #wrapTire .top_area {position:relative;width:940px;height:59px;margin:0 auto;padding:0 10px;z-index:50}/* top 수정 */ body #wrapTire .top_area .logo {position:absolute;left:10px;top:15px} body #wrapTire #container {position:relative;width:100%;margin:0 auto;padding:0 0 60px 0;background:#eee url("images/common/bg_container.gif") repeat-x 50% top} body #wrapTire #container .path {overflow:hidden;width:940px;height:25px;padding:8px 10px 0 10px;margin:0 auto} body #wrapTire #container .path a {font-size:11px} body #wrapTire #container .path .l_zone {float:left} body #wrapTire #container .path .l_zone strong, body #wrapTire #container .path .l_zone span {float:left;padding:0 10px;background:url("images/common/bg_path_arrow.gif") no-repeat left 50%;font-size:11px} body #wrapTire #container .path .l_zone a {color:#666} body #wrapTire #container .path .l_zone strong a {color:#333} body #wrapTire #container .path .l_zone .home {background:none;padding:0 10px 0 0} body #wrapTire #container .path .l_zone .home a {position:relative;top:2px;display:block;width:14px;height:13px;text-indent:-999em;background:url("images/common/btn_home.gif") no-repeat left top} body #wrapTire #container .path .r_zone {float:right} body #wrapTire #container .path .r_zone * {vertical-align:middle} body #wrapTire #container .path .r_zone a {color:#777777} body #wrapTire #container .path .r_zone .email a {padding-left:18px;background:url("images/common/ico_email_gray.gif") no-repeat left 1px} body #wrapTire #container .path .r_zone .print a {margin-left:16px;padding-left:16px;background:url("images/common/ico_print.gif") no-repeat left 50%} body #wrapTire #container .path .r_zone .f_book {display:inline-block;width:13px;height:13px;margin:1px 0 0 16px;background:url("images/common/ico_facebook.gif") no-repeat left top} /* #header {height:117px;margin:0 auto;} #header .top_area {position:relative;width:940px;height:75px;margin:0 auto;padding:0 10px;z-index:50} #header .top_area .logo {position:absolute;left:10px;top:28px} #container {width:100%;margin:0 auto;padding:0 0 60px 0;background:#eeeeee url('../images/common/bg_container1600.gif') repeat-x 50% top} #container .path {width:940px;height:25px;padding:6px 10px 0 10px;margin:0 auto} #container .path:after {content:' ';display:block;clear:both;_zoom:1} #container .path a {font-size:11px} #container .path .l_zone {float:left} #container .path .l_zone strong {font-weight:normal} #container .path .l_zone strong,#container .path .l_zone span {float:left;padding:2px 9px 0 13px;background:url('../images/common/bg_path_arrow.gif') no-repeat left 50%} #container .path .l_zone strong{padding-top:3px\9;*padding-top:2px} #container .path .l_zone a {color:#444} #container .path .l_zone strong a {color:#444} #container .path .l_zone .home {background:none;padding:0 10px 0 0} #container .path .l_zone .home a {position:relative;top:2px;display:block;width:14px;height:13px;text-indent:-999em;background:url('../images/common/btn_home.gif') no-repeat left top} #container .path .r_zone {float:right;text-align:right;} #container .path .r_zone * {vertical-align:middle} #container .path .r_zone a {color:#444} #container .path .r_zone .email a {padding-left:18px;background:url('../images/common/ico_email_gray.gif') no-repeat left 1px} #container .path .r_zone .print a {margin-left:16px;padding-left:16px;background:url('../images/common/ico_print.gif') no-repeat left 1px} #container .path .r_zone .f_book {display:inline-block;width:13px;height:13px;margin:0 0 0 16px;background:url('../images/common/ico_facebook.gif') no-repeat left top} */ body #wrapTire #content {position:relative;width:940px;padding:0 10px;margin:0 auto} body #wrapTire #content #page-wrap .cont_title {margin:10px 0 13px 0} body #wrapTire #content #page-wrap .cont_title .tit {display:inline;position:relative;left:2px;top:5px;color:#898989;font-size:13px} body #wrapTire #content .sub_visual {position:relative;width:940px;height:200px;background-color:gray} /* body #wrapTire #content .sub_visual .sub_title {position:absolute;left:29px;top:81px;font-size:26px;color:#fff} 수정 */ body #wrapTire #content .sub_visual .sub_title {position:absolute;left:29px;top:90px;font-size:26px;color:#fff} /* body #wrapTire #content .sub_visual .copy {position:absolute;left:30px;top:115px;width:600px;font-size:14px;color:#ffffff} left 수정 */ body #wrapTire #content .sub_visual .copy {position:absolute;left:30px;top:120px;width:600px;font-size:14px;color:#ffffff} /* rading_visual add */ body #wrapTire #content .rading_visual {position:relative;width:940px;height:300px;background-color:#000} body #wrapTire #content .rading_visual .sub_title {position:absolute;left:29px;top:190px;font-size:33px;color:#fff}/* top 수정 2013-12-20 */ body #wrapTire #content .rading_visual .copy {position:absolute;left:30px;top:230px;width:525px;font-size:13px;color:#fff}/* top 수정 2013-12-20 */ body #footer_wrap {width:100%;min-width:960px;*min-width:960px;_width:960px;_width:1%;background:#fff;padding-bottom:43px }/* bg수정 */ body #footer_wrap .footer_top {overflow:hidden;position:relative;} body #footer_wrap .footer_top .f_menu {float:left} body #footer_wrap .footer_top .f_menu > li {float:left;margin-left:30px/* width:160px */}/* width 삭제 */ body #footer_wrap .footer_top .f_menu > li:first-child {margin-left:13px} /* body #footer_wrap .footer_top .f_menu li.last {width:140px} 삭제 */ body #footer_wrap .footer_top .f_menu li.last li {width:140px} body #footer_wrap .footer_top .f_menu li a {color:#75797e;font-size:11px;font-weight:bold}/* color 수정 */ body #footer_wrap .footer_top .f_menu li ul {margin-top:7px} body #footer_wrap .footer_top .f_menu li li {float:none} body #footer_wrap .footer_top .f_menu li li a {color:#777777;font-weight:normal} body #footer_wrap .footer_top .emotion {position:absolute;right:45px;right:40px\9;right:45px\0/;*right:45px;top:200px} body #footer_wrap .footer_top .emotion a {color:#b4bbc6;font-size:11px;font-weight:bold} body #footer_wrap .footer_top,body #footer_wrap .footer_btm {overflow:hidden;width:940px;margin:0 auto;padding:0 10px;font-size:11px}/* font-weight 삭제 */ body #footer_wrap .footer_top {padding:23px 0 84px 0; border-bottom:1px solid #e5e5e5}/* border 추가 및 수정 */ body #footer_wrap .footer_btm {position:relative;width:780px;padding:15px 10px 0 170px;color:#777}/* color 수정 */ body #footer_wrap .footer_btm a {color:#777} /* color 수정 */ body #footer_wrap .f_logo {position:absolute;left:10px;top:20px} body #footer_wrap .f_link {overflow:hidden;height:1%;margin:0 0 1px 0} body #footer_wrap .f_link li {float:left;padding:0 10px;background:url("images/common/bg_footer_bar.gif") no-repeat left 5px} body #footer_wrap .f_link li.first {padding-left:0;background:none} body #footer_wrap .copyright {clear:both} body #footer_wrap .sns {overflow:hidden;position:absolute;right:11px; top:13px;} body #footer_wrap .sns li {_display:inline;float:left;margin-left:10px}/* margin=left 수정 */ body #footer_wrap .sns li a {font-weight:bold} /* Main_Layout */ body #wrapTire #content.main {position:relative;overflow:hidden;width:100%;height:480px;min-width:960px;padding:0} /* top_menu(Header ) */ .top_menu {overflow:hidden;position:absolute;right:10px;top:20px;*top:14px} .top_menu li {_display:inline;float:left;margin-left:12px} .top_menu li a {font-size:11px;color:#777777;font-weight:normal;font-family:"Arial"} .top_menu .bar {padding-left:14px;background:url('../images/common/bg_topmenu_bar.gif') no-repeat left 5px} /* gnb(Header GNB) */ .gnb_wrap {position:relative;;width:950px;margin:-41px auto 0 auto;padding:0 10px;z-index: 100;} .gnb_hide_wrap {position:relative;width:950px; height:100%;/* margin-left:-10px; */margin:0 auto;padding-left:10px;*zoom:1} .gnb {position:relative; width:970px; *width:1000px; height:33px;padding:14px 0 0 0;*padding:5px 0 3px 0;z-index:50;z-index: 101; line-height:15px} .gnb li.depth1 { float:left; background:url('../images/li.gif') no-repeat right; padding-right:26px;margin-left:29px; } /*导航 */ .gnb > li:first-child {margin-left:0;} .gnb li.depth1 a {color:#010101} .gnb li a {font-weight:bold;font-size:13px;color:#333;font-family:"arial"} .gnb li a:hover {color:#f47d31} .gnb li.current a, .gnb li.current li.current a, .gnb li.current li.current li.current a {} .gnb li.current li a, .gnb li.current li li a {color:#555555} .gnb li.current li.current li.current a {color:#f47d31 !important} .gnb li.last {margin-right:0} .gnb .sub {display:none;position:absolute;left:-10px;top:41px;width:960px;height:auto ;padding:9px 0 0 10px;color:#CCCCCC!important;} .gnb .sub p{color:#999999!important;} .gnb .sub a{ font-weight: normal; color:#999999!important; font-size: 12px; } .gnb .sub a:hover{color:#f07c33!important;} .gnb li a.current{color:#f47d31!important} .mgr60{margin-right:60px!important} .dsp_n{display:none} /* gnb modify */ .depth1 {*margin-top:9px} .depth1 > a {display:block; overflow:hidden; } .gnb-about-hankook-tire {width:148px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px 0px} .gnb-about-hankook-tire.on {background-position:0px -20px} .gnb-finance {width:56px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px -40px} .gnb-finance.on {background-position:0px -60px} .gnb-sustainability {width:108px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px -80px} .gnb-sustainability.on {background-position:0px -100px} .gnb-motorsports {width:100px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px -120px} .gnb-motorsports.on {background-position:0px -140px} .gnb-tires-services {width:121px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px -160px} .gnb-tires-services.on {background-position:0px -180px} .gnb-people-culture {width:130px; background:url('../images/common/gnb-1depth.gif') no-repeat; background-position:0px -200px} .gnb-people-culture.on {background-position:0px -220px} .ex_layout {} .ex_layout .depth2:after {content:""; display:block; clear:both} .ex_layout .depth2 > li {float:left; margin-left:60px; line-height:20px} .ex_layout .depth2 > li:first-child {margin-left:0} .ex_layout .depth2 > li a {color:#444} .ex_layout .depth2 > li a:hover {color:#f47d31; text-decoration:underline} .ex_layout .depth2 > li > span {display:block; margin-bottom:5px; font-size:13px; font-weight:bold; color:#444} .ex_layout .ex0 {position:absolute;*left:10px;top:55px;*top:52px; margin-left:0 !important} .ex_layout .ex1 {position:absolute;*left:10px;top:93px;*top:86px; margin-left:0 !important} .ex_layout .ex2 {position:absolute;*left:10px;top:129px;*top:119px; margin-left:0 !important} .gnb .sub.ex_motor .depth2 li.raceCalendar .more{margin-top:21px;padding:0 10px 0 170px;background:url("images/common/bl_arrow_orange.png") no-repeat right 4px} .gnb .sub.ex_motor .depth2 li.raceCalendar .more a{display:inline;letter-spacing:0.1px;font-weight:bold;font-size:11px;color:#666666} .gnb .sub.ex_motor .depth2 li .motor_title a{padding-top:6px} .gnb .sub.ex_motor .depth2 li {width:570px;height:99px} .gnb .sub.ex_motor .depth2 li.raceCalendar {width:310px;height:268px;margin-top:-17px;padding:17px 0 59px 11px!important;background:url("images/common/bg_navigation_loop_calendar.gif") repeat-x left bottom #ebebeb} .gnb .sub.ex_motor .depth3 li {float:left;width:150px } .gnb .sub.ex_motor .depth3 li.last{width:120px} .gnb .sub.ex_motor .depth2 li.raceCalendar .depth3 li{float:none;width:300px;height:58px} .gnb .sub.ex_motor .depth2 li.raceCalendar .depth3 li .date{color:#888} .gnb .sub.ex_motor .depth2 li.raceCalendar .depth3 li img{float:left;width:72px;margin-right:10px;} .gnb .sub.ex_motor .depth2 li.raceCalendar .depth3 li p.info{float:left;width:212px;width:218px\0/;line-height:14px;color:#666;font-size:12px!important;} .gnb .sub .navi_shadow {position:absolute;top:271px} .gnb .depth1 a:hover{color:#f47d31} /* 2013-12-20 삭제 .gnb .depth2 li {float:left;width:190px} .gnb .depth2 li a{display:block;color:#010101;padding-bottom:13px} .gnb .depth2 li a:hover{color:#000000} */ .gnb .depth3 li a{padding-bottom:3px;color:#555555;font-weight:normal;background:url("images/common/bl_arrow_depth3.gif") no-repeat -10px 7px} .depth3 li > a:hover {font-weight:normal; color:#f47d31 !important}/* 2014-01-02 추가 */ .gnb .depth3.motor_title li a{background:url("images/common/bl_arrow_depth3.gif") no-repeat -10px 12px} .navi_bg {position:absolute;left:-10px;top:41px;width:960px} .navi_bg .fake_block {display:block;width:960px;height:268px;background:url("images/common/bg_navigation_loop.gif") repeat-x left bottom #f5f5f5} /*20121114*/ /* Pagination */ .pagination{width:100%;padding:15px 0 25px 0;text-align:center;line-height:normal} .pagination *{ position:relative; display:inline-block; margin:0 -2px; padding:2px 8px; font-size:13px;font-weight:bold; text-decoration:none; line-height:normal; color:#777; font-family:arial, Sans-serif; vertical-align:middle} .pagination a:hover, .pagination a:active, .pagination a:focus{color:#222} .pagination strong{ color:#f47d31} .pagination .first, .pagination .pre, .pagination .next, .pagination .last {display:inline-block;width:16px;height:16px;padding:0 0 0 0;background-image:url("images/common/btn_paging.gif");background-repeat:no-repeat} .pagination .first {background-position:left top} .pagination .pre {margin:0 8px 0 4px;*margin:0 8px 0 6px;background-position:left -26px} .pagination .next {margin:0 4px 0 8px;*margin:0 6px 0 8px;background-position:left -52px} .pagination .last {background-position:left -78px} .pagination .first:hover {background-position:left -104px} .pagination .pre:hover {background-position:left -130px} .pagination .next:hover {background-position:left -156px} .pagination .last:hover {background-position:left -182px} /* btn_area */ .btn_area {text-align:left} .btn_area.center {text-align:center} .btn_area.right {text-align:right} .btn_area.right_f {float:right;margin:0 0 0 0} .btn_area .left {float:left} /* bx_category */ .m_cont {position:absolute;width:1600px;height:auto;left:50%;top:430px;margin-left:-800px;z-index:2000} /* bg 삭제 */ .bx_category {width:960px;height:auto;margin:0 auto;padding:0 10px} .bx_category .roll_notice {overflow:hidden;position:relative;width:940px;height:24px;padding:11px 0 0 0;font-size:12px;color:#ffffff;line-height:24px; vertical-align:middle;} .bx_category .roll_notice p.left {float:left;width:489px} .bx_category .roll_notice p.right {float:right;text-align:right;} .bx_category .roll_notice a {color:#fff} .bx_category .roll_notice .pdrl{position:absolute;top:8px;left:55px;} .bx_category .roll_notice .roll_date {padding:0 12px 0 15px;color:#fff} .bx_category .roll_notice .stock_bold {font-weight:bold;font-size:16px;} .bx_category .roll_notice .stock_red {color:#ea2725;font-size:12px;} .bx_category .roll_notice .stock_red .tri_pd {padding:0 7px 0 19px} .bx_category .roll_notice .roll_bold {display:inline-block;font-weight:bold;position:absolute;top:0;left:0;} .bx_category .category {position:relative;float:left;width:300px;height:110px;margin-right:20px} .bx_category .circle {position:absolute;right:45px;top:20px} .bx_category .category .bx_ban {width:300px;height:90px;margin-top: 18px; z-index:202} .bx_category .category .ban_roll {width:900px} .bx_category .category .ban_roll li {float:left} .bx_category .preNext {position:absolute;right:0;top:20px} .bx_category .preNext a {padding:0;margin:0;display:block;float:left;width:16px;height:16px;text-indent:-9999px;;background:url('../images/common/btn_pre.png') no-repeat;} .bx_category .preNext a.pre {background-position:left top;} .bx_category .preNext a.pre:hover {background-position:left bottom;} .bx_category .preNext a.next {background-position:right top;} .bx_category .preNext a.next:hover {background-position:right bottom;} .bx_category .preNext span.none a.pre {background-position:left top;} .bx_category .preNext span.none a.pre:hover {background-position:left top;} .bx_category .preNext span.none a.next {background-position:right top;} .bx_category .preNext span.none a.next:hover {background-position:right top;} /* mainpage_news 2013-12-27 추가 */ .mainpage_news {margin-top:-33px} /* m_visual */ .m_visual {position:absolute; left:50%; margin-left:-948px;width:1920px;height:auto;font-family:"Arial";z-index:30}/* bg 삭제 */ .m_visual .txt_area {position:absolute;left:810px;top:99px;width:438px;z-index:5} .m_visual .txt_area h2 {margin-bottom:20px} .m_visual .txt_area .interstate span{color:#3d3f42} .m_visual .txt_area .interstate span.size24{font-size:24px} .m_visual .txt_area .interstate span.size33{font-size:33px} .m_visual .txt_area .copy {margin-bottom:13px;color:#777777;font-size:13px;font-family:"Arial";line-height:17px} .m_visual .txt_area .more {position:absolute;top:150px;padding-left:-100px;padding-right:10px;background:url("images/common/bl_arrow_orange.png") no-repeat right 4px} .m_visual .txt_area .more a {letter-spacing:0.1px;font-weight:bold;font-size:11px;color:#666666} .m_visual .visual {position:relative;width:960px;margin:0 auto} .m_visual .visual_rolling {overflow:hidden;position:relative;width:100%;height:470px}/* height 수정 */ .m_visual .visual_rolling ul {position: relative; overflow: hidden; width: 1600px; height: 470px; margin: 0 auto;} .m_visual .visual_rolling li {position:absolute;width:100%;left:100%;} .m_visual .visual_rolling .pre {display:block;position:absolute;left:430px;top:207px;width:31px;height:64px;z-index:10}/* left 수정 */ .m_visual .visual_rolling .next {display:block;position:absolute;right:430px;top:207px;width:31px;height:64px;z-index:10}/* right 수정 */ .m_visual .thum_rolling {display:inline-block;position:absolute;right:366px;top:370px} .m_visual .thum_rolling li {_display:inline;float:left;position:relative;margin-left:6px;} .m_visual .thum_rolling li a {display:block;position:relative;z-index:1} .m_visual .thum_rolling li .line {position:absolute;left:0;top:0;width:110px;height:40px;background:url("images/common/r_line_orange.gif") no-repeat left top} .m_visual .thum_rolling li .desc {position:absolute;left:0;top:-72px;width:100px;padding:5px 5px 5px 5px;border:1px solid #CACACA;color:#3d4146;font-size:10px;line-height:12px;background-color:#fff} .m_visual .thum_rolling li .desc .arrow {display:block;position:absolute;left:5px;bottom:-8px;_bottom:-12px;width:10px;height:8px;background:url("images/common/ico_arrow_gray.png") no-repeat left top} .m_visual .visual_rolling .visual01, .m_visual .visual_rolling .visual02, .m_visual .visual_rolling .visual03, .m_visual .visual_rolling .visual04, .m_visual .visual_rolling .visual05 {display:block;width:1920px;height:630px; cursor :default} /* Sub content Start */ .comm_wrap {padding:30px 30px 40px 30px;color:#444;background-color:#fff} .comm_wrap h3 {margin:36px 0 9px 0;color:#333;font-size:13px;line-height:1} .comm_wrap p {padding-bottom:20px; word-wrap:break-word} /* padding 수정 */ .submain_wrap {padding:0;background:none;} .submain_wrap h3 {margin:0;} /* Common Pattern */ .pattern660_l {float:left;width:660px} .pattern660_l h2 {margin:0;padding:21px 0 8px;color:#333333;font-size:16px} /* .pattern660_l h3 {margin:0;padding:21px 0 8px;color:#333333;font-size:16px} font-size,padding,line-height 수정 및 추가 */ .pattern660_l h3 {margin:0;padding-bottom:9px;color:#333333;font-size:14px; line-height:14px} .pattern660_l h4 {margin:0;padding:0 0 8px;color:#444}/* font-size, color 수정 */ .pattern660_l h5 {margin:0;padding:0 0 8px;color:#666}/* font-size, color 수정 */ .pattern660_l h6 {margin:0;padding:0 0 12px;color:#666}/* font-size, color 수정 */ .comm_wrap h3{font-size:14px;color:#333} /* 2013-12-18 css 추가 */ .comm_wrap h4{font-size:12px;color:#444} /* 2013-12-18 css 추가 */ .txt_slogan {display:inline;padding:8px 0 10px 5px;color:#282c32;background:url("images/common/bg_quotes.gif") no-repeat left top} .txt_slogan p {display:inline;padding:0 30px 8px 27px;font-size:18px;font-weight:bold;background:url("images/common/bg_quotes.gif") no-repeat right -182px;font-style:italic} .txt_slogan h2 {display:inline;padding:0 30px 8px 27px;font-size:16px;font-weight:bold;background:url("images/common/bg_quotes.gif") no-repeat right -182px;font-style:italic}/* 2013-12-16 추가 */ .txt_slogan h2.twolines {display:inline;padding:0 30px 8px 27px;font-size:16px;font-weight:bold;background:url("images/common/bg_quotes.gif") no-repeat right -176px;font-style:italic}/* 텍스트가 두줄일경우 2013-12-16 추가 */ .pattern660_l .con_img {padding-bottom:25px;} .pattern940 {width:940px;} /* .pattern660_l .person_intro {overflow:hidden;position:relative;height:1%;margin:0 0 60px 0} .pattern660_l .person_intro dl {float:left;width:160px;padding:0 0 0 160px} .pattern660_l .person_intro dt {margin:-3px 0 6px 0;color:#333333;font-size:14px;font-weight:bold} .pattern660_l .person_intro .photo {position:absolute;left:0;top:0} .pattern660_l .person_intro .desc {float:right;width:320px} */ .pattern660_l .person_intro {overflow:hidden;position:relative;height:1%;margin:0 0 25px 0} .pattern660_l .person_intro dl {float:left;padding:0 0 0 230px} .pattern660_l .person_intro dt {margin:-3px 0 6px 0;color:#333333;font-size:15px;font-weight:bold} .pattern660_l .person_intro dd {color:#888;} .pattern660_l .person_intro dd.photo {position:absolute;left:0;top:0} .pattern660_l .person_intro dd.desc {padding-top:14px;color:#666;} .pattern190_r {float:right;width:190px} .pattern660_l a:hover, .pattern660_l a:focus {color:#f47d31; text-decoration:underline} /* common List */ .list_type01 h3{margin:0 0 0 0;line-height:18px;font-size:12px;line-height:18px;} .list_type01 li {height:21px;padding:7px 0;background:url("images/common/bg_list_line.gif") repeat-x left bottom} .list_type01 a {display:block;padding-left:15px;font-weight:bold;background:url("images/common/bl_list_arrow.gif") no-repeat left 2px;*background:url("images/common/bl_list_arrow.gif") no-repeat left 3px;background:url("images/common/bl_list_arrow.gif") no-repeat left 3px\0/} .list_type01 .on a {color:#F47D31;background-position:left -19px;*background-position:left -18px;background-position:left -18px\0/} .list_type02 li {margin-bottom:3px;padding-left:10px;background:url("images/common/bl_list_arrow.gif") no-repeat left -51px} .list_type02 li a {color:#666} .list_pdf li {padding-left:20px;margin-bottom:7px;background:url("images/common/ico_pdf.gif") no-repeat left top} .list_pdf li a {color:#666} .list_pdf li a:hover {color:#f47d31 !important;text-decoration:underline;} .list_type01 li.last{background: none} /* common font */ .ital{font-style:italic;} /* pattern_r List */ .pattern190_r .list_pdf li a:hover, .pattern190_r .list_type02 li a:hover {color:#f47d31;text-decoration:underline} /* stock_quotes */ .stock_quotes {width:190px;height:51px;padding:18px 0 0 0;text-align:center;background:url("images/investors/bg_stock_quotes.gif") no-repeat left top} .stock_quotes strong {margin:0 5px 0 0;font-weight:bold;font-size:24px;color:#ffffff} .stock_quotes .mutual {font-size:14px;color:#ffffff} .stock_quotes .up, .stock_quotes .down {display:block;margin:3px 0 0 39px;text-align:left} .stock_quotes .up {color:#ea2725} .stock_quotes .down {color:#396dd8} /* invest_navi */ .invest_navi {overflow:hidden;width:654px;height:32px;padding:4px 0 0 5px;margin-bottom:20px;vertical-align:top;background:#ECECEC url("images/investors/bg_dot_gray.gif") repeat-x left bottom;vertical-align:bottom} .invest_navi li {float:left} .invest_navi li span {display:block;position:relative;top:1px;padding:0;margin:0;border:0;background:none;} .invest_navi li span h2{padding:0 0 0 0} .invest_navi li span a {display:block;padding:0 10px;line-height:31px;font-size:13px;color:#888;font-weight:bold;background:url('../images/common/bg_grey_vertical-line.gif') 0 50% no-repeat} .invest_navi li:first-child span a{background:none;} .invest_navi li.on span {border-top:1px solid #BBBBBB;background:#fff url("images/investors/bg_dot_gray.gif") repeat-y left top} .invest_navi li.on span a {color:#f47d31;line-height:30px;background:url("images/investors/bg_dot_gray.gif") repeat-y right top} .invest_navi li.on span a:hover {color:#f47d31;text-decoration:none;} .invest_navi li.on {margin-right:-1px;} /* questions */ .questions {width:100%;margin:0 0 0 0} .questions ul {border-top:1px solid #D8D8D8} .questions .article {border-bottom:1px solid #D8D8D8} /*.questions ul li:first-child {margin-top:12px}*/ .questions .article .trigger {display:block;padding:10px 0 10px 10px;font-size:13px;color:#333;font-weight:bold;background:url("images/investors/bl_arrow_top_bottom.gif") no-repeat 638px -26px} .questions .article.show {border-bottom:0} .questions .article.show .trigger {font-weight:bold;background-position:638px 16px} .questions .article .answer {display:none;width:640px;padding:10px 10px 20px 10px;border-bottom:1px solid #CCCCCC;background-color:#F6F6F6} .questions .article .answer table {width:100%;border-top:1px solid #D8D8D8} .questions .article .answer table thead th, .questions .article .answer table tbody td {padding:8px 0 8px 0;border-bottom:1px solid #E9E9E9;text-align:center;font-size:13px;background-color:#F6F6F6} .questions .article .answer table thead th {color:#888} .questions .article .answer table tbody td a {display:inline-block;padding:0;color:#666} .questions .article .answer table tbody td:hover {color:#f47d31} .questions .article .answer table tbody td.left {padding-left:10px;text-align:left;font-weight:bold} /* ico_common */ .ico_music, .ico_movie {display:inline-block;width:18px;height:18px;margin:0 3px} .ico_music {background:url("images/investors/ico_music.gif") no-repeat left top} .ico_movie {background:url("images/investors/ico_movie.gif") no-repeat left top} .ico_email {display:inline-block;width:14px;height:11px;margin-right:10px;background:url("images/investors/ico_email.gif") no-repeat left top} .new_big {display:block;position:absolute;left:0;top:-1px;width:76px;height:76px;text-indent:-999em;background:url("images/services/ico_new_big.png") no-repeat left top;z-index:40} .new_sm {display:block;position:absolute;left:0;top:0;width:47px;height:47px;text-indent:-999em;background:url("images/services/ico_new.png") no-repeat left top;z-index:40} .best {display:block;position:absolute;right:0;bottom:0;width:46px;height:46px;text-indent:-999em;background:url("images/services/ico_best.png") no-repeat left top;z-index:40} /* Tires Services */ /* bl_common */ .orange_arrow_r {padding-right:9px;color:#666666;background:url("images/common/bl_right_arrow_small_orange.gif") no-repeat right 4px} /* arrow right orange*/ .gray_arrow_l {border:0;padding-left:8px;color:#666666;font-size:12px;background:url("images/common/bl_left_arrow_small_gray.gif") no-repeat left 6px} .orange_arrow_l {border:0;padding-left:8px;color:#666666;font-size:12px;background:url("images/common/bl_left_arrow_small_orange.gif") no-repeat left 5px} /* type_temp01 */ /* .type_temp01 h3 {font-size:18px;color:#1f2226} 폰트 및 사이즈 수정 */ .type_temp01 h3 {font-size:14px;color:#333} .type_temp01 h4 {margin:26px 0 16px 0;font-size:14px;color:#333333} .type_temp01 p {margin:0 0 44px 0} /* bx_common */ .bx_white {width:940px;margin:0 0 10px 0;padding:0 0 40px 0;background-color:#fff} .bx_gray_line {margin-bottom:20px;padding:30px 30px 35px 30px;border:3px solid #EEEEEE} .bx_gray_line .img {text-align:center} .bx_gray_line .tip {display:block;margin-bottom:6px;font-size:14px;color:#333333} .bx_gray_line.center {text-align:center} .bx_gray_bg {margin-bottom:10px;padding:20px 30px;background-color:#F0F0F0}/* margin 수정 */ .bx_gray_bg .tit {display:inline-block;margin:0 0 20px 0;font-size:14px;line-height:20px;color:#333} .bx_gray_bg .range * {vertical-align:middle} .bx_gray_bg .range label {display:inline-block;margin:0 5px 0 0} .bx_gray_bg .range .like {display:inline-block;width:40px;text-align:center} /* ico_tips_Layer */ .tips {display:none;position:absolute;padding-bottom:10px;_padding-bottom:9px;color:#3d4146;font-weight:bold;line-height:16px;background:url("images/common/bg_arrow_bottom.png") no-repeat left bottom;z-index:100} .tips.on {display:block} .tips p, .tips .tips_cont {padding:10px;border:1px solid #D0D0D0;border-bottom:0;background-color:#fff} /* rolling_common */ .ctrl_rolling {overflow:hidden;position:absolute;left:50%;z-index:20} .ctrl_rolling li {_display:inline;float:left;margin:0 3px} /* control_box */ .control_box {position:relative;height:42px;margin-top:1px;padding:15px 0 0 0;border-top:1px solid #d8d8d8;} .control_box .sorting .jquery-selectbox {margin:0 0 0 5px} .control_box .sorting .array {vertical-align:-1px;*vertical-align:-2px;vertical-align:1px\0/} .control_box .pagination {margin:-25px 0 0 0;padding:0;text-align:right} .control_box .pagination .bl_arrow_gray {margin-left:20px;padding-left:7px;color:#666;background:url("images/common/bl_arrow_gray.gif") no-repeat left 8px} .control_box .pagination .bl_arrow_gray:hover {color:#222} .control_box.alone {height:18px;padding-top:0;border-top:0} .control_box.alone .pagination {margin:0} .selectBox_ex .jquery-selectbox {margin-right:5px} /* sub_visual */ .bx_sub_visual {overflow:hidden;position:relative;width:940px;height:300px;padding:0 0 0 0} .bx_sub_visual .visual {position:absolute;right:0;bottom:0} .bx_sub_visual .rolling_type01 {top:265px;width:88px;margin:0 0 0 -44px} .bx_sub_visual .bx_cont {overflow:hidden;width:940px;height:300px} .bx_sub_visual .bx_cont .cont {position:relative;width:940px;height:300px;overflow:hidden;} .bx_sub_visual .bx_cont .cont li {display:none;position:absolute;top:0;left:0;width:940px;height:300px;font-size:13px} .bx_sub_visual .bx_cont .cont > li:first-child {display:block;} .bx_sub_visual .bx_cont .cont li h2 {margin:0 0 12px 0;padding:69px 0 0 0} .bx_sub_visual .bx_cont .cont li h2.sub_title {position:absolute;left:30px;top:75px;padding:0;font-size:26px;color:#fff} .bx_sub_visual .bx_cont .cont li .txt {margin-bottom:28px;color:#767779} .bx_sub_visual .bx_cont .cont li .txt2 {position:absolute;left:30px;top:115px;color:#fff} .bx_sub_visual .bx_cont .cont li .txt strong {font-weight:normal;color:#222222} .bx_sub_visual .bx_cont .cont li .details {position:absolute;left:0;top:197px;padding-right:14px;color:#303030;font-weight:bold;background:url("images/common/bl_arrows.png") no-repeat right 3px;_background:url("images/common/bl_arrows.png") no-repeat right 5px} .bx_sub_visual .bx_cont .cont li .details2 {position:absolute;left:30px;top:197px;padding-right:14px;color:#fff;font-weight:bold;background:url("images/common/bl_arrows.png") no-repeat right 3px;_background:url("images/common/bl_arrows.png") no-repeat right 5px} .bx_sub_visual .bx_cont .cont li .details3 {position:relative;padding-right:14px;color:#fff;font-weight:bold;background:url("images/common/bl_arrows.png") no-repeat right 3px;_background:url("images/common/bl_arrows.png") no-repeat right 5px; color:#303030} /* tires_list_wrap */ .tires_list_wrap {width:940px;*margin-bottom:25px;_margin-bottom:0} .tires_list_wrap .tires_list {position:relative;float:left;width:250px;height:275px;margin:0 20px 20px 0;padding:28px 25px 0 25px;background-color:#fff} .tires_list_wrap .tires_list h1 {margin:0 0 13px 0} .tires_list_wrap .tires_list h2 {font-weight:normal} .tires_list_wrap .tires_list .txt {height:39px;color:#777777;line-height:14px;font-size:13px} .tires_list_wrap .tires_list .details {padding-right:10px;color:#202020;font-size:11px;background:url("images/common/bl_right_arrow_small_orange.gif") no-repeat right 3px} .tires_list_wrap .tires_list .details:hover {color:#f47d31;text-decoration:underline;} .tires_list_wrap .tires_list .tires_list_anchor:hover .details {color:#f47d31;text-decoration:underline;} .tires_list_wrap .tires_list .icons {width:255px;margin:10px 0 20px 0} .tires_list_wrap .tires_list .icons li {position:relative;float:left;margin-right:3px} .tires_list_wrap .tires_list .icons li .tips {display:none;left:-3px;top:-36px} .tires_list_wrap .tires_list .icons li .tips.on {display:block} .tires_list_wrap .tires_list .icons .ico_tires01, .tires_list_wrap .tires_list .icons .ico_tires01_01, .tires_list_wrap .tires_list .icons .ico_tires01_02, .tires_list_wrap .tires_list .icons .ico_tires02, .tires_list_wrap .tires_list .icons .ico_tires03, .tires_list_wrap .tires_list .icons .ico_tires04, .tires_list_wrap .tires_list .icons .ico_tires05, .tires_list_wrap .tires_list .icons .ico_tires06, .tires_list_wrap .tires_list .icons .ico_tires07, .tires_list_wrap .tires_list .icons .ico_tires08, .tires_list_wrap .tires_list .icons .ico_tires09 {display:block;width:24px;height:24px;background-image:url("images/services/ico_tires.gif");background-repeat:no-repeat} .tires_list_wrap .tires_list .icons .ico_tires01 {background-position:left top} .tires_list_wrap .tires_list .icons .ico_tires01_01 {background-position:-242px top} .tires_list_wrap .tires_list .icons .ico_tires01_02 {background-position:-268px top} .tires_list_wrap .tires_list .icons .ico_tires02 {background-position:-27px top} .tires_list_wrap .tires_list .icons .ico_tires03 {background-position:-54px top} .tires_list_wrap .tires_list .icons .ico_tires04 {background-position:-81px top} .tires_list_wrap .tires_list .icons .ico_tires05 {background-position:-108px top} .tires_list_wrap .tires_list .icons .ico_tires06 {background-position:-135px top} .tires_list_wrap .tires_list .icons .ico_tires07 {background-position:-162px top} .tires_list_wrap .tires_list .icons .ico_tires08 {background-position:-189px top} .tires_list_wrap .tires_list .icons .ico_tires09 {background-position:-216px top} .tires_list_wrap .tires_list .icons .ico_tires01:hover {background-position:left -26px} .tires_list_wrap .tires_list .icons .ico_tires01_01:hover {background-position:-242px -26px} .tires_list_wrap .tires_list .icons .ico_tires01_02:hover {background-position:-268px -26px} .tires_list_wrap .tires_list .icons .ico_tires02:hover {background-position:-27px -26px} .tires_list_wrap .tires_list .icons .ico_tires03:hover {background-position:-54px -26px} .tires_list_wrap .tires_list .icons .ico_tires04:hover {background-position:-81px -26px} .tires_list_wrap .tires_list .icons .ico_tires05:hover {background-position:-108px -26px} .tires_list_wrap .tires_list .icons .ico_tires06:hover {background-position:-135px -26px} .tires_list_wrap .tires_list .icons .ico_tires07:hover {background-position:-162px -26px} .tires_list_wrap .tires_list .icons .ico_tires08:hover {background-position:-189px -26px} .tires_list_wrap .tires_list .icons .ico_tires09:hover {background-position:-216px -26px} .tires_list_wrap .tires_list .thumb {width:250px;text-align:center} /* recently_view */ .recently_view {width:910px;height:127px;padding:10px 0 0 30px;margin:20px 0 0 0;background:#fff;} .recently_view h2 {color:#333333;font-size:14px} .rolling_1 {position:relative;width:880px;height:80px;margin:12px 0 0 0;padding:15px 0 0 0;border-top:1px solid #e4e4e4} .rolling_1 .pre, .rolling_1 .next {position:absolute;top:38px;display:block;width:14px;height:20px;text-indent:-999em;background-image:url("images/common/btn_rolling_arrow01.png");background-repeat:no-repeat} .rolling_1 .next {right:0;background-position:-24px top} .rolling_1 .pre {left:0;background-position:-72px top} .rolling_1 .next:hover {background-position:left top} .rolling_1 .pre:hover {background-position:-48px top} .rolling_1 .roll_wrap_list {overflow:hidden;position:absolute;left:40px;top:15px;width:800px;height:95px;margin:0 0 0 0} .rolling_1 .roll_list {width:1600px;height:80px} .rolling_1 .roll_list li {position:relative;float:left;width:150px;margin:0 15px 0 0;padding:0 0 0 106px} .rolling_1 .roll_list li h3 {margin:0 0 4px 0;color:#444} .rolling_1 .roll_list li .txt {margin:0 0 1px 0;color:#777;line-height:12px} .rolling_1 .roll_list .thumb {position:absolute;left:0;top:0;width:96px;height:65px;text-align:right} .rolling_1 .details {padding-right:10px;color:#666;font-size:11px;font-weight:bold;background:url("images/common/bl_right_arrow_small_orange.gif") no-repeat right 3px} .rolling_1 .details:hover {color:#f47d31;text-decoration:underline;} /* tires_view */ .tires_view {position:relative;width:560px;float:left} .tires_view .rolling_type02 {top:583px;width:70px;margin:0 0 0 -35px} .tires_view a.pre {position:absolute;left:32px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left top;} .tires_view a.next {position:absolute;right:31px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right top;} .tires_view a.pre:hover {position:absolute;left:32px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left bottom;} .tires_view a.next:hover {position:absolute;right:31px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right bottom;} .tires_view .none a.pre:hover {position:absolute;left:32px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left top;} .tires_view .none a.next:hover {position:absolute;right:31px;top:275px;display:block;width:30px;height:51px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right top;} .tires_view .roll_wrap {overflow:hidden;position:absolute;left:60px;top:100px;width:440px} .tires_view .view {display:none;position:absolute;left:89px;top:100px} .tires_view .roll {overflow:hidden;width:1000px} .tires_view .roll li {float:left;width:440px;text-align:center} .tires_view .btn_zone {padding:637px 0 0 0;text-align:center} /* CCR */ .tires_view.com_cars .rolling_type02 {top:485px} .tires_view.com_cars .pre, .tires_view.com_cars .next {top:235px} .tires_view.com_cars .btn_zone {padding-top:520px} .tires_view.com_cars .roll_wrap {top:40px} /* tires_info */ .tires_info {float:right;width:350px;padding:40px 30px 0 0} .tires_info h1 {margin-bottom:4px;font-size:18px;color:#202020;font-weight:bold} .tires_info h2 {margin-bottom:4px;font-size:18px;color:#202020;font-weight:bold} .tires_info h3 {margin-bottom:7px;font-size:14px;color:#333333;font-weight:bold} .tires_info .list_pdf {margin-bottom:33px} .tires_info .marked {overflow:hidden;height:1%;margin-bottom:7px} .tires_info .marked li {float:left;margin-right:10px;padding-right:10px;color:#6f7a85;background:url("images/common/bg_marked_bar.gif") no-repeat right 4px} .tires_info .marked li.last {margin-right:0;background:none} .tires_info .txt_more {margin-bottom:22px;color:#777;line-height:14px} .tires_info .txt_more .txt {margin-bottom:5px} .tires_info .txt_more.more_open .txt {height:100%} .tires_info .txt_more strong {display:block;margin-bottom:3px;color:#444;line-height:15px} .tires_info .btn_more {display:block;margin-top:3px;text-align:right} .tires_info .btn_more a {padding-right:10px;background:url("images/common/bl_bottom_arrow_small_orange.gif") no-repeat right 4px} .tires_info .txt_more.more_open a {background:url("images/common/bl_top_arrow_small_gray.gif") no-repeat right 4px} /* car_mark */ .tires_info .car_mark {width:350px} .tires_info .car_mark .cont {padding:10px 0} .tires_info .car_mark .cont a:hover {color:#f47d31 !important;text-decoration:underline;} .tires_info .car_mark .article {width:350px;margin-bottom:15px} .tires_info .car_mark li a {display:block;padding-bottom:3px;border-bottom:1px solid #eeeeee;font-size:14px;color:#888888;background:url("images/services/bl_arrow_top_bottom2.gif") no-repeat 328px -32px} .tires_info .car_mark li.article.show a {font-weight:bold;color:#333333;background-position:328px 6px} .tires_info .car_mark li .emblem {overflow:hidden;height:1%;margin:0 0 10px 0} .tires_info .car_mark li .emblem li {float:left;margin:0 25px 10px 0} .tires_info .car_mark li.article.show a.gray_arrow_l {border:0;padding-left:8px;color:#666666;font-size:12px;background:url("images/common/bl_left_arrow_small_gray.gif") no-repeat left 6px} .tires_info .car_mark li.article.show .list_pdf {margin:0;padding:0 0 0 0} .tires_info .car_mark li.article.show .list_pdf li a {border:0;font-weight:normal;color:#666;font-size:12px;background:none} .tires_info .awards:after {content:" ";display:block;clear:both;_zoom:1;} .tires_info .awards li {position:relative;float:left;margin-right:15px;} .tires_info .awards li .tips {top:-55px;left:-3px;} /* related_info */ .tires_info .related_info {width:350px;border-top:1px solid #EEEEEE} .tires_info .related_info li {position:relative;height:56px;padding:10px 0 0 110px;border-bottom:1px solid #EEEEEE;color:#777777} .tires_info .related_info .desc {margin-bottom:4px;line-height:14px} .tires_info .related_info li span {position:absolute;left:0;top:10px} .tires_info .related_info li .gray_arrow_l {font-weight:bold;color:#666;background-position:left 4px} .tires_info .related_info li .gray_arrow_l:hover {color:#f47d31;text-decoration:underline;} /* performance */ .performance {margin:0 0 28px 0} .performance li {width:350px;margin-bottom:3px;line-height:1em} .performance li .perf_ico {position:relative;float:left;z-index:999} .performance li .perf_ico .tips {display:none;left:-7px;top:-38px} .performance li .perf_ico .tips.on {display:block} .performance li .perf_ico .ico_dry, .performance li .perf_ico .ico_wet, .performance li .perf_ico .ico_snow, .performance li .perf_ico .ico_ice, .performance li .perf_ico .ico_noise, .performance li .perf_ico .ico_comfort, .performance li .perf_ico .ico_wear, .performance li .perf_ico .ico_eco {display:block;width:17px;height:17px;text-indent:-999em;background-image:url("images/services/ico_tires.gif");background-repeat:no-repeat} .performance li .perf_ico .ico_dry {background-position:left -53px} .performance li .perf_ico .ico_wet {background-position:-23px -53px} .performance li .perf_ico .ico_snow {background-position:-46px -53px} .performance li .perf_ico .ico_ice {background-position:-71px -53px} .performance li .perf_ico .ico_noise {background-position:-96px -53px} .performance li .perf_ico .ico_comfort {background-position:-121px -53px} .performance li .perf_ico .ico_wear {background-position:-147px -53px} .performance li .perf_ico .ico_eco {background-position:-174px -53px} .performance li .level_bar, .performance li .level_bar .bar {overflow:hidden;height:6px;background-image:url("images/services/bg_perfomance_bar.gif");background-repeat:no-repeat} .performance li .level_bar {float:right;width:315px;margin:5px 0 0 0;background-position:left -7px} .performance li .level_bar .bar {display:block;position:relative;background-position:left 0} h3.tooltips{ position: relative;} .title_tips{bottom: 15px;.left:-18px;_left:-18; .z-index:999; _z-index:999;} .title_tips p {width:329px;color:#3D4146;font-size: 12px; font-weight: bold;} .perf_ico_dry {top:-60px!important;} .perf_ico_dry p{width:329px;} .perf_ico_wet {top:-60px!important;} .perf_ico_wet p{width:329px;} .perf_ico_snow {top:-60px!important;} .perf_ico_snow p{width:329px;} .perf_ico_ice{top:-60px!important;} .perf_ico_ice p{width:329px;} .perf_ico_noise{top:-75px!important;} .perf_ico_noise p{width:329px;} .perf_ico_comfort{top:-75px!important;} .perf_ico_comfort p{width:329px;} .perf_ico_wear{top:-45px!important;} .perf_ico_wear p{width:329px;} .perf_ico_eco{top:-60px!important;} .perf_ico_eco p{width:329px;} /* driving_style */ .driving_style {position:relative;width:345px;height:24px;margin:0 0 35px 0;z-index:1} .driving_style p, .driving_style p .level {display:block;overflow:hidden;height:6px;background-image:url("images/services/bg_driving_style_bar.gif");background-repeat:no-repeat} .driving_style p {background-position:left top} .driving_style p .level1 {width:32px;background-position:right -14px} .driving_style p .level2 {width:64px;background-position:right -14px} .driving_style p .level3 {width:96px;background-position:right -14px} .driving_style p .level4 {width:127px;background-position:right -14px} .driving_style p .level5 {width:158px;background-position:right -14px} .driving_style p .level6 {width:189px;background-position:right -14px} .driving_style p .level7 {width:220px;background-position:right -14px} .driving_style p .level8 {width:251px;background-position:right -14px} .driving_style p .level9 {width:282px;background-position:right -14px} .driving_style p .level10 {width:313px;background-position:right -14px} .driving_style p .level11 {width:344px;background-position:right -14px} .driving_style .sport,.driving_style .off-road,.driving_style .on-road, .driving_style .comfort {position:absolute;top:12px;color:#666666} .driving_style .sport, .driving_style .off-road{left:0} .driving_style .comfort, .driving_style .on-road {right:0} /* flow_tab */ .flow_tab {overflow:hidden;position:static;top:0;width:940px;margin:0 0 13px 0px;_margin:-135px 0 13px 10px;z-index:1000} .flow_tab.ex {overflow:hidden;position:fixed;top:0;width:940px;margin:0 0 13px 0;_margin:-135px 0 13px 10px;z-index:1000} .flow_tab li {float:left} .flow_tab li a {display:block;width:187px;padding:7px 0;border-top:1px solid #555B61;border-right:1px solid #D0D0D0;font-weight:bold;color:#fff;font-size:14px;text-align:center;background-color:#989B9D} .flow_tab li a.on {background-color:#555B61} .flow_tab_virtual {overflow:hidden;margin:0 0 13px 0} .flow_tab_virtual li {float:left} .flow_tab_virtual li a {display:block;width:187px;padding:7px 0;border-top:1px solid #555B61;border-right:1px solid #D0D0D0;font-weight:bold;color:#fff;font-size:14px;text-align:center;background-color:#989B9D} .flow_tab_virtual li a.on {background-color:#555B61} .fake_flow_tab {display:block;overflow:hidden;position:static;left:0;top:0;width:940px;margin:0 0 13px 0px;_margin:-135px 0 13px 10px;z-index:100} /* features */ .test_results .test_result_content{height: 1%; padding:0 0 34px 0;margin:26px 0 50px 0; border-bottom: 1px solid #e5e5e5;} .sizes_specs, .test_results, .features {position:relative;width:880px;padding:40px 30px 0 30px} .sizes_specs h2, .test_results h2, .features h2 {margin-bottom:50px;font-size:30px} .sizes_specs h3, .test_results h3, .features h3 {margin-bottom:11px;font-size:24px;color:#222222;font-weight:normal} .features .f_type01 {margin-bottom:50px;padding:0 0 170px 475px;border-bottom:1px solid #E5E5E5} .features .f_type01 ol {width:380px} .features .f_type01 ol li {width:380px;margin-bottom:11px;font-size:15px;font-weight:bold;color:#555b61} .features .f_type01 ol li span {display:block;margin:0 0 0 16px;font-size:13px;font-weight:normal;color:#666666} .features .f_type01 ol li ul {margin:3px 0 0 0} .features .f_type01 ol li ul li {margin:0;margin:0 0 0 16px;padding-left:9px;font-weight:normal;font-size:15px;background:url("images/common/bl_dot_gray.gif") no-repeat left 7px} .features .f_type02 {position:relative} .features .f_type02 .txt {height:286px;font-size:15px;color:#666666} .features .f_type02 .photo {position:absolute;right:10px;top:0} .features .f_type02 .penetration_list_wrap {overflow:hidden;width:880px;margin-bottom:50px;padding:0 0 50px 0;border-bottom:1px solid #E5E5E5} .features .f_type02 .penetration_list_wrap strong {display:block;padding:0 0 2px 0;font-size:15px;color:#555b61} .features .f_type02 .penetration_list_wrap p {height:65px;font-size:13px;line-height:16px;color:#666666} .features .f_type02 .penetration_list_wrap .penetration_list {overflow:hidden;float:left;width:425px;text-align:left} .features .f_type02 .penetration_list_wrap ul li.right, .features .f_type02 .penetration_list_wrap .penetration_list.right {float:right} .features .f_type02 .penetration_list_wrap ul li {float:left;width:210px;text-align:center} .features .f_type02 .penetration_list_wrap ul li em {display:block;margin:15px 0 0 0;font-weight:bold;color:#404040;font-size:14px} .features .f_type02 .penetration_list_wrap ul li.right em {color:#617a94} .features .f_type03 ul {overflow:hidden;padding:10px 0 0 0} .features .f_type03 li {float:left;width:440px} .features .f_type03 li.last {float:right} .features .f_type03 dl {position:relative;height:155px;padding:0 0 0 220px} .features .f_type03 dt {margin-bottom:5px;line-height:1;font-weight:bold;color:#555b61;font-size:15px} .features .f_type03 .txt {color:#6666;font-size:13px} .features .f_type03 .thumb {position:absolute;left:0;top:0} .features .comp_02 {margin-top:50px;padding-top:45px;border-top:1px solid #e5e5e5;} .features .comp_02 .left_area {float:left;width:450px;} .features .comp_02 .right_area {float:right;} .comp_right_wrap{overflow: hidden;width:330px;min-height:290px;margin-left:31px;} .features .comp_02 h3 {margin-bottom:15px;} .features .comp_02 h4 {padding:13px 0 3px 0;color:#555b61;font-size:15px;} .features .comp_02 p {padding-left:9px;color:#666666;font-size:13px;background:url("images/common/bl_dot_gray.gif") no-repeat left 8px} .features .comp_02 .on * {color:#f47d31;} .features .comp_02 .on p {background-image:url("images/common/bl_dot_orange.gif")} .features .comp_02 .right_area span {display:block;margin-top:25px;padding-right:37px;text-align:right;font-size:11px;font-weight:bold;} .features .comp_02 .right_area .structure_tire {position:relative;width:388px;height:250px;} .features .comp_02 .right_area .structure_tire img {position:absolute;top:0;left:0} /* tire_functions */ .tire_functions {width:654px;margin-bottom:15px;padding:36px 0 30px 0;border:3px solid #EEEEEE} .tire_functions .tit {margin-bottom:30px;font-size:28px;color:#333333;font-weight:bold;text-align:center} .tire_functions ul {overflow:hidden;width:595px;margin:0 auto} .tire_functions li {float:left;width:297px;height:196px;padding:20px 0 0 0;text-align:center} .tire_functions li.one {border-right:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE} .tire_functions li.two {border-bottom:1px solid #EEEEEE} .tire_functions li.three {border-right:1px solid #EEEEEE} /* car_kind */ .car_kind {overflow:hidden} .car_kind li {float:left;height:172px;margin-right:19px} .car_kind li .img {display:block;width:207px;height:102px;margin-bottom:6px;text-align:center;background-color:#F3F3F3} .car_kind li span {display:block;color:#333333;font-weight:bold;font-size:14px} .car_kind li em {color:#666666} /* history */ .history {width:660px} .history ul {} .history li {position:relative;width:327px;*margin-top:-3px;text-align:right;border-right:2px solid #B4BBC6} .history li h3 {margin:0 20px 6px 0;font-size:14px;color:#333333} .history li strong {display:block;margin:0 20px 8px 0;padding:12px 0 0 0;font-size:18px;color:#1f2226} .history li p {margin:0 20px 0 0;padding:0 0 43px 0;color:#666666} .history li span {display:inline-block;width:130px;height:38px;margin:0 0 17px 0;padding:0 7px 0 0;line-height:38px;font-weight:bold;font-size:30px;color:#989B9D;background-color:#fff} .history li span.point {margin:0 0 17px 0;color:#ffffff;background-color:#6F7A85} .history li.year {padding:13px 0 0 0} .history .right {width:333px;margin-left:327px;text-align:left;border-left:2px solid #B4BBC6;border-right:0} .history .right span {padding:0 0 0 7px} .history .right .photo {position:absolute;left:-330px;top:67px} .history .right p, .history .right h3, .history .right strong {margin-left:20px} .history .year1888 .photo {position:absolute;right:-320px;top:46px} .history .year1920.right p, .history .year1920.right h3, .history .year1920.right strong {margin-left:71px} .history .year1920.right .photo {left: -230px} .history .year1940 .photo {position:absolute;right:-330px;top:46px} .history .year1923 span {width:70px;position:absolute;left:-82px;top:-5px} .history .year1949 span, .history .year1947 span {width:70px;position:absolute;right:-82px;top:-5px} .history .year1980.part01 {padding-bottom:100px;border-left:2px solid #B4BBC6} .history .year1980.part01 .photo {top:40px} .history .year1980 .photo img {display:block} .history .year1980 .point {width:130px;position:absolute;left:-137px;top:0;padding:0 7px 0 0;text-align:right;background-color:#617A94} .history .year1980.part01 h3 {padding-top:140px} .history .year1980.part01 .photo {left:-346px;text-align:right} .history .year1980.part02 {padding:0 0 0 0;border-right:2px solid #B4BBC6} .history .year1980.part02 .photo {position:absolute;right:-255px;top:5px;text-align:left} .history .year1980.part03 {border-right:2px solid #B4BBC6} .history .year2000 {border-left:2px solid #B4BBC6} .history .year2000 .point {background-color:#617A94} .history .year2000 .photo {left: -280px;text-align:right} .history .year2000 .photo img {display:block} .history .year2012 {border-right:2px solid #B4BBC6} .history .year2012 .point {background-color:#AFB100} .history .go_view {display:inline-block;margin:14px 0 0 0;padding-right:9px;color:#666;font-size:11px;font-weight:bold;background:url("images/common/bl_right_arrow_small_orange.gif") no-repeat right 6px} .history .driving {margin:0 0 0 0} /* kind_of_spec */ .kind_of_spec {overflow:hidden;height:1%;padding:10px 0 14px 0} .kind_of_spec li {position:relative;float:left;width:68px;padding:0 0 0 6px;border-left:1px solid #D8D8D8;line-height:1;color:#333333;font-size:14px;font-weight:bold} .kind_of_spec li span {display:block;position:absolute;left:6px;bottom:0;width:330px;font-weight:normal;line-height:1;color:#666666;font-size:12px} .kind_of_spec.depart li.ele01 {height:195px} .kind_of_spec.depart li.ele02 {height:155px} .kind_of_spec.depart li.ele03 {height:115px} .kind_of_spec.depart li.ele04 {height:75px} .kind_of_spec.depart li.ele05 {height:35px} .kind_of_spec.metric li {width:54px} .kind_of_spec.metric li.ele01 {height:331px} .kind_of_spec.metric li.ele02 {width:83px;height:270px} .kind_of_spec.metric li.ele03 {height:230px} .kind_of_spec.metric li.ele04 {height:190px} .kind_of_spec.metric li.ele05 {height:113px} .kind_of_spec.metric li.ele06 {width:170px;height:35px} .kind_of_spec.metric li.ele07 {height:75px} .kind_of_spec.metric li.ele08 {height:35px} .kind_of_spec.european li {width:54px} .kind_of_spec.european li.ele01 {width:83px;height:234px} .kind_of_spec.european li.ele02 {height:195px} .kind_of_spec.european li.ele03 {height:154px} .kind_of_spec.european li.ele04 {height:86px} .kind_of_spec.european li.ele05 {height:113px} .kind_of_spec.european li.ele06 {height:35px} /* tire_structure */ .tire_structure {margin:0 0 30px 0;text-align:center} /* tires_details */ .tires_details {overflow:hidden;position:relative;width:600px} .tires_details .detail_tab {} .tires_details .details01, .tires_details .details02, .tires_details .details03, .tires_details .details04, .tires_details .details05, .tires_details .details06 {position:absolute;right:0;top:24px;width:261px} .tires_details .details01 .detail_img, .tires_details .details02 .detail_img, .tires_details .details03 .detail_img, .tires_details .details04 .detail_img, .tires_details .details05 .detail_img, .tires_details .details06 .detail_img {width:258px;height:168px;margin:0;border:1px solid #C4C4C4} .tires_details strong {display:block;margin:0 0 10px 0;font-size:14px;color:#333333} /* tires_sizes_spec */ .tires_sizes_spec {position:relative;width:600px} .tires_sizes_spec .sizes_spec_tab {position:relative;padding:26px 0 0 0} /*.tires_sizes_spec .sizes_spec_tab .size_tab li {position:absolute} .tires_sizes_spec .sizes_spec_tab .size_tab li {left:0;top:0} .tires_sizes_spec .sizes_spec_tab .size_tab li a.on {color:#F47D31t} .tires_sizes_spec .sizes_spec_tab .size_tab li .wid {display:block;border-style:solid;border-width:1px 0 1px 0;border-color:#D1D1D1} .tires_sizes_spec .sizes_spec_tab .size_tab li a.on .wid {border:1px solid #F47D31;border-left:0} .tires_sizes_spec .sizes_spec_tab .size_tab li.tab01 {left:52px;top:37px} .tires_sizes_spec .sizes_spec_tab .size_tab li.tab02 {left:160px;top:55px} .tires_sizes_spec .sizes_spec_tab .size_tab li.tab03 {left:200px;top:82px} .tires_sizes_spec .sizes_spec_tab .size_tab li.tab04 {left:230px;top:55px} */ .tires_sizes_spec .cont01, .tires_sizes_spec .cont02, .tires_sizes_spec .cont03, .tires_sizes_spec .cont04 {position:absolute;right:0;top:93px;width:265px} .tires_sizes_spec .cont01 .cont_txt, .tires_sizes_spec .cont02 .cont_txt, .tires_sizes_spec .cont03 .cont_txt, .tires_sizes_spec .cont04 .cont_txt {width:265px;margin:0} .tires_sizes_spec strong {display:block;margin:0 0 6px 0;font-size:14px;color:#333333} .tires_sizes_spec .user {margin:25px 0 0 0} .tires_sizes_spec .user strong {display:inline} .tires_sizes_spec .user strong.check {color:#f47d31} .tires_sizes_spec .user * {vertical-align:middle} .tires_sizes_spec .user .dash, .tires_sizes_spec .user span,.tires_sizes_spec .user b {display:inline-block;font-size:14px;font-weight:bold;color:#333333} .tires_sizes_spec .user .dash {width:30px;text-align:center} .tires_sizes_spec .user span {width:30px;text-align:left} /* top_table_zone */ .top_table_zone {overflow:hidden;height:1%} .top_table_zone .table_tit {float:left;margin:0 0 4px 0;font-weight:bold;color:#555555} .top_table_zone .unit {float:right;margin:0 0 8px 0;color:#777777} /* Table Layout Common */ .tb_type4 {width:660px} .tb_type4 table{width: 100%;table-layout: fixed; border-top:2px solid #666666; border-bottom: 1px solid #999999} .tb_type4 table tbody th{padding:7px 0 7px 10px;text-align:left;color: #444444;font-size:12px; font-weight: bold;background-color:#f9f9f9;border-bottom:1px solid #dddddd} .tb_type4 table tbody td{padding:7px 10px 7px 0;text-align:right;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;background-color:#ffffff;color:#666666} /* competition_cars */ .competition_cars_list {position:relative} .competition_cars_list h2 {padding:46px 0 10px 0;border-top:1px solid #d8d8d8;color:#222222;font-size:18px;font-weight:normal} .competition_cars_list h2.detail {padding:0; border-top:none; font-size:11px;font-weight:normal} .competition_cars_list .btn_area_top {position:absolute;top:20px;right:0} .competition_cars_list .tires_list_wrap .tires_list {height:242px;} .competition_cars_list .tires_list_wrap .tires_list .thumb {padding-top:20px} /* trucks_buses */ .trucks_list_wrap .tires_list {height:287px;} .trucks_list_wrap .tires_list .thumb {margin:15px 0 18px 0} .trucks_list_wrap .tires_list .icons {width:255px;margin:0} /* DTM */ .d_day {width:190px;height:59px;color:#fff;text-align:center;background:url("images/motorsports/bg_dday.gif") no-repeat left top} .d_day span {display:block;height:24px;padding:6px 0 0 0;font-size:15px} .d_day strong {display:block} .d_day strong em {padding-left:3px;font-size:150%} /* DTM - dtm for hankook tire */ .dtmfor {display:inline-block;} /* DTM - introduction */ .introduction_img p {padding-left:342px;} .introduction_img img {float:left;} /* w660_tb_type5 */ .w660_tb_type5{overflow: hidden} .w660_tb_type5 span{display:block; width:100%; margin-top:20px; margin-bottom:10px; text-align: right} .w660_tb_type5 table{width:100%; table-layout: fixed; border-top:2px solid #666666; border-bottom: 1px solid #999999} .w660_tb_type5 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} .w660_tb_type5 table tbody th, .w660_tb_type5 table tbody td{padding:7px 0 7px 0;text-align: center; color:#666666;border:1px solid #dddddd;border-top:0;font-weight:normal;border-left:0} .w660_tb_type5 table tbody th a, .w660_tb_type5 table tbody td a {color:#666} .w660_tb_type5 table tbody th a:hover, .w660_tb_type5 table tbody td a:hover {color:#f47d31;text-decoration:underline} .w660_tb_type5 table tbody td.left{padding-left:15px; text-align: left} .w660_tb_type5 table .blnone {border-left:0} .w660_tb_type5 table .brnone {border-right:0} .bdnone table thead th {border-right:0;} .bdnone table tbody th, .bdnone table tbody td {border-right:0;border-left:0} /* w660_row_type2 */ .w660_row_type2 {overflow: hidden} .w660_row_type2 table{width:100%; table-layout: fixed;border-top:2px solid #666666;} .w660_row_type2 table th {padding:7px 0 7px 0;color:#555b61;background-color:#f9f9f9;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center} .w660_row_type2 table td {padding:7px 0 7px 10px;color:#666666;border-bottom:1px solid #dddddd;text-align:left} .w660_row_type2 table td a {color:#666;} .w660_row_type2 table .last {border-bottom:1px solid #999999;} /* w660_row_type1 */ .w660_row_type1 {} .w660_row_type1 table {width:100%; table-layout: fixed;border-top:1px solid #888888;} .w660_row_type1 table th {padding:8px 0 8px 16px;border-bottom:1px solid #d8d8d8;color:#555555;background-color:#f3f3f3;text-align:left;} .w660_row_type1 table td {padding:8px 0 8px 8px;border-bottom:1px solid #d8d8d8;color:#666666;} .w660_row_type1 table .last {border-bottom:1px solid #888888;} .w660_row_type1 table.sel4px tr td span.jquery-selectbox{margin-right:4px} .comm_wrap .w660_row_type1 p{padding:0;} /* Formula Drift */ .competition_information {float:left;width:320px} .sponsored_team {float:right;width:320px} .img_view76x55 {position:relative;display:inline-block;width:76px;height:55px;margin-right:10px;vertical-align:top} .img_view76x55 a {position:absolute;bottom:0;right:0} /* modal pop */ .mw_vehicle .fg {margin:-310px 0 0 -421px;} .mw_vehicle h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #d8d8d8;color:#333333;font-size:18px;text-align:left;} .mw_vehicle span img {border:1px solid #dddddd} /* Interview */ .interview {float:left;width:320px;border-bottom:1px solid #737272} .interview h4 {margin-bottom:20px;padding:9px 0 8px 3px;border-top:2px solid #737272;border-bottom:1px solid #d9d9d9;font-size:12px} .interview_list .touch {display:block;padding:9px 0;border-top:1px solid #d9d9d9;color:#777777;font-size:12px;background:url("images/common/ico_arrow_show.gif") no-repeat 300px center;line-height:1.1em} .interview_list .show .touch {color:#333333;background:url("images/common/ico_arrow_close.gif") no-repeat 300px center} .interview h5 {padding:0;border-top:1px solid #d9d9d9} .interview h5 a {display:block;padding:9px 0;color:#777777;font-size:12px;background:url("images/common/ico_arrow_show.gif") no-repeat 300px center;line-height:1.1em} .interview h5.on a {color:#333333;background:url("images/common/ico_arrow_close.gif") no-repeat 300px center} .interview div.interview_cont {display:none;padding:17px 0 0 0;color:#666666;background:url("images/common/bg_dot_cbcbcb.gif") repeat-x left top} .interview div.on {display:block} .interview .btnone {border-top:0} /* flagship */ html, body#flag, body#flag #wrapTire {width:100%;} body#flag #flagship_container {position:relative;width:100%;margin:0 auto;padding:0 !important;background:#ffffff url("images/services/bg_flag_container.gif") repeat-y 50% top} body#flag #flagship_container #content {width:960px !important;margin:0 auto;padding:0 !important;color:#fff;} .flagship_l {position:relative;width:1000px;margin-left:-320px;text-align:right;background:#26272c url("images/services/bg_flag_l.jpg") no-repeat right top} .flagship_l.ltr {position:relative;width:1000px;margin-left:-320px;text-align:right;background:#26272c url("images/services/bg_flag_l01.jpg") no-repeat right top} .flagship_l:after {content:" ";display:block;clear:both;*zoom:1} .flagship_r {position:absolute;right:0;top:0;width:250px;padding:20px 0 0 30px;text-align:left;color:#b0b1b3} .flagship_l_wrap {float:right;width:630px;margin-right:40px;text-align:left} .flagship_l_wrap .cont {padding-top:511px;padding-bottom:60px;} .flagship_l_wrap h3.big {margin-bottom:20px;color:#fff;font-size:50px;line-height:50px} .flagship_l_wrap .discription {padding:0 165px 0 0;color:#999999} .flagship_l_wrap h4 {margin-bottom:50px;color:#f47d31;font-size:26px} .flagship_l_wrap .tires_info {float:none;width:630px;margin-bottom:10px;margin-top:91px;padding:0} .flagship_l_wrap .tires_info:after {content:" ";display:block;clear:both;*zoom:1} .flagship_l_wrap .tires_info h3 {margin-bottom:20px;padding:19px 0 6px 0;color:#fff;font-size:14px;line-height:14px;border-bottom:1px dotted #464646} .flagship_l_wrap .tires_info .performance_wrap {float:left;width:273px;height:250px;padding:0 19px 0 18px;background-color:#181818} .flagship_l_wrap .tires_info .driving_style_wrap {float:right;width:272px;height:110px;margin-bottom:10px;padding:0 19px;background-color:#181818} /*20121114*/ .flagship_l_wrap .tires_info .car_mark_wrap {position:relative;float:right;width:272px;height:130px;padding:0 19px;background-color:#181818} .flagship_l_wrap .tires_info .car_mark_wrap .roll_wrap_list{overflow:hidden;margin:-15px 0 0 0} .flagship_l_wrap .tires_info .car_mark_wrap .roll_list{width:3000px } .flagship_l_wrap .tires_info .car_mark_wrap .orange_arrow_l {position:absolute;top:99px} .flagship_l_wrap .tires_info .car_mark_wrap a:hover {color:#f47d31;text-decoration:underline;} .flagship_l_wrap .tires_info .car_mark_wrap a.pre, .flagship_l_wrap .tires_info .car_mark_wrap a.next {position:absolute;top:60px;display:block;width:19px;height:30px;text-indent:-999em;background-image:url("images/common/btn_flagship_prenext.png");background-repeat:no-repeat} .flagship_l_wrap .tires_info .car_mark_wrap a.next {right:13px;background-position:-17px 6px} .flagship_l_wrap .tires_info .car_mark_wrap .next:hover {background-position:-17px -18px} .flagship_l_wrap .tires_info .car_mark_wrap a.pre {left:11px;background-position:4px 6px} .flagship_l_wrap .tires_info .car_mark_wrap .pre:hover {background-position:4px -18px} /*20121114*/ .flagship_l_wrap .tires_view {float:none;width:630px;background-color:#181818} .flagship_l_wrap .tires_view .roll_wrap {top:47px;left:100px} .flagship_l_wrap .tires_view .pre {top:226px} .flagship_l_wrap .tires_view .next {top:226px} .flagship_l_wrap .tires_view .pre:hover {top:226px} .flagship_l_wrap .tires_view .next:hover {top:226px} .flagship_l_wrap .tires_view .none .pre:hover {top:226px} .flagship_l_wrap .tires_view .none .next:hover {top:226px} .flagship_l_wrap .tires_view .rolling_type02 {top:519px} .flagship_l_wrap .tires_view .btn_zone {padding:558px 0 50px 0} .flagship_l_wrap .path {position:absolute; left:320px; top:0; overflow:hidden;z-index:1; height:25px;padding:20px 10px 0 10px;} .flagship_l_wrap .path a {font-size:11px} .flagship_l_wrap .path .l_zone {float:left} .flagship_l_wrap .path .l_zone strong, .flagship_l_wrap .path .l_zone span {float:left;padding:0 10px;background:url("images/common/bg_path_arrow.png") no-repeat left 50%} .flagship_l_wrap .path .l_zone a {color:#666} .flagship_l_wrap .path .l_zone strong a {color:#333} .flagship_l_wrap .path .l_zone .home {background:none;padding:0 10px 0 0} .flagship_l_wrap .path .l_zone .home a {position:relative;top:2px;display:block;width:14px;height:13px;text-indent:-999em;background:url("images/common/btn_home.png") no-repeat left top} /* flagship performance */ .flagship_l_wrap .performance {margin:0} .flagship_l_wrap .performance li {width:100%;margin-bottom:5px;.margin-bottom:2px} .flagship_l_wrap .performance li .perf_ico {position:relative;float:left} .flagship_l_wrap .performance li .perf_ico .tips {display:none;left:-7px;top:-38px} .flagship_l_wrap .performance li .perf_ico .tips.on {display:block} .flagship_l_wrap .performance li .perf_ico .ico_dry, .flagship_l_wrap .performance li .perf_ico .ico_wet, .flagship_l_wrap .performance li .perf_ico .ico_snow, .flagship_l_wrap .performance li .perf_ico .ico_ice, .flagship_l_wrap .performance li .perf_ico .ico_noise, .flagship_l_wrap .performance li .perf_ico .ico_comfort, .flagship_l_wrap .performance li .perf_ico .ico_wear, .flagship_l_wrap .performance li .perf_ico .ico_eco {display:block;width:17px;height:17px;text-indent:-999em;background-image:url("images/services/ico_tires.gif");background-repeat:no-repeat} .flagship_l_wrap .performance li .perf_ico .ico_dry {background-position:1px -75px} .flagship_l_wrap .performance li .perf_ico .ico_wet {background-position:-22px -75px} .flagship_l_wrap .performance li .perf_ico .ico_snow {background-position:-46px -75px} .flagship_l_wrap .performance li .perf_ico .ico_ice {background-position:-71px -75px} .flagship_l_wrap .performance li .perf_ico .ico_noise {background-position:-96px -75px} .flagship_l_wrap .performance li .perf_ico .ico_comfort {background-position:-122px -75px} .flagship_l_wrap .performance li .perf_ico .ico_wear {background-position:-147px -75px} .flagship_l_wrap .performance li .perf_ico .ico_eco {background-position:-174px -75px} .flagship_l_wrap .performance li .level_bar, .flagship_l_wrap .performance li .level_bar .bar {overflow:hidden;height:6px;background-image:url("images/services/bg_perfomance_bar.gif");background-repeat:no-repeat} .flagship_l_wrap .performance li .level_bar {float:right;width:242px;margin:5px 0 0 0;background-position:left -14px} .flagship_l_wrap .performance li .level_bar .bar {display:block;position:relative;background-position:left 0} /* flagship driving_style */ .flagship_l_wrap .driving_style {position:relative;width:268px;height:24px;margin:0 0 35px 0} .flagship_l_wrap .driving_style p, .flagship_l_wrap .driving_style p .level {display:block;overflow:hidden;height:6px;background-image:url("images/services/bg_flag_driving_style_bar.gif");background-repeat:no-repeat} .flagship_l_wrap .driving_style p {background-position:left top} .flagship_l_wrap .driving_style p .level1 {width:25px;background-position:right -14px} .flagship_l_wrap .driving_style p .level2 {width:50px;background-position:right -14px} .flagship_l_wrap .driving_style p .level3 {width:75px;background-position:right -14px} .flagship_l_wrap .driving_style p .level4 {width:100px;background-position:right -14px} .flagship_l_wrap .driving_style p .level5 {width:125px;background-position:right -14px} .flagship_l_wrap .driving_style p .level6 {width:150px;background-position:right -14px} .flagship_l_wrap .driving_style p .level7 {width:175px;background-position:right -14px} .flagship_l_wrap .driving_style p .level8 {width:198px;background-position:right -14px} .flagship_l_wrap .driving_style p .level9 {width:222px;background-position:right -14px} .flagship_l_wrap .driving_style p .level10 {width:246px;background-position:right -14px} .flagship_l_wrap .driving_style p .level11 {width:271px;background-position:right -14px} .flagship_l_wrap .driving_style .sport, .flagship_l_wrap .driving_style .comfort {position:absolute;top:12px;color:#999} .flagship_l_wrap .driving_style .sport {left:0} .flagship_l_wrap .driving_style .comfort {right:0} /* car_mark_wrap */ /*20121114*/ .flagship_l_wrap .car_mark_wrap ul {margin-bottom:5px} .flagship_l_wrap .car_mark_wrap li {display:block;float:left;margin-right:10px}/*20121114*/ .flagship_l_wrap .car_mark_wrap li.fir {margin-left:0;} .flagship_l_wrap .orange_arrow_l {color:#999999} /*20121114*/ .flagship_l_wrap .recently_view {background:url("images/services/bg_flag_recently_view.gif") no-repeat left top} .flagship_l_wrap .recently_view h2 {color:#999999;} .flagship_l_wrap .recently_view h3 {font-size:12px} .flagship_l_wrap .rolling_1 {border-top:1px solid #999999;} .flagship_l_wrap .rolling_1 .pre {background-position: -97px top;} .flagship_l_wrap .rolling_1 .next {background-position: -121px top;} .flagship_l_wrap .rolling_1 .pre:hover {background-position:-48px top} .flagship_l_wrap .rolling_1 .next:hover {background-position:left top} .flagship_l_wrap .rolling_1 .roll_list li h3 {color:#fff;} .flagship_l_wrap .rolling_1 .roll_list li .txt {color:#bbbbbb;} .flagship_l_wrap .rolling_1 .details {color:#cccccc;background:url("images/common/bl_right_arrow_small_orange02.gif") no-repeat right 3px;} .flagship_l_wrap .rolling_1 .details:hover{color:#f47d31} /*.flagship_r_wrap .path{left:20px;width: 190px;}*/ .flagship_r_wrap .path .r_zone {margin-bottom:58px;padding-bottom:9px;border-bottom:1px dotted #727478} .flagship_r_wrap .path .r_zone * {vertical-align:middle} .flagship_r_wrap .path .r_zone a {color:#afb1b2} .flagship_r_wrap .path .r_zone .email a {padding-left:18px;background:url("images/services/ico_flag_email_gray.gif") no-repeat left 1px} .flagship_r_wrap .path .r_zone .print a {margin-left:16px;padding-left:16px;background:url("images/services/ico_flag_print.gif") no-repeat left 1px} .flagship_r_wrap .path .r_zone .f_book {display:inline-block;width:13px;height:13px;margin:0 0 0 16px;background:url("images/services/ico_flag_facebook.gif") no-repeat left top} .flagship_r_wrap h1 {margin:0 0 18px 0} /* h1 add */ .flagship_r_wrap h2 {margin:0 0 18px 0} .flagship_r_wrap h3 {margin-bottom:3px;color:#ddd} .flagship_r_wrap .discription {margin-bottom:25px;line-height:14px} .flagship_r_wrap .car_mark .touch {display:block;padding:9px 0;color:#fff;font-size:14px;border-bottom:1px dotted #737679} .flagship_r_wrap .car_mark .down .touch {border-bottom:0} .flagship_r_wrap .car_mark .cont ul {margin-bottom:25px} .flagship_r_wrap .car_mark .cont li a {color:#b0b1b3} .flagship_r_wrap .car_mark .cont ul.list_pdf li {padding-left:25px} .flagship_r_wrap .awards:after {content:" ";display:block;clear:both;_zoom:1;} .flagship_r_wrap .awards li {position:relative;float:left;margin-right:15px;} .flagship_r_wrap .awards li .tips {top:-35px;left:-3px;} .flagship_r_wrap .flagship.awards {padding-bottom:40px;} .page_top {position:fixed;top:38%;margin-left:656px;} /* bl style */ .ar_thin_gray {height:7px;padding:0 9px;background:url("images/common/bl_arrow_thin_gray.gif") no-repeat center 3px;vertical-align:middle} /* FAQ */ .faqlist ul {border-top-color:#888888;} .faqlist .article {clear:both;} .faqlist .article .trigger {overflow:hidden;display:block;padding:10px 0 10px 0;font-weight:normal;color:#888888;line-height:21px;text-decoration:none;background: url("images/investors/bl_arrow_top_bottom.gif") no-repeat scroll 638px -15px;_zoom:1} .faqlist .article .trigger:hover {color:#333333;font-weight:normal;} .faqlist .article .trigger .num, .faqlist .article .trigger .txt {float:left;} .faqlist .article .trigger .num {width:44px;padding-top:10px;text-indent:14px;vertical-align:middle;} .faqlist .article .trigger strong {display:block;} .faqlist .article .answer p {margin:0;} .faqlist .article.show .trigger {color:#333333;font-weight:normal;background: url("images/investors/bl_arrow_top_bottom02.gif") no-repeat scroll 638px 27px} .faqlist .article.last {border-bottom-color:#888888;} .faq_result {margin-bottom:5px;} /* .qa_bx_result {padding:45px 30px;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;background-color:#f6f6f6} */ .qa_bx_result {padding:45px 30px;background-color:#f6f6f6} .qa_bx_result h3 {margin:0 0 10px 0;padding:0;color:#1f2226;font-size:18px;} .qa_bx_result p {margin:0 0 10px 0;color:#666666;line-height:18px} .qa_bx_result p strong {color:#3d3f42;} .qa_bx_result a {margin:0;font-weight:bold;font-size:11px} /* button */ /* button */ .invest_navi_2dep {overflow: hidden;padding:10px 0;border-top:2px solid #666;border-bottom:1px solid #ddd;} .invest_navi_2dep span.medium_button {display:block; float:left;padding:0 18px 0 10px;.padding:0 10px 0 10px;line-height:22px;background: url("images/common/bar_intraday.gif") no-repeat right 7px;}/* width 추가 */ .invest_navi_2dep span.medium_button2 {display:block; float:left;padding:0 33px;.padding:0 10px 0 10px;line-height:22px;background: url("images/common/bar_intraday.gif") no-repeat right 7px;} .invest_navi_2dep span.medium_button2.first {padding:0 10px 0 0;.padding:0 10px 0 0;} .invest_navi_2dep span.medium_button2.last {padding:0 0px 0 10px;.padding:0 0px 0 10px;} .invest_navi_2dep span.medium_button {display:block; float:left;padding:0 18px 0 10px;.padding:0 10px 0 10px;line-height:22px;background: url("images/common/bar_intraday.gif") no-repeat right 7px;} .invest_navi_2dep span.medium_button2 h2{padding:0 0 0 0;font-size:12px;color:#999;} .invest_navi_2dep span.medium_button a,.invest_navi_2dep span.medium_button2 a{display:block; padding-right:15px;background:url("images/common/bg_intraday_btn_off_tail.gif") no-repeat right 7px; color: #999999; font-weight: bold; } .invest_navi_2dep span.one_min {background:none;} .invest_navi_2dep span.selected a {display:block;padding-right:15px;background:url("images/common/bg_intraday_btn_on_tail.gif") no-repeat right 7px; color: #444444; font-weight: bold;} .invest_navi_2dep .right {float: right} .invest_navi_2dep {text-align:left} .invest_navi_2dep.center {text-align:center} .invest_navi_2dep.right {text-align:right} .invest_navi_2dep.right_f {float:right;margin:0 0 0 0} .bdtb_none {border-top: 0!important;border-bottom: 0!important;} /* write form */ .mandatory_field {padding:0 5px 0 0;color:#f47d31;vertical-align:middle;font-weight:bold;} .hover:hover {text-decoration:underline;} .hover2{text-decoration:underline;} .hover2:hover {text-decoration:underline; color:#f47d31 } /* schedule */ .schedule_mw h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #f6975a;color:#333333;font-size:18px;text-align:left;} .schedule_mw p {margin:0;} /* title_page Add */ .title_page.fz18 h3 {font-size:18px !important;} /* CSR Report : survey */ .csr_t {margin:0;padding:8px 0 8px 16px !important;border-top:2px solid #555;border-bottom:1px solid #555;color:#555555;font-size:12px !important;line-height:18px !important;} .csr_imp {z} .survey_list {margin-bottom:50px;} .survey_list:after {content:" ";display:block;clear:both;_zoom:1;} .survey_list li {float:left;width:315px;padding:7px 0 7px 15px;border-bottom:1px solid #d8d8d8;} .survey_list li.patb0{padding: 0 0 0 15px;} .survey_list li * {color:#666666;font-size:12px;vertical-align:middle;} .survey_list li.oneline {float:none;clear:both;width:645px;} .survey_list li.oneline > input {margin-top:3px} .survey_list div.checkbox{float: left; margin-top: 12px;line-height: 1;} .survey_list div.radio{float: left; margin-top: 7px;} .survey_list label{display: block;float: left; line-height: 35px } .survey_list02 {margin-bottom:50px;} .survey_list02:after {content:" ";display:block;clear:both;_zoom:1;} .survey_list02 li {padding:7px 0 7px 29px;border-bottom:1px solid #d8d8d8;} .survey_list li.bdcolor, .survey_list02 li.bdcolor {border-bottom:1px solid #888888;} /* calendar_table Add .calendar_period {position:relative;height:50px;padding-top:29px;border:1px solid #e6e6e6;border-bottom:0;background:url("images/common/bg_cal_th.gif") repeat-x left top;text-align:center;} *html .calendar_period {height:56px;padding-top:23px;} *+html .calendar_period {height:55px;padding-top:24px;} .calendar_period strong {color:#202020;font-size:28px;vertical-align:middle;} .calendar_period a.prev_month {display:inline-block;width:12px;height:19px;margin-right:16px;padding:0 10px 0 10px;background:url("images/common/btn_calendar_arrow.png") no-repeat 10px 0;} .calendar_period a.next_month {display:inline-block;width:12px;height:19px;margin-left:15px;padding:0 10px 0 10px;background:url("images/common/btn_calendar_arrow.png") no-repeat -17px 0;} .calendar_period a span {display:inline-block;text-indent:-9999px;} .calendar_period .btn_area {position:absolute;right:14px;top:25px;} .calendar_table {width:100%;clear:both;} .calendar_table table{table-layout:fixed;width:100%;border:1px solid #e6e6e6} .calendar_table table thead th {padding:15px 0;text-align:center;color:#4c4c4c;} .calendar_table table tbody td {height:91px;.height:81px;_height:81px;padding:5px 8px;color:#4c4c4c;text-align:left;border:1px solid #e6e6e6;font-weight:bold;vertical-align:top;} .calendar_table table .sun, .calendar_table table .sun a {color:#f47d31;} .calendar_table table .sat, .calendar_table table .sat a {color:#3e6cb0;} .calendar_table table .schedules a {display:block;color:#666666;padding-top:29px;background:url("images/common/ico_schedules.gif") no-repeat 0 4px;} .calendar_table table .schedules strong {padding:0 4px 0 1px;color:#f47d31;font-size:15px;text-decoration:underline;} */ /* CSR Report : download */ .latest_report {margin-bottom:25px;} .latest_report:after {content:" ";display:block;clear:both;_zoom:1;} .cover {float:left;width:158px;} .cover img {border:3px solid #cccccc;} .report_down {float:right;clear:none !important;width:470px;} .report_down table tbody tr th {font-weight:normal;} .previous_report_wrap {clear:both;margin-bottom:50px;} .previous_report_wrap:after {content:" ";display:block;clear:both;_zoom:1;} .previous_report_wrap .cover {margin-right:13px;} .previous_report {float:left;width:305px;padding-left:25px;background:url("images/sustainability/bg_csrReport_line.gif") no-repeat left center;} .previous_report h3 {padding:0 0 11px 0;font-size:14px;} .previous_report li {margin-bottom:7px;} .previous_report li img {margin-right:10px;} .nobg {width:330px;background:none;padding-left:0;} .csr_contact {clear:both;} .csr_contact:after {content:" ";display:block;clear:both;_zoom:1;} .csr_contact h3 {font-size:14px;padding:0 0 13px 0;} .csr_contact span {float:left;} .csr_contact span img {border:1px solid #333333;} .csr_contact p {margin:0 0 20px 0;padding-left:266px;color:#777777;} .csr_contact p strong {color:#555555;} .csr_contact address {padding-left:266px;} /* Race Calendar */ .motosports_detail_wrap {overflow:hidden;overflow-y:scroll;width:441px;height:372px;padding-right:11px;} .motosports_detail {overflow:hidden;width:430px;margin:0 0 16px 0;padding-bottom:15px; border-bottom:1px solid #dddddd;} .motosports_detail h5 {color:#333333;font-size:14px;padding-bottom:8px;} .motosports_detail span {float:left;margin-right:10px;} .motosports_detail span img {border:1px solid #dedede;} .motosports_detail ul {float:left;width:224px;} .motosports_detail ul li {padding-left:13px;color:#666666;text-align:left;background:url("images/common/bl_gray_highpen.gif") no-repeat 0 9px;} .motosports_detail ul li span {display:block;} .motosports_detail .button {float:right;margin-right:0;} .motosports_detail .button.btn_white * {padding:0 7px;} .motosports_detail .button a {position:none;} /* data_table 2012-12-16 수정 */ .data_table {clear:both;} .data_table table{table-layout:fixed;width:100%; border-top:2px solid #666666; border-bottom: 1px solid #999999} .data_table table td {font-famliy:Arial, Lucida Sans Unicode, Arial Unicode MS;} .data_table table thead tr th {word-wrap:break-word} /* 추가 */ .data_table table thead tr td {word-wrap:break-word} /* 추가 */ .data_table table tbody tr th{padding:7px 0 7px 0; text-align: center; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;color:#444444;;word-wrap:break-word}/* word-wrap:break-word 추가 */ .data_table table tbody tr th.left{line-height:normal; padding-right:0; padding-left:10px; background-color:#f3f3f3; text-align: left;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd} .data_table table tbody tr th.bgc {background-color:#f9f9f9;} .data_table table thead th{padding:8px 5px 8px 5px; 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 tr td{padding:8px 5px 8px 5px;text-align:center;border-right:1px solid #dddddd;border-bottom: 1px solid #dddddd;color:#444; word-wrap:break-word; vertical-align:middle} /* .data_table table tbody tr td a:hover {background-color:#f2f5f7} */ .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 tbody tr td.left {padding-left:10px; text-align:left} .data_table table tbody tr td.right {padding-right:10px;} .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.total{padding-left:5px; padding-right:0px; text-align:left;} .data_table table td .btn_del {background:url('/kr/images/common/btn_del.gif') no-repeat; display:block; width:16px; height:16px; margin: 0 auto;text-indent:-9999px;} .data_table table td .btn_del:hover {background:url('/kr/images/common/btn_del_h.gif') no-repeat; display:block; width:16px; height:16px;} .data_table table .btm_line {border-bottom: 1px solid #dddddd} /* data_table Add */ .data_table table tbody tr th{padding:8px 5px 8px 5px;border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;color:#444444; text-align:center;} .data_table table tbody tr th.left{line-height:normal; padding-right:0; padding-left:10px; text-align: left;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd} .data_table table tbody tr th.bgc {background-color:#f9f9f9;} .data_table table tr.bgc {background-color:#eeeeee;} .data_table.pstr tr.addcolor td{background:#fff !important;} /*.data_table.pstr tr.b_odd.addcolor td{background:#ebeef2 !important;}*/ .data_table thead .one_th{text-align:left;padding-left:20px;} .data_table .b_none td, .data_table .b_none th{border-bottom:0;} .data_table .b_odd td, .data_table .b_odd th{border-bottom:0;background-color:#ebeef2;} .data_table .spec_img{position:absolute;top:53px;left:202px;} .data_table .spec_img2{position:absolute;top:53px;left:179px;} .data_table .spec_img3{position:absolute;top:53px;left:173px;} .data_table .b_even1{height:60px ;} .data_table .b_even2{height:33px;} .data_table .b_even3{height:43px;} .data_table .b_even4{height:50px;} .td_left tbody tr td {text-align:left !important} .right {text-align:right !important} .r{ float:right;} .l{ float:left;} .center {padding:0 !important; text-align:center !important} /* data_table02 Add */ /*2012-10-16 fix*/ .data_table02 {padding:3px;border:1px solid #dddddd;} .data_table02 table {table-layout:fixed;width:100%;} .data_table02 table th {padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#fff;background-color:#666666; word-wrap:break-word} .data_table02 table th a {color:#fff;} .data_table02 table td {padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;background-color:#f3f3f3; word-wrap:break-word} .data_table02 table .br_none {border-right:0;} .data_table02 table .bb_none {border-bottom:0;} /* data_table03 Add */ /*2012-10-16 fix*/ .data_table03 table {table-layout:fixed;width:100%;word-wrap:break-word} .data_table03 table th {padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#fff;background-color:#666666; word-wrap:break-word} .data_table03 table th a {color:#fff;} .data_table03 table td {padding:7px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;background-color:#f3f3f3; word-wrap:break-word} .data_table03 table .br_none {border-right:0;} .data_table03 table .bb_none {border-bottom:0;} /* data_table04 Add 2012-12-18 추가 */ .data_table04 table {width:100%; table-layout:fixed; border-top:2px solid #666666; border-bottom: 1px solid #999999;word-wrap:break-word} .data_table04 table tr th {padding:7px 0 7px 0; text-align: center; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;color:#444444;background-color:#F9F9F9; word-wrap:break-word} .data_table04 table tr td {padding:8px 5px 8px 5px;text-align:left;border-right:1px solid #dddddd;border-bottom: 1px solid #dddddd;color:#444; word-wrap:break-word; font-family:Arial, Lucida Sans Unicode, Arial Unicode MS;} .data_table04 table tr td ul li {color:#666} .data_table04 table tbody th {background-color:#F9F9F9} .data_table04 table tfoot tr td{padding:7px 10px 7px 7;text-align:left;font-weight: bold; font-size:12px; color: #444;background-color:#ebeef2; border-bottom: 1px solid #dddddd; border-right:1px solid #dddddd; word-wrap:break-word} .data_table04 table tbody tr th.left {padding-left:10px; text-align:left} .data_table04 table tbody tr td.left {padding-left:10px; text-align:left} /* date_table05 */ .data_table05 table{table-layout:fixed;width:100%; border-top:2px solid #666666; border-bottom: 1px solid #999999;word-wrap:break-word} .data_table05 table tr th {word-wrap:break-word} /* word-wrap:break-word 추가 */ .data_table05 table tr td {word-wrap:break-word} /* word-wrap:break-word 추가 */ .data_table05 table tbody tr th{padding:7px 0 7px 0; text-align: center; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd;color:#444444;background-color: #F9F9F9} .data_table05 table tbody tr th.left{line-height:normal; padding-right:0; padding-left:10px; text-align: left;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd} .data_table05 table tbody tr th.bgc {background-color:#f9f9f9;} .data_table05 table tbody tr td{padding:8px 5px 8px 5px;border-right:1px solid #dddddd;border-bottom: 1px solid #dddddd;color:#444; white-space:break-all} .data_table05 {clear:both;} .data_table05 table tbody td {text-align:center} .data_table05 table tbody td + td {text-align:left} /* 테이블 td 상단 정렬일 경우 */ .range_top td {vertical-align:top} /* competition cars table */ /*2012-10-16 fix*/ table.tooltips table.tooltips thead th {} table.tooltips thead th a {display:block;width:100%;height:100%;} table.tooltips thead th .th_wrap {position:relative;width:100%;height:100%;word-break:break-word;word-wrap:break-word} table.tooltips thead th .th_wrap a {cursor:default} table.tooltips thead th .th_wrap .tips {bottom:39px;.bottom:39px;left:0;text-align:left; min-width: 150px; _width:150px;_width:1%;} table.tooltips thead th .th_wrap .tips p {font-weight:normal;color:#555;font-size:11px;line-height:14px;} table.tooltips thead th .th_wrap .tips p strong {display:block;margin-bottom:6px;color:#333;font-size:12px;} .tooltip_in_table table {table-layout:fixed;width:100%;border-top:2px solid #666;border-bottom:1px solid #999999;} .tooltip_in_table table th {padding:8px 0 8px 10px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;color:#444;background-color:#f9f9f9;color:#444444;text-align:left;} .tooltip_in_table table td {padding:8px 0 8px 10px;border-bottom:1px solid #dddddd;color:#666;background-color:#fff;text-align:left;} .tooltip_in_table table .bb_none {border-bottom:0;} .compound_guide strong {display:block;line-height:1em;margin-bottom:9px;} /* modal pop - content button reset */ .mw .fg .button a {position:relative;right:0;top:0;width:auto;height:auto;background:none;} /* About us - press room */ .top_news_wrap {margin-bottom:50px;} .top_news_wrap ol {overflow:hidden;} .top_news_wrap li.news01, .top_news_wrap li.news {float:left;width:315px;} .top_news_wrap li.news01 {margin-right:30px;} .top_news_wrap li.news01 .news_t {padding:9px 0 10px 11px;color:#fff;background-color:#2b2b2b;} .top_news_wrap li.news01 .news_t h4 {padding:0 0 5px 0;color:#fff;} .top_news_wrap li.news01 .news_t h4 a {color:#fff;} .top_news_wrap li.news01 .news_t p {margin:0;} .top_news_wrap li.news02 {padding-bottom:28px;} .top_news_wrap li.news02, .top_news_wrap li.news03 {overflow:hidden;display:block} .top_news_wrap li.news02 span, .top_news_wrap li.news03 span {display:block;float:left;width:136px;} .top_news_wrap li.news02 .news_t, .top_news_wrap li.news03 .news_t {float:left;width:157px;padding-left:10px} .top_news_wrap li.news02 .news_t h4, .top_news_wrap li.news03 .news_t h4 {line-height:1.1em;color:#333333;font-size:13px;} .top_news_wrap li.news03 .news_t h4 a {color:#333;} .top_news_wrap li.news03 .news_t h4 a:hover {color:#F47D31;} .top_news_wrap li.news02 .news_t p, .top_news_wrap li.news03 .news_t p {line-height:16px;color:#666666;} /* 20121111 */ /* 20121016 */ .list_news_wrap .arrow_tab {margin:0;padding:10px 0;border-top:2px solid #666;border-bottom:1px solid #ddd;} .list_news_wrap .arrow_tab span.selected a {color:#222222;background:url("images/common/bg_intraday_btn_on_tail_black.gif") no-repeat right 7px;} .list_news_wrap .sortby {padding:6px 0;border-bottom:1px solid #ddd;text-align:right;} .list_news_wrap .sortby .jquery-selectbox {margin-left:8px;text-align:left;} .list_news li {padding:30px 0 30px 0;border-bottom:1px solid #d8d8d8;color:#666666;height:1%} .list_news li:after {content:"";display:block;clear:both;_zoom:1;} .list_news li .thumb {float:left;margin-left:10px;margin-right:30px;;display:block} .list_news li .thumRight {float:left;display:block;width:420px} .list_news li h4 {padding:0 0 6px 0!important;line-height:1.1em;} .list_news li h4 a {color:#333;} .list_news li p {padding:0;color:#666;} .list_news li p span {display:block;color:#444;} .list_news li p span strong {padding-right:10px} .list_news li p.date {margin-bottom:15px;} .list_news li .btn {display:inline;font-size:11px;color:#666;font-weight:bold;} .list_news li a.comm_r_arrow{margin-bottom: 0} .list_news li.noresult {padding:15px 0 15px 0!important;border-bottom:1px solid #d8d8d8;color:#666666;height:1%} /*20121111 */ /* news view */ .news_view {overflow:hidden;padding-top:13px;} .news_view {height:1%; height:auto; overflow:hidden; border-top: 2px solid #555;} .news_view .category {float:left;width:554px;margin:0 0 3px 20px;} .news_view .category strong {padding:0 10px 0 0;background: url("images/common/bl_gray_bar.gif") no-repeat right 50%} .news_view .category span {padding-left:10px;} .news_view h3.wrap_ttl{float:left;width:554px; line-height:24px!important; margin: 0px 0px 20px 20px !important; padding:0;font-size: 18px !important;} .news_view p.wrap{display:block;overflow:hidden;float:left;width:46px; height:66px;margin-left:10px; padding:0 10px; background-color: #989b9d; color: #fff; text-align: center;} .news_view p.wrap em{display:inline-block; font-size: 12px; margin-top:11px;} .news_view span.counting{display:inline-block; font-size: 30px; margin-top:14px;font-weight: bold;} .news_view .view_cont {clear:both;padding-top:20px;border-top:1px solid #888888;} .news_view img{ margin-bottom: 25px;} /* nicommon.css edit */ .btn_area span.tail_bar {color:#555;font-weight:bold;} /* tab contents 자식선택자로 변경 */ .tab_wrap {position:relative;padding-top:1px;} .tab_wrap > h2 {position:absolute;top:0;margin:0;padding:0;border-top:4px solid #cccccd;text-align:center} .tab_wrap > h2 a {display:block;color:#666;font-size:12px;} .tab_wrap > h2 a:hover {text-decoration:none;} .tab_wrap > h2.on {border-top-color:#f47d31} .tab_wrap > h2.on a {color:#f47d31;} .tab_wrap > h2.tab_m01 {left:0;width:116px;} .tab_wrap > h2.tab_m02 {left:117px;width:116px;} .tab_wrap > h2.tab_m03 {left:234px;width:116px;} .tab_wrap > h2.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 h2 {text-align:left;} .history_wrap h2 a strong {margin-bottom:5px;margin:10px 0;padding:0 0 0 3px;display:block;} .history_wrap h2 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 h2.on a strong {color:#f47d31} .history_wrap h2.on a span {color:#f47d31;background:url("images/common/bl_bottom_arrow_small_orange.gif") no-repeat center bottom;} .history_wrap h2.tab_m01 {left:0;width:128px;} .history_wrap h2.tab_m02 {left:133px;width:128px;} .history_wrap h2.tab_m03 {left:266px;width:128px;} .history_wrap h2.tab_m04 {left:399px;width:128px;} .history_wrap h2.tab_m05 {left:532px;width:128px;} .history_wrap h2.last a strong {border-right:0} .history_wrap .tab_cont h4 {padding-bottom:12px;font-size:18px;line-height:20px;} .history_global_top {overflow:hidden;padding-bottom:50px;} .history_global_top span {display:inline;float:left;width:315px;margin-left:4px;} .history_global_top span img {border:1px solid #dddddd;} .history_global_top p {padding-left:345px;} .history_event_list {overflow:hidden;padding:22px 0;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;} .history_event_list li {float:left;width:126px;margin-right:7px;} .history_event_list li h5 {padding-bottom:10px;width:126px;line-height:18px;word-break:break-all;color:#333;font-size:12px;} .history_event_list li span {display:block;margin-bottom:6px;} .history_event_list li p {margin:0;} .history_event_list li.last {margin-right:0;} /* Corporate Governance : Governing Body */ .organization .title_page h3 {padding-bottom:30px !important;} /* Corporate Governance : Management Board */ .currentCeo {overflow:hidden;margin-bottom:32px;border-top:1px solid #ddd;border-bottom:2px solid #666} .currentCeo .thumb {float:left;margin-right:25px} .currentCeo h2 {margin-left:360px;padding-bottom:12px;font-size:18px;line-height:20px;font-weight:normal} .currentCeo h2 span {display:block;font-size:12px;} .currentCeo ul {margin-left:360px} .management-wrap {overflow:hidden;} .management {position:relative;width:315px;min-height:266px;min-height:264px\9;margin:0 0 20px 0;border-top:1px solid #ddd;border-bottom:1px solid #666} .management h2 {margin:0 0 0 132px;padding:15px 0 7px 0;color:#333;line-height:18px;font-size:15px} .management h6 {margin:0 0 0 132px;padding:3px 0 7px 0} .management h2 span {display:block;} .management ul {margin:0 0 0 132px;} .management ul li {color:#666666;line-height:17px} .management .thumb {position:absolute;bottom:0;left:0;width:132px} /* list type */ .hip_type{padding-bottom:25px} /* .hip_type li {padding-left:11px;background:url("images/common/bl_gray_highpen_short.gif") no-repeat left 8px;} line-height 추가 */ .hip_type li {margin-left:11px;line-height:20px;list-style-type:disc}/* padding,background 삭제, margin,list-style-type 추가 */ /* How we work */ .how_we_work .title_page h3 {font-size:18px !important;} /* How we work view */ .leadership_list {overflow:hidden;} .leaders {float:left;width:200px;margin:0 0 20px 30px;} .leaders h2 {padding:7px 10px 7px 10px;color:#ffffff;font-size:12px;font-weight:normal;background-color:#989b9d;} /*.leaders p {height:115px;margin:0;padding:14px 11px 18px 11px;border:1px solid #dddddd;border-top:0; background:#f5f5f5} 삭제 */ .how_box {height:78px;margin:0;padding:14px 11px 18px 11px;border:1px solid #dddddd;border-top:0; background:#f5f5f5}/* height,background 수정 */ .how_box > p {height:50px} .leaders p em {display:block;margin-bottom:6px;color:#333;} .leaders p span {display:block;margin-bottom:7px;color:#999;} .leaders p a.comm_r_arrow {margin:0;color:#666666;font-size:11px;font-weight:bold;} .leaders_cont {display:inline;float:left;width:430px;padding-top:18px;margin:0 0 24px 0;border-top:2px solid #666666;border-bottom:2px solid #dddddd;} .leaders_cont .summary {margin-bottom:16px;color:#333333;font-size:14px;} .leaders_cont .photo {padding-bottom:30px;} .inter_qa {padding:20px 0 5px 0;border-top:1px solid #dddddd;} .inter_qa h5 {color:#333;} .inter_qa p {color:#777;} /* working overseas */ .working_overseas .title_page h3 {padding-bottom:25px !important;font-size:18px !important;} /* row_data_table Add */ .row_data_table table {table-layout:fixed;width:100%;border-top:2px solid #666666;border-bottom:1px solid #999999;} .row_data_table table th {padding:12px 5px 12px 10px;border-left:1px solid #aeaeae;border-bottom:1px solid #dddddd;color:#444444;text-align:left;} .row_data_table table th.throw {background-color:#eeeeee;} .row_data_table table td {padding:12px 5px 12px 10px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;color:#444;text-align:left;} .row_data_table table .center {padding-left:5px;} .row_data_table table .right {padding-right:10px;} .row_data_table table th.bl_style{border-left:1px solid #ddd;} .row_data_table table .th_type1 th{padding:7px 5px 7px 10px;} /* application process */ .application_process .title_page h3 {padding-bottom:25px !important;font-size:18px !important;} .application_process .mail {margin:0;} .application_process .mail a {color:#f47d31;} .application_process h4 {padding:45px 0 11px 0;} .beone_step {width:654px;border:1px solid #d8d8d8;} .beone_step ol {overflow:hidden;padding:37px 0 48px 25px} .beone_step li {float:left;} /* proactive culutre */ .proactive_culture .title_page h3 {padding-bottom:25px !important;font-size:18px !important;} .proactive_friday {overflow:hidden;} .proactive_friday_img {float:left;} .proactive_friday p {margin-left:345px;} /* view tab */ .arrow_tab {overflow:hidden;margin:0;padding:10px 0;} .arrow_tab li {float:left;padding:0 18px 0 10px;.padding:0 10px 0 10px;line-height:22px;background: url("images/common/bar_intraday.gif") no-repeat right 6px;} .arrow_tab li h5 {margin:0;padding:0;font-size:12px;} .arrow_tab li a {display:block; width:100%; padding-right:8px;.padding-right:13px; background:url("images/common/bg_intraday_btn_off_tail.gif") no-repeat right 7px; color: #999999; font-weight: bold; } .arrow_tab li.selected a {display:block; width:100%; padding-right:8px;.padding-right:13px; background:url("images/common/bg_intraday_btn_on_tail_black.gif") no-repeat right 7px; color:#222; font-weight: bold;} .arrow_tab li.noline {background:none;} /* Advertising */ .advertising h2 {clear:both;padding:0 0 16px 0;font-size:18px;color:#202020;border-bottom:2px solid #666666;} .advertising .viewtit {padding:11px 10px;color:#333;font-size:14px;font-weight:normal;} .advertising .adlist {overflow:hidden;clear:both;margin-bottom:30px;} .advertising .adlist li {display:inline;float:left;width:200px;} .advertising .adlist li.fir {margin-left:0;} .advertising .adlist li strong {display:block;padding:8px 5px 7px 5px;color:#fff;background-color:#000;font-weight:normal} .advertising .view_cont {display:none;margin-bottom:14px;padding:20px;border-bottom:3px solid #dddddd;} .advertising .arrow_tab {border-top:1px solid #d8d8d8;border-bottom:1px solid #888888;} /* focus hide-show */ .focus_hide {position:relative;display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap} .focus_hide:focus, .focus_hide:active {height:auto; width:100%; padding:5px; margin-bottom:10px} /* rading 2013-12-19 전체 수정 */ .about_main {overflow:hidden;padding-top:30px;} .aboutus {display:inline;float:left;position:relative;overflow:hidden;width:300px;height:200px;margin-left:20px;margin-bottom:40px;} .aboutus .disc {overflow:hidden;position:absolute;bottom:0;left:0;width:300px;height:84px;background-color:#eeeeee;} .aboutus .disc h2 {padding:18px 0 8px 0;.padding:6px 0 8px 0;font-size:15px;color:#1f2226;line-height:1.1em;} /* .aboutus .disc span {height:120px; margin:0;line-height:15px;.line-height:14px;color:#666666;} */ .aboutus .disc span {display:block} .aboutus .disc span:first-child {min-height:140px} .aboutus .disc .comm_r_arrow {display:inline-block; margin:0;color:#666666;font-size:11px;}/* font-weight 삭제 */ .aboutus .disc.on {border-top:1px solid #989b9d;}/*2012-10-16 fix*/ /* modal in contents */ .mw_in {z-index:9999;} .mw_in .bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)} .mw_in .fg {position:absolute;top:50%;left:50%;margin:-100px 0 0 -155px;padding:20px;background:white;z-index:2;} .mw_in .close {position:absolute;top:10px;right:10px;} .mw_in .close a {background:url("images/common/btn_x.gif") repeat scroll 0 0 transparent;height:16px;width:16px;display:block;} /* Exhibition, sports sponsorship */ .Exhibition_map .map_area {position:relative;width:660px;height:388px;margin-bottom:22px} .Exhibition_map .total {margin:0 0 5px 0;text-align:right;} .Exhibition_map .total strong {color:#f47d31;} .world_show li .point {position:absolute;} .world_show li .sema {top:151px;left:117px;} .world_show li .iaa_frankfurt {top:120px;left:346px;} .world_show li .iaa_hanover {top:120px;left:329px;} .world_show li .dubai_motor {top:173px;left:409px;} .world_show li .tokyo_auto {top:141px;left:554px;} .world_show li .auto_china {top:141px;left:489px;} .world_show li .moscow {top:98px;left:490px;} .world_show li .indonesia {top:215px;left:524px;} .world_show .mw_in {display:none;} .map_thum_area {clear:both;position:relative;width:660px;margin-bottom:30px;margin-top: 25px;padding:15px 0;border-bottom:3px solid #f0f0f0;border-top:1px solid #ddd;background:url("images/common/bg_map_thum_area_bottom.gif") repeat-x left bottom;}/* margin-top 수정 */ .map_thum_area .map_thum_list {overflow:hidden;width:544px;height:65px;margin-left:59px;} .map_thum_area .map_thum_list ul {overflow:hidden;width:1500px;} .map_thum_area .map_thum_list li {float:left;width:105px;height:60px;margin-right:4px;} .map_thum_area .map_thum_list li a.thum {display:inline-block;width:105px;height:60px;} .map_thum_area .map_thum_list li a.thum img {width:105px;height:60px;} .map_thum_area .map_thum_list li a.thum:hover img, .map_thum_area .map_thum_list li a.thum:focus img {width:99px;height:54px;border:3px solid #f7931e;} .map_thum_area .prev {position:absolute;top:15px;left:0;display:block;width:55px;height:60px;text-align:center;background:#bababa url("images/common/bl_maplist_arrow.gif") no-repeat 0 center;text-indent:-9999px;} .map_thum_area .next {position:absolute;top:15px;right:0;display:block;width:55px;height:60px;text-align:center;background:#bababa url("images/common/bl_maplist_arrow.gif") no-repeat -55px center;text-indent:-9999px;} .map_detail h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #d8d8d8;color:#333333;font-size:18px;text-align:left;} .map_detail p {margin:0;} .map_detail .exhibition_info {width:279px} .map_detail .exhibition_info strong {display:block;margin-bottom:12px;padding:11px 10px;color:#333333;background-color:#f7f7f7;border:1px solid #dddddd;} .map_detail .exhibition_info p {line-height:19px;} .map_detail_thumlist h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #d8d8d8;color:#333333;font-size:18px;text-align:left;} /*20121030 fix*/ .t_right{text-align: right} .map_detail_thumlist p {margin:0; text-align: left} .map_detail_thumlist a.linked_text{position: static!important;padding:0 0 0 10px;background:url("images/common/bl_list_arrow.gif") no-repeat left -51px!important;} .map_detail_thumlist a.linked_text:hover{color: #F47D31;text-decoration: underline;} /*//20121030 fix*/ .map_detail_thumlist .vr3d {padding-top:5px;text-align:left;color:#666666} .map_detail_thumlist .total,.map_detail_thumlist_ex .total {padding-right:57px;padding-bottom:3px;text-align:right} .map_detail_thumlist .total strong, .map_detail_thumlist_ex .total strong {color:#f47d31} .map_detail_thumlist .thumlist_wrap ,.map_detail_thumlist_ex .thumlist_wrap {position:relative;width:770px;height:366px;margin-bottom:30px;} .map_detail_thumlist .thumlist_wrap div ,.map_detail_thumlist_ex .thumlist_wrap div {overflow:hidden;width:655px;height:366px;margin-left:58px;} .map_detail_thumlist .thumlist_wrap li, .map_detail_thumlist_ex .thumlist_wrap li {width:655px !important;height:366px !important;} .map_detail_thumlist .thumlist_wrap ul.layer_ul li{display:block;float:left;padding-right:4px} .mw .fg .map_detail_thumlist a.prev2 {position:absolute;top:50%;left:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left top;} .mw .fg .map_detail_thumlist a.next2 {position:absolute;top:50%;right:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right top;} .mw .fg .map_detail_thumlist a:hover.prev2 {position:absolute;top:50%;left:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left bottom;} .mw .fg .map_detail_thumlist a:hover.next2 {position:absolute;top:50%;right:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right bottom;} .mw .fg .map_detail_thumlist .none a:hover.prev2 {position:absolute;top:50%;left:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left top;} .mw .fg .map_detail_thumlist .none a:hover.next2 {position:absolute;top:50%;right:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right top;} .map_detail_thumlist01 h4 {margin-bottom:20px;padding:0 0 15px 0;border-bottom:1px solid #d8d8d8;color:#333333;font-size:18px;text-align:left;} .map_detail_thumlist01 p {margin:0;} .map_detail_thumlist01 .vr3d {padding-top:5px;text-align:left;color:#666666} .map_detail_thumlist01 .total {padding-right:57px;padding-bottom:3px;text-align:right} .map_detail_thumlist01 .total strong {color:#f47d31} .map_detail_thumlist01 .thumlist_wrap {position:relative;width:770px;height:366px;margin-bottom:30px;} .map_detail_thumlist01 .thumlist_wrap div {overflow:hidden;width:655px;height:366px;margin-left:58px;} .map_detail_thumlist01 .thumlist_wrap li {width:655px !important;height:366px !important;} .map_detail_thumlist01 .thumlist_wrap ul.layer_ul li{display:block;float:left;width:655px;padding-right:4px} .mw .fg .map_detail_thumlist01 a.prev2 {position:absolute;top:50%;left:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat left top;} .mw .fg .map_detail_thumlist01 a.next2 {position:absolute;top:50%;right:0;display:block;width:30px;height:51px;margin-top:-26px;text-indent:-9999px;background:url("images/common/bl_maplist_modal_arrow.png") no-repeat right top;} .world_sports li {position:absolute;} .world_sports li strong {margin-right:8px;color:#333;font-size:14px;font-weight:normal;} .world_sports li img {border:1px solid #d0d0d0} .world_sports .eur {top:98px;left:132px;} .world_sports .can {top:87px;left:449px;} .world_sports .usa {top:149px;left:460px;} /* sports sponsorship */ .sports_tab h2 {padding:14px 0 0 0;text-align:center;} .sports_tab h2 a {border-right:1px solid #ccc;} .sports_tab h2 a span {display:block;padding-top:5px} .sports_tab h2.tab_m01 {left:0;width:163px;} .sports_tab h2.tab_m02 {left:164px;width:163px;} .sports_tab h2.tab_m03 {left:328px;width:163px;} .sports_tab h2.tab_m04 {left:492px;width:163px;} .sports_tab h2.tab_m04 a {border-right:0} .sports_disc {overflow:hidden;padding-bottom:42px} .sports_disc h4 {padding-bottom:13px;font-size:18px} .sports_disc span {float:left;} .sports_disc div {padding-left:340px} .sports_disc div p {margin:0} .sports_disc div span {display:block;margin-top:25px;} .sports_disc div span a {color:#f47d31} /* global oe */ .alphabet {margin-bottom:11px;padding:10px 0 10px 60px;background:#797979 url("images/about-hankook-tire/bg_alphabet_view.gif") no-repeat 34px center;} .alphabet li {float:left;padding:0 3px;background:url("images/about-hankook-tire/bg_alphabet.gif") no-repeat right center;} .alphabet li a {padding:2px 4px;color:#fff;} .alphabet li a:hover,.alphabet li a:active,.alphabet li a:focus, .selected_alphabet {color:#fff;text-decoration:none;background:#f47d31} .logo_list li {position:relative;float:left;margin-bottom:7px;text-align:center;margin-left:7px;} .logo_list li p {margin:0;} .logo_list li a {display:block;width:86px;height:86px;border:1px solid #e6e6e6;background:url("images/about-hankook-tire/bg_globalOe_logo_off.gif") repeat-x 0 0;vertical-align:middle;} .logo_list li a.find {width:82px;height:82px;border:3px solid #d7d7d7;background:#fff} .logo_list li a.selected,.logo_list li a:focus {width:82px;height:82px;border:3px solid #f77e2f;background:#fff} .logo_list li .tips {bottom:80px;width:auto;left:-3px} .oe_table table tbody tr td {padding-top:12px;padding-bottom:20px;vertical-align:middle;line-height:18px !important;} .oe_product h4 {padding:0;font-size:14px;color:#f27d30} .oe_product .txt {margin:3px 0 4px 0;color:#777777;font-size:13px;line-height:14px;line-height:16px} .oe_product .details {padding-right:10px;color:#202020;background:url("images/common/bl_right_arrow_small_orange.gif") no-repeat right 3px!important;} /*20121115*/ .oe_product .icons {width:250px;margin:10px 0 0 0} .oe_product .icons p {margin:0;} .oe_product .icons li {position:relative;float:left;margin-right:3px} .oe_product .icons li .tips {display:none;left:-3px;top:-40px} .oe_product .icons li .tips.on {display:block} /*20121115*/ .oe_product .tooltips .ico_tires01, .oe_product .tooltips .ico_tires02, .oe_product .tooltips .ico_tires03, .oe_product .tooltips .ico_tires04, .oe_product .tooltips .ico_tires05, .oe_product .tooltips .ico_tires06, .oe_product .tooltips .ico_tires07, .oe_product .tooltips .ico_tires08, .oe_product .tooltips .ico_tires09, .oe_product .tooltips .ico_tires01_01, .oe_product .tooltips .ico_tires01_02 {display:block;width:24px;height:24px;background:url("images/services/ico_tires.gif") no-repeat left top !important} .oe_product .tooltips .ico_tires01 {background-position: left top!important} .oe_product .tooltips .ico_tires02 {background-position:-27px top!important} .oe_product .tooltips .ico_tires03 {background-position:-54px top!important} .oe_product .tooltips .ico_tires04 {background-position:-81px top!important} .oe_product .tooltips .ico_tires05 {background-position:-108px top!important} .oe_product .tooltips .ico_tires06 {background-position:-135px top!important} .oe_product .tooltips .ico_tires07 {background-position:-162px top!important} .oe_product .tooltips .ico_tires08 {background-position:-189px top!important} .oe_product .tooltips .ico_tires09 {background-position:-216px top!important} .oe_product .tooltips .ico_tires01_01 {background-position:-242px top!important} .oe_product .tooltips .ico_tires01_02 {background-position:-268px top!important} .oe_product .tooltips .ico_tires01:hover {background-position:left -26px!important} .oe_product .tooltips .ico_tires02:hover {background-position:-27px -26px!important} .oe_product .tooltips .ico_tires03:hover {background-position:-54px -26px!important} .oe_product .tooltips .ico_tires04:hover {background-position:-81px -26px!important} .oe_product .tooltips .ico_tires05:hover {background-position:-108px -26px!important} .oe_product .tooltips .ico_tires06:hover {background-position:-135px -26px!important} .oe_product .tooltips .ico_tires07:hover {background-position:-162px -26px!important} .oe_product .tooltips .ico_tires08:hover {background-position:-189px -26px!important} .oe_product .tooltips .ico_tires09:hover {background-position:-216px -26px!important} .oe_product .tooltips .ico_tires01_01:hover {background-position:-242px -26px!important} .oe_product .tooltips .ico_tires01_02:hover {background-position:-268px -26px!important} /*20121115*/ .ui-datepicker { width:189px;border:0;padding: 0} .ui-datepicker .ui-datepicker-header { position:relative; padding:6px 0 0 0; height:26px;font-weight:bold;color:#000} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 5px; width: 20px ;height: 20px } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 5px; } .ui-datepicker .ui-datepicker-prev { left:4px; } .ui-datepicker .ui-datepicker-next { right:4px; } .ui-datepicker .ui-datepicker-prev-hover { left:4px; } .ui-datepicker .ui-datepicker-next-hover { right:4px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 0; line-height: 1.8em; text-align: center;font-size:13px } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: 11px; border-collapse:collapse; border-spacing:0px;margin:0 } .ui-datepicker th { padding: 3px 0 2px 0; text-align: center;background:url('../images/investors/bg_datepicker_th.gif') no-repeat ;font-size:10px } .ui-datepicker td { border: 0; padding:0; } .ui-datepicker td span, .ui-datepicker td a { display: block; width:25px;height:24px; vertical-align:middle;line-height:24px;margin-bottom:1px;padding:0;border:1px solid #fff ;text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0} .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-trigger {padding-left:3px;padding-top:1px} .ui-datepicker .ui-datepicker-today a.ui-state-active { border-color:#fff!important;color:#fff!important;background-color:#ff8000!important;} .ui-datepicker .ui-state-default.ui-state-highlight.ui-priority-secondary {color:#fff !important} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } iframe.ui-datepicker-cover { display:none; } /* flagship features css by kim, byung-ki(2012-10-19) */ .flagship_features, .flagship_test {position:relative;width:630px;padding:50px 0 0 0;} .flagship_features .comp_03{} .flagship_features .comp_03 .left_area{position: relative; float: left; width:315px; height:171px;} .flagship_features .comp_03 .left_area img{position:absolute; left: 0; top: 0;} .flagship_features .comp_03 .right_area{position: relative; float: left; width:302px;margin-left:13px;} .flagship_features .comp_03 .right_area em{font-size:18px; color:#fff; padding-left:31px; } .flagship_features .comp_03 .right_area ul{height:90px; margin-top:30px;} .flagship_features .comp_03 .right_area ul li{float:left;width:240px;margin-right:15px; overflow:hidden;} .flagship_features .comp_03 .right_area ul li strong{display:inline-block;line-height:1; padding-top:20px; font-size: 14px; color:#b0b1b3;} .flagship_features .comp_03 .right_area ul li p{width:240px; margin: 0; margin: 6px 0 0 0; color:#999;} .flagship_features .comp_03 .right_area a{display: block; position: absolute; width:11px; height:21px;} .flagship_features .comp_03 .right_area a.right{left:291px; top:80px; background: url("images/passenger-cars-tires/tire-pattern-ctrl-right-off.png") left top no-repeat;} .flagship_features .comp_03 .right_area a.right.on{background: url("images/passenger-cars-tires/tire-pattern-ctrl-right-on.png") left top no-repeat;} .flagship_features .comp_03 .right_area a.left{left:0; top:80px; background: url("images/passenger-cars-tires/tire-pattern-ctrl-left-off.png") left top no-repeat;} .flagship_features .comp_03 .right_area a.left.on{background: url("images/passenger-cars-tires/tire-pattern-ctrl-left-on.png") left top no-repeat;} .flagship_features .comp_02 {margin-top:33px;padding-top:45px;border-top:1px solid #46474b;} .flagship_features .comp_02 .left_area {float:left; width:280px;} .flagship_features .comp_02 .left_area em {font-size:18px; color:#fff; margin-bottom:20px;} .flagship_features .comp_02 .right_area {float:right; width:303px;} .flagship_features .comp_02 h5 {padding:25px 0 3px 0;color:#b0b1b3;font-size:14px;} .flagship_features .comp_02 p {padding-left:9px;color:#999;font-size:13px;background:url("images/common/bl_dot_gray_flagship.gif") no-repeat left 8px} .flagship_features .comp_02 .on * {color:#f47d31;} .flagship_features .comp_02 .on p {background-image:url("images/common/bl_dot_orange_flagship.gif"); color:#ffa469;} .flagship_features .comp_02 .right_area span {display:block;margin-top:25px;padding-right:15px;text-align:right;font-size:11px;font-weight:bold;} .flagship_features .comp_02 .right_area span a {color:#999;} .flagship_features .comp_02 .right_area span a:hover {color:#f47d31;} .flagship_features .comp_02 .right_area .structure_tire {position:relative;width:303px;height:204px;} .flagship_features .comp_02 .right_area .structure_tire img {position:absolute;top:0;left:0} /*1116 added*/ .flagship_test .test_result_content{height: 1%; padding:0 0 34px 0;margin-bottom:50px; border-bottom: 1px dotted #46474b;} .flagship_test .test_result_content em{display:block;margin-bottom:26px;font-size: 18px;} .flagship_test .test_result_content .data_cont_style_02 {clear:both; height:66px; color:#999999} .flagship_test .test_result_content .data_cont_style_02 li {float:left; padding-bottom:20px; margin-right:15px} .flagship_test .test_result_content .data_cont_style_02 li.cont_first {width:70px} .flagship_test .test_result_content .data_cont_style_02 li.cont_second {width:92px; font-weight:bold; color:#b0b1b3} .flagship_test .test_result_content .data_cont_style_02 li img {margin-top:2px} /*1116 added*/ /*2012-10-23*/ /* Motorsports Landing */ body #wrapTire #container.motor_landing {} /*body #wrapTire #container.motor_landing #content {width:960px;padding:0;}*/ .motor_landing .pattern960 {padding-top:329px;} .motor_landing .about_main {position:relative;z-index:100;padding:0;background:#eeeeee;} .motor_landing .about_main .thum {width:940px;margin:0 auto;} .motor_landing .aboutus {margin:0 10px 40px;} /*.motor_visual {overflow:hidden;position:absolute;top:0;left:50%;width:1600px;height:690px;margin:0 0 0 -800px;color:#333333;}*/ /*.motor_visual_rolling {overflow:hidden;width:100%;height:690px;}*/ .motor_visual_rolling ul {overflow:hidden} /* .motor_visual_rolling li {position:relative;float:left;} */ .motor_visual_rolling li {position:relative;text-align:center} .motor_visual_rolling li .motor_visual_txt {position:absolute;top:45px;left:330px;} .motor_visual_rolling li .motor_visual_txt h2 {margin-bottom:10px;} .motor_visual_rolling li .motor_visual_txt h2 .size27 {font-size:27px;} .motor_visual_rolling li .motor_visual_txt h2 .size33 {font-size:33px;} .motor_visual_rolling li .motor_visual_txt .copy {color:#333333;font-size:13px;font-family:"Arial";line-height:18px;} .motor_visual_rolling li .v_img01 {cursor: default;} .motor_visual .sub_title {top: 49px;color:#333333} .motor_visual .copy {top: 132px;color:#333333;} .motor_visual .motor_circle {overflow:hidden;position:absolute;top:304px;left:50%;width:40px;margin-left:-20px;} .motor_visual .motor_circle * {vertical-align:middle;} .motor_visual .motor_circle span {float:left;margin-right:6px} .landing_motor_bn {margin:0 0 31px 0;padding:31px 0 20px 0;background:#fff;} .landing_motor_bn div {float:left;margin:0 8px;} .landing_motor_bn div h2 {margin-bottom:8px;font-size:14px;color:202020;font-weight:bold;} .landing_motor_bn div p {font-size:11px;color:#666666;font-weight:bold;line-height:13px} .landing_motor_bn .bn1, .landing_motor_bn .bn2 {width:167px;padding:0 120px 0 13px;} .landing_motor_bn .bn1 {background:url("images/motorsports/bg_motorsport_landing_bn1.jpg") no-repeat right 16px;} .landing_motor_bn .bn2 {background:url("images/motorsports/bg_motorsport_landing_bn2.jpg") no-repeat right 20px;} .landing_motor_bn .comm_r_arrow {font-size:11px;font-weight:bold;} .landing_motor_bn .dtm_dday {width:280px; padding:0 0 29px 20px;background:url(images/motorsports/bg_motorsport_landing_dday.gif) no-repeat 20px 22px;} .landing_motor_bn .dtm_dday h3 {} .landing_motor_bn .dtm_dday span {position:relative;float:left;margin-right:8px;text-align:center;font-size: 44px} /*.landing_motor_bn .dtm_dday span span {position:absolute;left:7px;top:50%;width:47px;float:none;text-align:left;margin-top:-13px;display:block;border-top:1px solid #000;}*/ .landing_motor_bn .dtm_dday span em {display:block;padding-top:8px;font-size:11px;color:#bbbbbb} .landing_motor_bn .dtm_dday span strong {display:block;width:62px;height:50px/9;color:#fff;font-size:40px;text-align:center;line-height:44px;letter-spacing:-1px;} .quick_calendar {position:relative;bottom:0px} .quick_calendar .ico {position:absolute;top:-33px;display:block;width:257px;height:33px;} .quick_calendar .ico a {display:block;} .quick_calendar_wrap {overflow:hidden; width:257px;height:281px;background:url(images/motorsports/bg-motorsport-landing-calendar.png) no-repeat right top;} .quick_calendar_wrap h3 {position:relative;height:25px;margin-bottom:10px;padding:15px 0 0 0;text-align:center;line-height:13px;} .quick_calendar_wrap h3 a {padding:10px 13px} .quick_calendar_wrap h3 .prev {position:absolute;left:0;top:7px;} .quick_calendar_wrap h3 .next {position:absolute;right:0;top:7px;} /*.quick_calendar_wrap ul li {padding:9px 0 9px 15px;color:#777777;line-height:15px;}*/ .quick_calendar_wrap ul li .thum {float:left;margin-right:13px;} .quick_calendar_wrap ul li span {font-size:11px;} .quick_calendar_wrap ul li h4 {color:#333333;} .quick_calendar_wrap ul li strong {display:block;color:#444;} .quick_calendar_wrap .comm_r_arrow {float:right;_display:inline;margin:12px 15px 0 0;text-align:right;color:#777777;font-size:11px;font-weight:bold} .quick_poz{position: absolute; right:0px; top:329px;}/*152px*/ .poz_rel{position: relative;} /*s:2012-11-07 sitemap*/ .sitemap_area hr{display:block;border:1px hairline #666;border-left:0;} .sitemap_area h3 a{margin-left:11px; color:#1f2226;font-size:14px;} .sitemap_area h3 a:hover{ color:#f47d31 !important;text-decoration:underline; } .sitemap_area .depth2 {display:block;padding-left:10px} .sitemap_area .depth2 li {display:block;float:left;width:292px;margin-top:31px} .sitemap_area .depth2 li.first {margin-top:7px;} .sitemap_area .depth2 li.last {width:282px} .sitemap_area .depth2 > li > span{display:block;padding-bottom:7px;color:#444444;font-size:13px;font-weight:bold} .sitemap_area .depth2 > li > a{display:block;padding-bottom:7px;color:#444444;font-size:13px;font-weight:bold} .sitemap_area .depth2 li a:hover {color:#f47d31 !important;text-decoration:underline;} .sitemap_area .depth3 li {float:none;margin-top:0px} .sitemap_area .depth3 li a{display:block;padding-bottom:1px;color:#676767;font-size:12px;font-weight:normal} /*20121109*/ .news_roll {display:block;position:absolute;left:472px;top:0px;height:17px } .news_roll a{display:block;overflow:hidden;width:12px;height:17px;text-indent:-2000px;;background:url('../images/common/bg_mainNews_arrow.gif') no-repeat;} .news_roll a.up_arrow {background-position:-2px 0;} .news_roll a.down_arrow {background-position:-2px -17px} .news_roll a.up_arrow:hover{background-position:-14px 0;} .news_roll a.down_arrow:hover{background-position:-14px -17px} .main_news{position:absolute; top:0px; left:64px; overflow:hidden;float:left;width:400px;height:24px;} .main_news ul{width:100%} .main_news li {position:absolute;top:24px;left:0;} .main_news li:first-child {top:0;} #newsArea > li {width:100%;*zoom:1;} #newsArea > li:after {content:"";display:block;clear:both} #newsArea .list_up {float:left;} #newsArea .roll_date {float:right} /*20121109*/ .mgt10{margin-top:10px} .w240{width:240px} .w280{width:280px} .w300{width:300px} .w580{width:580px} .fltl{float:left} p.info_choose {width:890px;border:3px solid #ddd;padding:8px 22px 7px 22px ;} .email_pop {width:657px;} .email_pop h5 {padding:20px 0 7px 0;color:#3d3f42;font-size:14px;font-weight:bold;} .email_pop_end {width:300px} .email_pop_end strong {display:block;font-size:14px;margin-bottom:10px} .bdr_d8 {border-right:1px solid #D8D8D8} /* e: 2012-11-14 email */ .severity_ul{position:relative;width:520px;color:#333333} .severity_ul li{position:absolute;left:0;top:0} .severity_ul li h5{padding:20px 0 12px 0;color:#333;font-size:14px;font-weight:bold;} .severity_ul li p{color:#666666;font-size:12px;} .severity_ul li p strong{display:block;padding-bottom:12px;font-size:12px;font-weight:normal;color:#444444} .severity_ul li a{display:block;float:left} .movieArea_comp {display:block;position:relative;width:100%;height:100%} .movieArea_comp .movieBtn{position:absolute;left:50%;top:50%;margin:-75px 0 0 -67px;} /* 디자인 변경으로 인한 삭제 2013-12-23 .list_type01 li {height:21px;height:auto;padding:7px 0;background:url("/kr/images/common/bg_list_line.gif") repeat-x left bottom;} .list_type01 li span{margin:0 0 0 10px;padding-left:13px;display:block;background:url("images/common/ico_rnb_arrow.gif") no-repeat 0 4px} .list_type01 li.on span{background:url("images/common/ico_rnb_arrow_on.gif") no-repeat 0 4px;} .list_type01 a{padding-left:0;font-weight:bold;background:0} .list_type01 .on a {color:#F47D31;background-position:0} */ .list_type01 li {height:auto;padding: 6px 0 5px;background:0;border-bottom:1px solid #eaeaea} .list_type01 li span{margin:0 0 0 10px;padding-left:13px;display:block;background:url("images/common/ico_rnb_arrow.gif") no-repeat 0 4px} .list_type01 li.on span{background:url("images/common/ico_rnb_arrow_on.gif") no-repeat 0 4px;} .list_type01 li.bef{border-bottom:1px solid #fff}/* 2013-12-11 modify */ .list_type01 li.on{border-bottom:1px solid #f47d31;background: #f47d31;} .list_type01 a{padding-left:0;background:0;color: #666;} .list_type01 .on a {font-weight:bold;color: #fff;} /* tab_content03 : invest_navi */ .invest_navi {overflow:hidden;width:100%;height:32px;padding:4px 0 0 5px;margin-bottom:20px;vertical-align:top;background:#ECECEC url("images/investors/bg_dot_gray.gif") repeat-x left bottom;vertical-align:bottom} .invest_navi li {float:left} .invest_navi li h2 {position:relative;top:1px;padding:0;margin:0;border:0;background:none;} .invest_navi li h2 a{display:block;padding:0 10px;line-height:31px;font-size:13px;color:#888;font-weight:bold;background:url('../images/common/bg_grey_vertical-line.gif') 0 50% no-repeat} .invest_navi li:first-child h2 a{background:none;} .invest_navi li h2 a:hover {color:#f47d31;text-decoration:underline;} .invest_navi li.on h2 {border-top:1px solid #BBBBBB;background:#fff url("images/investors/bg_dot_gray.gif") repeat-y left top} .invest_navi li.on h2 a {color:#f47d31;line-height:30px;background:url("images/investors/bg_dot_gray.gif") repeat-y right top} .invest_navi li.on h2 a:hover {color:#f47d31;text-decoration:none;} .invest_navi li.on {margin-right:-1px;} /* etc 스타일 추가 */ .sub_tit04 {float:left; min-width:200px} .al_center {padding:0 !important; text-align:center !important} .al_right {float:right; padding-top:4px} .al_left {text-align:left !important} /* gnb */ .gnb_wrap {position:relative;z-index: 100;width:100%;height:40px;overflow:hidden;margin:0;padding:0 0 8px 0;background:url('../images/common/hankook-gnb-bg.gif') 50% 100% no-repeat #fff;} .shadow {display:none;width:100%;height:13px;position:absolute;bottom:-13px;background:url('../images/common/hankook-gnb-shadow.png') repeat-x;} .open .shadow {display:block;} .gnb_line {position:relative;width:100%;height:40px;border-width:1px 0 0 0;border-color:#e6e6e6;border-style:solid;background:#fff;} #gnb {width:960px;height:35px;margin:0 auto;position:relative;} #gnbpointer {position:absolute;width:10px;height:9px;display:none;bottom:-1px;background:url('../images/common/gnb_pointer.gif') center top;} #gnb ul {height:auto;width:950px;display:inline-block;padding:13px 0 0 10px;*zoom:1} #gnb ul ul{width:auto;padding:0 0 0 10px} #gnb ul ul ul{padding:0} #gnb .depth1 {float:left; margin-right:55px} /* margin 수정 */ #gnb .depth1 a {display:block;height:22px;color:#333;font-size:13px} #gnb .depth2 {display:none;position:absolute;} .about_left01 {left:0;top:56px} .about_left02 {left:227px;top:56px} .about_left03 {left:500px;top:56px} .about_left04 {left:792px;top:56px} .finance_left01 {left:0;top:56px} .finance_left02 {left:196px;top:56px} .finance_left03 {left:442px;top:56px} .finance_left04 {left:633px;top:56px} .finance_left05 {left:803px;top:56px} .sus_left01 {left:10px;top:56px} .sus_left02 {left:195px;top:56px} .sus_left03 {left:422px;top:56px} .sus_left04 {left:593px;top:56px} .sus_left05 {left:747px;top:56px} .tires_left01 {left:0px;top:56px} .tires_left01 li {float:none !important} .tires_left02 {left:186px;top:56px} .tires_left03 {left:363px;top:56px} .tires_left04 {left:538px;top:56px} .tires_left05 {left:747px;top:56px} .people_left01 {left:0px;top:56px} .people_left02 {left:220px;top:56px} .people_left03 {left:403px;top:56px} .people_left04 {left:608px;top:56px} /* #gnb .depth2 li {float:left;width:250px} #gnb .depth2 li.gnb_br2 {margin-top:87px;} #gnb .depth2 li a{display:block;color:#555;height:20px} */ /* #gnb .depth2 li a:hover {font-weight:bold;color:#ff9933;} */ /* #gnb .depth2 li a span {display:block;height:23px;} */ /*a.depth_tit {padding-bottom:5px; font-size:13px; font-weight:bold; color:#424242 !important}*/ /* a.depth_tit:hover {font-size:13px; font-weight:bold;color:#ff9933 !important;} */ .gnb_banner {display:block; float:left; width:203px; height:111px !important; margin-top:123px} .dep_box {width:940px; top:56px; left:0} .dep_left {float:left; width:180px !important} .dep_left li {width:100% !important; height:auto !important; margin-bottom:20px} .dep_left li > a {color:#333 !important} .dep_left li a:hover {font-weight:bold; color:#f47d31 !important; text-decoration:underline} .dep_right {float:right; width:722px !important} .dep_right > li {float:left; width:158px !important; height:100px; margin:0 30px 15px 0} /* margin bottom 수정 */ .dep_right li a {font-size:13px; color:#555 !important; font-weight:normal} .dep_right li a:hover {font-size:13px; color:#555 !important; font-weight:normal !important} .dep_right li a p {padding-bottom:4px} .hip_type02 li{margin-left:6px;list-style-type:none;line-height:20px;} .pat_h3 h3{margin:30px 0 11px 0;padding:0;line-height:16px;} .pat_h3 h3 .orange{font-size:12px;font-weight:normal;} /* 2014-01-05 main*/ .bx_category .roll_notice{height:16px;margin-top:8px} .bx_category .roll_notice .left{float:left;width:500px} .stock_box{float:right;margin-top:-10px;*float:none} .m_visual .visual_rolling ul li{text-align:center} /* 2014-01-06 cyber list */ .num_list > li{margin:0 0 3px 16px;text-indent:-15px;} .num_list li ul{margin-left:11px;text-indent:-9px;} .num_list li ul ul{margin-left:16px;} /* 2014-01-07 service */ .tip-for{height:140px;padding:27px 0 0 30px;background:#f3f3f3 url('../images/tires-services/tire-guide/seasonal_tire_karfs.jpg') 355px 100% no-repeat;} /* 2014-01-07 exhibition */ .media_view_area {float:left;} .media_view_area .media_view {width:466px; height:280px;} .media_view_area .media_txt {width:440px; border:1px solid #d9d9d9; background-color:#f5f5f5; padding:14px 12px} .media_view_area .media_txt p{margin: 0 !important;padding:0 !important;} .media_thum_area {float:left; position:relative; width:179px; height:380px; margin-left:13px; border:1px solid #e0e0e0;} .media_thum_area .media_thum_list {overflow:hidden; margin:30px 0 0 9px; width:161px; height:322px;} .media_thum_area .media_thum_list ul {overflow:hidden;} .media_thum_area .media_thum_list li {width:161px; height:100px; margin-bottom:11px;} .media_thum_area .media_thum_list li a.thum {display:block; width:105px; height:60px;} .media_thum_area .media_thum_list li a.thum img {width:155px; height:94px; border:3px solid #e0e0e0;} .media_thum_area .media_thum_list li a.thum:hover img, .media_thum_area .media_thum_list li a.thum:focus img {width:155px; height:94px; border:3px solid #f47d31;} .media_thum_area .up a {position:absolute; top:7px; left:70px; display:block; width:39px; height:12px; background:#bababa url("images/common/btn_arrow_up.gif") no-repeat 0 0;text-indent:-9999px;} .media_thum_area .up a:hover, .media_thum_area .up a:focus {background:#bababa url("images/common/btn_arrow_up_on.gif");} .media_thum_area .down a {position:absolute; bottom:8px; left:70px; display:block; width:39px; height:12px; background:#bababa url("images/common/btn_arrow_down.gif") no-repeat 0 0;text-indent:-9999px;} .media_thum_area .down a:hover, .media_thum_area .down a:focus {background:#bababa url("images/common/btn_arrow_down_on.gif");} /* 2014-01-07 award list */ .award_list ul{position:relative;padding-left:10px;} .award_list ul li{margin:0 20px 0 0;} .award_list ul .last{margin:0 0 20px 0;} .award_list ul li p a {margin-left:-10px;font-weight:normal;} .award_list .title_a {margin:38px 0 11px 0;padding-bottom:13px;border-bottom:2px solid #666;} .bdtb {height:33px; margin-bottom: 0 !important; padding-left:11px; border-top:2px solid #666666; border-bottom:1px solid #AEAEAE; color:#444444; font-size:12px; font-weight:bold; line-height:33px;} .h256 {padding:0 0 20px 10px;} .h256 li {float: left;height: 220px;width: 200px;} .h256 li p {border: 1px solid #D7D9DA;width:188px;height:auto;/*padding:10px 0 0 10px;*/} .h256 li .system_cert{display:inline-block;margin-top:8px;} .h256 li .system_cert .stxt{display:block;margin-top:-5px;font-size:10px;} /* test-result */ ul.data_cont_style_01 li{margin-right:0} ul.data_cont_style_01 li.cont_first,ul.data_cont_style_01 li.cont_second{margin-right:15px} .ital{font-style:itailc;} /* tires-guide banner */ .tire_banner {display:block;float:left;width:278px;height:78px;border:1px solid #ccc;margin:0 20px 0 0;position:relative;} .tire_banner .comm_r_arrow {margin:0;position:absolute;z-index:2;bottom:10px;left:19px;} .mgt20 .tire_banner {width:250px;height:70px;margin:10px 0 10px 0;border:none;} .mgt20 .tire_banner img{width:250px;height:70px;} .mgt20 .tire_banner .comm_r_arrow {left:16px;bottom:12px;} .mgt20 .video_area_box .tire_banner .comm_r_arrow {left:0;bottom:0;} .product_detail_banner_flagship .mgt20{overflow:hidden;} .product_detail_banner_flagship .mgt20:after{display:block;clear:both;content:'';} .product_detail_banner_flagship .mgt20 .video_area_box {overflow:hidden;width:278px;height:auto;float:left;margin:0 21px 0 0;} .product_detail_banner_flagship .mgt20 .video_area_box a{width:276px;height:auto;} .product_detail_banner_flagship .mgt20 .video_area_box a img{width:100%;} .product_detail_banner_flagship .mgt20 .video_area_box .tire_banner .comm_r_arrow{left:16px;bottom:5px;display:inline-block;top:inherit;width:auto;height:auto;text-indent:0;background:url('../images/common/bl_arrow_orange.png') no-repeat right 40%;} .product_detail_banner_flagship .mgt20 .video_area_box .tire_banner:hover .comm_r_arrow{display:inline-block;top:inherit;width:auto;height:auto;text-indent:0;background:url('../images/common/bl_arrow_orange.png') no-repeat right 40%;} /* tires-guide banner2 */ .recently_view2 {width:250px;color:#fff;margin-top:20px;} .recently_view2 h2 {font-size:13px;} .recently_view2 .rolling_1 .controll {top:-25px;width:13px;height:13px;background-image:url('/kr/images/common/flagship_slide_arrow.gif');border:1px solid #737679} .recently_view2 .rolling_1 .next, .recently_view2 .rolling_1 .next:hover {right:0;background-position: left top} .recently_view2 .rolling_1 .next.deact {background-position: left -13px;} .recently_view2 .rolling_1 .pre, .recently_view2 .rolling_1 .pre:hover {left:217px;background-position: left -26px;} .recently_view2 .rolling_1 .pre.deact {background-position: left -39px;} .recently_view2 .rolling_1 {width:250px;height:310px;margin:10px 0 0 0;border-top:1px solid #777;border-bottom:1px solid #737679;} .recently_view2 .rolling_1 .roll_wrap_list {left:0;top:0;width:250px;height:300px;} .recently_view2 .rolling_1 .roll_list li {float:none;width:145px;height:85px;margin:10px 0;padding:8px 0 0 105px;} .recently_view2 .rolling_1 .roll_list li .txt {color:#fff;margin:0 0 8px 0} .recently_view2 .rolling_1 .roll_list li h3 {color:#fff;margin:0 0 5px 0} .recently_view2 .rolling_1 .details {color:#999;font-weight:normal;background:url('/kr/images/common/bl_right_arrow_small_orange02.gif') no-repeat right 5px;} .recently_view2 .roll_item {width:250px;float:left} /* qnd finish */ .qna_fin .box_wrap{padding:50px 0 50px 30px;background-color:#f6f6f6;} .qna_fin h3{margin:0;font-size:16px} .qna_fin p {margin-top:10px;line-height:1.6;} .qna_fin p strong{display:block;margin-bottom:5px;font-weight:100;color:#f47d31} .qna_fin p .mst{display:inline;color:#333;font-weight:bold;} .btn_goto{display:inline-block;margin:0 3px;padding:4px 17px;border:1px solid #cccccc;background:#fff} .btn_goto span{padding:1px 0 0 20px;background:url(/kr/images/common/btn_home02.gif) 0 50% no-repeat;} a.btn_goto:hover{text-decoration:none;color:#444} /* float */ .float_l {float:left} .float_r {float:right} .float_n {float:none;} .clear_l {clear:left;} .clear_r {clear:right;} .clear{ clear:both;} .l315 {width:315px;float:left} .r315 {width:315px;float:right} .img_center {text-align:center !important} .left_align {text-align:left !important} /* 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:#444;background:url('../images/services/bl_right_arrow_r.gif') no-repeat right 50%;} .top_table_zone {overflow:hidden;height:1%} .top_table_zone .table_tit {float:left;margin:0 0 4px 0;font-weight:bold;color:#444} .top_table_zone .unit {float:right;margin:0 0 8px 0;color:#666} /* Common Pattern */ .str {margin:5px 0;padding-left:8px;color:#666;font-size:11px;background: url('../images/common/ico_mandatory_field.gif') no-repeat 0 6px; text-align:left !important} .str_pa {padding-left:25px;font-size:11px;background: url('../images/common/bl_star_orange.gif') no-repeat 15px 6px;} .msg {font-size:11px;margin:0 0 3px 0 !important;line-height:17px;} /* tire-service */ .history .year2012 .photo{position:absolute;right:-325px;top:115px;text-align:left;} .drivingImage img{width:305px;} .title em {display:block; padding-bottom:5px; font-family:'Arial'; font-weight:bold; font-style:italic; color:#444; line-height:17px} .repl_list:after {content:""; clear:both; display:block} .repl_list li {float:left; margin-left:13px} .repl_list li:first-child {margin-left:0} .repl_list li > .img_tit {width:154px; text-align:left; font-size:smaller; color:#666; line-height:14px} .img_list:after {content:""; clear:both; display:block} .img_list li {float:left; margin-left:28px} .img_list li:first-child {margin-left:0px} /* RNB Banner */ .video_banner_list{overflow:hidden;position:relative;width:190px;margin:0;} .video_banner_list ul{margin:0;padding:0;} .video_banner_list li{position:relative;margin-top:20px;font-size:0;line-height:0;border-bottom:1px solid #eaeaea;} .video_banner_list li .video_caption{width:auto;height:auto;margin:0;overflow:inherit;border:0;padding:0;} .video_banner_list li .video_area_box{width:auto;height:auto;overflow:inherit;} .video_banner_list li .video_area_box a{display:inline-block;width:auto;height:auto;} .video_banner_list li div{margin:0;} .video_banner_list li:first-child{margin-top:4px;} /* play */ .product_detail_banner .sizes_specs{*zoom:1;} .product_detail_banner .sizes_specs:after{display:block;clear:both;content:'';} .product_detail_banner .sizes_specs .video_area_box {overflow:hidden;width:278px;float:left;height:auto;margin:0 21px 0 0;} .product_detail_banner .sizes_specs .video_area_box a{width:276px;height:auto;overflow:hidden} .product_detail_banner .sizes_specs .video_area_box a img{margin-left:-2px} .product_detail_banner .sizes_specs .video_area_box .tire_banner .comm_r_arrow{display:inline-block;top:inherit;width:auto;height:auto;text-indent:0;background:url('/kr/images/common/bl_arrow_orange.png') no-repeat right 40%;} .product_detail_banner .sizes_specs .video_area_box .tire_banner:hover .comm_r_arrow{background:url('/kr/images/common/bl_arrow_orange.png') no-repeat right 40%;} .video_area_box .tire_banner:hover .comm_r_arrow{background:url('/kr/images/common/bl_arrow_orange.png') no-repeat right 40%;} .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');} /* cyber */ .report_box {padding:20px; background:#f6f6f6} .comm_r_arrow {margin-right:10px} /* dot */ .grey_dot li{margin-bottom:6px;padding-left:10px;background: url('../images/common/bl_gray_circledot_3x3.gif') no-repeat 2px 7px} .grey_dot li p.str{margin-bottom:5px;font-size:12px} .grey_dot li ul{margin-top:3px} .grey_dot li li{padding-left:0;background:0;} /* rules par */ .rules p{padding-left:10px;text-indent:-10px;margin-bottom:0;padding-bottom:0 !important;} /* news */ .news_tit{font-size:20px !important;line-height:30px;color:#f47d31 !important;text-align:center;} /* tab */ .tab_menu_4depth > ul > li > span > h3 {padding-bottom:0 !important} /* flahship goods _ performance graph tooltip layer size flexible modify */ .performance li .perf_ico .tips {top:-40px !important;} .performance li .perf_ico .tips p {width:auto} /* row_type */ .row_type table{table-layout:fixed;width:100%;border-top:2px solid #666666;border-bottom:1px solid #999999;} .row_type table th {padding:5px 0 5px 14px;color:#444;background-color:#f3f3f3;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:left;vertical-align:middle;} .row_type table td {padding:5px 0 5px 8px;color:#444;border-bottom:1px solid #dddddd;text-align:left} .row_type table td a {color:#444;} .row_type th.bl_none,td.bl_none {border-left:none !important} .row_type th.bb_none,td.bb_none {border-bottom:none !important} .row_type{border-bottom:1px solid #999999;} .row_type table{border-bottom:none;} .tire_banner .play{display:block;overflow:hidden;text-indent:-10000px;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:url('../images/common/btn_movie_area02.png') no-repeat center center;} .tire_banner:hover .play{background:url('../images/common/btn_movie_area02_on.png') no-repeat center center;} .landing_motor_bn .video_area_box a span{background:url('/kr/images/common/btn_movie_area02.png') center center no-repeat;} .landing_motor_bn .video_area_box a:hover span{background:url('/kr/images/common/btn_movie_area02_on.png') center center no-repeat;} .tires_info .related_info li {min-height:50px} .left_box {float:left; width:425px} .right_box {float:right; width:425px; margin-left:30px} /* technology */ .technology {position:relative;width:880px;padding:40px 30px 0 30px} .technology h2 {font-size:30px} .technology .title_page > h3 {margin-bottom:11px !important;padding-top:50px !important;font-size:24px !important;color:#222222 !important;font-weight:normal} .technology > .image > div {padding-bottom:50px; border-bottom: 1px solid #d9d9d9} .bb_none {border-bottom:none !important} .list_news li p.thumb-desc {height:18px;margin-bottom:15px} .motosp_raceInfo .data_table table > tr > td {vertical-align:middle !important} .gov_contents .cont1 .tab-0 p a{text-decoration:underline;} /*加*/ .m50{ margin-top:30px;} .m20{ padding-right:8px;} .w960{ width:960px; margin:0 auto;} .main_content{ width:960px; height:535px; margin:0 auto;} .main_content01{ width:285px; height:85px; margin:25px 15px; display:inline;} .main_content01 h2{ width:185px;} .main_content01 h2 strong{ font-size: 14px; float:left; } .main_content01 h2 span{ color:#ee7c35; text-indent:1em; float:left;} .main_content01 p{ width:185px; float:left; margin-top:10px;} .main_content01 img{ float:right;} .main_content02{ width:934px; height:132px; background:#fbfbfb; border: 1px solid #e1e1e1; padding:12px; } .main_content03 {width:938px; height:53px; border:1px solid #e1e1e1; padding:0 10px; margin:27px auto;} .main_content03 p{ line-height:21px; color:#8a8a8a;} .main_content03 li{ width:167px; height:41px; float:left; margin:8px; padding-left:50px; display:inline; } .main_content03_border{ border-right: 1px dashed #CCC; margin:8px; } .main_content03_bg1{background:url(../images/index_34.jpg) no-repeat;} .main_content03_bg2{background:url(../images/index_36.jpg) no-repeat;} .main_content03_bg3{background:url(../images/index_38.jpg) no-repeat;} .main_content03_bg4{background:url(../images/index_40.jpg) no-repeat;} .foot_content{ width:100%; height:auto; border-top: 1px solid #e5e5e5; background:#fafafa; padding:25px 0; } .foot_content p{ text-align:right; line-height:21px;}