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


/* form */
select, input, textarea { color:#666; font-family:'돋움', dotum, verdana, arial, applegothic, sans-serif; font-size:inherit; vertical-align:middle; }
select { visibility:hidden;}
fieldset, blockquote, iframe, button { border:none; }
fieldset { display:inline; }
fieldset label { display:none;}
.input_txt { height:19px; padding:1px 0 0 3px; font:12px/18px '돋움',Dotum; background:#fff; border-top:1px solid #a7a7a7; border-right:1px solid #d7d7d7; border-bottom:1px solid #e5e5e5; border-left:1px solid #878787; }
.input_file { height:22px; font:12px/18px '돋움',Dotum; color:#666; background:#fff; border-top:1px solid #a7a7a7; border-right:1px solid #d7d7d7; border-bottom:1px solid #e5e5e5; border-left:1px solid #878787; }
.input_textarea { padding:3px; font:12px/18px '돋움',Dotum; color:#666; background:#fff; border-top:1px solid #a7a7a7; border-right:1px solid #d7d7d7; border-bottom:1px solid #e5e5e5; border-left:1px solid #878787; overflow:auto; overflow-x:hidden; }

/* clear */
.f_clear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1%; }
.f_clear { display:block; min-height:1%; }

/*word-break*/
.word-break { word-break:break-all;}
html>/**/body .word-break{word-wrap:break-word;}

/*
* common
*/

/* header */

#header { position:absolute; left:0; top:0; width:100%; z-index:10000;}
.headerLink { position:relative; text-align:center; height:30px; background-color:#efefef; }
.headerLink ul li {display:inline; }
.headerLink ul li a {display:inline-block; height:30px; background:url(../images/gnb/gnbLink.gif) no-repeat;text-indent:-99999px;}
.headerLink ul li.link1 a {width:78px; background-position:0 0; cursor:default;}
.headerLink ul li.link2 a {width:117px; background-position:-78px 0;}
.headerLink ul li.link2 a:hover {background-position:-78px -30px; }
.headerLink ul li.link3 a {width:117px; background-position:-195px 0;}
.headerLink ul li.link3 a:hover {background-position:-195px -30px; }
.headerLink ul li.link4 a {width:90px; background-position:-312px 0;}
.headerLink ul li.link4 a:hover {background-position:-312px -30px; }

.headerContent { position:absolute; top:30px; left:0; width:100%; height:105px;}
.headerContent:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.headerContentInner { position:relative; width:960px; height:65px;  margin:25px auto 0;}
.logo { position:absolute; top:0; left:0;  }
.logo h1 a{ display:block; }

.utilNavi { position:absolute; z-index:2; right:0; margin-bottom:12px; height:28px;}
.utilNavi ul li { display:inline; float:left; }
.utilNavi ul li a { display:block; height:22px; background-image:url(../images/common/utilNavi.png); background-repeat:no-repeat; text-indent:-99999px; }
.utilNavi ul li.login a { width:42px; margin-right:9px; background-position:0 0; }
.utilNavi ul li.logout a { width:51px; margin-right:9px; background-position:0 -22px; }
.utilNavi ul li.join a { width:45px; margin-right:9px; background-position:-51px 0; }
.utilNavi ul li.myNavien a { width:57px; margin-right:9px; background-position:-105px 0; }
.utilNavi ul li.navienSns a { width:60px; margin-right:9px; background-position:-171px 0; }
.utilNavi ul li.partner a { width:60px; margin-right:10px; background-position:-240px 0; }
.utilNavi ul li.language a { width:78px; margin-right:10px; background-position:0 -93px; }
.utilNavi ul li.navienRecruit a { width:96px; margin-right:5px; background-position:-337px 0; }
.utilNavi ul li.navienBrochure { position:relative;}
.utilNavi ul li.navienBrochure a {width:96px; background-position:-438px 0;}
.utilNavi ul li.navienBrochure ul.hover { display:none;}
.utilNavi ul li.navienBrochure:hover ul.hover { display:block;}
.utilNavi ul li ul.hover {  position:absolute; top:0; right:0;}
.utilNavi ul li ul.hover li { display:block; float:none;}
.utilNavi ul li ul.hover .nBrochure a { width:96px; background-position:-540px 0; }
.utilNavi ul li ul.hover .nMovie a { width:96px; background-position:-540px -22px; }
.utilNavi ul li ul.hover .nBrochure a:hover { width:96px; background-position:-640px 0; }
.utilNavi ul li ul.hover .nMovie a:hover { width:96px; background-position:-640px -22px; }


#topNavigation { position:absolute; top:46px; left:237px; background:url(../images/common/topNavigation.png) 0 -17px no-repeat; }
#topNavigation ul li { display:inline; float:left; height:20px; }
#topNavigation ul li a { display:block; cursor:pointer; background-image:url(../images/common/topNavigation.png); background-repeat:no-repeat; text-indent:-99999px; height:17px; }
#topNavigation ul li.product a { width:66px; margin-right:62px; background-position:0 0; }
#topNavigation ul li.product a:hover { }
#topNavigation ul li.service a { width:81px; margin-right:62px; background-position:-127px 0; }
#topNavigation ul li.service a:hover { }
#topNavigation ul li.pr a { width:55px; margin-right:62px; background-position:-268px 0; }
#topNavigation ul li.pr a:hover { }
#topNavigation ul li.about a { width:62px; background-position:-384px 0; }
#topNavigation ul li.about a:hover { }

#globalSearch { position:absolute; z-index:1; right:0; bottom:0;}
#globalSearch .searchBox { position:relative; width:197px; height:23px; border-top:1px solid #e46a09; border-left:1px solid #e46a09; border-bottom:1px solid #e46a09; background-color:#f97b0b; }
#globalSearch .searchBox .btn { position:absolute; top:0; right:0; }
#globalSearch .search_input { margin:5px 0 0 7px; border:none; width:147px; color:#ffffff; font-size:11px; }
#globalSearch .search_input.unfilled { background:transparent url(../images/common/globalSearchText.gif) 0 3px no-repeat; }
#globalSearch .search_input.unfilled:focus { background-image:none; }
#globalSearch .search_input.filled { background:transparent; }

/* customer_index */
#faqSearch { width:842px; height:41px; padding:13px 118px 0 0 ; background-color:#9d9996;}
#faqSearch h3 { margin-right:27px; *margin-right:22px; padding:6px 6px 6px 0; float:left;}
#faqSearch .search_input { float:right; width:357px; height:25px; line-height:25px; padding:0 0 0 10px; border:1px solid #dadada; color:#888888; font-size:12px;}
#faqSearch .search_input.unfilled { background:#fff url(../images/common/faqSearchText.gif) 10px 7px no-repeat; }
#faqSearch .search_input.unfilled:focus { background-image:none; }
#faqSearch .search_input.filled { background:transparent; }
#faqSearch .wrap { float:right; margin-right:20px; float:right;}
#faqSearch .btn { margin-left:7px; float:right;}
#faqSearch .faq_txt { padding-top:7px; float:right;}
#faqSearch .faq_txt li { display:inline; float:left; background:url(../images/common/li_line1.gif) 0 3px no-repeat; padding-left:9px; margin-left:8px;}
#faqSearch .faq_txt li.first { padding-left:0; margin-left:0; background-image:none;}
#faqSearch .faq_txt li a { display:block; font:bold 11px Dotum; color:#fff;}

/* emergency */
#faqSearch.vari0 { width:776px; height:41px; padding:13px 184px 0 0; background:#9d9996;}
#faqSearch.vari0 h3 { padding-top:6px; padding-bottom:6px; float:right;}
#faqSearch.vari0 .search_input { float:right; width:357px; height:25px; line-height:25px; padding:0 0 0 10px; border:1px solid #dadada; color:#888888; font-size:12px;background:#fff;}
#faqSearch.vari0 .search_input.unfilled { background:#fff url(../images/common/pdtSearchText.gif) 10px 7px no-repeat; }
#faqSearch.vari0 .search_input.unfilled:focus { background-image:none; }
#faqSearch.vari0 .search_input.filled { background:transparent; }
#faqSearch.vari0 .wrap { float:right; }
#faqSearch.vari0 .btn { margin-left:7px; float:right;}

/* utils unifiedSearch */
#unifiedSearch { width:903px; height:41px; padding:13px 57px 0 0 ; background-color:#9d9996;}
#unifiedSearch h3 { padding:6px 6px 6px 0; *padding:6px 0; float:left;}
#unifiedSearch .search_input { float:right; width:357px; height:25px; line-height:25px;  padding:0 0 0 10px; border:1px solid #dadada; color:#888888; font-size:12px;}
#unifiedSearch .search_input.unfilled { background:#fff url(../images/common/faqSearchText.gif) 10px 7px no-repeat; }
#unifiedSearch .search_input.unfilled:focus { background-image:none; }
#unifiedSearch .search_input.filled { background:transparent; }
#unifiedSearch .wrap { float:right; width:535px; margin-right:13px; float:right;}
#unifiedSearch .btn { margin-left:7px; float:right;}
#unifiedSearch .faq_txt { padding-top:7px; float:right;}
#unifiedSearch .faq_txt li { display:inline; float:left; background:url(../images/common/li_line1.gif) 0 3px no-repeat; padding-left:9px; margin-left:8px;}
#unifiedSearch .faq_txt li.first { padding-left:0; margin-left:0; background-image:none;}
#unifiedSearch .faq_txt li a { display:block; font:bold 11px Dotum; color:#fff;}
#unifiedSearch .searchChk { float:right; margin-top:4px; margin-right:40px;}
#unifiedSearch .searchChk i { margin-top:4px; font:11px dotum; color:#ebebea;}


/* contentContainer */
#container { width:100%;}
.containerInner { width:960px; margin:0 auto; padding:128px 0 0; *padding:122px 0 0;}
.main {background:url(../images/main/visual2/menu0_bg.png) left top repeat-x;background-position :0 143px; }
.main123 {background:url(../images/main/visual2/menu8_item0_bg.jpg) left top repeat-x;background-position :0 143px; }*/


/* topVisual */
#topVisual {position:absolute; top:128px; width:100%; margin:0 auto; }
#topVisual.pdtDtail { text-align:center; margin-left:-7px; overflow:hidden; }
#topVisual.customerIndex { margin-top:50px;}
#topVisual.aboutIndex { margin-top:50px; border-bottom:7px solid #303030; height:353px; background:url(../images/about/bg_aboutIndex_topVisual.jpg) no-repeat;}

/* content */
#content { width:960px; margin-top:40px; margin-bottom:100px;}
#content.vari0 { margin-top:30px; margin-bottom:100px; }

/* contentHead */
#contentHead {  margin-bottom:19px; }
#contentHead.vari0 { margin-bottom:0;}
#contentHead.vari1 {  margin-bottom:40px; }
#contentHead .wrap { margin-top:35px;}
#contentHead .location { overflow:hidden; float:left; padding-top:7px;}
#contentHead .location ul li { float:left; padding-left:21px; line-height:11px; font-size:11px; background:url("../images/common/arrow_location.gif") 8px 2px no-repeat; }
#contentHead .location ul li a { line-height:11px; font-size:11px; color:#7f7f7f; }
#contentHead .location ul li a:hover ,
#contentHead .location ul li a:active ,
#contentHead .location ul li a:visited { text-decoration:none; }
#contentHead .location ul li.home { padding-left:0; background-image:none;;}
#contentHead .location ul li.home a { color:#a9abaa}
#contentHead .location ul li.last a { color:#555; }
#contentHead .widget { float:right; overflow:visible; height:21px; }
#contentHead .socialArea { float:right; margin:0 3px; 0 0;}
#contentHead .socialArea ul li { display:inline-block; float:left; margin-right:10px; }
#contentHead .socialArea ul li.twitter { margin-right:-20px;}
#contentHead .addThisArea { float:right;}
#contentHead .comBtn { padding-top:6px; float:right;}
#contentHead .comBtn li { float:left;}
#contentHead .comBtn li a { display:block; font:11px dotum; letter-spacing:-1; color:#7f7f7f; }
#contentHead .comBtn li.spread a { width:33px; height:11px; padding-right:17px; background:url(../images/common/ico_spread.gif) right top no-repeat; text-align:left;}
#contentHead .comBtn li.print a { width:34px; height:11px; padding-right:17px; background:url(../images/common/ico_print.gif) right 1px no-repeat; text-align:left;}
#contentHead .comBtn li.line { margin-right:10px; padding-right:10px; height:11px; background:url(../images/common/li_line2.gif) right 2px no-repeat;}
#contentHead .tit { float:left;}
/*#contentHead .stit { float:left; margin:14px 0 0 8px; padding-left:10px; border-left:1px solid #d4d3d3; height:11px;} 08.17 디자인 변경*/
#contentHead .stit { float:left; margin:14px 0 0 16px;}
#contentHead .spot0 { margin-top:11px; border-top:1px solid #e4e3e3;}
#contentHead .spot1 { margin-top:11px; padding-top:28px; border-top:1px solid #e4e3e3;}
#contentHead .spot2 { margin-top:11px; padding-top:50px; border-top:1px solid #e4e3e3;}

/* footer */
#footer { }
.footerContent { position:relative; width:960px; height:190px; margin:0 auto; background:url(../images/main/mainFooter_bg.gif) repeat-x; }
ul.utilLink { height:30px; padding:10px 0 0 10px; }
ul.utilLink li { float:left; display:inline; margin-left:10px; }
ul.utilLink li a { display:block; background:url(../images/common/utilLink.gif) 0 0 no-repeat; height:11px; text-indent:-99999px; padding:10px 0 10px 0; }
ul.utilLink li.num1 a { background-position:0 50%; width:91px; }
ul.utilLink li.num2 a { background-position:-103px 50%; width:72px; }
ul.utilLink li.num3 a { background-position:-186px 50%; width:76px; }
ul.utilLink li.num4 a { background-position:-273px 50%; width:52px; }
ul.utilLink li.num5 a { background-position:-337px 50%; width:52px; }
ul.utilLink li.num6 a { background-position:-400px 50%; width:93px; }
ul.utilLink li.num7 a { background-position:-504px 50%; width:53px; }
ul.utilLink li.num8 a { background-position:-568px 50%; width:104px; }
#familySiteLink { position:absolute; top:15px; right:20px; }
#familySiteLink legend, #familySiteLink label { display:none;}
ul.prizeList { position:absolute; top:68px; left:0; }
div.tel { position:absolute; top:68px; right:130px; }
ul.prizeList li { float:left; display:inline; margin-left:16px; }
ul.prizeList li.first { margin-left:0; }
.footerContent h3 { position:absolute; top:123px; left:0; }
address.copyright { position:absolute; top:123px; left:164px; background:url(../images/common/copyright.gif) no-repeat; width:666px; height:26px; }
address.copyright p { text-indent:-99999px; }
div.qrcode { position:absolute; top:65px; right:0; }


/*point type*/
.pointTp1 { background:url(../images/common/point_off.png) no-repeat; height:14px; width:68px; margin-right:7px; text-align:left; }
.pointTp1 .mask { display:block; height:14px; overflow:hidden; }

/*listTotal*/
.listTotal { font-size:11px; }
.listTotal li { float:left; padding-left:10px; margin-left:11px; border-left:1px solid #b2b2b2;}
.listTotal li.first { padding-left:0; margin-left:0; border-left:none;}
.listTotal li strong { font-weight:bold; font-family:verdana; color:#f97b0b; text-decoration:underline;}
.listTotal li a { text-decoration:none;}
.listTotal li.on a { font-weight:bold; color:#666;}

/*Line Style*/
.lineTp1 { margin-top:20px; padding-top:17px; border-top:1px solid #e4e3e3;}
.lineTp2 { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #bcbcbc;}
.lineTp3 { margin-top:40px; padding-top:45px; border-top:1px solid #e7e7e7;}
.lineTp4 { margin-top:19px; padding-top:40px; border-top:1px solid #d3d3d3;}
.lineTp5 { margin-top:23px; padding-top:25px; border-top:1px dashed #d0d0d0;}
.lineTp6 { margin-top:40px; padding-top:40px; border-top:1px dashed #d0d0d0;}
.lineTp7 { margin-top:30px; padding-top:30px; border-top:1px solid #d0d0d0;}


/* paging */
.pagingList { margin-top:21px; text-align:center; vertical-align:middle; height:17px; line-height:17px; vertical-align:middle; }
.pagingList a,
.pagingList a:active,
.pagingList a:visited { margin-top:-19px; padding:2px 5px; height:17px; font-size:11px; color:#b2b2b2; font-family:Tahoma; text-align:right; line-height:17px; vertical-align:middle;}
.pagingList div.txt { margin-top:-19px; font-size:11px; color:#b2b2b2; font-family:Tahoma; text-align:right;}
.pagingList div.imgBtn {text-align:right; margin-top:-24px;}
.pagingList div.imgBtn a{ margin-left:5px;}
.pagingList a:hover { text-decoration:none; color:#f97b0b; }
.pagingList span.first { margin-right:-5px; }
.pagingList span.prev { margin-right:6px; }
.pagingList span.next { margin-left:6px; }
.pagingList span.last { margin-left:-5px; }
.pagingList span.first,
.pagingList span.prev,
.pagingList span.next,
.pagingList span.last { display:inline-block; width:18px; height:17px; line-height:17px; vertical-align:middle;}
.pagingList span a img { width:18px; height:17px; line-height:11px; vertical-align:middle;}
.pagingList strong { padding:4px; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#f97b0b; font-family:Tahoma;  height:17px; line-height:17px; vertical-align:middle;}
.pagingList i { font-weight:bold; height:17px; line-height:17px; vertical-align:middle;}

.pagingList.vari0 { margin-top:9px;}
.pagingList.vari0 .btn{ text-align:left; margin-left:3px;}
.pagingList.vari0 span.prev{ margin-right:5px; }
.pagingList.vari0 span.next{ margin-left:0; }
.pagingList.vari0 strong{ padding:4px; letter-spacing:-1px; font-size:11px; font-weight:bold; color:#f97b0b; font-family:Tahoma;}
.pagingList.vari0 div.txt{ margin-top:-14px;}


/*table type A*/
.tableTpA { width:100%; line-height:18px; text-align:center; border-top:1px solid #c3c1c1;}
.tableTpA thead th,.tableTpA thead td,.tableTpA tbody th {  padding:11px 0 10px; background-color:#f4f4f4; border-left:1px solid #e4e3e2; text-align:center; font:bold 12px/18px dotum; color:#454545;}
.tableTpA thead th,.tableTpA thead td { border-bottom:1px solid #c8c6c6; }
.tableTpA tbody th { background-color:#f9f9f9; color:#777; border-bottom:1px solid #e4e3e2;}
.tableTpA tbody td { color:#777; font:12px dotum;  border-left:1px solid #e4e3e2; border-bottom:1px solid #e4e3e2; padding:10px 0;}
.tableTpA .textaL { text-align:left; }
.tableTpA td.textaL { padding-left:14px; }
.tableTpA th.none ,.tableTpA td.none { border-left:none;}
.tableTpA .pointTp1 { margin:0 auto;}
.tableTpA.vari0 { border-top:none;}
.tableTpA.vari1 { border-top:none; border-bottom:1px solid #e4e3e2; }
.tableTpA.vari1 tbody th, .tableTpA.vari1 tbody td { border-bottom:none; border-top:1px solid #c3c1c1;}
.tableTpA.vari1 tbody td { border-bottom:none; height:45px; line-height:19px;}
.tableTpA.vari2 tbody th,.tableTpA.vari2 tbody td { border-left:none; line-height:18px}

/*pja add:0905*/
.tableTpB { width:100%; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7;margin-top:20px;}
.tableTpB thead th { font-size:12px; color:#454545; background:#f9f9f9; border-bottom:1px solid #d7d7d7;  text-align:center; font-weight:normal;}
.tableTpB thead th,
.tableTpB tbody td { height:40px; text-align:center; }
.tableTpB tbody td { border-top:1px solid #e4e4e4; color:#777;}
.tableTpB .detail{text-align:left;}

/* board list type A */
.boardListTpA { width:100%; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7;}
.boardListTpA thead th { font-size:12px; color:#454545; background:#f9f9f9; border-bottom:1px solid #d7d7d7;  text-align:center; }
.boardListTpA thead th,
.boardListTpA tbody td { height:40px; text-align:center; }
.boardListTpA tbody td { border-top:1px solid #e4e4e4; color:#777;}
.boardListTpA td a { color:#777; }
.boardListTpA td img.new { margin-left:7px; vertical-align:middle;}
.boardListTpA td.subject, .boardListTpA td.address, .boardListTpA td.pdtName, .boardListTpA td.pdtError { padding-left:18px; text-align:left;}
.boardListTpA tr.notice td.subject { font-weight:bold;}
.boardListTpA td .cate { font-size:11px; margin-right:14px;}
.boardListTpA td.date, .boardListTpA td.num, .boardListTpA td.click { font:11px verdana;}
.boardListTpA td.btn img{ vertical-align:middle;}
.boardListTpA tr:hover a { color:#f68b1f; text-decoration:none;}
.boardListTpA tr:hover td { background-color:#f7f7f7; cursor:pointer;}
.boardListTpA tr:hover td.date, .boardListTpA tr:hover td.num, .boardListTpA tr:hover td.click, .boardListTpA tr:hover td.cate, .boardListTpA tr:hover td.name { color:#333;}
.boardListTpA tr.none th,
.boardListTpA tr.none td { border-top:0; padding-top:0; font-weight:bold;}
.boardListTpA td.noSearch { height:200px; }

.boardListTpA.vari0 tr:hover a { color:#777; text-decoration:none;}
.boardListTpA.vari0 tr:hover td { background-color:#fff; cursor:default;}
.boardListTpA.vari0 tr:hover td.date, .boardListTpA tr:hover td.num, .boardListTpA tr:hover td.click, .boardListTpA tr:hover td .cate { color:#777;}

/* board list type B */
.boardListTpB { width:100%; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7;}
.boardListTpB tbody td { border-top:1px solid #e4e4e4; color:#777; text-align:left; vertical-align:top; padding-top:30px; cursor:pointer;}
.boardListTpB tbody td.img { padding:20px 0 20px 30px;}
.boardListTpB tbody td h4 a{ font-weight:bold; color:#454545; text-decoration:none; }
.boardListTpB tbody td p { margin-top:5px; color:#777;}
.boardListTpB tbody td .date { font:11px verdana;}
.boardListTpB tbody td span { margin-top:24px;}
.boardListTpB tbody tr:first-child td { border-top:none;}
.boardListTpB tbody tr:hover a{ color:#f97b0b;}
.boardListTpB tbody tr:hover p { color:#333333;}

/* board view type A */
.boardViewTpA { width:100%; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7;}
.boardViewTpA thead th { font-size:12px; color:#454545; background:#f9f9f9; border-bottom:1px solid #d7d7d7;  text-align:center; }
.boardViewTpA thead th,
.boardViewTpA tbody td { height:40px; text-align:center; }
.boardViewTpA tbody td { border-top:1px solid #e4e4e4; color:#777;}
.boardViewTpA td a { color:#777; text-decoration:none; }
.boardViewTpA td a:hover { color:#f97b0b;}
.boardViewTpA td img.new { margin-left:7px; vertical-align:middle;}
.boardViewTpA td.subject { padding-left:18px; text-align:left;}
.boardViewTpA div.subject { float:left; padding-left:18px; text-align:left;}
.boardViewTpA td .cate {font-size:11px; margin-right:17px;}
.boardViewTpA td.date, .boardViewTpA td.num, .boardViewTpA td.click { font:11px verdana; letter-spacing:-0.5px;}
.boardViewTpA .prev, .boardViewTpA .next { color:#454545; float:left; text-align:left; margin-left:20px;}
.boardViewTpA td .board_contents {  padding:30px 20px; text-align:left; line-height:1.6; width:920px; overflow:hidden;}
.boardViewTpA td .board_contents .file { float:right; margin-left:30px;}
.boardViewTpA td .board_contents .file a { display:block; height:16px; padding-left:21px; background:url(../images/common/ico_file.gif) no-repeat; font-size:11px; white-space:nowrap; text-align:right; text-decoration:underline;}

/* board view type B */

/* board write type A*/
.boardWriteTpA { width:100%; line-height:18px; text-align:left;  border-top:1px solid #c3c1c1;}
.boardWriteTpA tbody th { background-color:#f9f9f9; color:#454545; border-bottom:1px solid #e4e3e2; font:bold 12px dotum;}
.boardWriteTpA tbody td { color:#777; font:12px verdana; border-bottom:1px solid #e4e3e2; vertical-align:top;}
.boardWriteTpA tbody th ,.boardWriteTpA tbody td{ padding:13px 0 13px 20px;}
.boardWriteTpA tbody td img, .boardWriteTpA tbody td fieldset { float:left;}
.boardWriteTpA tbody tr.phone .inputText,
.boardWriteTpA tbody tr.telephone .inputText,
.boardWriteTpA tbody tr.email .inputText,
.boardWriteTpA tbody tr.address .inputText,
.boardWriteTpA tbody tr.address .inputText01,

.boardWriteTpA tbody tr.address .btn,
.boardWriteTpA tbody tr.installDate .inputText,
.boardWriteTpA tbody tr.openDate .inputText,
.boardWriteTpA tbody tr.userName .inputText,
.boardWriteTpA tbody tr.userId .inputText,
.boardWriteTpA tbody tr.userPw .inputText,
.boardWriteTpA tbody tr.userPw .inputText01,

.boardWriteTpA tbody tr.userPwre .inputText,
.boardWriteTpA tbody tr.homepage .inputText,
.boardWriteTpA tbody tr.pdtNum a,
.boardWriteTpA tbody tr.fax .inputText,
.boardWriteTpA tbody tr.pdtNum .inputText,
.boardWriteTpA tbody tr.pdtNum .btn,
.boardWriteTpA tbody tr.visitDateCalendar .inputText{ float:left;}
.boardWriteTpA tbody tr.phone .inputText,
.boardWriteTpA tbody tr.telephone .inputText,
.boardWriteTpA tbody tr.address .postcode .inputText,
.boardWriteTpA tbody tr.fax .inputText { width:68px;}
.boardWriteTpA tbody tr.email .inputText { width:113px;}
.boardWriteTpA tbody tr.address .addr .inputText,
.boardWriteTpA tbody tr.homepage .inputText {width:350px;}
.boardWriteTpA tbody tr.subject .inputText, .boardWriteTpA tbody tr.pdtNum .inputText {width:592px;}
.boardWriteTpA tbody tr.file .inputText {width:440px;}
.boardWriteTpA tbody tr.indent .inputText {width:298px;}
.boardWriteTpA tbody tr.openDate .inputText,
.boardWriteTpA tbody tr.installDate .inputText,
.boardWriteTpA tbody tr.userName .inputText,
.boardWriteTpA tbody tr.userId .inputText,
.boardWriteTpA tbody tr.userPw .inputText,
.boardWriteTpA tbody tr.userPwre .inputText {width:158px; }
.boardWriteTpA tbody tr.address .addr { margin-top:8px;}
.boardWriteTpA tbody tr.address .postcode .btn,
.boardWriteTpA tbody tr.address .addr .addr2,
.boardWriteTpA tbody tr.email .designedSelect,
.boardWriteTpA tbody tr.file .btn,
.boardWriteTpA tbody tr.openDate .btn,
.boardWriteTpA tbody tr.installDate .btn,
.boardWriteTpA tbody tr.visitDateCalendar .btn,
.boardWriteTpA tbody tr.cost .btn,
.boardWriteTpA tbody tr.pdtNum .btn { margin-left:5px;}
.boardWriteTpA tbody tr.pdtNum { vertical-align:top;}
.boardWriteTpA tbody tr.pdtNum p { margin-top:15px; font:11px dotum; color:#777;}
.boardWriteTpA tbody tr.pdtNum li { float:left; margin:10px 5px 0 0;}
.boardWriteTpA tbody tr.pdtNum li img { border:1px solid #dadada;}
.boardWriteTpA tbody tr.phone .designedSelect, .boardWriteTpA tbody tr.pdtSelect .designedSelect{ z-index:1001;}
.boardWriteTpA tbody tr.telephone .designedSelect{ z-index:1000;}
.boardWriteTpA .designedSelect, .boardWriteTpA .designedSelect p a { height:21px;}
.boardWriteTpA .designedSelect p a span.text { line-height:21px;}
.boardWriteTpA tbody tr.txt textarea { width:700px; height:238px;}
.boardWriteTpA tbody tr.recommendTxt textarea { width:700px; height:146px;}
.boardWriteTpA tbody tr.address,.boardWriteTpA tbody tr.txt { vertical-align:top;}
.boardWriteTpA .designedSelect p a span.bg { background:url("../images/js/ico_select_closed3.png") no-repeat center center;}
.boardWriteTpA .designedSelect p.open a span.bg { background-image:url("../images/js/ico_select_open3.png");}
.boardWriteTpA fieldset legend { display:none;}
.boardWriteTpA tr.file td p a { display:block; height:16px; padding-left:21px; background:url(../images/common/ico_file.gif) no-repeat; font-size:11px; white-space:nowrap; text-align:left; text-decoration:underline;}
.qnaView .boardWriteTpA tr.file td p a { height:12px; padding-left:15px; background:url(../images/common/ico_file2.gif) no-repeat; text-decoration:underline; line-height:12px;}
.boardWriteTpA sup.require{ display:inline-block; width:7px; height:11px; background:url(../images/common/bul_require.gif) 2px 0 no-repeat;}
.boardWriteTpA tbody tr.recommend { vertical-align:top; }
.boardWriteTpA tbody tr.recommend li { float:left; margin-right:10px;}
.boardWriteTpA tbody tr.recommend li .pointTp1 { margin-left:21px;}
.boardWriteTpA tbody tr.visitEngineer { vertical-align:top;}
.boardWriteTpA tbody tr.sms ul li, .boardWriteTpA tbody tr.mailing ul li { float:left; margin-right:15px;}
.boardWriteTpA tbody tr.mailing { vertical-align:top;}
.boardWriteTpA tbody tr.mailing .txt { margin-top:10px;}
.boardWriteTpA tbody tr.mailing .txt li { float:left; width:100%; padding-left:7px; padding-top:5px; background:url(../images/common/bul_list.gif) 0 60% no-repeat; font:11px dotum; color:#a1a1a1;}
.boardWriteTpA tbody tr.interestPdt { vertical-align:top;}
.boardWriteTpA tbody tr.interestPdt dl { float:left; margin-right:60px;}
.boardWriteTpA tbody tr.interestPdt dt { font:bold 12px dotum; color:#454545;}
.boardWriteTpA tbody tr.interestPdt dd { margin-top:10px; line-height:22px;}
.boardWriteTpA tbody tr.siteVisit li { float:left; margin-right:15px; }
.boardWriteTpA tbody tr td .stxt { float:left; font:11px dotum; color:#a1a1a1; margin-top:7px; margin-left:10px;}
.boardWriteTpA tbody tr td .error1 { float:left; font:bold 11px dotum; color:#888; margin-top:7px; margin-left:10px;}
.boardWriteTpA tbody tr td .error1 strong { color:#f97b0b; font-weight:bold;}
.boardWriteTpA tbody tr td .error2 { float:left; font:bold 11px dotum; color:#f97b0b; margin-top:7px; margin-left:10px;}
.boardWriteTpA tbody tr td .error3 { float:left; font:bold 11px dotum; color:#454545; margin-top:7px; margin-left:10px;}

.boardWriteTpB { width:100%; line-height:18px; text-align:left;  border-top:1px solid #50b5c7;}
.boardWriteTpB tbody th, .boardWriteTpB tbody td { border-bottom:1px solid #50b5c7; }
.boardWriteTpB tbody th { padding:13px 0 13px 20px;}
.boardWriteTpB tbody td { padding:40px 20px;}
.boardWriteTpB th.date { background-color:#f9f9f9; border-right:1px solid #50b5c7; font-size:11px; color:#888; white-space:nowrap; padding-right:20px;}
.boardWriteTpB th.state { background-color:#50b5c7; font-weight:bold; color:#fff;}
.boardWriteTpB th.subject { background-color:#f9f9f9; color:#454545;}

.boardWriteTpC { width:100%; line-height:18px; text-align:left;  border-top:1px solid #928e89;}
.boardWriteTpC tbody th, .boardWriteTpC tbody td { border-bottom:1px solid #928e89; }
.boardWriteTpC tbody th { padding:13px 0 13px 20px;}
.boardWriteTpC tbody td { padding:40px 20px;}
.boardWriteTpC th.date { background-color:#f9f9f9; border-right:1px solid #928e89; font-size:11px; color:#888; white-space:nowrap; padding-right:20px;}
.boardWriteTpC th.state { background-color:#928e89; font-weight:bold; color:#fff;}
.boardWriteTpC th.subject { background-color:#f9f9f9; color:#454545; border-right:1px solid #928e89;}

/* common : board - write */
.tbDesignWrite .width { width:189px;}
.tbDesignWrite { width:100%; border-top:1px solid #aaa;; border-bottom:1px solid #c4c4c4; }
.tbDesignWrite th { padding:13px 0 13px 20px; background:#f9f9f9; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; font-weight:bold; color:#454545; vertical-align:top;}
.tbDesignWrite td { padding:13px 0 13px 20px; text-align:left; background:#fff; border-top:1px solid #e4e4e4; color:#777;}
.tbDesignWrite th.first,.tbDesignWrite td.first { border-top:none;}
.tbDesignWrite span.max { margin:0 0 0 9px; font-size:11px; color:#b2b2b2; }
.tbDesignWrite .input_txt { height:20px; padding:0 0 0 8px; font:11px/21px Dotum; color:#777; background:#fff; border:1px solid #cdcdcd; }
.tbDesignWrite .input_textarea { padding:9px; font:11px/1.5 Dotum; border:1px solid #cdcdcd; background:#fff; color:#b2b2b2; overflow:auto; overflow-x:hidden;}

/* common : button area */
.buttonLR { position:relative; margin:20px 0 0 0; min-height:25px; _height:25px; text-align:right; }
.buttonLR img { vertical-align:top; padding:0 0 0 1px; }
.buttonLR .buttonL { position:absolute; left:0; bottom:0; }
.buttonLR .buttonL img { padding:0 1px 0 0; }
.buttonC { margin:20px 0 0 0; text-align:center; }
.buttonC img { vertical-align:top; margin:0 1px 0 0; }

.buttonArea { position:relative; padding:20px 0 0 0; text-align:right; min-height:22px; _height:22px; }
.buttonArea .btnL { position:absolute; left:0; top:15px; }
.pagingButtonArea { position:relative; .zoom:1; }
.pagingButtonArea .pgButton { position:absolute; right:0; top:0; _top:18px; *top:18px; }


/* default ui
.inputText { position:relative; margin:0; padding:0 3px; height:21px; border:1px solid #dadada; background-color:#fff; line-height:25px; }
.inputText:focus { outline:none;  }
.inputText.ieFocus { outline:none; }
.input_textarea { padding:9px; border:1px solid #dadada; background:#fff; color:#888; overflow:auto; overflow-x:hidden; scrollbar-highlight-color: #f8f8f8; scrollbar-shadow-color: #f8f8f8; scrollbar-arrow-color: #aaa; scrollbar-face-color: #f8f8f8; scrollbar-3dlight-color: #e4e4e4; scrollbar-darkshadow-color: #e4e4e4; scrollbar-track-color: #e4e4e4; } */

/* default ui */
.inputText { position:relative; margin:0; padding:0 3px; height:21px; border:1px solid #dadada; background-color:#fff; line-height:25px; }
.inputText01 { position:relative; margin:0; padding:0 3px; height:21px; border:1px solid #dadada; background-color:#fff; line-height:25px; }
.inputText:focus { outline:none;  }
.inputText.ieFocus { outline:none; }
.input_textarea { padding:9px; border:1px solid #dadada; background:#fff; color:#888; overflow:auto; overflow-x:hidden; scrollbar-highlight-color: #f8f8f8; scrollbar-shadow-color: #f8f8f8; scrollbar-arrow-color: #aaa; scrollbar-face-color: #f8f8f8; scrollbar-3dlight-color: #e4e4e4; scrollbar-darkshadow-color: #e4e4e4; scrollbar-track-color: #e4e4e4; }


/* tabMenuTypeA : product filter */
.tabTpA { overflow:hidden; }
.tabTpA li { float:left;}
.tabTpA li a { display:block; background:url(../images/product/tab_pdtFilter.png) no-repeat; height:34px; text-indent:-99999px;}
.tabTpA li.tab1 a { width:81px; background-position:0 0;}
.tabTpA li.tab1.on a { background-position:0 -34px;}
.tabTpA li.tab2 a { width:79px; background-position:-82px 0;}
.tabTpA li.tab2.on a { background-position:-82px -34px;}

/* tabMenuTypeB : product Dtail pages */
.tabTpB { overflow:hidden; width:960px; background:url(../images/product/tab_pdtDtail.png) 0 -114px no-repeat;}
.tabTpB li { float:left;}
.tabTpB li a { display:block; background:url(../images/product/tab_pdtDtail.png) no-repeat; width:240px; height:57px; cursor:pointer; z-index:1;}
.tabTpB li.on a{ z-index:10;}
.tabTpB li.tab1 a{ background-position:0 0;}
.tabTpB li.tab1.on a{ background-position:0 -57px;}
.tabTpB li.tab2 a{ background-position:-240px 0;}
.tabTpB li.tab2.on a{ background-position:-240px -57px;}
.tabTpB li.tab3 a{ background-position:-480px 0;}
.tabTpB li.tab3.on a{ background-position:-480px -57px;}
.tabTpB li.tab4 a{ background-position:-720px 0;}
.tabTpB li.tab4.on a{ background-position:-720px -57px;}
.tabTpB li.tab5 a{ background-position:-959px 0;}
.tabTpB li.tab5.on a{ background-position:-959px -57px;}
.tabTpB .txt { position:relative;}
.tabTpB .txt strong { color:#797979; font:bold 12px dotum; text-decoration:underline; position:absolute; top:22px; left:139px;}
.tabTpB .txt.on strong{ left:142px; color:#dcf0f4; top:19px;}
.tabTpB li a {  text-indent:-99999px;}

/* tabMenuTypeC : customer faq */
.tabTpC { overflow:hidden; width:960px; height:37px; border-bottom:2px solid #f97b0b;}
.tabTpC li { float:left;}
.tabTpC li a{ display:block; height:37px; margin-right:2px; background:url(../images/customer/tab_faq.gif) no-repeat; cursor:pointer; text-indent:-99999px;}
.tabTpC li.tab1 a { width:63px; background-position:0 0;}
.tabTpC li.tab1.on a { background-position:0 -37px;}
.tabTpC li.tab2 a { width:118px; background-position:-65px 0;}
.tabTpC li.tab2.on a{  background-position:-65px -37px;}
.tabTpC li.tab3 a { width:90px; background-position:-185px 0;}
.tabTpC li.tab3.on a {  background-position:-185px -37px;}
.tabTpC li.tab4 a { width:89px; background-position:-277px 0;}
.tabTpC li.tab4.on a {  background-position:-277px -37px;}
.tabTpC li.tab5 a { width:101px; background-position:-368px 0;}
.tabTpC li.tab5.on a { background-position:-368px -37px;}
.tabTpC li.tab6 a { width:115px; background-position:-471px 0;}
.tabTpC li.tab6.on a { background-position:-471px -37px;}

/* tabMenuTypeD_vari0 : customer as */
.tabTpC.vari0 li a{}

/* tabMenuTypeD : pr notice */
.tabTpD { overflow:hidden; width:960px; height:37px; border-bottom:2px solid #f97b0b;}
.tabTpD li { float:left;}
.tabTpD li a { display:block; margin-right:2px; background:url(../images/pr/tab_pr.gif) no-repeat; width:87px; height:37px; cursor:pointer; text-indent:-99999px;}
.tabTpD li.tab1 a { background-position:0 0;}
.tabTpD li.tab1.on a { background-position:0 -37px;}
.tabTpD li.tab2 a { background-position:-89px 0;}
.tabTpD li.tab2.on a { background-position:-89px -37px;}
.tabTpD li.tab3 a { background-position:-178px 0;}
.tabTpD li.tab3.on a { background-position:-178px -37px;}

/* tabMenuTypeD_vari0 : pr ad_tv, ad_radio, ad_print */
.tabTpD.vari0 li a { width:122px; height:37px;}
.tabTpD.vari0 li.tab1 a { background-position:0 -100px;}
.tabTpD.vari0 li.tab1.on a { background-position:0 -137px;}
.tabTpD.vari0 li.tab2 a { background-position:-124px -100px;}
.tabTpD.vari0 li.tab2.on a { background-position:-124px -137px;}
.tabTpD.vari0 li.tab3 a { background-position:-248px -100px;}
.tabTpD.vari0 li.tab3.on a { background-position:-248px -137px;}

/* tabMenuTypeD_vari1 : pr pr_brochure, pr_movie */
.tabTpD.vari1 li a { width:140px; height:37px;}
.tabTpD.vari1 li.tab1 a { background-position:0 -200px;}
.tabTpD.vari1 li.tab1.on a { background-position:0 -237px;}
.tabTpD.vari1 li.tab2 a { background-position:-142px -200px;}
.tabTpD.vari1 li.tab2.on a { background-position:-142px -237px;}

/* tabMenuTypeD_vari2 : about news _pja 0905*/
.tabTpD.vari2 li a { width:142px; height:37px;background:url("../images/about/tab_news.gif") no-repeat;}
.tabTpD.vari2 li.tab1 a { background-position:0 0px;}
.tabTpD.vari2 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari2 li.tab2 a { background-position:-144px 0px;}
.tabTpD.vari2 li.tab2.on a { background-position:-144px -37px;}
.tabTpD.vari2 li.tab3 a { background-position:-288px 0px;}
.tabTpD.vari2 li.tab3.on a { background-position:-288px -37px;}


/* tabMenuTypeD_vari3 : about active, price _pja 0905*/
.tabTpD.vari3 li a { width:111px; height:37px; background:url("../images/about/tab_active.gif") no-repeat;}
.tabTpD.vari3 li.tab1 a { background-position:0 0px;}
.tabTpD.vari3 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari3 li.tab2 a { background-position:-113px 0px;}
.tabTpD.vari3 li.tab2.on a { background-position:-113px -37px;}
.tabTpD.vari3 li.tab3 a { background-position:-226px 0px;}
.tabTpD.vari3 li.tab3.on a { background-position:-226px -37px;}


/* tabMenuTypeD_vari4 : about finance _pja 0906*/
.tabTpD.vari4 li a { width:166px; height:37px; background:url("../images/about/tab_finance.gif") no-repeat;}
.tabTpD.vari4 li.tab1 a { background-position:0 0px;}
.tabTpD.vari4 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari4 li.tab2 a { background-position:-168px 0px;}
.tabTpD.vari4 li.tab2.on a { background-position:-168px -37px;}
.tabTpD.vari4 li.tab3 a { background-position:-336px 0px;}
.tabTpD.vari4 li.tab3.on a { background-position:-336px -37px;}


/* tabMenuTypeD_vari5 : mypage */
.tabTpD.vari5 li a { height:37px; background:url(../images/mypage/tab_mypage.gif) no-repeat;}
.tabTpD.vari5 li.tab1 a { width:116px;  background-position:0 0px;}
.tabTpD.vari5 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari5 li.tab2 a { width:119px; background-position:-118px 0px;}
.tabTpD.vari5 li.tab2.on a { background-position:-118px -37px;}
.tabTpD.vari5 li.tab3 a { width:119px; background-position:-239px 0px;}
.tabTpD.vari5 li.tab3.on a { background-position:-239px -37px;}
.tabTpD.vari5 li.tab4 a { width:115px; background-position:-360px 0px;}
.tabTpD.vari5 li.tab4.on a { background-position:-360px -37px;}
.tabTpD.vari5 li.tab5 a { width:88px; background-position:-477px 0px;}
.tabTpD.vari5 li.tab5.on a { background-position:-477px -37px;}

/* tabMenuTypeD_vari6 : about price _pja 0906*/
.tabTpD.vari6 li a{ width:111px; height:37px; background:url("../images/about/tab_price.gif") no-repeat;}
.tabTpD.vari6 li.tab1 a { background-position:0 0px;}
.tabTpD.vari6 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari6 li.tab2 a { background-position:-113px 0px;}
.tabTpD.vari6 li.tab2.on a { background-position:-113px -37px;}
.tabTpD.vari6 li.tab3 a { background-position:-226px 0px;}
.tabTpD.vari6 li.tab3.on a { background-position:-226px -37px;}

/* tabMenuTypeD_vari7 : footer shinmungo _pja 0906*/
.tabTpD.vari7 li a { width:166px; height:37px; background:url("../images/footer/tab_shinmungo.gif") no-repeat;}
.tabTpD.vari7 li.tab1 a { background-position:0 0px;}
.tabTpD.vari7 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari7 li.tab2 a { background-position:-168px 0px;}
.tabTpD.vari7 li.tab2.on a { background-position:-168px -37px;}
.tabTpD.vari7 li.tab3 a { background-position:-336px 0px;}
.tabTpD.vari7 li.tab3.on a { background-position:-336px -37px;}

/* tabMenuTypeD_vari8 : customer service_aspolicy _pja 0921*/
.tabTpD.vari8 li a { width:153px; height:37px; background:url("../images/customer/tab_as.gif") no-repeat;}
.tabTpD.vari8 li.tab1 a { background-position:0 0px;}
.tabTpD.vari8 li.tab1.on a { background-position:0 -37px;}
.tabTpD.vari8 li.tab2 a { background-position:-155px 0px;}
.tabTpD.vari8 li.tab2.on a { background-position:-155px -37px;}
.tabTpD.vari8 li.tab3 a { background-position:-310px 0px;}/* pja add 1012 */
.tabTpD.vari8 li.tab3.on a { background-position:-310px -37px;}/* pja add 1012 */

/* tabMenuTypeD_vari8 : pr skill _pja 0921*/
.tabTpD.vari9 li a{background:url("../images/pr/tab_skill.gif") no-repeat;}
.tabTpD.vari9 li a{ width:143px; height:37px;}
.tabTpD.vari9 li.tab1 a{ background-position:0 0px;}
.tabTpD.vari9 li.tab1.on a{ background-position:0 -37px;}
.tabTpD.vari9 li.tab2 a{ background-position:-145px 0px;}
.tabTpD.vari9 li.tab2.on a{ background-position:-145px -37px;}

/* tabMenuTypeE : about history _pja 0911*/
.tabTpE { position:relative; height:328px;}
.tabTpE li a{ position:absolute; left:0; background:url(../images/about/tab_history.png) no-repeat;}
.tabTpE li.tab1 a{ top:0; background-position:0 0;}
.tabTpE li.tab2 a{ top:54px; background-position:0 -54px;}
.tabTpE li.tab3 a{ top:108px; background-position:0 -108px;}
.tabTpE li.tab4 a{ top:162px; background-position:0 -162px;}
.tabTpE li.tab5 a{ top:216px; background-position:0 -216px;}
.tabTpE li.tab6 a{ top:270px; background-position:0 -270px;}
.tabTpE li.on a{ z-index:10;}
.tabTpE li.tab1.on a{ background-position:-120px -0;}
.tabTpE li.tab2.on a{ background-position:-120px -54px;}
.tabTpE li.tab3.on a{ background-position:-120px -108px;}
.tabTpE li.tab4.on a{ background-position:-120px -162px;}
.tabTpE li.tab5.on a{ background-position:-120px -216px;}
.tabTpE li.tab6.on a{ background-position:-120px -270px;}
.tabTpE li a { width:120px; height:54px; display:block; text-indent:-99999px;}
.tabTpE li.tab6 a { height:58px;}
.tabTpE li.on a { height:58px;}

/*pja add(prize):0919*/
.tabTpE.vari0 { position:relative; height:386px;}
.tabTpE.vari0  li a{ position:absolute; left:0; background:url(../images/pr/tab_history.png) no-repeat;}
.tabTpE.vari0  li.tab1 a{ top:0; background-position:0 0;}
.tabTpE.vari0  li.tab2 a{ top:54px; background-position:0 -54px;}
.tabTpE.vari0  li.tab3 a{ top:108px; background-position:0 -108px;}
.tabTpE.vari0  li.tab4 a{ top:162px; background-position:0 -162px;}
.tabTpE.vari0  li.tab5 a{ top:216px; background-position:0 -216px;}
.tabTpE.vari0  li.tab6 a{ top:270px; background-position:0 -270px;}
.tabTpE.vari0  li.tab7 a{ top:324px; background-position:0 -324px;}
.tabTpE.vari0  li.on a{ z-index:10;}
.tabTpE.vari0  li.tab1.on a{ background-position:-120px -0;}
.tabTpE.vari0  li.tab2.on a{ background-position:-120px -54px;}
.tabTpE.vari0  li.tab3.on a{ background-position:-120px -108px;}
.tabTpE.vari0  li.tab4.on a{ background-position:-120px -162px;}
.tabTpE.vari0  li.tab5.on a{ background-position:-120px -216px;}
.tabTpE.vari0  li.tab6.on a{ background-position:-120px -270px;}
.tabTpE.vari0  li.tab7.on a{ background-position:-120px -324px;}
.tabTpE.vari0  li a { width:120px; height:54px; display:block; text-indent:-99999px;}
.tabTpE.vari0  li.tab7 a { height:58px;}
.tabTpE.vari0  li.on a { height:58px;}

/* tabMenuTypeF : pr_notice */
.tabTpF { overflow:hidden; width:960px; height:37px; border-bottom:2px solid #50b5c7;}
.tabTpF li { float:left;}
.tabTpF li a { display:block; margin-right:2px; background:url(../images/product/tab_indoor.gif) no-repeat; width:146px; height:37px; cursor:pointer; text-indent:-99999px;}
.tabTpF li.tab1 a { background-position:0 0;}
.tabTpF li.tab1.on a { background-position:0 -37px;}
.tabTpF li.tab2 a { background-position:-148px 0;}
.tabTpF li.tab2.on a { background-position:-148px -37px;}
.tabTpF li.tab3 a { background-position:-296px 0;}
.tabTpF li.tab3.on a { background-position:-296px -37px;}

/* tabMenuTypeG : product reviewSns */
.tabTpG { overflow:hidden; width:92px; height:41px;}
.tabTpG li { float:left;}
.tabTpG li a { display:block; background:url(../images/product/tab_reviewSns.gif) no-repeat; width:41px; height:41px; cursor:pointer; text-indent:-99999px;}
.tabTpG li.tab1 a { margin-right:10px; background-position:0 0;}
.tabTpG li.tab1.on a { background-position:0 -41px;}
.tabTpG li.tab2 a { background-position:-41px 0;}
.tabTpG li.tab2.on a { background-position:-41px -41px;}

/* tabMenuTypeG_vari0 : utility navienSns */
.tabTpG.vari0 { overflow:hidden; width:457px; height:42px;}
.tabTpG.vari0 li { float:left;}
.tabTpG.vari0 li a { display:block; background:url(../images/utils/tab_navienSns.png) no-repeat; width:228px; height:42px; cursor:pointer; text-indent:-99999px;}
.tabTpG.vari0 li.tab1 a { margin-right:1px; background-position:0 0;}
.tabTpG.vari0 li.tab1.on a { background-position:0 -42px;}
.tabTpG.vari0 li.tab2 a { background-position:-229px 0;}
.tabTpG.vari0 li.tab2.on a { background-position:-229px -42px;}

/* tabMenuTypeH : utility unifiedSearch */
.tabTpH { width:958px; height:61px; border:1px solid #dfdfdf; background-color:#f9f9f9;}
.tabTpH ul { margin:25px 0 0 77px;}
.tabTpH li { float:left;}
.tabTpH li a { display:block; height:11px; text-align:center; border-right:1px solid #d2d2d2; color:#777;}
.tabTpH li a i { font:11px Verdana; color:#888;}
.tabTpH li.on a { font-weight:bold; color:#454545;}
.tabTpH li.on  a i { font-weight:bold; color:#454545;}
.tabTpH li.tab1 a { width:121px;}
.tabTpH li.tab2 a { width:121px;}
.tabTpH li.tab3 a { width:169px;}
.tabTpH li.tab4 a { width:137px;}
.tabTpH li.tab5 a { width:137px;}
.tabTpH li.tab6 a { width:137px; border-right:none;}

/* tabMenuTypeI : prIndex notice */
.tabTpI { width:185px; height:31px;}
.tabTpI li { float:left;}
.tabTpI li a { display:block; width:89px; height:21px; padding:6px 0 0 0; margin-bottom:5px; font:bold 14px dotum; color:#c1bdba; text-align:center; text-decoration:none;  background:url(../images/pr/bg_noticeTab.png) left top no-repeat;}
.tabTpI li.tab1 a { margin-right:4px;}
.tabTpI li.tab1.on a, .tabTpI li.tab2.on a { margin-bottom:0; padding-bottom:5px; color:#f97b0b;  background:url(../images/pr/bg_noticeTab.png) right top no-repeat; }

/*recommend*/
.recommend .bg { float:right; text-align:left; padding-right:6px;  margin-right:3px; height:23px; background:url(/images/main/bg_recommend.gif) 100% 0 no-repeat;}
.recommend .txt { padding:6px 0 0 23px; height:23px; background:url(/images/main/bg_recommend.gif) no-repeat; font:bold 11px dotum; color:#444; white-space:nowrap;}
.recommend strong { color:#37a3b6; font-weight:bold;}

/*userId*/
.userId { color:#37a3b6; font-size:11px; font-weight:bold; }

/* productSearch */
.pdtSearch { display:block; background-color:#a29f9b; width:900px; height:41px; padding:13px 0 0 60px;}
.pdtSearch legend,.pdtSearch label { display:none;}
.pdtSearch h3, .pdtSearch ul{ float:left;}
.pdtSearch h3 { margin-right:36px; padding:6px 6px 6px 0;}
.pdtSearch ul li { display:inline-block; float:left; margin-right:14px;}

/* login */
.loginContainer legend { display:none;}
.loginContainer .formBox { width:367px;}
.loginContainer .formBox .wrap { float:left;}
.loginContainer .formBox dt { float:left; width:70px; margin-top:6px; text-align:left;}
.loginContainer .formBox dd { float:left;}
.loginContainer .formBox dd .inputText { width:201px;}
.loginContainer .formBox dd .inputText01 { width:371px;}
.loginContainer .formBox .uPw,.loginContainer .formBox .uEmail { margin-top:5px;}
.loginContainer .formBox .userGroup { margin-left:70px;}
.loginContainer .formBox .userGroup li { float:left; margin:0 15px 15px 0;}
.loginContainer .inputText { height:25px;}
.loginContainer .inputText01 { height:25px;}

.loginContainer .idRemember { margin:5px 0 0 70px; font:11px dotum; color:#a1a1a1; letter-spacing:-0.5px;}
.loginBtn { float:right; margin-left:10px;}
.loginFooter { margin:15px 0 0 70px;}
.loginFooter li { float:left; display:inline; margin-right:5px; }
.loginFooter li a { display:block;}
.nonmeberFooter  { margin:21px 0 0 47px;}
.nonmeberFooter li { float:left; display:inline; margin-right:5px; }
.nonmeberFooter li a { display:block;}
.nonmember p { margin-top:35px;}


/*
 * Combo Box
 */

.hidden { display:none;}

/* select */
.designedSelect { display:inline-block; position:relative; height:25px; vertical-align:middle !important;}
*:first-child+html .designedSelect { z-index:999;}
.designedSelect p { z-index:1;}
.designedSelect p a { display:block; position:relative; height:25px; color:#777; border:1px solid #dadada; background-color:#fff; overflow:hidden; text-decoration:none; cursor:pointer;}
.designedSelect p a span.text { display:block; padding:0 0 0 10px; height:100%; line-height:25px; font-size:1em; font-weight:normal; text-align:left;}
.designedSelect p a span.bg { display:block; position:absolute; right:0; top:0; width:23px; height:100%; background:url("/images/js/ico_select_closed.png") no-repeat center center;}
.designedSelect p.open a span.bg { background-image:url("/images/js/ico_select_open.png");}
.fe_options { display:none; position:absolute !important; /*top:26px;*/ left:0; z-index:1000; border:1px solid #dadada; border-top:0 none;  background-color:#fff; overflow-x:hidden; overflow-y:auto;}
.fe_options.toTop { border-top:1px solid #dadada;}
.fe_options li a { display:block; height:27px; padding:0 0 0 10px; color:#9a9a9a; cursor:pointer; line-height:27px; text-align:left; font-size:11px;}
.fe_options li.nowSelected,
.fe_options li:hover { background-color:#f5f5f5;}
.fe_options li.nowSelected a,
.fe_options li:hover a { text-decoration:none; color:#f97b0b;}
.designedSelect.disabled { border:1px solid red;}
.ui-datepicker-title select{ visibility:visible;}

#familySiteLink { z-index:1000;}
#familySiteLink .designedSelect { height:21px;}
#familySiteLink .designedSelect p a { height:21px;}
#familySiteLink .designedSelect p a span.text { line-height:21px;}

/* radio */
.radioWrap { display:inline-block; position:relative; /* height:12px;*/}
.radioWrap input { position:absolute; left:-10000px; top:-10000px;}
.radioWrap .designedRadio { display:inline-block; position:absolute; top:2px; left:0; width:12px; height:12px; *height:14px; background:url("../images/js/radio_normal.png") no-repeat center center; vertical-align:middle; overflow:hidden;}
.radioWrap .designedRadio.checked { background-image:url("../images/js/radio_checked.png");}
.radioWrap .designedRadio.disabled { background-image:url("../images/js/radio_disabled.png");}
.radioWrap .designedRadio.disabled_checked { background-image:url("../images/js/radio_checked_disabled.png");}
.radioWrap i { display:inline-block; white-space:nowrap; cursor:pointer; margin-left:21px; line-height:16px;}

/* checkbox */
.checkboxWrap { display:inline-block; position:relative; /*height:16px;*/ margin:0 !important; vertical-align:middle;}
.checkboxWrap span { margin:0 !important; padding:0 !important;}
.checkboxWrap input { position:absolute; left:-10000px; top:-10000px;}
.checkboxWrap .designedCheckbox { display:inline-block; position:absolute; top:0; left:0; width:16px; height:16px; background:url("../images/js/checkbox_normal.png") no-repeat center top; vertical-align:middle;}
.checkboxWrap .designedCheckbox.checked { background-image:url("../images/js/checkbox_checked.png");}
.checkboxWrap .designedCheckbox.disabled { background-image:url("../images/js/checkbox_disabled.png");}
.checkboxWrap .designedCheckbox.disabled_checked { background-image:url("../images/js/checkbox_checked_disabled.png");}
.checkboxWrap i { display:inline-block; white-space:nowrap; cursor:pointer; margin-left:21px; margin-top:2px; line-height:16px;}

.iconView { position:relative;}
.tipTp1 .arrow { left:0; background-image:url("../images/js/arrow_tipTp1_js.png"); width:123px;}

/*
 * popup style
 */

.popupContainer {width:400px; background-color:#fff; z-index:9999;}
.popupContainer.vari0 {width:500px; background-color:#fff; z-index:9999;}
.popupBottom { position:relative; width:100%; height:32px; background-color:#a29f9b;}
.popupBottom .btn { position:absolute; top:12px; right:35px;}
.popupContainer .designedSelect p a span.text { line-height:21px;}
.popupContainer .designedSelect p a span.bg { display:block; position:absolute; right:0; top:0; width:23px; height:100%; background:url("../images/js/ico_select_closed3.png") no-repeat center center;}
.popupContainer .designedSelect p.open a span.bg { background-image:url("../images/js/ico_select_open3.png");}

.addressPopup { padding:10px 35px 45px;}
.addressPopup p { margin-top:12px; padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; line-height:18px; color:#777;  }
.addressPopup p span { font-size:11px; color:#888;}
.addressPopup .addressSearch { margin-top:15px;}
.addressPopup .addressSearch:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
.addressPopup .addressSearch .inputText, .addressPopup .addressSearch a { float:left;}
.addressPopup .inputText { width:255px;}
.addressPopup .addressSearch a {  display:block; margin-left:5px; }
.addressPopup .addressSearch .btn { margin-left:5px; }
.addressPopup .boxStyle { width:326px; height:123px; padding:5px 0; margin-top:8px; border:1px solid #dadada; overflow:auto; overflow-x:hidden;}
.addressPopup .boxStyle li.activator a,.addressPopup .boxStyle li a:hover { background-color:#dadada; color:#454545;}
.addressPopup .boxStyle li a { display:block; padding:5px 11px; line-height:16px; text-decoration:none;}

.visitEngineerPopup { padding:40px 35px 45px;}
.visitEngineerPopup .visitEngineerInfo { display:inline-block; *width:335px; height:100px; margin-top:12px; padding:14px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.visitEngineerPopup .visitEngineerInfo img { float:left; border:1px solid #dadada; }
.visitEngineerPopup .visitEngineerInfo .txt { float:left; margin:35px 0 0 20px;}
.visitEngineerPopup .visitEngineerInfo .txt li { padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; margin-bottom:6px;}
.visitEngineerPopup .visitEngineerInfo .txt strong { font-weight:bold; color:#454545;}

.visitEngineerSearch { padding:10px 30px }
.visitEngineerSearch .visitEngineerInfo { display:inline-block; width:420px; height:100px; margin-top:12px; padding:14px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada; float:left;}
.visitEngineerSearch .visitEngineerInfo img { float:left; border:1px solid #dadada; }
.visitEngineerSearch .visitEngineerInfo .txt { float:left; margin:35px 0 0 20px;}
.visitEngineerSearch .visitEngineerInfo .txt li { padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; margin-bottom:6px;}
.visitEngineerSearch .visitEngineerInfo .txt strong { font-weight:bold; color:#454545;}



.asRegisterNonPopup { padding:40px 35px 45px;}
.asRegisterNonPopup .loginContainer { margin-top:16px; border-top:1px solid #e4e4e4; padding-top:40px;}
.asRegisterNonPopup .loginContainer legend { display:none;}
.asRegisterNonPopup .loginContainer .formBox .wrap { float:left;}
.asRegisterNonPopup .loginContainer .formBox dt { float:left; width:56px; margin-top:6px; text-align:left;}
.asRegisterNonPopup .loginContainer .formBox dd { float:left;}
.asRegisterNonPopup .loginContainer .formBox dd .inputText { width:177px;}
.asRegisterNonPopup .loginContainer .formBox .uPw { margin-top:5px;}
.asRegisterNonPopup .loginContainer .inputText { height:25px;}
.asRegisterNonPopup .btn { float:left; margin-left:10px;}

.qnaViewNonPopup { padding:40px 35px 45px;}
.qnaViewNonPopup p.txt { margin-top:12px; padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; line-height:18px; color:#777; }
.qnaViewNonPopup p.txt2 { margin-top:12px; font-size:11px; line-height:18px; color:#888; }
.qnaViewNonPopup .formBox { margin-top:20px; padding:14px 15px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#f9f9f9;}
.qnaViewNonPopup .formBox legend { display:none;}
.qnaViewNonPopup .formBox dt { float:left; width:77px; margin-top:6px; text-align:left; font-weight:bold; color:#454545;}
.qnaViewNonPopup .formBox dd { float:left;}
.qnaViewNonPopup .formBox .uName dd .inputText { width:113px;}
.qnaViewNonPopup .formBox .uPhone dd .inputText { width:47px;}
.qnaViewNonPopup .formBox .uPhone,.qnaViewNonPopup .formBox .uPw { margin-top:5px;}
.qnaViewNonPopup .formBox img { float:left;}
.qnaViewNonPopup .inputText, .qnaViewNonPopup fieldset { float:left;}
.qnaViewNonPopup .inputText,.qnaViewNonPopup .designedSelect p a{ height:21px;}
.qnaViewNonPopup .pwSearch { margin-top:20px; border-top:1px dotted #d4d4d4;}
.qnaViewNonPopup .pwSearch .buttonC { margin-top:10px;}

.mapModifyPopup { padding:40px 35px 45px;}
.mapModifyPopup p.txt { margin-top:12px; padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; line-height:18px; color:#777; }
.mapModifyPopup .mapResult { margin-top:20px; padding:30px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#f9f9f9; text-align:center;}
.mapModifyPopup .mapResult p { color:#454545;}
.mapModifyPopup .mapResult .result { font-weight:bold;}
.mapModifyPopup .mapModify { margin-top:20px; padding:15px 0 15px 3px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.mapModifyPopup .mapModify legend { display:none;}
.mapModifyPopup .mapModify dt { float:left; width:55px; margin-top:6px; text-align:left; font-weight:bold; color:#454545;}
.mapModifyPopup .mapModify dd { float:left;}
.mapModifyPopup .mapModify fieldset { float:left; margin-left:5px;}
.mapModifyPopup .mapModify .designedSelect p a { height:21px;}

.mbVisitEngineerPopup { padding:40px 35px 45px;}
.mbVisitEngineerPopup .visitEngineerInfo { position:relative; display:inline-block; width:410px; height:100px; margin-top:12px; padding:14px 10px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.mbVisitEngineerPopup .visitEngineerInfo .engineerPhoto img { float:left; border:1px solid #dadada; }
.mbVisitEngineerPopup .visitEngineerInfo .txt { float:left; margin:35px 0 0 20px; width:220px; line-height:16px;}
.mbVisitEngineerPopup .visitEngineerInfo .txt li { padding-left:7px; background:url(../images/common/bul_list.gif) 0 6px no-repeat; margin-bottom:6px;}
.mbVisitEngineerPopup .visitEngineerInfo .txt strong { font-weight:bold; color:#454545;}
.mbVisitEngineerPopup .visitEngineerInfo .btn { position:absolute; top:38px; right:8px;}
.mbVisitEngineerPopup  p.txt { margin-top:12px; padding-left:7px; background:url(../images/common/bul_list.gif) 0 7px no-repeat; font-size:11px; line-height:18px; color:#a1a1a1; }
.mbVisitEngineerPopup .mbAsInfo { margin-top:25px;}
.mbVisitEngineerPopup .mbAsInfo .tableTpA { margin-top:15px;}
.mbVisitEngineerPopup .mbAsInfo .tableTpA tbody th, .mbVisitEngineerPopup .mbAsInfo .tableTpA tbody td { text-align:left; vertical-align:top; padding-left:20px;}
.mbVisitEngineerPopup .mbAsInfo .tableTpA tbody th { color:#454545;}

/* main popup */
.kdPopup {}
.kdPopup img { border:0; padding:0; margin:0;}
.kdPopup .kdPopupCon { overflow:hidden; text-align:center; }
.kdPopup .kdPopupBottom { position:absolute; left:0; bottom:0; width:100%; height:30px; background-color:#736d67;}
.kdPopup .kdPopupBottom .popCheck { position:absolute; top:7px; right:180px; width:16px; height:16px;}
.kdPopup .kdPopupBottom a{ position:absolute; bottom:7px; right:60px; font:12px dotum; color:#fff; text-decoration:none;}
.kdPopup .kdPopupBottom .closebtn a{ position:absolute; bottom:7px; right:15px; font:12px dotum; color:#fff; text-decoration:none;}

/* rightTopGo */
#rightTopGo { position:fixed; top:785px; left:50%; z-index:999; margin-left:483px;}


/* research */
.research { margin-top:50px;}
.research h3 {}
.research .txt { margin-top:15px; color:#777;}
.research .boxStyle { margin-top:18px; background-color:#f8f8f8; border:1px solid #e1e1e1;}
.research .boxStyle .researchContent { margin:24px 40px 0 29px;}
.research .boxStyle .researchContent>ul>li p {padding-left:9px; background:url(../img/common/bul_list.gif) 0 5px no-repeat; font-weight:bold; color:#888;}
.research .boxStyle .researchContent>ul>li.process p, .research .boxStyle .researchContent>ul>li.result p { float:left; }
.research .boxStyle .researchContent .line { margin-top:17px; border-top:1px dotted #cfcfcf; padding-top:17px;}
.research .boxStyle .researchContent .researchProcess li,.research .boxStyle .researchContent .researchResult li { float:left; margin-left:15px;}
.research .boxStyle .researchContent .input_textarea { margin:9px 0 0 9px; width:865px; height:35px;}
.research .btn { border-top:1px solid #e4e3e2; margin-top:25px; padding:15px 0; text-align:center;}

/* ccm_contents sk_20130308*/
.CCMContent01{float:left;width:960px;margin-top:40px;}
.CCMContent01:after{content:''; display:block; clear:both;}
.CCMContent01 h2{float:left;}
.CCMContent01 dt{float:left;margin-bottom:9px;}
.CCMContent01 dl{width:700px;margin-left:230px;}

/*coo sk_20130311 */
.greeting_txt01{float:left;padding-top:40px;}
.greeting_txt02{float:left;padding-top:56px;padding-left:62px;}
.greeting_ceopht{float:right;margin-top:150px;}


/* tabMenuTypeJ : customer ccm_greeting _sk 20130308*/
.tabTpJ.vari10 li a { width:153px; height:37px; background:url("../images/customer/tab_ccm.gif") no-repeat;}
.tabTpJ.vari10 li.tab1 a { background-position:0 0px;}
.tabTpJ.vari10 li.tab1.on a { background-position:0 -37px;}
.tabTpJ.vari10 li.tab2 a { background-position:-155px 0px;}
.tabTpJ.vari10 li.tab2.on a { background-position:-155px -37px;}
.tabTpJ.vari10 li.tab3 a { background-position:-310px 0px;}
.tabTpJ.vari10 li.tab3.on a { background-position:-310px -37px;}
.tabTpJ.vari10 li.tab4 a { background-position:-465px 0px;}
.tabTpJ.vari10 li.tab4.on a { background-position:-465px -37px;}

/* tabMenuTypeK_vari8 : customer ccm _sk 20130308*/
.tabTpD.vari10 li a{background:url("../images/customer/tab_ccm.gif") no-repeat;}
.tabTpD.vari10 li a{ width:153px; height:37px;}
.tabTpD.vari10 li.tab1 a{ background-position:0 0px;}
.tabTpD.vari10 li.tab1.on a{ background-position:0 -37px;}
.tabTpD.vari10 li.tab2 a{ background-position:-155px 0px;}
.tabTpD.vari10 li.tab2.on a{ background-position:-155px -37px;}
.tabTpD.vari10 li.tab3 a{ background-position:-310px 0px;}
.tabTpD.vari10 li.tab3.on a{ background-position:-310px -37px;}
.tabTpD.vari10 li.tab4 a{ background-position:-465px 0px;}
.tabTpD.vari10 li.tab4.on a{ background-position:-465px -37px;}

/* Mobile 웹전용 바로가기 버튼을 위한 CSS */
.pcweb {background:url(../images/footer/bg_website.gif) #ededed 0 0 repeat-x; text-align:center; position:relative; height:35px; line-height:0; font-size:0;}


/* 메인퀵배너 추가 : 20150720 */
#quickBanner { position:absolute;
  height:600px;   /* 퀵메뉴, 배너 이미지의 높이 */
  width:135px;    /* 퀵메뉴, 배너 이미지의 너비 */
  margin:0px 0px 0px 488px;   /* 가장 오른쪽의 수치가 화면 가운데에서 얼마만큼 오른쪽으로 레이어를 붙일 것인지 설정  */ 
  top: 150px;  /* 배너 상단에서 얼마나 떨어뜨릴지 설정*/
  left: 50%;     /* 레이어의 시작점이 왼쪽으로 부터 50% 지정 */
  text-align: center; padding: 0px; z-index:10000;
}
#quickBanner li {margin-bottom:4px;}