@import url("http://www.ehyundai.com/card/css/juYeon.css"); /* General -----------------------------------------------------------------------------*/ * { margin:0; padding:0; font-family:"돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif; font-size:12px; color:#999;} html { overflow:scroll; overflow-x:auto;} img { border:0;} li { list-style-type:none;} table { width:100%; border-spacing:0; border-collapse:collapse; font-family:"돋음",Dotum, "굴림", Gulim, Verdana, Arial, sans-serif;} td { word-break:break-all;} a:link { color:#666; text-decoration:none;} a:visited { color:#666; text-decoration:none;} a:hover { color:#9B8A62; text-decoration:none;} a:active { text-decoration:none;} .fL { float:left;} .fR { float:right;} .clear { clear:both;} .hand { cursor:pointer;} .hand:hover { text-decoration:underline;} .texL { text-align:left !important;} .texC { text-align:center !important;} .texR { text-align:right !important;} .f11 { font-size:11px !important;} .f15 { font-size:11px !important;} .ui-datepicker-trigger { vertical-align:middle; margin-left:5px;} .mt00 { margin-top:0 !important;} .mt05 { margin-top:5px !important;} .mt10 { margin-top:10px !important;} .mt15 { margin-top:15px !important;} .mt20 { margin-top:20px !important;} .mt25 { margin-top:25px !important;} .mt30 { margin-top:30px !important;} .mt35 { margin-top:35px !important;} .mt40 { margin-top:30px !important;} .mt45 { margin-top:45px !important;} .mt50 { margin-top:50px !important;} .mb05 { margin-bottom:5px !important;} .me4 { margin-top:-4px;} .f14 { font-size:14px !important; color:#666 !important;} .scroll { scrollbar-3dlight-color:#CBCBCB; scrollbar-arrow-color:#CBCBCB; scrollbar-base-color:#CBCBCB; scrollbar-darkshadow-color:#d7d7d7; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#CBCBCB; scrollbar-track-color:#fff; } /* content -----------------------------------------------------------------------------*/ body { background:#fff url(http://www.ehyundai.com/card/images/common/bg_body04.gif) no-repeat center top;} #body_wrapper { width:1000px; margin:0 auto; position:relative;} #header { width:100%; position:absolute; left:0; top:0; z-index:1000; height:95px; overflow:hidden;} #wrapper { width:100%; padding:95px 0 50px 0;} #lnb { float:left;} #footer_wrapper { width:100%; height:90px; clear:both; border-top:1px solid #d1d1d1; text-align:center;} #footer {} .content { float:left; position:relative; width:760px; margin:51px 0 0 40px;} /* position:relative; */ /*/card/js/date_picker.js와 달력 표시 부분에서 Error 발생 협의 후 수정 필요 - 정규창*/ /*.content {width:760px; margin-top:28px;}*/ .content .lineMap { position:absolute; right:0; top:0; color:#999; font-size:11px;} .content .lineMap a { color:#999; font-size:11px;} .content .lineMap a:hover { color:#000;} .gnbMenuBox { position:absolute; left:20px; top:123px; z-index:5555; display:none; background:#fff;} /* 푸터 */ .footer { width:990px; margin:0 auto; margin-top:20px; position:relative;} .footer div { width:800px; float:left;} .footer div ul { height:1%; overflow:hidden;} .footer div ul li { float:left;} .footer p {float:right; width:142px; position:absolute; right:0; top:-120px;} .footer_link li { margin-right:8px; background:url(../../newPortal/images/common/dot_a02.gif) no-repeat right 3px; padding-right:7px;} .footer_link li.end { background:none} .footer_adress li { margin-right:10px; margin:7px 0 10px;} h1 {} h2 { margin-top:8px;} .cardMain { position:relative;} .cardMain .lineMap { position:absolute; right:40px; top:0; color:#999; font-size:11px;} .cardMain .gnbMenuShow { position:absolute; left:0; top:-100px;} .cardMain .vi {} .cardMain .nst01 { float:left; margin:15px 0 0 0;} .cardMain .nst01 p { float:left;} .cardMain .nst01 dl { float:left; width:395px; margin-left:20px;} .cardMain .nst01 dt { float:right; margin-bottom:8px; font-size:11px;} .cardMain .nst01 dd { float:left; width:310px; margin-bottom:7px; _background:url(http://www.ehyundai.com/card/images/common/dot_a03.gif) no-repeat left 3px;} .cardMain .nst01 dd a { background:url(http://www.ehyundai.com/card/images/common/dot_a03.gif) no-repeat left 3px; padding-left:8px;} .cardMain .nst02 { float:left; margin:12px 0 0 0;} .cardMain .nst02 p { margin:0 0 5px 50px;} .cardMain .nst02 a { border:1px #ddd solid; padding:12px 16px 12px 18px; margin-bottom:6px; display:block;} .cardMain .nst02 a:hover { border:1px #C1AE83 solid;} .cardMain .nst03 { float:right; margin:12px 12px 0 0;} .cardMain .nst03 p { margin:0 0 0 30px;} /* forms -----------------------------------------------------------------------------*/ select { vertical-align:middle; font-size:12px; padding:1px;} select { behavior:url('http://www.ehyundai.com/card/css/selectbox.htc');} .ui-datepicker-title select, select.noeg { behavior:url('http://www.ehyundai.com/card/css/global.css');} fieldset { border:medium none;} legend {display:none;} button { vertical-align:middle; text-indent:-900em; border:0 none; cursor:pointer;} input { vertical-align:middle;} textarea.text { border:1px #111 solid; padding:3px; overflow:auto;} /* 패션 & 뷰티 -----------------------------------------------------------------------------*/ .boardListF { margin-top:50px;} .boardListF dl { overflow:hidden; height:1%; margin-bottom:26px;} .boardListF dl dt { float:left;} .boardListF dl dd.tex { float:left; margin-left:20px; width:505px;} .boardListF dl dd.tex ul { overflow:hidden; height:1%;} .boardListF dl dd.tex ul li.title { color:#333; font-size:14px; margin-top:18px; font-weight:bold;} .boardListF dl dd.tex ul li.title span { background:url(http://www.ehyundai.com/card/images/common/text_R.gif) no-repeat left 2px; padding-left:13px; font-size:11px; font-family:tahoma, sans-serif; color:#9B8A62; margin-left:10px;} .boardListF dl dd.tex ul li.tex { line-height:18px; color:#666; margin-top:15px;} .boardListF dl dd.tex ul li.info { margin-top:21px;} .boardListF dl dd.tex ul li.info dl { overflow:hidden; height:1%;} .boardListF dl dd.tex ul li.info dl dt { float:left; font-size:11px; font-family:tahoma, sans-serif; margin-right:8px;} .boardListF dl dd.tex ul li.info dl dd { float:left; font-size:11px; font-family:tahoma, sans-serif; margin:0 8px 0 0; background:url(http://www.ehyundai.com/card/images/common/dot_a02.gif) no-repeat right 2px; padding-right:8px; color:#333;} .boardListF dl dd.tex ul li.info dl dd.end { background:none; padding-right:0;} .boardListFs { margin-top:70px;} .boardListFs ul { overflow:hidden; height:1%;} .boardListFs ul li { float:left; margin-right:16px; text-align:center;} .boardListFs ul li p { color:#333; font-weight:bold; margin-top:5px;} .boardListFs ul li p span { background:url(http://www.ehyundai.com/card/images/common/text_R.gif) no-repeat left 2px; padding-left:13px; font-size:11px; font-family:tahoma, sans-serif; color:#9B8A62;} .boardListFs ul li.end { margin-right:0;} .boardListFs ul dd { margin-left:20px;} .boardViewF { margin-top:50px; border-top:2px #9b8a62 solid;} .boardViewF .title { border-bottom:1px #ddd solid; padding:10px 17px 6px;} .boardViewF .title p { color:#333; font-size:14px; font-weight:bold; line-height:18px;} .boardViewF .title dl { float:right; overflow:hidden; height:1%;} .boardViewF .title dl dt { float:left; font-size:11px; font-family:tahoma, sans-serif; margin:0 8px;} .boardViewF .title dl dd { float:left; font-size:11px; font-family:tahoma, sans-serif; margin-left:8px; background:url(http://www.ehyundai.com/card/images/common/dot_a02.gif) no-repeat right 2px; padding-right:8px; color:#333;} .boardViewF .title dl dd.end { background:none; padding-right:0;} .boardViewF .viewFashion { margin-bottom:20px; padding:20px 20px 20px 20px;} .boardViewF .viewFashion p {} .boardViewF .viewFashion dl { float:right;} .boardViewF .viewFashion dl dt { float:left; font-size:11px; margin:0 8px; font-weight:bold;} .boardViewF .viewFashion dl dd { float:left; font-size:11px; background:url(http://www.ehyundai.com/card/images/common/dot_a02.gif) no-repeat right top; padding-right:10px;} .boardViewF .viewFashion dl dd.end { background:none; padding-right:0;} .boardViewF .viewFashion table { width:0;} .permalink { position:relative; border-top:1px #ddd solid; border-bottom:2px #ddd solid; padding:18px 30px 16; background:#F8F8F8; margin-bottom:20px;} .permalink ul { overflow:hidden; height:1%; padding:16px 30px;} .permalink ul li { float:left; margin-right:10px;} .permalink ul li.title { margin:11px 30px 0 0;} .permalink fieldset { position:absolute; right:30px; top:18px;} .permalink fieldset input { width:306px; } .permalink fieldset button { background:url(http://www.ehyundai.com/card/images/common/btn_url.gif) no-repeat left top; width:40px; height:21px; margin-left:6px;} table.navigation { border-top:1px #ddd solid; border-bottom:1px #ddd solid;} table.navigation th { padding:8px 0 7px; background:url(http://www.ehyundai.com/card/images/common/dot_a01.gif) repeat-x left bottom;} table.navigation td { padding:8px 0 7px; background:url(http://www.ehyundai.com/card/images/common/dot_a01.gif) repeat-x left bottom;} table.navigation th.end { background:none;} table.navigation td.end { background:none;} .boardBnt { text-align:right; margin-top:20px;} .comments { border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#F8F8F8; padding:20px 30px 17px; margin-top:20px;} .comments fieldset {} .comments fieldset input { width:645px;} .comments fieldset button { background:url(http://www.ehyundai.com/card/images/common/btn_cot.gif) no-repeat left top; width:39px; height:21px; margin-left:5px;} .comments dl { overflow:hidden; height:1%; margin-top:12px;} .comments dl dt { float:left; padding:8px 0 6px; width:110px; background:url(http://www.ehyundai.com/card/images/common/dot_a01.gif) repeat-x left bottom; color:#666; font-size:11px;} .comments dl dd { float:left; padding:8px 0 6px; width:590px; background:url(http://www.ehyundai.com/card/images/common/dot_a01.gif) repeat-x left bottom; color:#666;} .comments dl dd span { float:right; font-size:11px; font-family:tahoma, sans-serif;} .comments dl dd span img { vertical-align:middle; margin:-3px 6px 0 0;} .pages { text-align:center; margin-top:30px;} .pages ul {} .pages ul li { display:inline; font-size:11px; font-family:tahoma, sans-serif;} .pages ul li img { margin:0 -3px -4px -4px;} .pages ul li a { padding:5px 4px;} .pages ul li a:hover {} .pages ul li a.now { background:#ccc; color:#fff; padding:4px 6px 5px;} /* 내 카드 정보 -----------------------------------------------------------------------------*/ h3.car { border-bottom:2px #ddd solid; padding-bottom:10px;} .detL { float:left; margin-top:50px; width:365px;} .detR { float:right; margin-top:50px; width:365px;} div.amount { margin-top:11px;} div.detView { margin-top:15px;} div.detView div.set { background:#F0F0F0; display:none;} div.detView ul.setDel { overflow:hidden; height:1%;} div.detView ul.setDel li { background:url(http://www.ehyundai.com/card/images/use/ic_b01.gif) no-repeat left top; padding-left:15px; float:left; margin-bottom:5px;} div.detView ul.setDel2 { overflow:hidden; height:1%;} div.detView ul.setDel2 li { padding-left:15px; margin-bottom:5px;} div.detView div.wie01 ul { padding:13px 0 12px 43px;} div.detView div.wie01 ul li { width:140px;} div.detView div.wie02 ul { padding:13px 0 12px 15px; margin:0;} div.detView div.wie02 ul li { text-align:left;} div.detView div.wie03 ul { padding:13px 0 12px 15px;} div.detView div.wie03 ul li { width:100px;} div.detView div.wie04 ul { padding:8px 0 5px 0;} div.detView div.setBtn { text-align:right; border-top:1px #ddd solid; cursor:pointer;} div.detView div.setBtn img { padding-right:12px; margin-top:-1px;} *:first-child+html div.detView div.setBtn img.ff { margin-top:-2px;} /* ie7 */ .det01 dl { width:365px; margin-top:15px;} .det01 dl dt { float:left; width:55px; margin-bottom:7px;} .det01 dl dd { float:left; color:#666; width:310px; margin-bottom:7px;} .det01 dl dd strong { color:#666;} .det02 ul { margin-top:15px; overflow:hidden; height:1%;} .det02 ul li { float:left; text-align:center;} .det02 ul li.nt01 { width:60px;} .det02 ul li.nt02 { width:217px;} .det02 ul li.nt03 { width:80px;} .det03 dl { width:365px; overflow:hidden; height:1%;} .det03 dl dt { float:left; width:120px; border-bottom:1px #ddd solid; padding:8px 0 5px;} .det03 dl dd { float:left; color:#666; width:245px; border-bottom:1px #ddd solid; padding:8px 0 5px;} .det04 { position:relative;} .det04 dl.mr01 { width:365px;} .det04 dl.mr01 dt { float:left; width:44px; border-bottom:1px #ddd solid; padding:8px 0 5px;} .det04 dl.mr01 dd { float:left; width:138px; border-bottom:1px #ddd solid; padding:8px 0 5px;} .det04 dl.mr01 dd strong { color:#666;} .det04 .mr { float:left; margin:30px 40px 6px 37px;} .det04 dl.mr02 { float:left; width:160px; margin-top:30px;} .det04 dl.mr02 dt { float:left; width:50px; padding-bottom:5px;} .det04 dl.mr02 dd { float:left; width:110px; padding-bottom:5px; text-align:right; color:#666;} .det04 dl.mr02 dd strong { color:#666;} .det04 .tex { position:absolute; right:0; top:0;} .det04 .tex span { font-size:11px;} .det05 { position:relative;} .det05 h3 { margin-bottom:10px;} .det05 .sel { position:absolute; right:0; top:0; margin-bottom:10px;} .det05 .sel img {} .det05 .sel select {} .det05 .sel select option {} .det05 .sel strong {} .det05 .bar { float:left; margin-right:13px;} .det05 .bar .tex01 { color:#666; margin:8px 0 4px 14px; font-weight:bold; color:#666;} .det05 .bar .tex02 { margin:0 0 8px 14px; font-size:11px;} .det05 .btn { text-align:right; margin-top:10px;} .det06 .sel { position:relative; text-align:center; padding-top:5px; font-size:14px; color:#666; font-weight:bold; margin-top:15px;} .det06 .sel img.nm { vertical-align:middle; margin:-4px 0 0 5px;} *:first-child+html .det06 .sel img.nm { margin:-4px 5px 0;} /* ie7 */ .det06 .sel .btn { position:absolute; right:0; top:0;} .calendar { margin-top:12px;} .calendar th { border:1px #ddd solid; background:#ccc; padding:9px 0;} .calendar td { border:1px #ddd solid; padding:10px; height:55px; color:#666; vertical-align:top} .calendar td.sun p { color:#E10000;} .calendar td strong { display:block; margin-top:10px; color:#666; font-weight:normal; cursor:pointer;} .calendar td a:hover { color:#857756;} .calendar td div.conxBox { position:relative;} .calendar td div.conx { position:absolute; left:-10px; _left:-55px; top:-10px; width:110px; height:77px; cursor:pointer; z-index:400;} .calendar td.cot { background:#F0F0F0; text-align:center; border-bottom:none; border-right:none;} .calendar td.cot p { text-indent:-900em; margin-top:7px; width:30px; height:22px; background-image:url(http://www.ehyundai.com/card/images/use/tex_se_no02.gif); background-repeat:no-repeat;} .calendar td.cot p.no1 { background-position:left top;} .calendar td.cot p.no2 { background-position:left -30px;} .calendar td.cot p.no3 { background-position:left -60px;} .calendar td.cot p.no4 { background-position:left -90px;} .calendar td.cot p.no5 { background-position:left -120px;} .calendar td.cot p.no6 { background-position:left -150px;} .calendar td.cot p.no7 { background-position:left -180px;} .calendar td.cot p.no8 { background-position:left -210px;} .calendar td.cot p.no9 { background-position:left -240px;} .calendar td.cot p.no10 { background-position:left -270px;} .calendar td.cot p.no11 { background-position:left -300px;} .calendar td.cot p.no12 { background-position:left -330px;} .calendar td.cot p.no13 { background-position:left -360px;} .calendar td.cot p.no14 { background-position:left -390px;} .calendar td.cot p.no15 { background-position:left -420px;} .calendar td.cot p.no16 { background-position:left -450px;} .calendar td.cot p.no17 { background-position:left -480px;} .calendar td.cot p.no18 { background-position:left -510px;} .calendar td.cot p.no19 { background-position:left -540px;} .calendar td.cot p.no20 { background-position:left -570px;} .calendar td.cot p.no21 { background-position:left -600px;} .calendar td.cot p.no22 { background-position:left -630px;} .calendar td.cot p.no23 { background-position:left -660px;} .calendar td.cot p.no24 { background-position:left -690px;} .calendar td.cot p.no25 { background-position:left -720px;} .calendar td.cot p.no26 { background-position:left -750px;} .calendar td.cot p.no27 { background-position:left -780px;} .calendar td.cot p.no28 { background-position:left -810px;} .calendar td.cot p.no29 { background-position:left -840px;} .calendar td.cot p.no30 { background-position:left -870px;} .calendar td.cot p.no31 { background-position:left -900px;} .calendar td .view { background:#F0F0F0; text-align:left; position:absolute; left:0; top:0; z-index:500; width:197px; height:203px; padding:12px; display:none;} .calendar td .view dl.scroll { margin:13px 0 0 0; padding-top:5px; height:147px; _height:134px; overflow-y:scroll; overflow-x:hidden;} .calendar td .view dl.scroll dt { font-weight:bold; font-size:11px; color:#666; margin-bottom:4px;} .calendar td .view dl.scroll dd { font-size:11px; color:#666; margin-bottom:7px;} .calendar td .view dl.ct { margin-top:12px;} .calendar td .view dl.ct dt { float:left; color:#666;} .calendar td .view dl.ct dd { float:left; width:132px; color:#9b8a62; font-weight:bold; text-align:right;} .calendar td .view div { float:right; cursor:pointer;} .calendar td .view p { text-indent:-900em; margin-top:7px; width:22px; height:15px; background-image:url(http://www.ehyundai.com/card/images/use/tex_se_no01.gif); background-repeat:no-repeat;} .calendar td.cot p.ne1 { background-position:left top;} .calendar td.cot p.ne2 { background-position:left -21px;} .calendar td.cot p.ne3 { background-position:left -42px;} .calendar td.cot p.ne4 { background-position:left -65px;} .calendar td.cot p.ne5 { background-position:left -87px;} .calendar td.cot p.ne6 { background-position:left -107px;} .calendar td.cot p.ne7 { background-position:left -130px;} .calendar td.cot p.ne8 { background-position:left -150px;} .calendar td.cot p.ne9 { background-position:left -172px;} .calendar td.cot p.ne10 { background-position:left -194px;} .calendar td.cot p.ne11 { background-position:left -216px;} .calendar td.cot p.ne12 { background-position:left -237px;} .calendar td.cot p.ne13 { background-position:left -258px;} .calendar td.cot p.ne14 { background-position:left -281px;} .calendar td.cot p.ne15 { background-position:left -303px;} .calendar td.cot p.ne16 { background-position:left -323px;} .calendar td.cot p.ne17 { background-position:left -346px;} .calendar td.cot p.ne18 { background-position:left -366px;} .calendar td.cot p.ne19 { background-position:left -388px;} .calendar td.cot p.ne20 { background-position:left -410px;} .calendar td.cot p.ne21 { background-position:left -431px;} .calendar td.cot p.ne22 { background-position:left -453px;} .calendar td.cot p.ne23 { background-position:left -474px;} .calendar td.cot p.ne24 { background-position:left -496px;} .calendar td.cot p.ne25 { background-position:left -518px;} .calendar td.cot p.ne26 { background-position:left -539px;} .calendar td.cot p.ne27 { background-position:left -561px;} .calendar td.cot p.ne28 { background-position:left -582px;} .calendar td.cot p.ne29 { background-position:left -604px;} .calendar td.cot p.ne30 { background-position:left -626px;} .calendar td.cot p.ne31 { background-position:left -647px;} .calDetail { margin-top:12px; border:1px #ddd solid;} .calDetail th { border:1px #ddd solid; background:#ccc; padding:9px 0; font-weight:normal;} .calDetail th p { float:left; margin-left:15px; display:inline;} .calDetail th span { color:#fff; float:left; margin:16px 0 0 5px;} .calDetail td { border:1px #ddd solid; padding:10px;} .calDetail td ul {} .calDetail td ul li { float:left; color:#666; width:315px; margin-bottom:5px;} .calDetail td strong { color:#666;} .calDetail th p { text-indent:-900em; margin-top:7px; width:30px; height:19px; background-image:url(http://www.ehyundai.com/card/images/use/tex_se_no03.gif); background-repeat:no-repeat;} .calDetail th p.nu1 { background-position:left top;} .calDetail th p.nu2 { background-position:left -30px;} .calDetail th p.nu3 { background-position:left -60px;} .calDetail th p.nu4 { background-position:left -90px;} .calDetail th p.nu5 { background-position:left -120px;} .calDetail th p.nu6 { background-position:left -150px;} .calDetail th p.nu7 { background-position:left -180px;} .calDetail th p.nu8 { background-position:left -210px;} .calDetail th p.nu9 { background-position:left -240px;} .calDetail th p.nu10 { background-position:left -270px;} .calDetail th p.nu11 { background-position:left -300px;} .calDetail th p.nu12 { background-position:left -330px;} .calDetail th p.nu13 { background-position:left -360px;} .calDetail th p.nu14 { background-position:left -390px;} .calDetail th p.nu15 { background-position:left -420px;} .calDetail th p.nu16 { background-position:left -450px;} .calDetail th p.nu17 { background-position:left -480px;} .calDetail th p.nu18 { background-position:left -510px;} .calDetail th p.nu19 { background-position:left -540px;} .calDetail th p.nu20 { background-position:left -570px;} .calDetail th p.nu21 { background-position:left -600px;} .calDetail th p.nu22 { background-position:left -630px;} .calDetail th p.nu23 { background-position:left -660px;} .calDetail th p.nu24 { background-position:left -690px;} .calDetail th p.nu25 { background-position:left -720px;} .calDetail th p.nu26 { background-position:left -750px;} .calDetail th p.nu27 { background-position:left -780px;} .calDetail th p.nu28 { background-position:left -810px;} .calDetail th p.nu29 { background-position:left -840px;} .calDetail th p.nu30 { background-position:left -870px;} .calDetail th p.nu31 { background-position:left -900px;} .int { color:#666; text-align:right; margin-top:10px;} .int img { vertical-align:middle; margin-left:5px;} /* 카드대금 바로결제 -----------------------------------------------------------------------------*/ .step0 {} .step1 { display:none;} .stepCont { display:none;} .step1 { display:none;} .step1 h3 p { display:none;} .step1 .stepBox1 { display:none;} .step1 .step1_yesPop { display:none;} .step1 .stepBox1 .stepNO { display:none;} .step1 .step1_yesPop { display:none;} .step1 .step1_yesPop .outer1pop { display:none;} .innera1 { display:none;} /* */ .step2 { display:none;} .step2 h3 p { display:none;} .step2 .stepBox23 { display:none;} .step2 .stepBox23 .stepNO2 { display:none;} .step2 .stepBox23 .contsx2 { display:none;} .step2 .stepBox23 .contsx2Btn { display:none;} .step2 .stepBox23 .btn_popClose { display:none;} .step3 { display:none;} .step3 .stepBox33 { display:none;} .step3 h3 p { display:none;} .step3 .stepBox33 { display:none;} .step3 .stepBox33 .stepNO3 { display:none;} .step3 .stepBox33 .contsx3 { display:none;} .step3 .stepBox33 .contsx3Btn { display:none;} .stepBtn { cursor:pointer;} .stepDet { position:relative; margin-top:50px; height:800px;} .step0 { position:absolute; left:0; top:0; width:100%;} .step0 .cont { border-top:2px #ccc solid; border-bottom:1px #ccc solid; margin-top:16px; padding-top:30px;} .step0 .cont h3 {} .step0 .cont h4 { margin-bottom:11px;} .step0 .cont p { margin-bottom:50px; text-align:center;} .step0 .cont ul { margin-bottom:50px;} .step0 .cont ul li { margin-bottom:2px; color:#666; background:url(http://www.ehyundai.com/card/images/common/dot_a03.gif) no-repeat left 3px; padding-left:10px; line-height:18px;} .step0 .btn { text-align:center; margin-top:30px;} .stepCont { position:absolute; left:0; top:0; width:100%;} .step1 { border:1px #ccc solid; margin-bottom:2px;} .step1 h3 { background:#ddd url(http://www.ehyundai.com/card/images/use/tex_step1.gif) no-repeat 21px 8px; height:40px;} .step1 h3.op { background:#F8F8F8 url(http://www.ehyundai.com/card/images/use/tex_step1_b.gif) no-repeat 21px 8px; height:40px;} .step1 h3 p { margin:6px 0 0 220px;} .step1 h4 { margin:30px 0 0 20px;} .step1 .stepNO { margin-top:20px; text-align:center;} .step1 .outer1 { position:relative; padding:42px 0 0 0; margin:14px 20px 30px 20px; border-top:2px #aaa solid; border-bottom:1px #aaa solid;} .innera1 { overflow-y:scroll; overflow-x:hidden; height:287px; border-top:1px #aaa solid;} .shtqq { overflow-y:scroll; overflow-x:hidden; height:270px; border-top:1px #aaa solid;} .innera1 table { width:700px; border-bottom:1px #ddd solid; z-index:8000;} .innera1 table thead tr { position:absolute; left:5px; top:0;} .shtqq table thead tr { position:absolute; left:2px; top:0;} .innera1 table thead th { padding:8px 0; width:90px;} .innera1 table tbody th { border-bottom:1px #ddd solid; vertical-align:top; padding:7px 0 5px 3px; color:#666; font-size:11px; text-align:center; border-right:1px #ddd solid;} .innera1 table tbody td { border-bottom:1px #ddd solid !important; padding:7px 3px 4px 5px; font-size:11px; color:#666; text-align:center;} .innera1 table tbody td strong { font-size:11px; color:#9B8A62;} table.stepTable2 thead th input { display:block; margin-top:-6px;} table.stepTable2 tr th.cu01 { border-bottom:1px #ddd solid; border-right:1px #ddd solid; font-weight:normal;} table.stepTable2 tr th.cu01 p { font-size:11px; color:#666; margin-top:3px;} table.stepTable2 tr td.cuL { text-align:left !important;} table.stepTable2 tr td.cuR { text-align:right !important;} table.stepTable2 tr td.cuR2 { text-align:right !important; color:#9B8A62 !important;} table.stepTable2 tr td.cuR2IN input { border:none; width:68px; padding:2px 7px 1px; text-align:right; background:#ECECEC; color:#9B8A62;} table.stepTable2 tr.cu th { border-bottom:1px #ddd solid !important; border-right:none !important; color:#999 !important;} table.stepTable2 tr.cu td { text-align:right; color:#9B8A62 !important; font-weight:bold; font-size:11px !important;} table.jsmd { border-bottom:1px #ddd solid; border-top:2px #aaa solid; margin-top:25px;} table.jsmd thead th { padding:8px 0; border-bottom:1px #ddd solid;} table.jsmd tbody th { border-bottom:1px #ddd solid; vertical-align:top; padding:7px 0 5px 3px; color:#666; font-size:11px; text-align:center; border-right:1px #ddd solid;} table.jsmd tbody td { border-bottom:1px #ddd solid !important; padding:7px 3px 4px 5px; font-size:11px; color:#666; text-align:center;} table.jsmd tbody td strong { font-size:11px; color:#9B8A62;} table.jsmd tbody td.se { color:#9B8A62;} /* 카드대금 바로결제 레이어 팝업 */ .step1_yesPop { position:absolute; left:-40px; top:100px; background:url(http://www.ehyundai.com/card/images/use/step1_yesPop.gif) no-repeat left top; width:841px; height:374px;} .step1_yesPop .btn_popClose { float:right; margin:20px 20px 0 0;} .step1_yesPop p { margin:20px 20px 0 20px;} .outer1pop { margin:10px 20px 0 20px; border-top:2px #aaa solid; border-bottom:1px #aaa solid;} .outer1pop table.tin {} .outer1pop table.tin th { padding:8px 8px; border-bottom:1px #aaa solid;} .outer1pop table.tin th.rd { border-right:1px #aaa solid;} .step1_yesPop .outer1pop .innera { overflow-y:scroll; overflow-x:hidden; height:230px;} .outer1pop .innera table { border-bottom:1px #ddd solid;} .outer1pop .innera table th { border-bottom:1px #ddd solid !important; border-right:1px #ddd solid; vertical-align:top; padding:7px 0 5px 3px; color:#666; font-size:11px; text-align:center;} .outer1pop .innera table td { border-bottom:1px #ddd solid !important; padding:7px 3px 5px 5px; font-size:11px; color:#666; text-align:center;} .outer1pop .innera table td strong { font-size:11px; color:#9B8A62;} .stepTablePop2 td.ntL { text-align:left !important; padding-left:5px !important;} .stepTablePop2 td.ntR { text-align:right !important; padding-right:10px !important;} .stepTablePop2 td.ntB { border-right:1px #ddd solid !important;} .stepTablePop2 td.end { border-right:none !important;} .blank_pop .outer1pop { margin:10px 20px 0 20px; border-top:2px #9b8a62 solid; border-bottom:1px #aaa solid;} .blank_pop .outer1pop table.tin {} .blank_pop .outer1pop table.tin th { padding:8px 8px 6px; border-right:1px #ddd solid; border-bottom:1px #aaa solid; color:#666;} .blank_pop .outer1pop table.tin th.rd { border-right:1px #aaa solid;} .blank_pop .outer1pop table.tin td { border-bottom:1px #ddd solid !important; border-right:1px #ddd solid; padding:7px 0 4px 0; font-size:11px; color:#666; text-align:center;} .blank_pop .outer1pop table.tin td.texR { padding-right:5px;} .blank_pop .outer1pop .innera {} .blank_pop .outer1pop .innera table td { border-bottom:1px #ddd solid !important; border-right:1px #ddd solid; padding:7px 0 4px 0; font-size:11px; color:#666; text-align:center;} .blank_pop .outer1pop .innera table td.texR { padding-right:5px;} .blank_pop .outer1pop table.stde1 { margin-top:-1px;} .blank_pop .outer1pop table.stde1 td { border-top:1px #ddd solid !important; border-right:1px #ddd solid; padding:7px 0 4px 0; font-size:11px; color:#666; text-align:center; font-weight:bold;} .blank_pop .outer1pop table.stde1 td.texR { padding-right:5px;} /* ----------------- */ .step1 .texR { margin:9px 20px 0 0;} .step1 .btn { text-align:right; margin-right:20px;} .step1 .notice { border-top:1px #ddd solid; margin:30px 20px 0 20px;} .step1 .notice h5 { margin:30px 0 0 0;} .step1 .notice ul { margin:15px 0 50px 0;} .step1 .notice ul li { color:#666; background:url(http://www.ehyundai.com/card/images/common/dot_a03.gif) no-repeat left 3px; padding-left:10px; margin-bottom:9px;} .step2 { border:1px #ccc solid; margin-bottom:2px;} .step2 h3 { background:#ddd url(http://www.ehyundai.com/card/images/use/tex_step2.gif) no-repeat 21px 8px; height:40px; margin-bottom:2px;} .step2 h3.op { background:#F8F8F8 url(http://www.ehyundai.com/card/images/use/tex_step2_b.gif) no-repeat 21px 8px; height:40px; margin-bottom:2px;} .step2 h3 p { margin:11px 0 0 220px;} .step2 .stepBox23 { text-align:center; padding:0 20px 50px;} .step2 .stepBox23 .btn_popClose { float:right; margin-top:20px;} .step2 .stepBox23 .stepNO2 { padding-top:40px;} .step2 .stepBox23 .contsx2 { border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin:40px 0 30px; padding:20px 0;} .step2 .stepBox23 .contsx2 { background:url(http://www.ehyundai.com/card/images/use/iv_a01.gif) no-repeat 222px 70px;} .step2 .stepBox23 .contsx2 div { margin-bottom:3px; vertical-align:middle;} .step2 .stepBox23 .contsx2 p {} .step2 .stepBox23 .contsx2 ul { text-align:left; margin:25px 0 10px 280px;} .step2 .stepBox23 .contsx2 ul li { background:url(http://www.ehyundai.com/card/images/common/dot_a04.gif) no-repeat left 4px; padding-left:8px; margin-bottom:3px; font-size:11px;} .contsx2Btn { text-align:center;} .step3 { border:1px #ccc solid; margin-bottom:2px;} .step3 h3 { background:#ddd url(http://www.ehyundai.com/card/images/use/tex_step3.gif) no-repeat 21px 8px; height:40px;} .step3 h3.op { background:#F8F8F8 url(http://www.ehyundai.com/card/images/use/tex_step3_b.gif) no-repeat 21px 8px; height:40px;} .step3 .stepBox33 { text-align:center; padding:0 20px 50px;} .step3 .stepBox33 .stepNO3 { padding-top:40px;} .step3 .stepBox33 .contsx3 { border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin:40px 0 30px; padding:20px 0;} .step3 .stepBox33 .contsx3 { background:url(http://www.ehyundai.com/card/images/use/iv_a02.gif) no-repeat 122px 20px;} .step3 .stepBox33 .contsx3 ul { text-align:left; margin:5px 0 10px 190px;} .step3 .stepBox33 .contsx3 ul li { background:url(http://www.ehyundai.com/card/images/common/dot_a04.gif) no-repeat left 4px; padding-left:8px; margin-bottom:3px; font-size:11px;} .contsx3Btn { text-align:center;} /* 새창팝업 */ .pop_body { background:none;} .blank_pop * { font-size:11px;} .blank_pop { background:url(http://www.ehyundai.com/card/images/common/bg_pop_b.gif) repeat-x left top; width:460px;} .blank_pop dt { height:36px; padding:20px 30px 0;} .blank_pop dt a { float:right;} .blank_pop dt span { float:left;} .blank_pop dd { padding:25px 30px 0;} .blank_pop2 { background:url(http://www.ehyundai.com/card/images/common/bg_pop_b.gif) repeat-x left top; width:460px;} .blank_pop2 dl.tew dt { height:36px; padding:20px 30px 0;} .blank_pop2 dl.tew dt a { float:right;} .blank_pop2 dl.tew dt span { float:left;} .blank_pop2 dl.tew dd { padding:25px 30px 0;} .bntsRe { background:url(http://www.ehyundai.com/card/images/common/pi_tex01.gif) no-repeat left top; text-align:right;} .calLn { background:url(http://www.ehyundai.com/card/images/common/cn.png) no-repeat left top; width:208px; height:166px;} .calLn div { text-align:center; margin:8px 0 5px 0;} .calLn table { width:179px; margin-left:11px;} .calLn table th { border-top:1px #E5E5E5 solid; padding:3px 0;} .calLn table td { text-align:center; border:1px #E5E5E5 solid; width:24px; padding:2px 0 0;} .calLn table td a { color:#4C4C4C;} .calLn table td.sun a { color:#E36825;} .calLn table td.sat a { color:#60A9A6;} .calLn table td.now { background:#FFEFA2;} .sitemap { margin-top:50px;} .sitemap h2 { border-bottom:2px #9b8a62 solid; padding:0 0 5px 9px;} .sitemap .sin ul { margin:17px 0 0 5px; width:120px; float:left;} .sitemap .sin2 ul { margin:17px 0 0 5px; width:115px; float:left;} .sitemap ul li { margin-bottom:6px;} .sitemap ul li a.det { background:url(../images/common/icon_list01.gif) no-repeat left 4px; padding-left:8px; color:#333; font-weight:bold; margin-left:0;} .sitemap ul li a.det:hover { color:#E39825;} .sitemap ul li a{ margin-left:9px; color:#999;} .my_card h3 {margin-top:20px} .card_confirm { border-top:2px solid #9b8a62; background:url(../../newPortal/images/mypage/bg_cardconfirm.gif) no-repeat 7px 23px; padding:40px 0 0 160px } .card_use { background:url(../../newPortal/images/mypage/bg_carduse.gif) no-repeat 13px 20px !important;} .card_confirm strong { color:#666; line-height:18px;} .card_confirm p { font-size:11px; line-height:14px;} .my_card .det01 { border-top:2px solid #9b8a62; border-bottom:1px solid #ddd; padding:15px 0 10px} .my_card .det01 dl { } .my_card .det01 dl dt { float:left; margin-bottom:6px;} .my_card .det01 dl dd { float:left; color:#666; margin-bottom:5px; padding-left:10px} .my_card .det01 dl dd.date { width:80px;} .my_card .det01 dl dd.bank { width:170px} .my_card .det01 dl dd strong { color:#666;} .my_card .det02 { padding:15px 0 0} .my_card .det02 ul { margin-top:5px; overflow:hidden; height:1%;} .my_card .det02 ul li { float:left; text-align:center;} .my_card .det02 ul li.nt01 { width:67px;} .my_card .det02 ul li.nt02 { width:220px;} .my_card .det02 ul li.nt03 { width:70px;} .mymain .amount { clear:both; height:1%; overflow:hidden; margin:10px 0} .mymain .amount img { float:left; vertical-align:middle} .mymain .amount img.mr05 { margin-right:5px} .mymain .det02 .amount { margin:5px 0 0} .sel table td { padding:0;} /* 보험서비스 */ .tenNe { margin-top:50px; background:url(http://www.ehyundai.com/card/images/enjoy/tab_ne_bg.gif) repeat-x left bottom; width:100%;} .tenNe li { float:left; margin:0 0 -4px 0;} .tenNe li a { float:left;} .ten_tit { position:relative;} .ten_tit p { position:absolute; right:0; top:4px; font-size:11px; line-height:16px;} .tdTne td { font-size:12px !important;} .tdTne td strong { color:#666;} .tdTne td strong.cos { color:#9B8A62; font-size:11px;} .tdTne td ul { margin-top:5px;} .tdTne td ul li { color:#999; background:url(../images/common/icon_list01.gif) no-repeat left 5px; padding-left:8px; line-height:10x;} ul.dnt li { color:#999; background:url(../images/common/icon_list01.gif) no-repeat left 5px; padding-left:8px; line-height:16px; margin-bottom:5px; font-size:11px;} .pns { background:url(http://www.ehyundai.com/card/images/use/icon_warn.gif) no-repeat left top; padding-left:18px; margin-top:5px; color:#9B8A62; font-size:11px; line-height:16px;} .pns2 { line-height:18px; color:#666;} .pns2 a { text-decoration:underline; color:#9B8A62;} .pns3 { color:#9B8A62; font-weight:bold; line-height:18px;} .pns4 { color:#9B8A62; font-weight:bold;} .pns5 { background:url(http://www.ehyundai.com/card/images/use/icon_warn.gif) no-repeat left top; padding-left:18px; margin-top:5px; color:#9B8A62; font-size:11px; line-height:16px; font-weight:bold;}