@charset "utf-8"; /* Jnpix Design Team Kim mi jin 20110926*/ /* Reset Css */ html{-webkit-text-size-adjust: none;height:100%;} body{margin:0;padding:0;color:#555;font-size:12px;line-height:18px;letter-spacing:0;font-family:arial,verdana,Sans-serif;height:100%;} div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p{margin:0;padding:0;font-size:12px;line-height:18px;color:#555;list-style:none;font-family:arial,verdana,Sans-serif;} fieldset,dl,dd,dt,img{border:0;vertical-align:top;} input, select, textarea {margin:0;padding:0;font-size:12px;color:#555;font-family:arial,verdana,Sans-serif;vertical-align:middle;} select {height:18px;} address,em{font-style:normal} hr,legend,caption{display:none} button{cursor:pointer} table{border-collapse:collapse;border-style:none;table-layout:fixed;} td,th {font-size:12px;line-height:14px;color:#555;font-family:arial,verdana,Sans-serif;} iframe {margin:0;padding:0;border:0;} /* png for IE6 */ .png24{tmp:expression(setPng24(this));} /* basic-alink */ a:link, a:active {color:#777;text-decoration:none} a:visited {color:#777;text-decoration:none} a:hover {color:#098c9c;text-decoration:none;} .hide {display:none;} #accessibility {position: absolute; top: -1000px; left: 0;} /* Layout Css */ body#bodybg_about {background:url('../images/Common/bg_about-1.gif') no-repeat center top;}/* AboutGs */ body#bodybg_prod{background:url('../images/Common/bg_prod-1.gif') no-repeat center top;}/* Products */ body#bodybg_tech {background:url('../images/Common/bg_tech-1.gif') no-repeat center top;}/* Technical */ body#bodybg_common {background:url('../images/Common/bg_common-1.gif') no-repeat center top;}/* GS Caltex, PR Room, GlobalNetwork */ body#bodybg_utility {background:url('../images/Common/bg_utility-1.gif') no-repeat center top;}/* Utility */ #wrap{width:100%;height:100%;min-width:995px;} #wrap .mainheaderWrap{width:100%;height:112px !important;} #wrap #headerWrap{width:100%;height:250px;} #wrap #headerWrap .header{width:995px;overflow:hidden;margin:0 auto;zoom:1;} #wrap #headerWrap .header:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #wrap #headerWrap .header .gnb {position:relative;width:995px;height:28px;zoom:1; z-index:100;} #wrap #headerWrap .header .gnb:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #wrap #headerWrap .header .gnb ul {position:absolute;right:95px;top:0; height:21px;overflow:hidden;} #wrap #headerWrap .header .gnb li {float:left;height:20px;text-indent:-9999px;background:url('../images/Common/text_gnb-1.gif') no-repeat 0 0;} #wrap #headerWrap .header .gnb li a {float:left;display:block;margin-top:10px;height:11px;margin-left:6px;_margin-left:3px;} #wrap #headerWrap .header .gnb li.gnb_link01 {width:31px;background-position:0 0;} #wrap #headerWrap .header .gnb li.gnb_link01 a {margin-left:0;width:26px;} #wrap #headerWrap .header .gnb li.gnb_link02 {width:57px;background-position:-31px 0;} #wrap #headerWrap .header .gnb li.gnb_link02 a {width:51px;} #wrap #headerWrap .header .gnb li.gnb_link03 {width:61px;background-position:-86px 0;} #wrap #headerWrap .header .gnb li.gnb_link03 a {width:51px;} #wrap #headerWrap .header .gnb li.gnb_link04 {width:80px;background-position:-147px 0;} #wrap #headerWrap .header .gnb li.gnb_link04 a {width:68px;} #wrap #headerWrap .header .gnb li.gnb_link05 {width:34px;background-position:-227px 0;} #wrap #headerWrap .header .gnb li.gnb_link05 a {width:29px;} #wrap #headerWrap .header .gnb li.logout {width:38px;background-position:0 -20px;} #wrap #headerWrap .header .gnb li.logout a {margin-left:0;width:32px;} #wrap #headerWrap .header .gnb .sitemap {position:absolute;right:13px;top:0;width:70px;} #wrap #headerWrap .header .globalKixx {position:absolute;right:13px;top:28px;width:70px;z-index:99;} #wrap #headerWrap .header .globalKixx .globalkixxArea {position:relative;} #wrap #headerWrap .header .globalKixx p a {display:block;width:70px;height:81px;background:url('../images/Common/t_globalkixx01-1.gif') no-repeat 0 0;} /*#wrap #headerWrap .header .globalKixx p a:hover {background-position:0 -81px;}*/ #wrap #headerWrap .header .globalKixx dl.globalkixxUrl {position:absolute;left:0;top:0;padding-bottom:24px;width:70px;background:url('../images/Common/bg_globalkixx-1.gif') no-repeat left bottom; display:none;} #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dt {width:70px;height:81px;overflow:hidden;background:url('../images/Common/t_globalkixx-1.gif') no-repeat 0 0;} #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dt a {display:block;width:70px;height:81px;background:url('../images/Common/t_globalkixx-1.gif') no-repeat 0 -81px;} /*#wrap #headerWrap .header .globalKixx dl.globalkixxUrl dt a:hover {background-position:0 -81px;}*/ #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dt a span, #wrap #headerWrap .header .globalKixx p a span {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;visibility:hidden;} #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dd {margin:0 10px 0 3px;text-align:center;border-bottom:1px solid #dcdcdc;line-height:16px;overflow:hidden;} #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dd a {font-size:11px;color:#aaa;} #wrap #headerWrap .header .globalKixx dl.globalkixxUrl dd.last {border-bottom:0;} #wrap #headerWrap .header .naviWrap {position:relative;width:995px;height:222px;zoom:1;} #wrap #headerWrap .header .naviWrap:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #wrap #headerWrap .header .naviWrap .vbg_gscalte {height:222px;background:url('../images/Common/bg_v_gscaltex-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_about {height:222px;background:url('../images/Common/bg_v_about-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_prod {height:222px;background:url('../images/Common/bg_v_prod-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_tech {height:222px;background:url('../images/Common/bg_v_tech-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_prroom {height:222px;background:url('../images/Common/bg_v_prroom-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_global {height:222px;background:url('../images/Common/bg_v_globalnetwork-1.gif') no-repeat left bottom;} #wrap #headerWrap .header .naviWrap .vbg_utility {height:222px;background:url('../images/Common/bg_v_utility-1.gif') no-repeat left bottom;} #quickmenu {position:fixed;_position:absolute;right:0;top:113px;z-index:100;} #quickmenu .qmenu { position:relative; width:45px; height:141px;} #quickmenu .qmenu p{ position:absolute; right:0; top:0;} #quickmenu .qmenu ul {padding:5px 0 0;width:80px;height:141px;background:url('../images/Common/bg_quick_menu-1.png') no-repeat 0 0; position:absolute; right:0; top:0; display:none;} #quickmenu .qmenu ul li{ font-size:0;} #quickmenu .qmenu ul li a {display:block;width:80px; background:url('../images/Common/bg_quick_menu-1.png') no-repeat 0 0; line-height:0; font-size:0;} #quickmenu .qmenu ul li a:hover {line-height:0; font-size:0;} #quickmenu .qmenu ul li.menu01 a {height:32px; background-position:-80px -5px;} #quickmenu .qmenu ul li.menu02 a {height:32px; background-position:-80px -37px;} #quickmenu .qmenu ul li.menu03 a {height:32px; background-position:-80px -69px;} #quickmenu .qmenu ul li.menu04 a {height:33px; background-position:-80px -101px;} #quickmenu .qmenu ul li.menu01 a:hover {height:32px; background-position:-160px -5px;} #quickmenu .qmenu ul li.menu02 a:hover {height:32px; background-position:-160px -37px;} #quickmenu .qmenu ul li.menu03 a:hover {height:32px; background-position:-160px -69px;} #quickmenu .qmenu ul li.menu04 a:hover {height:33px; background-position:-160px -101px;} #quickmenu .qmenu ul li a span {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;} #containerWrap{width:995px;margin:0 auto 60px;zoom:1} #containerWrap:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #containerWrap #navileftArea {float:left;width:205px;} #containerWrap #navileftArea .leftMenuArea {width:205px;} #containerWrap #navileftArea .leftMenuArea h2 {margin-bottom:0;} #containerWrap #containerArea {float:left;padding:0 0 0 20px ;width:770px;} #containerWrap #containerArea .content {position:relative;width:750px;} #containerWrap #containerArea .content .title_locationArea {position:absolute; top:-97px; left:0;zoom:1;} #containerWrap #containerArea .content .title_locationArea:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #containerWrap #containerArea .content .title_locationArea h3 {margin-bottom:9px;} #containerWrap #containerArea .content .location_left {float:left;padding-left:6px;margin-right:18px;height:19px;background:url('../images/Common/bg_location-1.gif') no-repeat left top;} #containerWrap #containerArea .content .location_right {float:left;padding-right:10px;height:19px;background:url('../images/Common/bg_location-1.gif') no-repeat right -19px;} #containerWrap #containerArea .content .location_right li {float:left;padding-left:5px;padding-right:10px;_padding-left:5px;_padding-right:7px;*padding-left:5px;background:url('../images/Bullet/bullet_arrwo_location-1.gif') no-repeat right 7px;} #containerWrap #containerArea .content .location_right li span { color:#777;} #containerWrap #containerArea .content .location_right li a { display:block;color:#bbb;font-size:11px;} #containerWrap #containerArea .content .location_right li a:hover { color:#098c9c;} #containerWrap #containerArea .content .location_right li.last { padding-right:0; background:none;font-size:11px;color:#777;} #wrap #footerWrap {width:100%;height:119px;background:url('../images/Common/bg_footer-1.gif') repeat-x left bottom;} #wrap #footerWrap .footerCont {width:100%; height:119px;background:url('../images/Common/bg_footer01-1.gif') no-repeat center bottom;} #wrap #footerWrap .footerCont .footer {width:995px;margin:0 auto;text-align:left;zoom:1;} #wrap #footerWrap .footerCont .footer .text_kixx {text-align:right;} #wrap #footerWrap .footerCont .footer:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} #wrap #footerWrap .footerCont .footer .footer_left {float:left;width:815px;padding:31px 0 0 20px;} #wrap #footerWrap .footerCont .footer .footer_right {float:left;padding-top:32px;} #wrap #footerWrap .footerCont .footer .footer_left h2 {float:left; } #wrap #footerWrap .footerCont .footer ul.text_footer {float:left;} #wrap #footerWrap .footerCont .footer ul.text_footer li {float:left;height:13px;text-indent:-9999px;background:url('../images/Common/text_footer-1.gif') no-repeat 0 0;} #wrap #footerWrap .footerCont .footer ul.text_footer li a {display:block;height:13px;margin-left:8px;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link01 {width:45px;background-position:0 0;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link01 a {margin-left:0;width:34px;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link02 {width:59px;background-position:-45px 0;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link02 a {margin-left:13px;width:26px;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link03 {width:137px;background-position:-104px 0;} #wrap #footerWrap .footerCont .footer ul.text_footer li.text_link03 a {margin-left:0;width:137px;} #wrap #footerWrap .footerCont .footer ul.text_footer li.copyright {clear:both;padding-top:3px;height:13px;text-indent:0;background:none;overflow:hidden;line-height:12px;} #wrap #footerWrap .footerCont .footer .footer_right .family_site {float:left;position:relative;} #wrap #footerWrap .footerCont .footer .footer_right .family_site .fsite {position:absolute; left:0; top:0;} #wrap #footerWrap .footerCont .footer .footer_right .family_site .fsite .site{ background:url('../images/common/bg_family_top-1.gif') no-repeat 0 0; position:absolute; left:0; bottom:0; width:130px; padding-top:15px; display:none; z-index:200} #wrap #footerWrap .footerCont .footer .footer_right .family_site .fsite .site ul{ background:url('../images/common/bg_family_bot-1.gif') no-repeat 0 bottom; padding-bottom:7px;} #wrap #footerWrap .footerCont .footer .footer_right .family_site .fsite .site ul li{ padding-left:15px; font-size:11px;} #wrap #footerWrap .footerCont .footer .footer_right .family_site .fsite .site ul li a:hover { color:#098c9c !important;} /* 영문 메인페이지 */ #wrap #headerWrap.headerWrap_main .header {z-index:1;} #wrap #headerWrap.headerWrap_main{height:113px !important; z-index:500;*overflow:hidden;} #maincontainerWrap{width:995px; margin:0 auto; overflow:hidden} #maincontainerWrap .mainVisual{ float:left; position:relative;width:705px;height:585px;} #maincontainerWrap .mainVisual .blindTop{position:absolute; left:0; top:0; z-index:999; width:705px; height:24px; background:url(../images/main/bg_visual_top-1.gif)} #slides {position:absolute;top:0;left:0;z-index:100;} #slides .next,#slides .prev {position:absolute;top:246px;left:20px;width:18px;height:31px;display:block;z-index:101; text-indent:-10000px; background:url('../images/main/ar_left_off-1.gif') no-repeat 0 0;} #slides a:hover.prev {background:url('../images/main/ar_left_on-1.gif') no-repeat 0 0;} #slides .next {left:668px;background:url('../images/main/ar_right_off-1.gif') no-repeat 0 0;} #slides a:hover.next {background:url('../images/main/ar_right_on-1.gif') no-repeat 0 0;} .slides_container {width:705px;height:585px;overflow:hidden;position:relative;} .slides_container img{width:705px;height:585px;} .pagination {position:absolute; left:0; top:0; z-index:102; padding-left:205px; padding-top:25px; display:inline-block;} .pagination:after {content:""; display:block; clear:both; height:0; visibility:hidden;} .pagination li {display:inline-block; padding-right:35px; } .pagination li a { display:block; text-indent:-10000px; } #.pagination li a.main1 { background:url(../images/main/num1-1.gif) no-repeat 0 0; width:102px; height:27px;} #.pagination li a.main2 { background:url(../images/main/num2-1.gif) no-repeat 0 0; width:85px; height:27px;} #.pagination li a.main3 { background:url(../images/main/num3-1.gif) no-repeat 0 0; width:80px; height:27px;} #.pagination li a.main4 { background:url(../images/main/num4-1.gif) no-repeat 0 0; width:90px; height:27px;} #.pagination li a.main5 { position:relative; left:180px; top:-109px; background:url(../images/main/num5-1.gif) no-repeat 0 0; width:187px; height:27px;} #.pagination li a.main6 { position:relative; left:180px; top:-109px; background:url(../images/main/num5-1.gif) no-repeat 0 0; width:187px; height:27px;} #.pagination li a.main7 { position:relative; left:180px; top:-109px; background:url(../images/main/num5-1.gif) no-repeat 0 0; width:187px; height:27px;} #.pagination li a.main8 { position:relative; left:180px; top:-109px; background:url(../images/main/num5-1.gif) no-repeat 0 0; width:187px; height:27px;} .slides_container .mprodBox{position:absolute; top:435px;*zoom:1; width:615px;} .slides_container .mprodBox:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} .slides_container .mprodBox li{ float:left; display:block; } .slides_container .mprodBox li a{ display:block; width:112px; height:135px; background: url('../images/Common/img_blank-1.gif') no-repeat 0 0;} .slides_container .mprodBox li a span{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;} .slides_container .mprodBox li.moreProd{position:absolute; right:6px; top:111px; margin:0;} .slides_container .mprodBox li.moreProd a{ width:30px; height:10px;} .slides_container .mprodBox2{position:absolute; left:85px; top:470px;*zoom:1; width:590px; padding-left:20px;} .slides_container .mprodBox2:after{clear:both;content:"";display:block;font-size:0px;line-height:0px;height:0;visibility:hidden;} .slides_container .mprodBox2 li{ float:left; margin-right:12px; display:block;} .slides_container .mprodBox2 li a{ display:block; width:250px; height:100px; background: url('../images/Common/img_blank-1.gif') no-repeat 0 0;} .slides_container .mprodBox2 li a span{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;} .slides_container .mprodBox2 li.moreProd{position:absolute; right:6px; top:88px; margin:0;} .slides_container .mprodBox2 li.moreProd a{ width:30px; height:10px;} #maincontainerWrap .mainAside{ float:left;} #maincontainerWrap .mainAside .carArea { position:relative;width:270px;height:281px;overflow:hidden;background:url('../images/main/bg_car_stru_oil-1.gif') no-repeat 0 0;} #maincontainerWrap .mainAside .carArea h2{ padding:25px 0 0 20px;overflow:hidden;height:11px;} #maincontainerWrap .mainAside .carArea .more{ position:absolute; right:19px; top:30px;} #maincontainerWrap .mainAside .mainUtilityArea {padding:0 0 0 5px;width:265px;height:109px;overflow:hidden;background:#efefef;} #maincontainerWrap .mainAside .mainUtilityArea li {float:left;} #maincontainerWrap .mainAside .mainUtilityArea li a {display:block;width:66px;height:109px;background:url('../images/main/img_main_utility-1.gif') no-repeat;} #maincontainerWrap .mainAside .mainUtilityArea li a span {overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;} #maincontainerWrap .mainAside .mainUtilityArea li a.m01 {background-position:-5px 0} #maincontainerWrap .mainAside .mainUtilityArea li a.m02 {background-position:-71px 0} #maincontainerWrap .mainAside .mainUtilityArea li a.m03 {width:65px;background-position:-137px 0} #maincontainerWrap .mainAside .mainUtilityArea li a.m04 {background-position:-202px 0} #maincontainerWrap .mainAside .mainUtilityArea li a.m01:hover {background-position:-5px -109px} #maincontainerWrap .mainAside .mainUtilityArea li a.m02:hover {background-position:-71px -109px} #maincontainerWrap .mainAside .mainUtilityArea li a.m03:hover {background-position:-137px -109px} #maincontainerWrap .mainAside .mainUtilityArea li a.m04:hover {background-position:-202px -109px} #maincontainerWrap .mainAside .newsList{ position:relative;background:#ededed url('../images/main/bg_news-1.jpg') no-repeat 19px 47px; margin:1px 0; height:151px; width:270px;} #maincontainerWrap .mainAside .newsList h2{ padding:30px 0 0 20px;} #maincontainerWrap .mainAside .newsList .more{ position:absolute; right:19px; top:35px;} #maincontainerWrap .mainAside .newsList ul{ position:absolute; left:97px; top:57px;} #maincontainerWrap .mainAside .newsList ul li{ overflow:hidden;line-height:15px;background:url('../images/main/bu_dot-1.gif') no-repeat 0 6px; padding-left:7px;} #maincontainerWrap .mainAside .newsList ul li img{ vertical-align:middle; padding-left:5px;} #maincontainerWrap .mainAside .newsList ul li a{ font-size:11px; } #wrap #footerWrap.footerWrap_main {height:98px;} #wrap #footerWrap .footerCont.footerCont_main {height:98px;} /* 팝업 */ #popupWrap{width:100%;} #popupWrap #headtitle{height:43px;background:url('../images/Popup/bg_pop_titlebg-1.gif') no-repeat 0 top;} #popupWrap #headtitle h1{padding:17px 0 0 30px;height:26;font-size:14px;font-weight:bold;color:#333;} #popupWrap #headtitle01{height:43px;background:url('../images/Popup/bg_pop_titlebg01-1.gif') no-repeat 0 top;} #popupWrap #headtitle01 h1{padding:17px 0 0 30px;height:26;font-size:14px;font-weight:bold;color:#333;} #popupWrap #headtitle02{height:43px;background:url('../images/Popup/bg_pop_titlebg02-1.gif') no-repeat 0 top;} #popupWrap #headtitle02 h1{padding:17px 0 0 30px;height:26;font-size:14px;font-weight:bold;color:#333;} #popupWrap #headertitle {height:43px;} #popupWrap #popcontainerWrap {width:100%;height:100%;margin:0 center;padding:0;background:url('../images/Popup/bg_popcont-1.gif') repeat-x 0 0;} #popupWrap #popcontainerWrap .container {padding:30px 0 0;} #popupWrap #popcontainerWrap01 {width:100%;margin:0 center;padding:0;background:url('../images/Popup/bg_pop_titlebg-1.gif') no-repeat 0 0;} #popupWrap #popcontainerWrap01 .container {padding:30px 0 0;} #popupWrap .wtable{width:340px;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;} #popupWrap table.wtbl{width:100%;border:none;} #popupWrap table.wtbl th{border-top:1px solid #fff;background-color:#F2F2F2;text-align:left;font-weight:normal;line-height:14px;padding:6px 0 5px 20px;} #popupWrap table.wtbl td{border-top:1px solid #eee;color:#333;text-align:left;padding:2px 10px 2px;line-height:14px;} #popupWrap table.wtbl .first{border-top:none;} #popupWrap table.wtbl input {padding:2px 0 2px 2px;width:170px;border:1px solid #ddd;height:14px;line-height:14px;vertical-align:middle;} #popupWrap .btnCenter {padding-top:10px;text-align:center;} /* 버튼 위치 */ .buttonCenter {text-align:center;} /* 리스트 */ table.listTable{width:100%;border:none;} table.listTable th{padding:8px 0 7px;height:13px;color:#777;background:url('../images/common/bg_listTh-1.gif') repeat-x 0 0;} table.listTable th.bgnone {padding:4px 0 3px;border-top:1px solid #eaeaea;background:none;font-weight:normal;} table.listTable th.fn_normal {font-weight:normal;} table.listTable .first{border-left:0;} table.listTable .tbleft {border-left:1px solid #eaeaea;} table.listTable th.taleft{text-align:left;padding-left:5px;} table.listTable .taleft01{text-align:left;padding-left:18px;} table.listTable td{border-top:1px solid #eaeaea;padding:6px 5px 5px;line-height:14px;text-align:center;color:#555;} table.listTable td.btn {padding:2px 0 1px;} table.listTable td.title{text-align:left;padding:6px 15px 5px;} table.listTable td.title a{color:#555;} table.listTable td.title a:hover{color:#098c9c;} table.listTable td.taright{text-align:right;padding-right:20px;} table.listTable td.taleft{text-align:left;padding-left:5px;} table.listTable td.taleft01{text-align:left;padding-left:20px;} table.listTable td.oil_left{text-align:left;padding-left:25px;} table.listTable td.power_left{text-align:left;padding-left:10px;} table.listTable td.part_left{text-align:left;padding-left:30px;} table.listTable td.game_left{text-align:left;padding-left:100px;} table.listTable td.game_left01{text-align:left;padding-left:50px;} table.listTable td strong {color:#555;} table.listTable td.timg {padding:0 !important;} table.listTable td .re {margin-right:9px;} table.listTable .mover {background-color:#e6f2f2;} table.listTable .mout {background-color:#fff;} table.listTable .mover .ing td{background-color:#e6f2f2;color:#098c9c;} table.listTable .mout .ing td {background-color:#fff;color:#098c9c;} table.listTable .ing {color:#098c9c;} table.listTable .ing strong{color:#098c9c;} /* About GS 리스트 */ .gslub_listTable table.listTable strong.num {color:#f26107;} /* Prod 리스트 */ .supportForumArea table.listTable .mover {background-color:#eef1e6;} .supportForumArea table.listTable .progress {font-size:11px;} .supportForumArea table.listTable .progress strong {color:#5e8c05;} /* Tech 리스트 */ .viscosity_viewTable table.listTable strong.num {color:#19a23c;} /* Tech msdn 다운로드 게시판 & 마스우오버 */ .msdnArea .searchArea .srch select.msdn{width:100px;} .msdnArea table.listTable .mover {background-color:#eff2e8;} .msdnArea table.listTable td{padding:2px 5px 2px;} /* 쓰기 */ table.writeTable {width:100%;border:none;} table.writeTable th {border-top:1px solid #fff;color:#777;background-color:#F2F2F2;text-align:left;line-height:14px;padding:7px 10px 6px 20px;} table.writeTable td {border-top:1px solid #eee;color:#555;text-align:left;padding: 0 10px 0 20px;line-height:14px;} table.writeTable .first {border-top:none !important;} table.writeTable td.btnArea {padding:0 10px 0;} table.writeTable td input.radio {margin-right:4px;vertical-align:middle;} table.writeTable td label {vertical-align:middle;} table.writeTable td label.radio {margin-right:14px !important;color:#555;vertical-align:middle;} table.writeTable td label.text {margin-right:8px;color:#555;vertical-align:middle;} table.writeTable td .textArea {margin:3px 0 3px;padding:5px 0 0 8px;width:570px; height:120px;border:1px solid #ddd;line-height:14px;} table.writeTable td .textArea01 {margin:5px 0 5px;padding:5px 0 0 8px;width:570px; height:220px;border:1px solid #ddd;line-height:14px;} table.writeTable td.prod_text { font-size:14px !important;font-weight:bold;line-height:18px !important;color:#777 !important;} table.writeTable td strong.nametext {color:#333;} table.writeTable td strong.prodtext {color:#2274ae;} table.writeTable td strong.eco {color:#098c9c;} table.writeTable td span.text {color:#333;} table.writeTable td span.stext {color:#999;font-size:11px;margin-left:10px;padding-left:7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 5px;} table.writeTable td span.stext01 {color:#999;font-size:11px;} table.writeTable td div.rtext {position:relative;} table.writeTable td div.rtext span.stext01 {position:absolute;left:305px;top:3px;color:#999;font-size:11px;margin-left:10px;padding-left:7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px;} table.writeTable td div.rtext span.stext02 {position:absolute;left:294px;top:3px;color:#999;font-size:11px;margin-left:10px;padding-left:7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px;} table.writeTable td div.rtext span.stext03 {position:absolute;left:204px;top:3px;color:#999;font-size:11px;margin-left:10px;padding-left:7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 7px;} table.writeTable th.thtop {vertical-align:top;} table.writeTable th.thtop01 {padding-top:47px;vertical-align:top;} table.writeTable th.th_tdborder {border-top:1px solid #eee;} table.writeTable th.th_thborder {border-top:1px solid #fff;} table.writeTable th .check {padding:0 0 0 9px;border:none;background:url('../images/Bullet/bullet_dotorange-1.gif') no-repeat 0 3px;} table.writeTable th .check em {text-indent:-9999px;display:none;} table.writeTable td input.text {padding:2px 0 2px 2px;border:1px solid #ddd;height:14px;line-height:14px;vertical-align:middle;} table.writeTable td input.w220{width:220px;} table.writeTable td input.w386 {width:386px;} table.writeTable td input.w576{width:576px;} table.writeTable td input.radio {width:13px;} table.writeTable td input.file{width:576px;height:18px;} table.writeTable td input.file_tech{margin:0 0 3px;width:576px;height:19px;border:1px solid #ddd;} table.writeTable td.tdpad {padding:3px 0;} table.writeTable td.tdpad_text {padding:5px 20px;} table.writeTable td.tdimg {padding:2px 0 1px 20px;} table.writeTable td.tdimg img{vertical-align:middle;} table.writeTable td span.text {margin-right:10px;} table.writeTable td dl.address {margin:3px 0;} table.writeTable td dl.address:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;} table.writeTable td dl.address dt {color:#333;padding-bottom:5px;} table.writeTable td dl.address dd {float:left;padding-bottom:3px;} table.writeTable td dl.address dd.first {padding-right:30px;} table.writeTable td .tdtext {padding:3px 0;} table.writeTable td .tdtext p.stext {margin-top:3px;color:#999;font-size:11px;padding-left:7px;background:url('../images/Bullet/bullet_dot-1.gif') no-repeat 0 8px;} table.writeTable td select {color:#555;border:1px solid #ddd;height:20px;} .buttonRight {position:relative;margin-top:20px;width:750px;text-align:right;} /* Prod 기술지원 게시판 쓰기 */ .supportForumArea table.writeTable td .title {color:#5e8c05;} .supportForumArea table.writeTable .filename {padding-bottom:2px;} /* 보기 */ table.viewTable {width:100%;border:none;} table.viewTable thead th{border-top:0;padding:8px 0 7px;height:13px;text-align:center;color:#777;background-color:#F2F2F2;} table.viewTable th {border-top:1px solid #fff;background-color:#F2F2F2;color:#777;text-align:left;line-height:14px;padding:7px 10px 6px 20px;} table.viewTable .bgnone {background:none !important;} table.viewTable td {border-top:1px solid #eee;text-align:left;color:#555;padding: 0 20px 0 20px;line-height:14px;word-wrap:break-word;word-break:break-all;} table.viewTable td.td_text { padding:5px 10px;color:#777;} table.viewTable .first {border-top:0 !important;} table.viewTable th.thtop {padding-top:47px;vertical-align:top;} table.viewTable th.fn {font-weight:normal;} table.viewTable .contents {padding:15px 0 20px;width:600px;color:#555;} table.viewTable strong.title {color:#098c9c;} table.viewTable strong.txt {color:#777;} table.viewTable th.tdline_top {border-top:1px solid #eee;} table.viewTable .tbleft {border-left:1px solid #eee;} table.viewTable .td_center {padding:5px 0;color:#777;text-align:center;} table.viewTable td.btn {padding:0 0 0 20px;} table.viewTable td.btn img {vertical-align:middle;} table.viewTable td.btn a {margin-left:10px;} table.viewTable td.topnone {border-top:none;} table.viewTable td.td_text01 {padding:5px 20px;} table.viewTable tfoot th {background:none;} table.viewTable tfoot th.tfirst {border-top:1px solid #ccc;border-bottom:1px solid #eee;} table.viewTable tfoot td.tfirst {border-top:1px solid #ccc !important;border-left:1px solid #eee;} table.viewTable tfoot td.tdline_left {border-left:1px solid #eee;} table.viewTable tfoot td {color:#999;} table.viewTable tfoot td a, table.viewTable tfoot td a:visited, table.viewTable tfoot td a:active {color:#999;} table.viewTable tfoot td a:hover {color:#098c9c;} /* Prod 기술지원 게시판 쓰기 */ .supportForumArea table.viewTable .title {color:#5e8c05;} .supportForumArea table.viewTable td a.file {padding-left:17px;font-weight:bold;line-height:18px;color:#555;background:url('../images/icon/icon_file-1.gif') no-repeat left top;} /* Smart Oil 보기 */ .smartoilArea table.viewTable tfoot td a {color:#999;} .smartoilArea table.viewTable tfoot td a:hover {color:#19a23c;} /* 검색 */ .searchArea{position:relative;margin-bottom:9px;overflow:hidden;} .searchArea .srch select{border:2px solid #ddd;font-size:12px;color:#333;height:20px;line-height:16px;vertical-align:middle;} .searchArea .srch select.prod01{width:130px;} .searchArea .srch select.prod02{width:140px;margin-right:6px;} .searchArea .srch select.news{width:80px;} .searchArea .srch input.type1 {padding:2px 0 2px 2px;border:1px solid #ddd;height:14px;line-height:14px;vertical-align:middle;} .searchArea .srch img {vertical-align:middle;} .searchArea a.btn{vertical-align:middle;} /* 페이징 */ .paginateArea{width:750px;text-align:center;padding-top:18px;position:relative;} .paginateArea .paginate{font-size:12px;color:#bbb;display:inline;} .paginateArea .paginate span.text {background:url('../images/Common/bg_page-1.gif') no-repeat 0 1px;padding:0 10px;display:inline-block;line-height:13px;cursor:pointer;} .paginateArea .paginate strong{background:url('../images/Common/bg_page-1.gif') no-repeat 0 0;padding:0 10px;display:inline-block;line-height:13px;color:#098c9c;} .paginateArea .paginate .first{background:none;} .paginateArea .paginate .prev img{background:none;padding:0 0 0 10px;vertical-align:middle;margin-top:-1px;cursor:pointer;} .paginateArea .paginate .next img{background:none;padding:0 10px 0 0;vertical-align:middle;margin-top:-1px;cursor:pointer;} .paginateArea .btnArea{position:absolute;top:20px;right:0;} /* MSDS 페이징 */ .msdnArea .paginateArea .paginate strong{color:#19a23c !important;} /* 기술지원 게시판 페이징 */ .supportForumArea .paginateArea .paginate strong{color:#5e8c05 !important;} .footer > .text_kixx, #quickmenu, .globalKixx, .sitemap, .footer_right, .gnb_link01 { display:none !important; } a[href="ad_tv.html"], a[href="PRroom/ad_tv.html"] { display:none !important; } #wrap #headerWrap .header .naviWrap .navi .menu li a { background-image:none !important; } #wrap #headerWrap .header .naviWrap .navi .menu li a span { overflow: auto !important; position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; font-size: 13px !important; line-height: normal !important; visibility: visible !important; font-weight:bold !important; } #wrap #headerWrap .header .naviWrap .navi .menu li a { width: auto !important; padding:0 7px; } .gnb { margin-left:74px !important; }