@import "common.css"; /* Page Title */ /* div.PageTitle_one { background:url('/images/support/bg_pagetitle01.gif') left top no-repeat;} div.PageTitle_two { background:url('/images/support/bg_pagetitle02.gif') left bottom no-repeat;} div.PageTitle_three {background:url('/images/support/bg_pagetitle04.gif') left bottom no-repeat;} div.PageTitle_four {background:url('/images/support/bg_pagetitle05.gif') left bottom no-repeat;} div.PageTitle_two div, div.PageTitle_three div, div.PageTitle_four div {background:url('/images/support/bg_pagetitle03.gif') left top no-repeat;} */ /* Provision List */ div.prov_list {width:693px;background: url('/images/member/bg_prov02.gif') left bottom no-repeat;padding-bottom:7px;} div.prov_list div {background: url('/images/member/bg_prov01.gif') left top no-repeat;padding-top:19px;padding-left:12px;} div.prov_list div h3 {width:auto;padding-bottom:10px;} div.prov_list div span {cursor:pointer;} /* PDA box */ #pda_box {width:693px; background:url('/images/support/box_pda_top.gif') top no-repeat;text-align:center; padding-top:10px;} #pda_box .bott {background:url('/images/support/box_pda_bottom.gif') bottom no-repeat; padding-bottom:10px;} #pda_box .inner {background:url('/images/support/box_pda_mid.gif') repeat-y; padding:10px;} /* 통합우대고객서비스 */ div.sup_box01 {width:556px; height:332px; background:url('/images/support/img_service02.gif') no-repeat; text-align:left;} div.sup_box01 p {padding-left:22px; line-height:18px;} div.sup_box01 div.Fright {padding-right:22px; padding-top:14px;} /* FAQ Box */ div.cat_box {width:693px;background: url('/images/mall/bg_cat02.gif') left bottom no-repeat;padding-bottom:6px;margin-bottom:15px;} div.cat_box div.inbox {background: url('/images/mall/bg_cat01.gif') left top no-repeat;padding-top:9px;} div.cat_box02 {width:693px;background: url('/images/mall/bg_cat02_02.gif') left bottom no-repeat;padding-bottom:6px;margin-bottom:15px;} div.cat_box02 div.inbox {background: url('/images/mall/bg_cat01_02.gif') left top no-repeat;padding-top:9px;} /* 서브메인 */ ul.submain_list li {padding-right:0px;} /*고객지원 처음오신 고객 */ ul.firstCustomer {height:115px; margin-bottom:20px;} ul.firstCustomer li.firstAccount {float:left; position:relative; display:inline-block; background:url('/images/bg_firstAccount.gif') no-repeat; width:210px; height:115px;} ul.firstCustomer li.supportRegistGuide {float:left; position:relative; display:inline-block; background:url('/images/bg_supportRegistGuide.gif') no-repeat; width:210px; height:115px} ul.firstCustomer a {position:absolute; left:17px; bottom:10px;} /* 고객지원_수수료안내 */ ul.tab_support01 {clear:both; display:inline-block; background:url(/images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:17px 0 2px 10px; width:100%} ul.tab_support01 li {float:left; display:inline-block;} ul.tab_support01 li a {float:left; height:29px; background:url(/images/tab_support01.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_support01 li a span {display:inline-block; position:relative; z-index:-1;} ul.tab_support01 li a.tab0 {background-position:0 0; width:101px} ul.tab_support01 li a.tab1 {background-position:-101px 0; width:101px} ul.tab_support01 li a:hover.tab0, ul.tab_support01 li a.tab0Seleted {background-position:0 -29px; width:101px} ul.tab_support01 li a:hover.tab1, ul.tab_support01 li a.tab1Seleted {background-position:-101px -29px; width:101px} /* 고객지원_통합고객우대서비스 */ ul.tab_support02 {clear:both; display:inline-block; background:url(/images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:17px 0 2px 10px; width:100%} ul.tab_support02 li {float:left; display:inline-block;} ul.tab_support02 li a {float:left; height:29px; background:url(/images/tab_support02.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_support02 li a span {display:inline-block; position:relative; z-index:-1;} ul.tab_support02 li a.tab0 {background-position:0 0; width:89px} ul.tab_support02 li a.tab1 {background-position:-89px 0; width:64px} ul.tab_support02 li a:hover.tab0, ul.tab_support02 li a.tab0Seleted {background-position:0 -29px; width:89px} ul.tab_support02 li a:hover.tab1, ul.tab_support02 li a.tab1Seleted {background-position:-89px -29px; width:64px} /* 고객지원_약관설명서 */ div.termsManualBoxOut {position:relative; background:url('/images/bg_termsManualBox.gif') no-repeat; width:697px; height:750px; margin-bottom:10px;} div.termsManualBoxOut img {position:absolute; bottom:50px; left:23px;} div.termsManualBox {float:right; width:480px; height:653px;} div.termsManualBox h2 {color:#48a592;width:300px;} div.termsManualBox ul {margin-left:10px;} div.termsManualBox li {float:left; background:url('/images/bullet_gray04.gif') 1px 3px no-repeat; display:inline-block; width:220px; padding:0px; margin:0px; padding-left:8px; margin-bottom:3px;} div.termsManualBox li.space {float:left; display:inline-block; background:none; width:255px; line-height:0px; font-size:0px;} div.termsManualBox li a {color:#666666;} /* main 0701 */ h1.h2Color {display:inline-block; color:#666; width:100px; margin:5px 0;} div.customerBodyLeft {float:left; display:inline-block; width:450px; margin-top:-4px; _margin-top:0px;} ul.customerTab {clear:both; position:relative; display:inline-block; background:url('/images/btn_tabMore01.gif') no-repeat right top; margin:0px; padding:0px; width:421px; margin-bottom:2px; _margin-bottom:11px; margin-top:2px;} ul.customerTab li {float:left; display:inline-block;} ul.customerTab li a {float:left; height:24px; background:url('/images/tab_customerMain.gif') no-repeat; font:0/0 Arial; line-height:0} ul.customerTab li a span {display:inline-block; position:relative; z-index:-1} ul.customerTab li a.tab0 {background-position:0 0; width:80px} ul.customerTab li a.tab1 {background-position:-80px 0; width:53px;} ul.customerTab li a.tab2 {background-position:-133px 0; width:63px;} ul.customerTab li a.tab3 {background-position:-196px 0; width:54px;} ul.customerTab li.btn {position:absolute; right:10px; top:7px} ul.customerTab li.btn a {background:none} dl.survice {clear:both; margin-bottom:20px} dl.survice dt {padding:0px; margin:0px; margin-bottom:3px;} dl.survice dd {padding:0px; margin:0px;} dl.survice dd ul li {float:left; display:inline-block; line-height:0px; font-size:0px} ul.customerTab li a:hover.tab0, ul.customerTab li a.tab0Seleted {background-position:0 -24px; width:80px} ul.customerTab li a:hover.tab1, ul.customerTab li a.tab1Seleted {background-position:-80px -24px; width:53px;} ul.customerTab li a:hover.tab2, ul.customerTab li a.tab2Seleted {background-position:-133px -24px; width:63px;} ul.customerTab li a:hover.tab3, ul.customerTab li a.tab3Seleted {background-position:-196px -24px; width:54px;} ul.QnAs {margin-bottom:20px} ul.QnAs li {background:url('/images/bullet_black.gif') no-repeat 1px 4px; padding-left:10px; margin:5px 0 5px 5px} ul.QnAs li a {width:345px; display:inline-block; font-size:11px; color:#5f5f5f} ul.QnAs li a:hover {font-size:11px; color:#24745e} ul.QnAs li span {font-size:11px; color:#898989; padding-right:3px} div.customerBodyRight {float:right; border:1px solid #ebebeb; width:245px;; margin-top:-4px; _margin-top:0px;} div.customerBodyRight div.paragraphImage {border-bottom:1px solid #ebebeb; height:auto; padding-top:7px;} div.customerBodyRight div.paragraphImage img.startImg {clear:both; margin-left:15px;} div.customerBodyRight div.paragraphImage dl {margin-top:5px;} div.customerBodyRight div.paragraphImage dd {padding:0px; margin:0px} div.customerBodyRight div.paragraphImage dd img {padding:0px; margin:0px; margin-bottom:-3px;} div.customerBodyRight div.paragraphList {border-bottom:1px solid #ebebeb; height:110px; padding:11px 0 0 13px; _padding:8px 0 20px 13px;} div.customerBodyRight div.paragraphList dl dt {margin-bottom:-2px} div.customerBodyRight div.paragraphList dl dd {float:left; display:inline-block; margin:0px; padding:0px; padding-left:19px} div.customerBodyRight div.paragraphList dl dd.rightLine {width:105px; border-right:1px solid #e8e8e8; padding-left:0px} div.customerBodyRight div.paragraphList dl dd ul li {padding:0px; margin:0px; margin-bottom:-4px;} div.customerBodyRight div.supportCenter {border-bottom:1px solid #ebebeb; height:110px; padding:3px 0 0 15px; _padding:8px 0 10px 15px;} /* E-mail / SMS서비스 */ div.internetEmailBack {background:url('/images/bg_internetEmail.gif') no-repeat; width:697px; height:317px; margin-bottom:20px;} div.internetEmailBack div.internetEmailService {float:right; display:inline-block; width:508px; _width:519px; height:auto; padding-left:9px; margin-top:14px;} div.internetEmailBack div.internetEmailService h2 {color:#48a592; margin-top:15px;} div.mobileSmsBack {background:url('/images/bg_mobileSMS.gif') no-repeat; width:697px; height:236px} div.mobileSmsBack div.mobileSmaService {float:right; display:inline-block; width:508px; _width:519px; height:auto; padding-left:9px; margin-top:14px;} div.mobileSmsBack div.mobileSmaService h2 {color:#48a592; margin-top:15px;} ul.serviceList {clear:both; margin:0px; padding:0px; margin-left:9px;} ul.serviceList li.sector1 {float:left; display:inline-block; background:url('/images/bullet_gray04.gif') no-repeat 9px 4px; color:#666666; width:156px; _width:174px; padding-left:18px; margin-bottom:6px;} ul.serviceList li.sector2 {float:left; display:inline-block; background:url('/images/bullet_gray04.gif') no-repeat 0 4px; color:#666666; width:161px; _width:170px; padding-left:9px; margin-bottom:6px;} ul.serviceList li.sector3 {float:left; display:inline-block; background:url('/images/bullet_gray04.gif') no-repeat 0 4px; color:#666666; width:138px; _width:147px; padding-left:9px; margin-bottom:6px;} ul.serviceList li.clear {clear:both; height:0px; line-height:0px; font-size:0px;} /* Customer QnA Box */ div.customer_box {width:693px;background: url('/images/support/img_qna.gif') left bottom no-repeat;} div.customer_box div.inbox { left top no-repeat;padding-right:20px;padding-left:20px;}