@charset "utf-8"; @import url('common.css'); /* common css */ /* Main */ body#main{position:relative; background:#FFF;} /* body 부분 */ /* flex slider */ .flex-control-paging {display:table;} .flex-control-paging li {margin-right:5px; float:left;} .flex-control-paging li a {width:10px; height:10px; display:block; background:#b5b4b4; text-indent:-9999px;} .flex-control-paging li a:hover , .flex-control-paging li a.flex-active {background:#e83d44 !important;} /******************* //visual *******************/ #bgWrap {position:absolute; top:0; left:0; width:100%; height:780px; min-width:966px;} #bgWrap span{overflow:hidden; position:absolute; top:-10000px; left:0; visibility:hidden; font-size:0; line-height:0; height:0;} #bgWrap .global{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_global_wrap.jpg') no-repeat center top;} #bgWrap .mobile{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_mobile_wrap.jpg') no-repeat center top;} #bgWrap .unionpay{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_unionpay_wrap.jpg') no-repeat center top;} #bgWrap .newyear{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_newyearsday_wrap.jpg') no-repeat center top;} #bgWrap .ohpoint{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_ohpoint_wrap.jpg') no-repeat center top;} #bgWrap .green{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_green_wrap.jpg') no-repeat center top;} #bgWrap .loung{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_loung_wrap.jpg') no-repeat center top;} #bgWrap .marketing{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_marketing_wrap.jpg') no-repeat center top;} #bgWrap .season{position:absolute; width:100%; height:780px; background:url('/images/individual/main/bg_season_wrap.jpg') no-repeat center top;} /******************* //visual *******************/ #wrapper{position:relative; display:inline-block; width:100%; /*height:100%; z-index:12;*/} #wrapper #contentWrap {position:relative; width:1000px; height:780px; margin:0 auto;} #main .skip{position:absolute; top:27px; left:50%; margin-left:-483px; z-index:11;} #contentWrap #maincntWr .icnBtn {position:absolute; bottom:204px; left:0; z-index:999;} /* event영역 추가전 bottom:215px */ #contentWrap #maincntWr .icnBtn img{margin-right:2px;} #contentWrap #maincntWr{position:relative; width:713px; z-index:10;} #contentWrap #maincntWr .header{position:relative; display:inline-block; width:693px; /*height:148px;*/ z-index:10;} #contentWrap #maincntWr .header .snb{overflow:hidden; float:right; margin-top:30px;} #contentWrap #maincntWr .header .snb li{float:left; background:url('/images/individual/main/bu_bar_fff.gif') no-repeat right 2px; margin-right:8px; padding-right:10px;} #contentWrap #maincntWr .header .snb li.last{background:none; margin-right:0; padding-right:0;} #contentWrap #maincntWr .header .gnbWr{overflow:hidden; float:left; width:100%; margin-top:25px; padding:0;} #contentWrap #maincntWr .header .gnbWr h1{float:left;} #contentWrap #maincntWr .header .gnbWr .menu{float:right; width:538px; margin-top:5px;} #contentWrap #maincntWr .header .gnbWr .menu ul{} #contentWrap #maincntWr .header .gnbWr .menu ul li{float:left; background:url('/images/individual/main/bu_bar_gnb.gif') no-repeat right 2px; margin-right:24px; padding-right:28px;} #contentWrap #maincntWr .header .gnbWr .menu ul li.last{background:none; margin-right:0; padding-right:0;} #contentWrap #maincntWr .body{position:relative; width:100%; height:470px; margin-top:145px; z-index:9;} #contentWrap #maincntWr .body:after{display:block; content:''; clear:both;} #contentWrap #maincntWr .body .mainCtnWr{width:713px;position:absolute; top:0; left:0;} #contentWrap #maincntWr .body .mainCtnWr h2{height:128px;} #contentWrap #maincntWr .body .mainCtnWr .youTube {width:353px;height:186px;position:absolute;left:262px;top:144px;} #contentWrap #maincntWr .body .mainCtnWr .event_m1 {position:absolute;left:30px;top:-55px;display:none;} #contentWrap #maincntWr .body .mainCtnWr .event_m2 {position:absolute;left:420px;top:-95px;display:none;} #contentWrap #maincntWr .body .mainCtnWr .event_m3 {position:absolute;left:30px;top:113px;display:none;} #contentWrap #maincntWr .body .mainCtnWr .event_m4 {position:absolute;left:420px;top:65px;display:none;} #contentWrap #maincntWr .body .desc{} #contentWrap #maincntWr .body .btn{margin-top:30px;} #contentWrap #maincntWr .body .btn a{display:inline} #contentWrap #maincntWr .body .eventTxt {margin-top:30px; height:37px; background:url('/images/individual/main/bg_eventTxt_brd.png') repeat-x left top;} #contentWrap #maincntWr .body .eventTxt .txtset {padding:11px 0; height:15px;} #contentWrap #maincntWr .body .eventTxt .txtset .ico_set {margin-right:5px;} #contentWrap #maincntWr .body .eventTxt .txtset .img_set {margin-top:2px;} #contentWrap #maincntWr .footer{width:100%; height:70px; /*padding-top:70px;*/} #contentWrap #maincntWr .footer .info{width:100%;} #contentWrap #maincntWr .footer .info:after{display:block; content:''; clear:both;} #contentWrap #maincntWr .footer .info li{float:left; background:url('/images/individual/main/bu_bar.gif') no-repeat right 6px; margin-right:11px; padding-right:9px;} #contentWrap #maincntWr .footer .info li.last{background:none; margin-right:0; padding-right:0;} #contentWrap #maincntWr .footer .info li.ars {background:none; margin-right:12px; padding-right:0;} #contentWrap #maincntWr .footer .info li.ncsi {background:none; margin:-2px 0 0 0; padding-right:0;} #contentWrap #maincntWr .footer .menu {overflow:hidden; float:left; margin-top:10px;} #contentWrap #maincntWr .footer .menu li{float:left; background:url('/images/individual/main/bu_bar_menu.gif') no-repeat right; margin-right:7px; padding-right:4px;} #contentWrap #maincntWr .footer .menu li.companyF {background:url('/images/individual/main/txt_company_introduce.png') no-repeat 0 0; padding-right:0;} #contentWrap #maincntWr .footer .menu li.companyF img {width:128px; height:13px;} #contentWrap #maincntWr .footer .menu li.last{background:none;margin-right:0; padding-right:0;} #contentWrap #maincntWr .footer .familySite{float:right; margin-top:7px;} #contentWrap #maincntWr .footer .copyright{float:left; margin-top:3px;} #contentWrap #maincntWr .footer .issueOrg{float:right; margin-top:3px;} /* 오른쪽 메뉴(접힌화면) */ #asideWr{position:absolute; overflow:hidden; top:0; left:0; width:963px; height:780px; z-index:9;} .asideFold{position:absolute; top:0; right:0; height:780px; } #contentWrap .asideFold{float:right; position:relative; width:240px; height:780px; background:url('/images/individual/main/bg_aside_close.png') repeat-y right top;} #contentWrap .asideFold .cont{/*float:left;*/ width:170px; height:750px; padding:30px 20px 0;} #contentWrap .asideFold .openBtn{position:absolute; top:0; right:0; width:30px; height:780px; text-align:center;} #contentWrap .asideFold .openBtn a{display:block; height:780px;} #contentWrap .asideFold .openBtn a img{position:absolute; top:50%; left:0; margin:-10px 0 0 6px;} #contentWrap .asideFold .topMenu{overflow:hidden; width:100%;} #contentWrap .asideFold .topMenu li{float:left;} #contentWrap .asideFold .sechWr {margin-top:15px;} #contentWrap .asideFold .sechWr ul{overflow:hidden;} #contentWrap .asideFold .sechWr ul li{float:left;} #contentWrap .sechBox{position:absolute; top:160px; right:-220px; width:170px; height:24px; background:url('/images/individual/main/bg_search_box.gif') no-repeat; margin-top:10px;} #contentWrap .sechBox .input{margin:3px 0 0 3px; border:none; position:relative;} #contentWrap .sechBox input{/*float:left;*/ position:absolute; top:0; right:0;} #contentWrap .asideFold .serviceMenu{width:100%; margin-top:50px;} #contentWrap .asideFold .serviceMenu ul{overflow:hidden; width:170px;} #contentWrap .asideFold .serviceMenu ul li{float:left; width:83px; padding:0 1px 2px 1px; display:inline;} #contentWrap .asideFold .newsNotice{overflow:hidden; width:100%; margin-top:30px;} #contentWrap .asideFold .newsNotice ul {margin-top:15px;} #contentWrap .asideFold .newsNotice ul li{padding:15px 0; background:url('/images/individual/main/bg_notice_line.gif') no-repeat left bottom;} #contentWrap .asideFold .newsNotice ul li p{width:160px; color:#242424; font-size:12px; white-space:nowrap;} #contentWrap .asideFold .newsNotice ul li p a{color:#242424;} #contentWrap .asideFold .newsNotice ul li .date{display:inline-block; margin-top:3px; color:#555555; font-size:12px;} /* 오른쪽 메뉴(열린화면) */ .asideUnfold{position:relative; width:963px; height:100%; padding-left:963px; background:url('/images/individual/main/bg_aside_open.png') repeat-y right top;} .asideUnfold .skipNavi{position:absolute; top:6px; left:60px; /*right:155px;*/} #contentWrap .asideUnfold .cont{position:relative; width:870px; /*height:750px;*/ padding:10px 0 0 60px;} #contentWrap .asideUnfold .cont .header{width:100%; /*height:148px;*/} #contentWrap .asideUnfold .cont .header .snb{overflow:hidden; float:right;} #contentWrap .asideUnfold .cont .header .snb li{float:left; background:url('/images/individual/main/bu_bar_89.gif') no-repeat right 2px; margin-right:8px; padding-right:10px;} #contentWrap .asideUnfold .cont .header .snb li.last{background:none; margin-right:0; padding-right:0;} #contentWrap .asideUnfold .cont .header .snb li.last .allMenuWr{display:none;} #contentWrap .asideUnfold .cont .header .gnbWr {display:inline-block; width:100%; margin-top:30px; padding:0;} #contentWrap .asideUnfold .cont .header .gnbWr .menu{float:left;} #contentWrap .asideUnfold .cont .header .gnbWr .menu h1{float:left;} #contentWrap .asideUnfold .cont .header .gnbWr .menu ul{float:left; margin:9px 0 0 40px;} #contentWrap .asideUnfold .cont .header .gnbWr .menu ul li{float:left; background:url('/images/individual/main/bu_bar_ae.gif') no-repeat right 2px; margin-right:29px; padding-right:29px;} #contentWrap .asideUnfold .cont .header .gnbWr .menu ul li.last{background:none; margin-right:0; padding-right:0;} #contentWrap .asideUnfold .cont .header .gnbWr .sechForm{position:relative; float:right; width:170px; height:24px; background:url('/images/individual/main/bg_search_box_02.gif') no-repeat left top; margin-top:4px;} #contentWrap .asideUnfold .cont .header .gnbWr .sechForm .input{position:relative; margin:2px 0 0 3px; border:none;} #contentWrap .asideUnfold .cont .header .gnbWr .sechForm input{/*float:left;*/ position:absolute; top:0; right:0;} #contentWrap .asideUnfold .cont .cardArea{width:100%; margin-top:60px; overflow:hidden;} #contentWrap .asideUnfold .cont .cardArea .cardListScr{display:inline-block; position:relative; float:left; width:572px; height:90px; margin-top:20px;} #contentWrap .asideUnfold .cont .cardArea .cardListScr a.prev{position:absolute; top:26px; left:0;} #contentWrap .asideUnfold .cont .cardArea .cardListScr a.next{position:absolute; top:26px; right:0;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list{overflow:hidden; position:relative; width:510px; height:100px; margin-left:30px;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul{width:10000px; position:absolute; top:0; left:0;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul li{float:left; width:170px; height:90px; /*margin-right:55px;*/} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul li img{width:117px; height:74px;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul li a{display:inline-block; width:170px; text-align:center;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul li p{margin-top:5px; font-size:12px; letter-spacing:-1px; text-align:center;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .list ul li p a{text-decoration:none; color:#5c5c5c;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .num{position:absolute; top:-20px; right:0; color:#525252; font-weight:bold;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .num .selected{color:#fa3246;} #contentWrap .asideUnfold .cont .cardArea .cardListScr .num .total{color:#292828;} #contentWrap .asideUnfold .cont .cardArea .cardSech{float:right;} #contentWrap .asideUnfold .cont .event{display:inline-block; width:100%; margin-top:60px;} #contentWrap .asideUnfold .cont .event ul{margin-top:10px;} #contentWrap .asideUnfold .cont .event ul li{float:left; margin-right:20px;} #contentWrap .asideUnfold .cont .event ul li.last{margin-right:0;} #contentWrap .asideUnfold .cont .footer{position:relative; display:inline-block; width:100%; margin-top:60px;} #contentWrap .asideUnfold .cont .footer .info{width:100%;} #contentWrap .asideUnfold .cont .footer .info:after{display:block; content:''; clear:both;} #contentWrap .asideUnfold .cont .footer .info li{float:left; background:url('/images/individual/main/bu_bar_8d.gif') no-repeat right 2px; margin-right:11px; padding-right:9px;} #contentWrap .asideUnfold .cont .footer .info li.last{background:none; margin-right:0; padding-right:0;} #contentWrap .asideUnfold .cont .footer .info li.ars{background:none; margin-right:13px; padding-right:0;} #contentWrap .asideUnfold .cont .footer .info li.ncsi{background:none; margin:-2px 0 0 0; padding-right:0;} #contentWrap .asideUnfold .cont .footer .menu {overflow:hidden; float:left; margin-top:10px;} #contentWrap .asideUnfold .cont .footer .menu li{float:left; background:url('/images/individual/main/bu_bar_menu.gif') no-repeat right 3px; margin-right:7px; padding-right:8px;} #contentWrap .asideUnfold .cont .footer .menu li.last{background:none;margin-right:0; padding-right:0;} #contentWrap .asideUnfold .cont .footer .familySite{float:left; margin:7px 0 0 20px;} #contentWrap .asideUnfold .cont .footer .copyright{float:left; margin-top:3px;} #contentWrap .asideUnfold .cont .footer .issueOrg{float:left; margin:3px 0 0 69px;} #contentWrap .asideUnfold .cont .footer .qrCode{position:absolute; top:-5px; right:0;} #contentWrap .asideUnfold .closeBtn{position:absolute; top:0; left:0; width:30px; height:780px; text-align:center;} #contentWrap .asideUnfold .closeBtn a{display:block; height:780px;} #contentWrap .asideUnfold .closeBtn a img{position:absolute; top:50%; left:0; margin:-10px 0 0 6px;} #contentWrap .storeWr{overflow:hidden; margin-top:53px;} #contentWrap .themeCon {float:left; position:relative; width:276px; height:124px;} #contentWrap .themeCon p.tit{margin:19px 0 8px; color:#373737; font-weight:bold; font-size:14px;} #contentWrap .themeCon p.tit a{color:#373737;} #contentWrap .themeCon .sliderkit-nav{/*position:relative;*/ margin:0;} #contentWrap .themeCon .sliderkit-nav-clip {overflow:hidden; position: relative; /*margin-top:9px;*/} #contentWrap .themeCon .sliderkit-nav-clip ul {position:absolute; width:2000px; left:0; top:0; margin:0; padding:0;} #contentWrap .themeCon .sliderkit-nav-clip ul li{float:left; width:276px; height:103px;} #contentWrap .themeCon .sliderkit-nav-clip ul li .thumb{float:left;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl{float:left; width:185px; margin:8px 0 0 10px;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl dt {width:100%; overflow:hidden;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl dt img{float:left;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl dt .txt{float:left; margin-left:6px; font-weight:bold;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl dt .txt a{color:#555555;} #contentWrap .themeCon .sliderkit-nav-clip ul li dl dd{margin-top:8px; line-height:16px; color:#555555; font-size:12px;} #contentWrap .themeCon .sliderkit-nav-btn {position:absolute; width:11px; height:11px; z-index:10;} #contentWrap .themeCon .sliderkit-nav-prev {left:249px; top:36px;} #contentWrap .themeCon .sliderkit-nav-next {right:0; top:36px;} #contentWrap .themeCon .sliderkit-nav-btn a { display: block; cursor: pointer; width:11px; height:11px; background: url('/images/individual/main/btn_ser_arrow.gif') no-repeat 0 0;} #contentWrap .themeCon .sliderkit-nav-next a {background-position: 100% 0;} #contentWrap .themeCon .sliderkit-nav-btn span {display: none;} #contentWrap .recomStore{float:left; width:276px; height:124px; margin-left:20px;} #contentWrap .recomStore .tit{overflow:hidden; width:100%; margin-top:20px; color:#242424; font-size:14px; font-weight:bold;} #contentWrap .recomStore .tit img{float:left;} #contentWrap .recomStore .tit a{color:#242424;} #contentWrap .recomStore .tit .txt{/*float:left;*/ margin-left:5px;} #contentWrap .recomStore .tit .num{/*float:left;*/ color:#397caa; font-weight:bold; font-size:12px; vertical-align:1px;} #contentWrap .recomStore .tit .num a{color:#397caa;} #contentWrap .recomStore .info{overflow:hidden; width:100%; margin-top:7px;} #contentWrap .recomStore .info dl{} #contentWrap .recomStore .info dl dt{float:left;} #contentWrap .recomStore .info dl dd{float:left; width:180px; margin:3px 0 0 10px; line-height:16px;} #contentWrap .recomStore .info dl dd.ico{margin-top:8px;} #contentWrap .recomStore .bestStore{overflow:hidden; width:100%; margin-top:10px;} #contentWrap .recomStore .bestStore .thumb{float:left; width:86px;} #contentWrap .recomStore .bestStore p{float:left; width:180px; margin:10px 0 0 5px; font-size:12px; line-height:16px; letter-spacing:-1px;} #contentWrap .bcsns{position:relative; float:left; /*margin-left:20px; width:278px;*/ margin-left:17px; width:281px; height:124px;} #contentWrap .bcsns h3{float:left;} #contentWrap .bcsns .btn{float:right;} #contentWrap .bcsns .snsCon{/*overflow:auto;*/ float:left; width:100%; height:83px; margin-top:20px;} #contentWrap .bcsns .snsCon a{display:block;} #contentWrap .bcsns .snsCon .thumb{float:left; width:80px;} #contentWrap .bcsns .snsCon .snsTxt{float:left; width:165px; margin-left:10px;} #contentWrap .bcsns .snsCon .snsTxt .name{display:block; margin-bottom:5px; color:#3969aa; font-size:12px; text-decoration:underline; font-weight:bold;} #contentWrap .bcsns .snsCon .snsTxt .desc{color:#555555; font-size:12px;} #contentWrap .bcsns .snsCon .snsTxt .txt{display:inline-block; margin-top:12px; line-height:16px; color:#555555; font-size:12px;} /* 2012-06-28 변경 전 */ #contentWrap .bcsns .snsCon dl{float:left; width:165px; margin-left:10px;} #contentWrap .bcsns .snsCon dl dt {color:#555555; font-size:12px;} #contentWrap .bcsns .snsCon dl dt .name{display:block; margin-bottom:5px; color:#3969aa; font-size:12px; text-decoration:underline; font-weight:bold;} #contentWrap .bcsns .snsCon dl dd{ margin-top:13px; line-height:16px; color:#555555; font-size:12px;} /* //2012-06-28 변경 전 */ /* 메인 전체메뉴(슬라이드 펼쳐진 화면포함) */ #contentWrap #maincntWr .header .snb li .allMenuWr{display:none; position:absolute; top:46px; left:0; width:960px; height:647px; background:url('/images/individual/main/bg_allmenu_box.gif') no-repeat; padding-top:45px; /*z-index:20;*/} #contentWrap .asideUnfold .cont .header .snb li .allMenuWr02{display:none; position:absolute; top:27px; left:0; width:960px; height:647px; background:url('/images/individual/main/bg_allmenu_02_box.gif') no-repeat; padding-top:45px; /*z-index:20;*/} #contentWrap #maincntWr .header .snb li .sitemap, #contentWrap .asideUnfold .header .snb li .sitemap{position:relative; width:910px; padding:0 20px 0 30px;} #contentWrap #maincntWr .header .snb li .sitemap .check, #contentWrap .asideUnfold .header .snb li .sitemap .check{margin:0;} #contentWrap #maincntWr .header .snb li .sitemap .check ul, #contentWrap .asideUnfold .header .snb li .sitemap .check ul{overflow:hidden;} #contentWrap #maincntWr .header .snb li .sitemap .check ul li, #contentWrap .asideUnfold .header .snb li .sitemap .check ul li{float:left; margin:0 20px 0 0; background:none; padding:0;} #contentWrap #maincntWr .header .snb li .sitemap .btnClose, #contentWrap .asideUnfold .header .snb li .sitemap .btnClose{position:absolute; top:-30px; right:20px;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr{position:relative; width:100%; height:600px; margin-top:0; overflow-y:auto; overflow-x:hidden;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu1, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu1{display:inline-block; width:100%; background:url('/images/individual/common/gnb/bg_sitemap_line_02.gif') repeat-y; padding-bottom:20px;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu1 li, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu1 li{position:relative; float:left; width:165px; margin:0; padding:0 0 0 20px; background:none;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu1 li.first, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu1 li.first{padding-left:0;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu1 li.last, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu1 li.last{width:150px;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul li h2, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul li h2{height:13px; line-height:12px; font-size:0;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul li h3, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul li h3{color:#242424; margin:20px 0 0 0; font-size:12px; line-height:12px;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul li h3 a, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul li h3 a{color:#242424;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu2, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu2{} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu2 li, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu2 li{display:block; float:none; width:157px; margin:6px 0 0; padding:0; border-right:0; background:url('/images/individual/common/ic/bu_sq_555.gif') no-repeat left 4px; padding-left:8px; color:#242424;} #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu2 li:first-child {margin-top:0;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu2 li a, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu2 li a{color:#242424;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu3, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu3 {width:auto; margin-top:7px;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu3 li, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu3 li{display:block; float:none; width:155px; height:auto; background:url('/images/individual/common/ic/bu_bar_76.gif') no-repeat left 6px; margin:6px 0 0 3px; padding-left:7px; color:#555555;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu3 li:first-child, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu3 li:first-child {margin-top:0;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu3.menu3_2 li, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu3.menu3_2 li{margin:0;} #contentWrap #maincntWr .header .snb li .sitemap .siteMapScr ul.menu3 li a, #contentWrap .asideUnfold .header .snb li .sitemap .siteMapScr ul.menu3 li a{color:#555555;} /* 전체메뉴 슬라이드 펼쳐진부분 */ /* Main */ /* Sub Main */ #mainWrap .familySiteMenu .rela100{z-index:30;} #container .leftSec {float:left; overflow:hidden; position:relative; width:710px; margin:0 30px 0 0;} .leftSec h2 {position:absolute; left:0; top:33px; z-index:14;} .box01W710Btm {background:url('/images/individual/common/bg/bg_box_01_710_btm.gif') no-repeat left bottom;} .box01W710Top {background:url('/images/individual/common/bg/bg_box_01_710_top.gif') no-repeat left top;} #container .rightSec {float:left; width:219px;height:100%; } /* common lh */ #contents .topBlock { position:relative; padding:0 190px;} #contents .topBlock .leftLink,#contents .topBlock .rightLink{position:absolute;top:0;} #contents .topBlock .leftLink a,#contents .topBlock .rightLink a{padding:20px 10px;width:170px;height:150px; text-decoration:none;text-align:center; display:block;} #contents .topBlock .leftLink p,#contents .topBlock .rightLink p{margin-top:7px; font-family:RixGoL;font-size:13px;line-height:1.5;letter-spacing:-0.5px;color:#242424;} #contents .topBlock .leftLink .linkT p,#contents .topBlock .rightLink .linkB p{color:#fff;} #contents .topBlock .leftLink{left:0;} #contents .topBlock .rightLink{right:0;} #contents .topBlock .leftLink .linkT{background-color:#e74f54;} #contents .topBlock .leftLink .linkB{background-color:#dfd4cc;} #contents .topBlock .visualBlock .actionbg{width:580px;height:380px; overflow:hidden; position:relative;} #contents .topBlock .visualBlock .actionbg .txt1{font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424; position:absolute;top:38px;left:-100px;opacity:0;} #contents .topBlock .visualBlock .actionbg .txt2{font-family:RixGoM;font-size:34px;line-height:1.3;color:#242424; position:absolute;top:56px;left:-100px;opacity:0; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */} #contents .topBlock .visualBlock .actionbg .txt3{font-family:RixGoM;font-size:13px;line-height:1.3;color:#545454; position:absolute;top:122px;left:-100px;opacity:0;} #contents .topBlock .visualBlock .actionbg .btn{position:absolute;top:190px;left:-100px;opacity:0;} #contents .topBlock .visualBlock .actionbg .btn a{margin-right:5px;width:130px;height:30px; font-family:RixGoM;font-size:13px;line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} #contents .btmBlock{/*margin-top:10px;*/width:800px; float:left;} #contents .btmBlock ul{margin-top:10px;} /*#contents .btmBlock ul:first-child{margin-top:0;}*/ #contents .btmBlock li{float:left;} #contents .btmBlock li .inner {padding:15px;width:170px;height:158px; text-decoration:none; display:block;position:relative;} #contents .btmBlock li .inner:hover em { color:#e83d44} #contents .btmBlock li h3{font-family:RixGoM;font-size:21px;line-height:1.3;color:#242424; font-weight:bold; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */} #contents .btmBlock li h3 + p{margin-top:6px;color:#555555;} #contents .btmBlock li em {font-family:RixGoM;font-size:16px;line-height:1.3;color:#242424;} #contents .btmBlock li p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} #contents .btmBlock li .list li {padding:0 0 4px 10px; margin-top:6px; background:url('/images/individual/common/ic/bul_list2.gif') no-repeat left center; float:none;} #contents .btmBlock li .list li:first-child {margin-top:0;} #contents .btmBlock li .list li a{font-family:RixGoL;font-size:13px;line-height:1.2;color:#545454;} #contents .btmBlock li.first {border-bottom:solid 2px #c4c5c5;background-color:#c4c5c5 !important;} #contents .btmBlock li.bgType1{border-bottom:solid 2px #ececec;background-color:#ececec;} #contents .btmBlock li.bgType2{border-bottom:solid 2px #f9f9f9;background-color:#f9f9f9;} #contents .btmBlock li .arrow {width:9px;height:18px; text-indent:-9999px; background:url('/images/individual/common/bg/bul_btm_arrow.png') no-repeat 0 0; display:block; position:absolute;top:89px;right:-9px;} /* 카드상품 메인 */ .card #contents .topBlock { position:relative; padding:0} .card #contents .topBlock .rightLink { position:absolute;top:0; right:0} .card #contents .topBlock .rightLink a { padding:16px 0 0 12px; width:276px; height:78px; text-decoration:none; display:block; border-top:1px solid #ec636a; background-color:#e83d45; text-align:left;} .card #contents .topBlock .rightLink a:first-child { border-top:none; height:79px;} .card #contents .topBlock .rightLink a:hover, .card #contents .topBlock .rightLink a:focus { background-color:#5a5859;} .card #contents .topBlock .rightLink span { margin-top:19px; font-family:RixGoM; font-size:14px; line-height:1.5; letter-spacing:-0.5px; color:#fff; display:inline-block;} .card #contents .topBlock .visualBlock .slider { width:712px; overflow:hidden;} .card #contents .topBlock .visualBlock .actionbg { width:712px; height:380px; overflow:hidden; position:relative;} .card #contents .topBlock .visualBlock .actionbg .txt1 {font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424; position:absolute;top:38px;left:-100px;opacity:0;} .card #contents .topBlock .visualBlock .actionbg .txt2 { font-family:RixGoM; font-size:36px; line-height:1.3; color:#e83d44; position:absolute;top:65px;left:-100px;opacity:0; } .card #contents .topBlock .visualBlock .actionbg .txt3 { font-family:RixGoM; font-size:13px; line-height:1.3;color:#545454; position:absolute;top:122px;left:-100px;opacity:0;} .card #contents .topBlock .visualBlock .actionbg .btn { position:absolute;top:190px;left:-100px;opacity:0;} .card #contents .topBlock .visualBlock .actionbg .btn a { margin-right:5px;width:130px;height:30px; font-family:RixGoM;font-size:13px; line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .card #contents .topBlock .cardAct {position:relative;} .card #contents .topBlock .cardAct .actionbg .txt1, .card #contents .topBlock .cardAct .actionbg .txt2, .card #contents .topBlock .cardAct .actionbg .txt3{left:40px;opacity:1;} .card #contents .topBlock .cardAct .actionbg .btn{width:100%; left:0;opacity:1;} .card #contents .topBlock .cardAct .actionbg .btn a{width:100%; text-align:left; background:none;} .card #contents .topBlock .cardAct .actionbg .btn a span{margin-left:40px;width:130px;height:30px; font-family:RixGoM;font-size:13px;line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .card #contents .topBlock .cardAct .flex-pauseplay{position:absolute;bottom:20px;left:40px;} .card #contents .topBlock .cardAct .flex-control-nav{position:absolute;bottom:25px;left:65px;} .card #contents .cardWrap {margin-top:10px;width:800px; float:left;} .card #contents .btmBlock ul li.active .arrow {background:url('/images/individual/card/main/bul_btm_arrow_card.png') no-repeat 0 0;} .card #contents .btmBlock ul li.active.first { border-bottom:solid 2px #e83d44; background-color:#e83d44 !important;} .card #contents .btmBlock ul li.active.bgType1, .card #contents .btmBlock ul li.active.bgType2 { border-bottom:solid 2px #e83d44;} .card #contents .btmBlock ul li.active h3, .card #contents .btmBlock ul li.active h3 + p{color:#fff;} .card #contents .btmBlock .infoBlock .info1 .inner{background:url('/images/individual/card/main/img_info1.png') no-repeat 145px 135px;} .card #contents .btmBlock .infoBlock .info2 .inner{background:url('/images/individual/card/main/img_info2.png') no-repeat 145px 135px;} .card #contents .btmBlock .infoBlock .info3 .inner{background:url('/images/individual/card/main/img_info3.png') no-repeat 145px 135px;} .card #contents .btmBlock .selectBlock .select1 .inner{background:url('/images/individual/card/main/img_select1.png') no-repeat 145px 135px;} .card #contents .btmBlock .selectBlock .select2 .inner{background:url('/images/individual/card/main/img_select2.png') no-repeat 145px 135px;} .card #contents .btmBlock .selectBlock .select3 .inner{background:url('/images/individual/card/main/img_select3.png') no-repeat 145px 135px;} .card .recommendCard{background:url('/images/individual/card/main/bg_recommend.gif') no-repeat 0 0; position:relative;} .card .recommendCard h3 {font-family:RixGoM; font-weight:bold;font-size:13px;line-height:1.3;color:#545454; position:absolute;top:15px;left:215px;} .card .recommendCard .cardListWrap{padding:20px 0;position:relative;} .card .recommendCard .cardListWrap .listWrap{height:150px; overflow:hidden; position:relative;} .card .recommendCard .cardListWrap .listWrap ul{width:200px;position:absolute;left:0;top:0;} .card .recommendCard .cardListWrap .listWrap li em{width:200px;height:50px; text-indent:-9999px; display:block;} .card .recommendCard .cardListWrap .listWrap .list01 em{background:url('/images/individual/card/main/card_list_01.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list02 em{background:url('/images/individual/card/main/card_list_02.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list03 em{background:url('/images/individual/card/main/card_list_03.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list04 em{background:url('/images/individual/card/main/card_list_04.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list05 em{background:url('/images/individual/card/main/card_list_05.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list06 em{background:url('/images/individual/card/main/card_list_06.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list07 em{background:url('/images/individual/card/main/card_list_07.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list08 em{background:url('/images/individual/card/main/card_list_08.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list09 em{background:url('/images/individual/card/main/card_list_09.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list10 em{background:url('/images/individual/card/main/card_list_10.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .list11 em{background:url('/images/individual/card/main/card_list_11.png') no-repeat 0 0;} .card .recommendCard .cardListWrap .listWrap .item{visibility:hidden; opacity:0; position:absolute; top:-19px; left:200px; width:600px; overflow:hidden;} .card .recommendCard .cardListWrap .listWrap .item a {display:block;float:left;margin:0 21px 0 20px;width:159px;height:100px;text-align:center;padding:10px 0 0px 0;} .card .recommendCard .cardListWrap .listWrap .item a p {width:159px;font-family:RixGoL;font-size:13px;line-height:1.3;color:#242424;margin-top:10px;} /* .card .recommendCard .cardListWrap .listWrap .on em{background-position:0 -50px;background-color:#f2f2f2;} .card .recommendCard .cardListWrap .listWrap .on .item{display:block; position:absolute;top:20px;left:260px;} .card .recommendCard .cardListWrap .listWrap .on .item a{margin-left:55px;padding-top:40px;width:120px;height:110px; display:block;float:left;} .card .recommendCard .cardListWrap .listWrap .on .item a p{font-family:RixGoL;font-size:13px;line-height:1.3;color:#242424;} .card .recommendCard .cardListWrap .listWrap .on .item .card1{margin-left:0;} */ .card .recommendCard .cardListWrap .btnPrev, .card .recommendCard .cardListWrap .btnNext, .card .recommendCard .cardListWrap .btnPlay, .card .recommendCard .cardListWrap .btnStop{text-indent:-9999px; background:url('/images/individual/card/main/sp_card_control.png') no-repeat 0 0; display:block; position:absolute;} .card .recommendCard .cardListWrap .btnPrev{width:17px;height:9px;top:10px;left:87px; background-position:0 0;} .card .recommendCard .cardListWrap .btnNext{width:17px;height:9px;bottom:10px;left:87px; background-position:0 -19px;} .card .recommendCard .cardListWrap .btnPlay{width:20px;height:20px;top:10px;left:10px; background-position:0 -38px;} .card .recommendCard .cardListWrap .btnStop{width:20px;height:20px;top:10px;left:10px; background-position:0 -68px;} .card .lifeBlock {margin-top:10px; float:right;} .card .lifeBlock .actionbg {padding:15px;width:160px;height:360px; text-decoration:none; display:block;overflow:hidden; position:relative; background:url('/images/individual/card/main/life_bg1.jpg') no-repeat 0 0;} .card .lifeBlock .actionbg h3 {font-family:RixGoM; font-weight:bold; font-size:16px;line-height:1.2;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */} .card .lifeBlock .actionbg .list{margin-top:10px;} .card .lifeBlock .actionbg .list li{padding:0 0 1px 10px; margin-top:6px; background:url('/images/individual/common/ic/bul_list3.gif') no-repeat 0 center;} .card .lifeBlock .actionbg .list li:first-child {margin-top:0;} .card .lifeBlock .actionbg .list li a{font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .card .lifeBlock .actionbg .img1{position:absolute;left:0;bottom:80px;opacity:0;} .card .lifeBlock .actionbg .img2{position:absolute;left:35px;bottom:-50px;opacity:0;} /* Mybc change lh */ .mybc #contents .rightNav{width:190px;height:480px; background-color:#e83d45; float:right;} .mybc #contents .rightNav h2{margin:0 15px;padding:20px 0; font-family:RixGoL;font-size:22px;line-height:1.2;color:#fff; border-bottom:solid 1px #ee6e74;} .mybc #contents .rightNav .rnbNav{margin-top:15px;} .mybc #contents .rightNav li a{padding:14px 15px; font-family:RixGoL;font-size:13px;line-height:1.2;color:#fff;text-decoration:none; background-color:#e83d45;transition:all 0.5s;-webkit-transition:all 0.5s; display:block;} /* .mybc #contents .rightNav li a:hover, .mybc #contents .rightNav li a:focus{background-color:#d0272e;} */ .mybc #contents .userInfo{padding:15px;position:relative;} .mybc #contents .userInfo .btnSet{position:absolute;top:20px;right:15px;} .mybc #contents .userInfo em{font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff;} .mybc #contents .userInfo em strong{margin-right:3px; font-family:RixGoM;font-size:22px;line-height:1.3;color:#fff; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .mybc #contents .userInfo .ranking{margin-top:4px; font-family:RixGoL;font-size:13px;line-height:16px;color:#fff;} .mybc #contents .userInfo .ranking img{margin-right:5px;} .mybc #contents .userInfo .date{font-family:RixGoL;font-size:13px;line-height:20px;color:#fff;} .mybc #contents .search{padding-top:45px;width:100%;height:315px; position:relative;} .mybc #contents .search .cardList{height:205px;position:relative;} .mybc #contents .search .cardList div{width:100%;margin:0 auto;height:105px;overflow:hidden;position:relative;top:50px;} .mybc #contents .search .cardList div ul{width:357px;position:absolute;left:0;top:0;} .mybc #contents .search .cardList div ul li{float:left;width:190px;height:105px; text-align:center;} .mybc #contents .search .cardList div ul li p{margin-top:18px;font-family:RixGoL;font-size:16px;line-height:1.3;color:#fff;} .mybc #contents .search .cardList .cardPrev{width:21px;height:11px; text-indent:-9999px; background:url('/images/individual/mybc/main/sp_control.png') no-repeat 0 0; position:absolute;top:0;left:85px;} .mybc #contents .search .cardList .cardNext{width:21px;height:11px; text-indent:-9999px; background:url('/images/individual/mybc/main/sp_control.png') no-repeat 0 -11px; position:absolute;bottom:0;left:85px;} .mybc #contents .search .btnSearch{width:100%;height:60px; font-family:RixGoL;font-size:22px;line-height:60px;color:#fff;text-align:center; background-color:#d11720; display:block; position:absolute;bottom:0;} .mybc .myinfoBlock{margin:0 -10px -10px 0;width:810px;height:490px; float:left;} .mybc .myinfoBlock .section {margin:0 10px 10px 0;padding:15px;width:162px;height:180px;background-color:#f6f3ef; position:relative;float:left;} .mybc .myinfoBlock .section h3{font-family:RixGoL;font-size:16px;line-height:1.3;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */} .mybc .myinfoBlock .section .result{text-align:right; position:absolute;bottom:15px;right:15px;} .mybc .myinfoBlock .section .result p{margin-bottom:8px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454;} .mybc .myinfoBlock .section .result a{font-family:RixGoM;font-size:26px; font-weight:bold;line-height:1.3;color:#242424;} .mybc .myinfoBlock .section .result a:hover { color:#e83d44;} .mybc .myinfoBlock .section .result a span{margin-left:3px; font-family:RixGoM;font-size:16px;line-height:1.3;color:#242424;} .mybc .myinfoBlock .section .result a:hover span{ color:#e83d44;} .mybc .myinfoBlock .section ul{position:absolute;bottom:15px;left:15px;} .mybc .myinfoBlock .section li{margin-top:8px;padding-left:10px; background:url('/images/individual/common/ic/bul_list1.gif') no-repeat 0 center;} .mybc .myinfoBlock .benefit {width:364px;} .mybc .myinfoBlock .benefit h3{float:left;} .mybc .myinfoBlock .benefit .more{width:11px;height:11px; text-indent:-9999px; background:url('/images/individual/common/btn/btn_more2.png') no-repeat 0 0; display:block;float:right;} .mybc .myinfoBlock .benefit .graph .txt{font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454; position:absolute;bottom:15px;right:15px;} .mybc .myinfoBlock .benefit .graph ul {bottom:65px;left:80px;width:220px;height:83px;border-bottom:3px solid #595757;} .mybc .myinfoBlock .benefit .graph ul li{position:absolute;width:60px;height:0%;bottom:0;padding:0;margin:0;text-align:center;font-family:RixGoM; font-weight:bold; font-size:13px;} .mybc .myinfoBlock .benefit .graph ul .graph1{background:#e83d44;left:10px;color:#fff !important;} .mybc .myinfoBlock .benefit .graph ul .graph2{background:#bae2f6;left:80px;color:#242424;} .mybc .myinfoBlock .benefit .graph ul .graph3{background:#fdc296;left:150px;color:#242424;} .mybc .myinfoBlock .benefit .graph ul li span {position:absolute;color:#242424;display:block;width:100%;text-align:center;left:0;bottom:-22px;font-family:RixGoL;} .mybc .myinfoBlock .benefit .graph ul li em {position:absolute;top:10px;left:50%;display:block;opacity:0;visibility:hidden;} .mybc .myinfoBlock .myservice h3{float:left;} .mybc .myinfoBlock .myservice .more{width:11px;height:11px; text-indent:-9999px; background:url('/images/individual/common/btn/btn_more2.png') no-repeat 0 0; display:block;float:right;} .mybc .myinfoBlock .myservice li a{font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424;} .mybc .myinfoBlock .myservice li a:hover { color:#e83d44;} .mybc .myinfoBlock .myloung ul{width:152px;} .mybc .myinfoBlock .myloung li{font-family:RixGoM;font-size:13px;line-height:22px;color:#242424; background-position:0 13px; overflow:hidden;clear:both;} .mybc .myinfoBlock .myloung li em{padding-top:4px; float:left;} .mybc .myinfoBlock .myloung li p{float:right;} .mybc .myinfoBlock .myloung li a{font-family:RixGoM;font-size:22px;line-height:22px;color:#242424;text-decoration:underline;} .mybc .myinfoBlock .myloung li a:hover { color:#e83d44;} .mybc .myinfoBlock .myloung li span{margin-left:3px; font-family:RixGoM;font-size:16px;line-height:22px;color:#242424;} .mybc .myinfoBlock .myloung li .coupon{float:none;clear:both;} .mybc .myinfoBlock .myloung li .coupon a{margin-right:5px;font-family:RixGoL;font-size:13px;line-height:1.5;color:#242424;text-decoration:underline;} .mybc .myinfoBlock .myloung .txtLoung{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .mybc .myinfoBlock .myloung .btnLoung{font-family:RixGoM;font-size:13px;line-height:22px;color:#242424;text-decoration:underline; position:absolute;bottom:15px;right:15px;} .mybc #contents .btmBlock ul li.active .arrow{background:url('/images/individual/mybc/main/bul_btm_arrow_mybc.png') no-repeat 0 0;} .mybc #contents .btmBlock ul li.active.first{border-bottom:solid 2px #e83d45;background-color:#e83d45 !important;} .mybc #contents .btmBlock ul li.active.bgType1, .mybc #contents .btmBlock ul li.active.bgType2{border-bottom:solid 2px #e83d45;} .mybc #contents .btmBlock ul li.active h3, .mybc #contents .btmBlock ul li.active h3 + p{color:#fff;} .mybc #contents .btmBlock .infoBlock .info1 .inner{background:url('/images/individual/mybc/main/img_mybc1.png') no-repeat 145px 135px;} .mybc #contents .btmBlock .infoBlock .info2 .inner{background:url('/images/individual/mybc/main/img_mybc2.png') no-repeat 145px 135px;} .mybc #contents .btmBlock .infoBlock .info3 .inner{background:url('/images/individual/mybc/main/img_mybc3.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.annual_fees .inner{background:url('/images/individual/event/main/ico_annual_fees.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.freebie .inner{background:url('/images/individual/event/main/ico_freebie.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.giveaway .inner{background:url('/images/individual/event/main/ico_giveaway.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.mileage .inner{background:url('/images/individual/event/main/ico_mileage.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.overall .inner{background:url('/images/individual/event/main/ico_overall.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.point .inner{background:url('/images/individual/event/main/ico_point.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.discount .inner{background:url('/images/individual/event/main/ico_discount.png') no-repeat 145px 135px;} .mybc #contents .btmBlock li.interest_free .inner{background:url('/images/individual/event/main/ico_interest_free.png') no-repeat 145px 135px;} .mybc .recomContBlock{margin-top:10px; float:right;} .mybc .recomContBlock .actionbg {padding:15px;width:160px;height:360px; text-decoration:none; display:block;overflow:hidden; position:relative; background:url('/images/individual/mybc/main/mybc_bg1.jpg') no-repeat 0 0;} .mybc .recomContBlock .actionbg em{font-family:RixGoL;font-size:16px;line-height:1.2;color:#242424;} .mybc .recomContBlock .actionbg h3 {margin-top:12px; font-family:RixGoM;font-size:16px;line-height:1.2;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .mybc .recomContBlock .actionbg p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .mybc .recomContBlock .actionbg .img1{position:absolute;left:36px;bottom:-50px;opacity:0;} .mybc .recomContBlock .actionbg .img2{position:absolute;left:13px;bottom:33px;opacity:0;} /* 카드서비스 메인 */ .service #contents .topBlock { position:relative; padding:0} .service #contents .topBlock .rightLink { position:absolute;top:0; right:0} .service #contents .topBlock .rightLink a { padding:16px 0 0 12px; width:276px; height:78px; text-decoration:none; display:block; border-top:1px solid #ec636a; background-color:#e83d45; text-align:left;} .service #contents .topBlock .rightLink a:first-child { border-top:none; height:79px;} .service #contents .topBlock .rightLink a:hover, .service #contents .topBlock .rightLink a:focus { background-color:#5a5859;} .service #contents .topBlock .rightLink span { margin-top:19px; font-family:RixGoM; font-size:14px; line-height:1.5; letter-spacing:-0.5px; color:#fff; display:inline-block;} .service #contents .topBlock .visualBlock .slider { width:712px; overflow:hidden;} .service #contents .topBlock .visualBlock .actionbg { width:712px; height:380px; overflow:hidden; position:relative; background:url('/images/individual/service/main/main_service1.jpg') no-repeat 0 0;} .service #contents .topBlock .visualBlock .actionbg .txt1 {font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424; position:absolute;top:38px;left:-100px;opacity:0;} .service #contents .topBlock .visualBlock .actionbg .txt2 { font-family:RixGoM; font-size:36px; line-height:1.3; color:#e83d44; position:absolute;top:65px;left:-100px;opacity:0; } .service #contents .topBlock .visualBlock .actionbg .txt3 { font-family:RixGoM; font-size:13px; line-height:1.3;color:#545454; position:absolute;top:122px;left:-100px;opacity:0;} .service #contents .topBlock .visualBlock .actionbg .btn { position:absolute;top:190px;left:-100px;opacity:0;} .service #contents .topBlock .visualBlock .actionbg .btn a { margin-right:5px;width:130px;height:30px; font-family:RixGoM;font-size:13px; line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .service #contents .btmBlock ul li.active .arrow {background:url('/images/individual/card/main/bul_btm_arrow_card.png') no-repeat 0 0;} .service #contents .btmBlock ul li.active.first { border-bottom:solid 2px #e83d44; background-color:#e83d44 !important;} .service #contents .btmBlock ul li.active.bgType1, .service #contents .btmBlock ul li.active.bgType2 { border-bottom:solid 2px #e83d44;} .service #contents .btmBlock ul li.active h3, .service #contents .btmBlock ul li.active h3 + p{color:#fff;} .service #contents .btmBlock .financeBlock .finance1 .inner{background:url('/images/individual/service/main/img_finance1.png') no-repeat 145px 135px;} .service #contents .btmBlock .financeBlock .finance2 .inner{background:url('/images/individual/service/main/img_finance2.png') no-repeat 145px 135px;} .service #contents .btmBlock .financeBlock .finance3 .inner{background:url('/images/individual/service/main/img_finance3.png') no-repeat 145px 135px;} .service #contents .btmBlock .cardBlock .card1 .inner{background:url('/images/individual/service/main/img_card1.png') no-repeat 145px 135px;} .service #contents .btmBlock .cardBlock .card2 .inner{background:url('/images/individual/service/main/img_card2.png') no-repeat 145px 135px;} .service #contents .btmBlock .cardBlock .card3 .inner{background:url('/images/individual/service/main/img_card3.png') no-repeat 145px 135px;} .service .ideaBlock {margin-top:10px; float:right;} .service .ideaBlock .actionbg {padding:15px;width:160px;height:360px; text-decoration:none; display:block;overflow:hidden; position:relative; background:url('/images/individual/service/main/idea_bg1.jpg') no-repeat 0 0;} .service .ideaBlock .actionbg h3 {font-family:RixGoM; font-weight:bold; font-size:16px;line-height:1.2;color:#242424; } .service .ideaBlock .actionbg p {margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} /* Event change lh */ .event #contents .topBlock { position:relative; padding:0} .event #contents .topBlock .rightLink { position:absolute;top:0; right:0} .event #contents .topBlock .rightLink a { padding:16px 0 0 12px; width:276px; height:78px; text-decoration:none; display:block; border-top:1px solid #ec636a; background-color:#e83d45; text-align:left;} .event #contents .topBlock .rightLink a:first-child { border-top:none; height:79px;} .event #contents .topBlock .rightLink a:hover, .event #contents .topBlock .rightLink a:focus { background-color:#5a5859;} .event #contents .topBlock .rightLink span { margin-top:19px; font-family:RixGoM; font-size:14px; line-height:1.5; letter-spacing:-0.5px; color:#fff; display:inline-block;} .event #contents .topBlock .visualBlock .slider { width:712px; overflow:hidden;} .event #contents .topBlock .visualBlock .actionbg { width:712px; height:380px; overflow:hidden; position:relative;} .event #contents .topBlock .visualBlock .actionbg .txt1 {font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424; position:absolute;top:38px;left:-100px;opacity:0;} .event #contents .topBlock .visualBlock .actionbg .txt2 { font-family:RixGoM; font-size:36px; line-height:1.3; color:#e83d44; position:absolute;top:65px;left:-100px;opacity:0; } .event #contents .topBlock .visualBlock .actionbg .txt3 { font-family:RixGoM; font-size:13px; line-height:1.3;color:#545454; position:absolute;top:122px;left:-100px;opacity:0;} .event #contents .topBlock .visualBlock .actionbg .btn { position:absolute;top:190px;left:-100px;opacity:0;} .event #contents .topBlock .visualBlock .actionbg .btn a { margin-right:5px;width:130px;height:30px; font-family:RixGoM;font-size:13px; line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .event #contents .topBlock .eventAct {position:relative;} .event #contents .topBlock .eventAct .actionbg .txt1, .event #contents .topBlock .eventAct .actionbg .txt2, .event #contents .topBlock .eventAct .actionbg .txt3 {left:40px;opacity:1;} .event #contents .topBlock .eventAct .actionbg .btn{width:100%; left:0;opacity:1;} .event #contents .topBlock .eventAct .actionbg .btn a{width:100%; text-align:left; background:none;} .event #contents .topBlock .eventAct .actionbg .btn a span{margin-left:40px;width:130px;height:30px; font-family:RixGoM;font-size:13px;line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .event #contents .topBlock .eventAct .eventbg1 {background:url('/images/individual/event/main/main_actionbg1.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg2 {background:url('/images/individual/event/main/main_actionbg2.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg3 {background:url('/images/individual/event/main/main_actionbg3.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg4 {background:url('/images/individual/event/main/main_actionbg4.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg5 {background:url('/images/individual/event/main/main_actionbg5.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg6 {background:url('/images/individual/event/main/main_actionbg6.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg7 {background:url('/images/individual/event/main/main_actionbg7.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .eventbg8 {background:url('/images/individual/event/main/main_actionbg8.jpg') no-repeat 0 0;} .event #contents .topBlock .eventAct .flex-pauseplay{position:absolute;bottom:20px;left:40px;} .event #contents .topBlock .eventAct .flex-control-nav{position:absolute;bottom:25px;left:65px;} .event #contents .btmBlock ul li.active .arrow {background:url('/images/individual/card/main/bul_btm_arrow_card.png') no-repeat 0 0;} .event #contents .btmBlock ul li.active.first { border-bottom:solid 2px #e83d44; background-color:#e83d44 !important;} .event #contents .btmBlock ul li.active.bgType1, .event #contents .btmBlock ul li.active.bgType2 { border-bottom:solid 2px #e83d44;} .event #contents .btmBlock ul li.active h3, .event #contents .btmBlock ul li.active h3 + p{color:#fff;} .event #contents .btmBlock ul li.active.first .inner{background:url('/images/individual/common/btn/btn_more1.png') no-repeat 160px 15px;} .event #contents .btmBlock li.first .inner{background:url('/images/individual/common/btn/btn_more.png') no-repeat 160px 15px;} .event #contents .btmBlock li.annual_fees .inner{background:url('/images/individual/event/main/ico_annual_fees.png') no-repeat 145px 135px;} .event #contents .btmBlock li.freebie .inner{background:url('/images/individual/event/main/ico_freebie.png') no-repeat 145px 135px;} .event #contents .btmBlock li.giveaway .inner{background:url('/images/individual/event/main/ico_giveaway.png') no-repeat 145px 135px;} .event #contents .btmBlock li.mileage .inner{background:url('/images/individual/event/main/ico_mileage.png') no-repeat 145px 135px;} .event #contents .btmBlock li.overall .inner{background:url('/images/individual/event/main/ico_overall.png') no-repeat 145px 135px;} .event #contents .btmBlock li.point .inner{background:url('/images/individual/event/main/ico_point.png') no-repeat 145px 135px;} .event #contents .btmBlock li.discount .inner{background:url('/images/individual/event/main/ico_discount.png') no-repeat 145px 135px;} .event #contents .btmBlock li.interest_free .inner{background:url('/images/individual/event/main/ico_interest_free.png') no-repeat 145px 135px;} .event .mobileBlock{margin-top:10px; float:right;} .event .mobileBlock .actionbg{padding:15px;width:160px;height:360px; text-decoration:none; background:url(/images/individual/event/main/event_actionbg1.jpg) no-repeat 0 0; display:block; overflow:hidden; position:relative;} .event .mobileBlock .actionbg em{font-family:RixGoL;font-size:16px;line-height:1.2;color:#242424;} .event .mobileBlock .actionbg h3 {margin-top:12px; font-family:RixGoM;font-size:16px;line-height:1.2;color:#242424; font-weight:bold; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .event .mobileBlock .actionbg p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;letter-spacing:-0.5px;} .event .mobileBlock .actionbg .img1{position:absolute;left:0;bottom:0;opacity:0;} .event .mobileBlock .actionbg .img2{position:absolute;left:0px;bottom:-207px;opacity:0;} /* Customer change lh */ .customer #contents .topBlock { position:relative; padding:0} .customer #contents .topBlock .rightLink { position:absolute;top:0; right:0} .customer #contents .topBlock .rightLink a { padding:16px 0 0 12px; width:276px; height:78px; text-decoration:none; display:block; border-top:1px solid #ec636a; background-color:#e83d45; text-align:left;} .customer #contents .topBlock .rightLink a:first-child { border-top:none; height:79px;} .customer #contents .topBlock .rightLink a:hover, .customer #contents .topBlock .rightLink a:focus { background-color:#5a5859;} .customer #contents .topBlock .rightLink span { margin-top:19px; font-family:RixGoM; font-size:14px; line-height:1.5; letter-spacing:-0.5px; color:#fff; display:inline-block;} .customer #contents .topBlock .visualBlock .slider { width:712px; overflow:hidden;} .customer #contents .topBlock .visualBlock .actionbg { width:712px; height:380px; overflow:hidden; position:relative; background:url('/images/individual/customer/main/main_customer1.jpg') no-repeat 0 0;} .customer #contents .topBlock .visualBlock .actionbg .txt1 {font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424; position:absolute;top:38px;left:-100px;opacity:0;} .customer #contents .topBlock .visualBlock .actionbg .txt2 { font-family:RixGoM; font-size:36px; line-height:1.3; color:#e83d44; position:absolute;top:65px;left:-100px;opacity:0; } .customer #contents .topBlock .visualBlock .actionbg .txt3 { font-family:RixGoM; font-size:13px; line-height:1.3;color:#545454; position:absolute;top:122px;left:-100px;opacity:0;} .customer #contents .topBlock .visualBlock .actionbg .btn { position:absolute;top:190px;left:-100px;opacity:0;} .customer #contents .topBlock .visualBlock .actionbg .btn a { margin-right:5px;width:130px;height:30px; font-family:RixGoM;font-size:13px; line-height:30px;color:#fff;text-align:center; background:#545454; display:inline-block;} .customer #contents .btmBlock ul li.active .arrow {background:url('/images/individual/card/main/bul_btm_arrow_card.png') no-repeat 0 0;} .customer #contents .btmBlock ul li.active.first { border-bottom:solid 2px #e83d44; background-color:#e83d44 !important;} .customer #contents .btmBlock ul li.active.bgType1, .customer #contents .btmBlock ul li.active.bgType2 { border-bottom:solid 2px #e83d44;} .customer #contents .btmBlock ul li.active h3, .customer #contents .btmBlock ul li.active h3 + p{color:#fff;} .customer #contents .btmBlock .inquiryBlock .inquiry1 .inner{background:url('/images/individual/customer/main/img_inquiry1.png') no-repeat 145px 135px;} .customer #contents .btmBlock .inquiryBlock .inquiry2 .inner{background:url('/images/individual/customer/main/img_inquiry2.png') no-repeat 145px 135px;} .customer #contents .btmBlock .inquiryBlock .inquiry3 .inner{background:url('/images/individual/customer/main/img_inquiry3.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial1 .inner{background:url('/images/individual/customer/main/img_financial1.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial2 .inner{background:url('/images/individual/customer/main/img_financial2.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial3 .inner{background:url('/images/individual/customer/main/img_financial3.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial4 .inner{background:url('/images/individual/customer/main/img_financial4.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial5 .inner{background:url('/images/individual/customer/main/img_financial5.png') no-repeat 145px 135px;} .customer #contents .btmBlock .financialBlock .financial6 .inner{background:url('/images/individual/customer/main/img_financial6.png') no-repeat 145px 135px;} .customer .paymentBlock{ margin-top:10px; float:right;} .customer .paymentBlock .actionbg { padding:15px;width:160px;height:360px; text-decoration:none; display:block;overflow:hidden; position:relative; background:url('/images/individual/customer/main/notice_bg1.jpg') no-repeat 0 0;} .customer .paymentBlock .actionbg h3 {font-family:RixGoM;font-size:16px;line-height:1.2;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .customer .paymentBlock .actionbg p {margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;letter-spacing:-0.5px;} .customer #contents .btmBlock li .inner { padding:15px;width:170px; height:163px; text-decoration:none; display:block; position:relative;} .customer #contents .btmBlock li.first .inner { height:358px; } .customer #contents .btmBlock li .inner:hover em { color:#e83d44} .customer #contents .btmBlock li h3{font-family:RixGoM;font-size:21px;line-height:1.3;color:#242424; font-weight:bold;} .customer #contents .btmBlock li h3 + p{margin-top:6px;color:#555555;} .customer #contents .btmBlock li em {font-family:RixGoM;font-size:16px;line-height:1.3;color:#242424;} .customer #contents .btmBlock li p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .customer #contents .btmBlock li .list li {padding:0 0 4px 10px; margin-top:6px; background:url('/images/individual/common/ic/bul_list2.gif') no-repeat left center; float:none;} .customer #contents .btmBlock li .list li:first-child {margin-top:0;} .customer #contents .btmBlock li .list li a{font-family:RixGoL;font-size:13px;line-height:1.2;color:#545454;} .customer #contents .btmBlock li .arrow {width:9px;height:18px; text-indent:-9999px; background:url('/images/individual/common/bg/bul_btm_arrow.png') no-repeat 0 0; display:block; position:absolute;top:185px;right:-9px;} /* BC TOWN */ /* 테마best */ .bctown .themeBox {width:100%; padding:85px 0 0 0;} .bctown .themeBox .themeTop {overflow:hidden; width:100%; margin:0 0 5px 0;} .bctown .themeBox h3 {float:left;} .bctown .themeBox .desc {float:left; margin:10px 0 0 8px;} .bctown .themeBox .themeCon {clear:both; width:710px; height:309px; margin:20px 0 0 0; padding:10px 0 0 0; position:relative; background:url("/images/individual/town/main/bg_box_theme.gif") no-repeat left top;} .bctown .bestBox {overflow:auto; width:700px; height:166px; border-bottom:1px solid #d4d4d4; } .bctown .bestBox ul {width:216px; margin:0 13px 0 433px; } .bctown .bestBox ul li {width:211px; margin:0 0 0 20px; padding:0 0 4px 0; background:url('/images/individual/common/bg/line_x_m.gif') repeat-x left bottom;} .bctown .bestBox ul li a.on, .bctown .bestBox ul li a:hover {color:#7b5524; font-weight:bold; background:url('/images/individual/town/main/bg_tm_txt.gif') no-repeat left top; text-decoration:none; letter-spacing:-1px;} .bctown .bestBox ul li.last {background:none;} .bctown .bestBox ul li a {display:block; height:18px; margin:4px 0 0 0; padding:5px 0 0 7px;} .bestBox .photo {position:absolute; left:0; top:-15px; z-index:1;} .bctown .bestBox #photo1 {z-index:100;} .bctown .tmMemBox .tmMemCon {width:670px; margin:5px 0 0 17px; text-align:left;} .bctown .tmMemBox .total {font-size:12px; color:#555555;} .bctown .tmMemBox .total .num {display:inline-block; width:39px; height:16px; margin:15px 3px 0 33px; padding:4px 0 0 0; background:url('/images/individual/town/main/bg_num.gif') no-repeat left top; font-weight:bold; color:#7b5524; text-align:center;} .bctown .tmMemBox .tmMemBox h3 {padding:0 0 15px 0; line-height:11px; font-size:12px;} .bctown .tmMemBox .tmMemCon ul li {float:left; width:120px; height:81px; text-align:left; margin:0 9px 0 0; text-align:left;} .bctown .tmMemBox .tmMemCon ul li img {border:1px solid #c7c7c7;} .bctown .tmMemBox .tmMemCon ul li .txt {display:block; height:14px; overflow:hidden; margin:10px 0 0 0; font-size:12px; color:#242424; text-align:left;} .bctown .tmMemBox .tmMemCon ul li .txt a {color:#242424;} .bctown .tmMemBox .tmMemCon ul li .txt img{vertical-align:-3px;} .bctown .tmMemBox .tmMemCon .sliderkit-nav {position:relative; width:636px; margin:0; padding:0 18px; } .bctown .tmMemBox .tmMemCon .sliderkit-nav-clip {position:relative; overflow:hidden; height:81px; /*margin:0 auto;*/} .bctown .tmMemBox .tmMemCon .sliderkit-nav-clip ul{width:2000px; position:absolute; left:0; top:0; margin:0; padding:0;} .bctown .tmMemBox .tmMemCon .sliderkit-nav-clip ul li{float:left;} .bctown .tmMemBox .tmMemCon .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .bctown .tmMemBox .sliderkit-nav-btn a {display:block;width:12px;height:48px;cursor:pointer; background:url("/images/individual/common/btn/btn_ser_arrow02.gif") no-repeat 0 0;} .bctown .tmMemBox .sliderkit-nav-btn {position:absolute; z-index:10; width:12px;height:48px;} .bctown .tmMemBox .sliderkit-nav-prev {left:-5px; top:15px;} .bctown .tmMemBox .sliderkit-nav-next {right:-10px; top:15px;} .bctown .tmMemBox .sliderkit-nav-prev a{background-position:0 0;} .bctown .tmMemBox .sliderkit-nav-next a{background-position:-13px 0;} .bctown .tmMemBox .sliderkit-nav-btn span{display:none;} .bctown .tmMemBox .sliderkit-btn-disable a{/*background:none; cursor:default;*/} /* 배너영역 */ .bctown .townBnrBox {overflow:hidden; width:100%; margin:50px 0 0 0;} .bctown .townBnrBox a {float:left; margin-right:10px;} /* BCDC */ .bctown .bcdcBox {overflow:hidden; width:710px; height:120px; margin:50px 0 0 0;} .bctown .bcdcCon { position:relative; width:100%; text-align:left;} .bctown .bcdcBox ul li {overflow:hidden;float:left; width:170px; height:85px; margin:15px 10px 0 0; text-align:left;} .bctown .bcdcBox .sliderkit-nav {position:relative; width:100%;} .bctown .bcdcBox .sliderkit-nav-clip {width:710px; height:100px; position:relative; overflow:hidden; /*margin:0 auto;*/} .bctown .bcdcBox .sliderkit-nav-clip ul{width:2000px; position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;} .bctown .bcdcCon .sliderkit-nav-clip ul li{float:left;} .bctown .bcdcBox .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .bctown .bcdcBox .sliderkit-nav-btn a {display:block;width:12px;height:13px;cursor:pointer; background:url("/images/individual/common/btn/btn_ser_arrow03.gif") no-repeat 0 0;} .bctown .bcdcBox .sliderkit-nav-btn {position:absolute; z-index:10; width:12px;height:13px;;} .bctown .bcdcBox .sliderkit-nav-prev {left:685px; top:-10px;} .bctown .bcdcBox .sliderkit-nav-next {right:0; top:-10px;} .bctown .bcdcBox .sliderkit-nav-prev a{background-position:0 0;} .bctown .bcdcBox .sliderkit-nav-next a{background-position:-13px 0;} .bctown .bcdcBox .sliderkit-nav-btn span{display:none;} /* 즐겨찾는 가맹점 */ .bctown .favMemBox {position:relative; overflow:hidden; width:100%; margin:50px 0 0 0;} .bctown .favMemBox h3 {position:absolute; left:20px; top:30px;} .bctown .favMemBox .desc {position:absolute; left:20px; top:62px;} .bctown .favMemBox .favMemList {overflow:hidden; margin:0 0 0 180px; padding:20px 0 20px 0; } /* 단골,관심 가맹점 */ .bctown .memSelBox {position:relative; width:198px; height:272px; margin:0 0 0 1px; padding:30px 0 0 20px; border-bottom:1px solid #d8dbdf; background:#f7f7f8;} .bctown .memSelBox .memList {width:178px;} .bctown .memSelBox .tabli {float:left; padding:0 2px 0 0; background:url('/images/individual/customer/main/bg_tabli.gif') repeat-x left bottom;} .bctown .memSelBox .memList .last {padding:0;} .bctown .memSelBox .memSelCon {width:178px; overflow:hidden; position:absolute; left:20px; top:70px; background:#f7f7f8;} .bctown .memSelBox .memSelCon .txt{line-height:16px; font-size:12px;} .bctown .memSelBox .memSelCon .bftxt {padding:0 0 10px 0; font-weight:bold; color:#365287; text-align:right; background:url('/images/individual/town/main/line_x_m.gif') repeat-x left bottom;} .bctown .memSelBox .memSelCon ul {padding:0;} .bctown .memSelBox .memSelCon ul li {margin:9px 0 0 0; color:#6c6c6c;} .bctown .memSelBox .memSelCon ul li a, .bctown .memSelBox .memSelCon ul li img {vertical-align:top !important;} .bctown .memSelBox .memSelCon ul li img {margin:0 0 0 5px;} /* 사용자 평가 BEST 가맹점 */ .bctown .memRecBox {width:198px; height:190px; margin:0 0 0 1px; padding:30px 0 15px 20px; background:#f9f6f2; border-bottom:1px solid #d8dbdf;} .bctown .memRecBox ul {overflow:hidden; width:182px;} .bctown .memRecBox li {overflow:hidden; width:100%; margin:15px 0 0 0;} .bctown .memRecBox .thumb {float:left;} .bctown .memRecBox .thumb img {border:1px solid #c7c7c7;} .bctown .memRecBox .tit {float:left; width:110px; margin:5px 0 0 10px;} .bctown .memRecBox .tit img{margin-right:4px; vertical-align:-3px;} .bctown .memRecBox .txt {display:block; margin:5px 0 0 0;} /* 사용자 평가 BEST 가맹점 */ .bctown .rankingBox {width:198px; padding:22px 0 0 20px;} .bctown .rankingBox h3 {margin:0 0 17px 0;} .bctown .rankingBox ul {overflow:hidden; width:100%;} .bctown .rankingBox li {margin:0 0 10px 0;} .bctown .rankingBox img {margin:0 0 0 0;} .bctown .rankingBox img, .recBox a {vertical-align:middle !important;} /* 카드 서브 메인 롤링 */ .slides_card_wrap {position:relative;width:710px;padding-top:75px;} .slides_card_wrap .boxTop {position:absolute; top:75px; left:0px; width:710px; height:7px; background:url(/images/individual/event/main/bg_evt_main_top.png) no-repeat 0 0; z-index:2;} .slides_card_wrap .boxBtm {position:absolute; bottom:0px; left:0px; width:710px; height:7px; background:url(/images/individual/event/main/bg_evt_main_btm.png) no-repeat 0 0; z-index:2;} #slides_card { width:708px;height:263px;overflow:hidden;position:relative;z-index:1;border-left:1px solid #d1d1cf;border-right:1px solid #d1d1cf;} #slides_card a.slidesjs-play {width:14px;height:15px;position:absolute;right:10px;bottom:10px;z-index:10;background: url("/images/individual/main_2013/btn_pauseplay.png") no-repeat -18px 0;text-indent:-999em;} #slides_card a.slidesjs-stop {width:14px;height:15px;position:absolute;right:10px;bottom:10px;z-index:10;background: url("/images/individual/main_2013/btn_pauseplay.png") no-repeat 0 0;text-indent:-999em;} #slides_card .slidesjs-previous {display:none;} #slides_card .slidesjs-next {display:none;} #slides_card .slidesjs-pagination {position:absolute; right:30px; bottom:12px; z-index:100;} #slides_card .slidesjs-pagination li {float: left;margin-right:4px;} #slides_card .slidesjs-pagination li a {display: block;width:12px;height:12px;text-indent:-999em;background: url("/images/individual/main_2013/btn_select.png") no-repeat -16px 0;float: left;overflow: hidden;} #slides_card .slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {background-position: 0 0} #slides_card .slidesjs-pagination li a:hover {background-position: 0 0} /* mybc 메인 */ #container.mybc{background:none;} /* layer 팝업 */ #container #mainCtns .columnWr .columnCont .laySty {position:absolute; display:block; right:0px; top:0px; z-index:998;} #container #mainCtns .columnWr .columnCont .laySty .layBtnSty {position:absolute; right:14px; top:9px; z-index:999;} /* bc카드 환영 */ #container.mybc h1{margin-top:30px;} #mainWrap .cntsWr h3{height:16px; line-height:12px; font-size:0;} #container #mainCtns{ position:relative; display:block; width:100%; margin-top:34px;} #container #mainCtns .columnWr{position:relative; width:960px; height:100%;z-index:11;} #container #mainCtns .columnWr .columnCont{width:960px; height:241px; background:url('/images/individual/mybc/main/bg_myinfo_box.gif') no-repeat left top;} #container #mainCtns .columnWr .columnL{float:left; width:480px;} #container #mainCtns .columnWr .columnL h2{padding:24px 0 0 20px; color:#242424; font-size:14px; font-weight:normal; line-height:26px;} #container #mainCtns .columnWr .columnL .memberInfo{border-top:1px solid #d3d3d3; margin:20px 0 0 3px; padding:16px 0 0 17px;} #container #mainCtns .columnWr .columnL .memberInfo p{color:#6c6c6c; line-height:18px;} #container #mainCtns .columnWr .columnL .memberInfo strong{color:#242424;} #container #mainCtns .columnWr .columnL .memberInfo .bookMark{margin-top:9px; color:#242424; font-size:12px; line-height:14px;} #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr{overflow:hidden; position:relative; width:440px; height:30px; margin-top:15px;} #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .prev{position:absolute; top:0; left:0;} #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .scroller{overflow:hidden; position:relative; width:405px; height:32px; margin-left:18px;}/* 2012-06-26 수정*/ #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .scroller ul{width:10000px; position:absolute; top:0; left:0;}/* 2012-06-26 수정*/ #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .scroller ul li{float:left; width:135px; height:30px;/*margin-right:35px;*/} /* 2012-06-26 수정*/ #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .scroller ul li a{display:block; width:135px; height:30px; text-align:center;}/* 2012-06-26 수정*/ #container #mainCtns .columnWr .columnL .memberInfo .bankScrWr .next{position:absolute; top:0; right:0;} #container #mainCtns .columnWr .columnR{float:left; width:480px;} #container #mainCtns .columnWr .columnR .paymentSum{float:left; width:165px; padding:32px 15px 0 20px; text-align:center;} #container #mainCtns .columnWr .columnR .paymentSum p.date{color:#fff; font-size:20px; font-weight:bold;} #container #mainCtns .columnWr .columnR .paymentSum p.date strong{ display:inline-block; width:133px; text-align:center;} #container #mainCtns .columnWr .columnR .paymentSum p.date img{vertical-align:-1px;} #container #mainCtns .columnWr .columnR .paymentSum p.txt{margin-top:27px; color:#fff; font-size:16px; font-weight:bold;} #container #mainCtns .columnWr .columnR .paymentSum p.txt .month{color:#ffb9bc;} #container #mainCtns .columnWr .columnR .paymentSum .total{width:154px; height:58px; background:url('/images/individual/mybc/main/bg_payment_sum_box.gif') no-repeat; margin-top:9px; padding-right:12px; text-align:right;} #container #mainCtns .columnWr .columnR .paymentSum .total strong{display:inline-block; margin-top:10px; color:#cf363b; font-family:"Tahoma"; font-size:24px; font-weight:bold;} #container #mainCtns .columnWr .columnR .paymentSum .total img{vertical-align:0;} #container #mainCtns .columnWr .columnR .paymentSum .etc{display:inline-block; margin-top:5px; color:#fff; line-height:16px; font-size:12px;} #container #mainCtns .columnWr .columnR .paymentSum .etc .pink{display:inline-block; color:#FFB9BC; margin-top:10px;} #container #mainCtns .columnWr .columnR .calendarWr{float:right; width:240px; padding:32px 20px 0 0;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar{width:100%;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar th{padding:8px 0; border-top:1px solid #6a7180; border-bottom:1px solid #6a7180; text-align:center;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td{padding:9px 0; font-family:"Verdana"; font-size:12px; color:#fff; text-align:center;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.sun{color:#ffb9bc; font-weight:bold;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar tr.first td{padding:13px 0 9px;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn{padding:0;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont{position:relative; width:100%; z-index:10;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer {display:none; position:absolute; top:30px; left:-85px; width:186px; padding:8px; background:#fff; border:1px solid #182138; text-align:left;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer strong{color:#242424; font-size:12px;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer ul {width:100%; margin-top:3px;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer ul li{display:inline-block; width:100%; padding-top:7px; color:#555555; font-size:12px; } #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer ul li span.txt{display:inline-block; float:left; background:url('/images/individual/common/ic/bu_sq_76.gif') no-repeat left 5px; padding-left:8px;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer ul li span.money{float:right; text-align:right;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer ul li span.money strong{color:#555555;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .tbinfoLayer .btnClose{position:absolute; top:0; right:0;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .payslipBox{width:32px; height:29px; background:url('/images/individual/mybc/main/bg_num_box.gif') no-repeat 1px top; padding:0; font-size:12px; font-weight:bold; text-align:center; color:#242424;} #container #mainCtns .columnWr .columnR .calendarWr .tbcalendar td.btn .infoCont .payslipBox a{display:block; height:21px; padding-top:8px; color:#242424;} /* Loung change lh */ .loung #contents .topBlock { position:relative; padding:0} .loung #contents .topBlock .rightLink { position:absolute; top:0; right:0} .loung #contents .topBlock .rightLink a { padding:16px 0 0 12px; width:276px; height:78px; text-decoration:none; display:block; border-top:1px solid #5a5959; background-color:#6a6868; text-align:left;} .loung #contents .topBlock .rightLink a:first-child { border-top:none; height:79px;} .loung #contents .topBlock .rightLink a:hover { background-color:#e83d44;} .loung #contents .topBlock .rightLink span { margin-top:19px; font-family:RixGoM; font-size:14px; line-height:1.5; letter-spacing:-0.5px; color:#fff; display:inline-block;} .loung #contents .topBlock .loungAct{position:relative;} .loung #contents .topBlock .loungAct .actionbg .txt1, .loung #contents .topBlock .loungAct .actionbg .txt2, .loung #contents .topBlock .loungAct .actionbg .txt3{left:40px;opacity:1;} .loung #contents .topBlock .loungAct .actionbg .img{position:absolute;right:0;bottom:0;opacity:1;} .loung #contents .topBlock .loungAct .actionbg .btn{width:100%; left:0px;opacity:1;} .loung #contents .topBlock .loungAct .actionbg .btn a{width:100%; text-align:left; background:none;} .loung #contents .topBlock .loungAct .actionbg .btn a span{margin-left:40px;width:130px;height:30px; font-family:RixGoM;font-size:13px;line-height:30px;color:#fff;text-align:center;background:#545454; display:inline-block;} .loung #contents .topBlock .loungAct .actionbg .txt2 strong{color:#6a4c87;} .loung #contents .topBlock .loungAct .flex-pauseplay{position:absolute;bottom:20px;left:40px;} .loung #contents .topBlock .loungAct .flex-control-nav{position:absolute;bottom:25px;left:65px;} .loung #contents .btmBlock .cultureBlock{padding-bottom:2px; background-color:#f2f2f2;} .loung #contents .btmBlock .cultureBlock .heading{padding:15px;width:165px; float:left;} .loung #contents .btmBlock .cultureBlock .heading h3{font-family:RixGoM;font-size:21px;line-height:1.3;color:#242424; font-weight:bold;} .loung #contents .btmBlock .cultureBlock .heading p{margin-top:6px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .loung #contents .btmBlock .cultureBlock .cultureList{margin-top:0; width:565px; float:right;} .loung #contents .btmBlock .cultureBlock .cultureList li{margin:2px 0 0 1px; position:relative;} .loung #contents .btmBlock .cultureBlock .cultureList li .icon_culture1{width:43px;height:43px; background:url('../../images/individual/loung/icon_culture1.png') no-repeat 0 0;display:block;} .loung #contents .btmBlock .cultureBlock .cultureList li .icon_culture2{width:43px;height:43px; background:url('../../images/individual/loung/icon_culture2.png') no-repeat 0 0;display:block;} .loung #contents .btmBlock .cultureBlock .cultureList li .iconType{text-indent:-9999px; position:absolute;top:5px;left:5px;} .loung #contents .btmBlock .cultureBlock .cultureList li a{background-color:#fff; display:block;} .loung #contents .btmBlock .cultureBlock .cultureList li a:focus, .loung #contents .btmBlock .cultureBlock .cultureList li a:hover{text-decoration:none;} .loung #contents .btmBlock .cultureBlock .cultureList li .info{padding:7px 10px 7px;width:120px;} .loung #contents .btmBlock .cultureBlock .cultureList li .info p{margin-top:0; font-family:RixGoL;font-size:12px;line-height:1.3;color:#e83d44;} .loung #contents .btmBlock .cultureBlock .cultureList li .info p span{font-family:RixGoM;font-size:20px;} .loung #contents .btmBlock .cultureBlock .cultureList li .info em{margin-top:0;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454; display:block;} .loung #contents .btmBlock ul li.active .arrow{background:url('../../images/individual/loung/main/bul_btm_arrow_loung.png') no-repeat 0 0;} .loung #contents .btmBlock ul li.active.first{border-bottom:solid 2px #7f619d;background-color:#7f619d !important;} .loung #contents .btmBlock ul li.active.bgType1, .loung #contents .btmBlock ul li.active.bgType2{border-bottom:solid 2px #7f619d;} .loung #contents .btmBlock ul li.active h3, .loung #contents .btmBlock ul li.active h3 + p{color:#fff;} .loung #contents .btmBlock .loungBlock .loung1 .inner{background:url('../../images/individual/loung/main/img_loung1.png') no-repeat 145px 135px;} .loung #contents .btmBlock .loungBlock .loung2 .inner{background:url('../../images/individual/loung/main/img_loung2.png') no-repeat 145px 135px;} .loung #contents .btmBlock .loungBlock .loung3 .inner{background:url('../../images/individual/loung/main/img_loung3.png') no-repeat 145px 135px;} .loung .rankingListBlock{margin-top:10px;width:190px;height:406px; background-color:#f2f2f2; float:right;} .loung .rankingListBlock h3{padding:13px 15px 12px; font-family:RixGoM;font-size:16px;line-height:1.3;color:#242424; background-color:#d8c9be;} .loung .rankingListBlock .rankingList{position:relative;} .loung .rankingListBlock .rankingList li{width:50%; float:left;} .loung .rankingListBlock .rankingList li a{padding:10px 0 9px;font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424;text-align:center;text-decoration:none; background-color:#d8c9be;display:block;} .loung .rankingListBlock .rankingList li div{padding:15px;width:160px; position:absolute;top:35px;left:0;display:none;} .loung .rankingListBlock .rankingList li div li{padding:3px 0;width:100%;} .loung .rankingListBlock .rankingList li div li span{width:15px; font-family:RixGoM;font-size:13px;line-height:1.3;color:#242424;text-align:center; float:left;} .loung .rankingListBlock .rankingList li div li a{width:135px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoL;font-size:13px;line-height:1.3;color:#545454;text-align:left; background-color:transparent;float:left;} .loung .rankingListBlock .rankingList li div li img{float:left;} .loung .rankingListBlock .rankingList li.first{padding-bottom:13px;} .loung .rankingListBlock .rankingList li.first span{font-size:26px;} .loung .rankingListBlock .rankingList li.first a{width:75px; white-space:normal;} .loung .rankingListBlock .rankingList li.first a strong{color:#e83d44;} .loung .rankingListBlock .rankingList li.active a{background-color:#f2f2f2;} .loung .rankingListBlock .rankingList li.active div{display:block;} .loung .myloungBlock{margin-top:10px; background:#dfd4cc url('../../images/individual/loung/main/img_myloung.png') no-repeat 90px 103px; float:right;} .loung .myloungBlock .inner{padding:15px;width:160px;height:160px; text-decoration:none; display:block;} .loung .myloungBlock .inner em{font-family:RixGoM;font-size:16px;line-height:1.3;color:#242424;} .loung .myloungBlock .inner p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} /* 비활성 */ .mainColgroup .rela100{/*background:url('/images/individual/mybc/main/bg_fff.png') no-repeat; margin-top:10px;*/} /* .mainColgroup .disable{position:relative; width:100%; height:100%; filter:alpha(opacity=20); opacity:0.2; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; z-index:5;} 2012-06-26 삭제 */ .mainColgroup .disable{position:relative; width:100%; height:100%; z-index:5;} /*.mainColgroup .dim{position:absolute; top:0; left:0; width:280px; height:100%; background:url('/images/individual/mybc/main/bg_dim.png') repeat; z-index:8;}*/ /* .mainColgroup .clearBtn{position:absolute; top:50%; left:50%; margin:0 0 0 -67px; z-index:10;} 2012-06-26 수정 */ .mainColgroup .clearBtn{position:absolute; top:0; left:0; margin:0; width:279px;height:116px;z-index:10;background-color:#f4f4f4;border:1px solid #e1e1e1;} .mainColgroup .clearBtn span {margin:44px 0 0 73px;} /* 열고 닫히기 */ .mainColgroup .section.section02{position:relative; padding-bottom:0 !important; border-bottom:none !important;} .mainColgroup .section.section02 .article{display:inline-block; position:relative; overflow:hidden; height:100%; padding-bottom:30px; border-bottom:2px solid #c5c5c5;} .mainColgroup .section.section02 .article.article02{height:14px; padding-bottom:8px;} .mainColgroup .section.section02 .openBtn{position:absolute; bottom:-17px; left:50%; z-index:999;} .mainColgroup .section.section02 .closeBtn{display:none; position:absolute; bottom:0; left:50%;} .mainColgroup .section.section02.zIndex1{z-index:1;} .mainColgroup .section.section02.zIndex2{z-index:2;} /* 은행 선택 시 펼쳐지는 화면 */ .infoContWr .section .tab ul li .cont{position:relative; display:inline-block; width:278px; padding-top:25px;} .infoContWr{position:absolute; top:238px; left:0; width:954px; padding:0; border:3px solid #525664; background-color:#fff;} .infoContWr .infoWr{position:relative; width:100%;} .infoContWr .infoWr .btnClose{position:absolute; top:20px; right:20px;} .infoContWr .paymentInfo{padding:24px 0 12px 18px; border-bottom:1px solid #e7e7e7;} .infoContWr .paymentInfo .info .txt{display:inline-block; margin:23px 0 0 17px; color:#242424;} .infoContWr .paymentInfo .info .txt img{vertical-align:-2px;} .infoContWr .cntsWr .sum {overflow:hidden; padding:0 20px;} .infoContWr .cntsWr .sum .month{float:left; width:110px; color:#242424; font-size:15px; font-weight:bold;} .infoContWr .cntsWr .sum .month img{vertical-align:-2px;} .infoContWr .cntsWr .sum .money{float:right; margin-top:10px; color:#4b6597; font-weight:bold; font-size:20px; font-family:"Tahoma"; text-align:right;} .infoContWr .cntsWr .sum .money img{vertical-align:-1px;} .infoContWr .cntsWr .address{margin-top:20px; padding:0 20px; color:#010101; font-size:12px;} .infoContWr .cntsWr .btnChg{margin-top:10px; padding:0 20px;} .infoContWr .cntsWr .paymentTotal{width:318px; height:77px; border-top:1px solid #e6e6e6; background-color:#f3f3f3; margin-top:30px;} .infoContWr .cntsWr .paymentTotal p{float:left; padding:30px 0 0 18px;} .infoContWr .cntsWr .paymentTotal .money{float:right; padding:20px 20px 0 0; text-align:right;} .infoContWr .cntsWr .paymentTotal .money .day{display:block; height:12px; line-height:14px; color:#242424;} .infoContWr .cntsWr .paymentTotal .money .pay{display:inline-block; margin-top:4px; color:#e83d44; font-size:20px; font-family:"Tahoma";} .infoContWr .cntsWr .paymentTotal .money .pay img{vertical-align:0;} .infoContWr .cntsWr.cntsWr02{width:318px !important; padding:0 !important;} /* 최근명세서,최근할인금액 */ .mainColgroup{width:960px; background:url('/images/individual/mybc/main/bg_cont_line.gif') repeat-y left; z-index:9;} .mainColgroup .section{display:inline-block; width:100%; padding:30px 0 28px; border-bottom:1px solid #e7e7e7;} .infoContWr .section{display:inline-block; width:100%; padding:30px 0; border-bottom:1px solid #e7e7e7; background:url('/images/individual/mybc/main/bg_section_line.gif') repeat-y;} .section .cntsWr{float:left; width:280px; padding:0 20px;} .infoWr .section .cntsWr{width:278px;} /*.section .cntsWr .tabR{display:inline-block; position:relative; width:100%; background:url('/images/individual/mybc/main/bg_tab_line.gif') repeat-x left 0; margin-top:-12px;} .section .cntsWr .tabR ul{float:right;} .section .cntsWr .tabR ul li{float:left; width:100%;} .section .cntsWr .tabR ul li .t1{position:absolute; top:0; right:65px;} .section .cntsWr .tabR ul li .t2{position:absolute; top:0; right:0;} .section .cntsWr .tabR ul li .cont{display:inline-block; width:280px; padding-top:34px;}*/ .section .cntsWr .paymentWr{display:inline-block; position:relative; width:100%;margin-top:-12px;} .section .cntsWr .paymentWr ul{float:right;} .section .cntsWr .paymentWr ul li{float:left; width:100%;} .section .cntsWr .paymentWr ul li .t1{position:absolute; top:0; right:79px;} .section .cntsWr .paymentWr ul li.on .t1{position:absolute; top:0; right:64px;} .section .cntsWr .paymentWr ul li .t2{position:absolute; top:0; right:0;} .section .cntsWr .paymentWr ul li .cont{display:inline-block; width:280px; padding-top:25px;} .section .cntsWr .tbState{width:100%; border-bottom:1px solid #ddd; border-top:2px solid #dfdfdf;} .section .cntsWr .tbState tbody td{height:28px; padding:0; color:#555555; font-size:12px; text-align:center;} .section .cntsWr .tbState tbody td.tal{text-align:left; padding-left:10px;} .section .cntsWr .tbState tbody tr.vip td{padding-top:6px; color:#242424; font-weight:bold;} .section .cntsWr .tbState tbody tr.vip td a{color:#242424;} .section .cntsWr .tbState tbody tr.vip td img{vertical-align:-2px;} .section .cntsWr .deLink{padding:10px 0 0 0; font-size:12px; text-align:center;} .section .cntsWr .deLink a.bu{display:inline-block; background:url('/images/individual/mybc/main/bg_bar_d1.gif') no-repeat left; margin-left:11px; padding-left:11px;} /* 최근적립금액 */ .section .cntsWr .tbSum{width:100%; margin-top:10px; border-bottom:1px solid #ddd;} .section .cntsWr .tbSum thead th{padding:10px 0 10px 10px; border-top:2px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#e83d44; font-size:14px; text-align:left;} .section .cntsWr .tbSum thead th.fc{color:#242424;} .section .cntsWr .tbSum thead th a{color:#e83d44; text-decoration:underline;} .section .cntsWr .tbSum thead th.fc a{color:#242424;} .section .cntsWr .tbSum thead th.tar{padding-right:10px; text-align:right;} .section .cntsWr .tbSum tbody th{height:28px; padding:0 0 0 10px; color:#242424; text-align:left; font-weight:normal;} .section .cntsWr .tbSum tbody td{padding:0 10px 0 0; color:#242424; text-align:right; } .section .cntsWr .tbSum tbody tr.first th, .section .cntsWr .tbSum tbody tr.first td{padding-top:3px;} /* 현재 잔여한도 */ .section .cntsWr .tbbounds{width:100%; margin-top:10px;} .section .cntsWr .tbbounds thead th{padding:8px 0 7px 0; border-top:2px solid #ddd; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color:#f4f4f4; color:#242424; text-align:center;} .section .cntsWr .tbbounds thead th.last{border-right:none;} .section .cntsWr .tbbounds tbody td{padding:6px 0px 5px 10px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; text-align:left; line-height:16px;} .section .cntsWr .tbbounds tbody td.tar{padding-right:10px; text-align:right;} .section .cntsWr .tbbounds tbody td.last{border-right:none;} /* 추천카드 */ .section .cardInfoCon {overflow:hidden; width:180px; height:110px; margin:10px auto 0; text-align:left;} .section .cardInfoCon ul li {float:left; width:130px; height:115px; text-align:left; margin:0 30px 0 0; background:url('/images/individual/card/main/bg_card_b.gif') no-repeat left 72px;overflow:hidden;} .section .cardInfoCon ul li .txt {display:block; margin:25px 0 0 0; font-size:12px; font-weight:bold; text-align:center; color:#505050;} .section .cardInfoCon ul li img {margin:0 0 0 5px;} .section .cardInfoCon .sliderkit-nav {position:relative; width:180px; height:110px; } .section .cardInfoCon .sliderkit-nav-clip {position:relative; width:130px; height:115px; overflow:hidden; margin:0 auto;} .section .cardInfoCon .sliderkit-nav-clip ul{width:2000px;position:absolute;left:0;top:0;list-style:none;margin:0;padding:0;} .section .cardInfoCon .sliderkit-nav-clip ul li{float:left;} .section .cardInfoCon .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .section .sliderkit-nav-btn a {display:block;width:12px;height:48px;cursor:pointer;background:url("/images/individual/common/btn/btn_ser_arrow02.gif") no-repeat 0 0;} .section .sliderkit-nav-btn {position:absolute; z-index:10; width:12px;height:48px;} .section .sliderkit-nav-prev {left:0; top:20px;} .section .sliderkit-nav-next {right:0; top:20px;} .section .sliderkit-nav-prev a{background-position:0 0;} .section .sliderkit-nav-next a{background-position:-13px 0;} .section .sliderkit-nav-btn span{display:none;} /*.section .sliderkit-btn-disable a{background:none; cursor:default;}*/ /* 카드 실적달성현황 */ .section .cntsWr .cardAttain{width:253px; height:103px; background:url('/images/individual/mybc/main/bg_card_result_box.gif') no-repeat left top; margin-top:10px; padding:11px 13px 0; text-align:center; } .section .cntsWr .cardAttain p{font-weight:normal; line-height:20px; letter-spacing:-1px;} .section .cntsWr .cardAttain p strong{color:#65768a;} .section .cntsWr .cardAttain p strong.money{font-size:14px;} .section .cntsWr .cardAttain .record{margin-top:10px;} .section .cntsWr .deLink{padding:10px 0 0 0; font-size:12px; text-align:center;} .section .cntsWr .deLink a.bu{display:inline-block; background:url('/images/individual/mybc/main/bg_bar_d1.gif') no-repeat left; margin-left:11px; padding-left:11px;} /* 명세서 수신정보 */ .section .cntsWr .tbInfo{width:100%; margin-top:10px; border-top:2px solid #ddd;} .section .cntsWr .tbInfo tbody td{padding:8px 0 6px 5px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:left; letter-spacing:-1px;} .section .cntsWr .tbInfo tbody td img{vertical-align:-2px;} .section .cntsWr .tbInfo tbody td.last{border-right:none;} .section .cntsWr .tbInfo tbody td.btn{padding:0 0 0 5px;} .section .cntsWr .tbInfo tbody td .account{float:left; margin:3px 0 0 0;} /* bc town */ .section .tab{display:inline-block; position:relative; width:100%; background:url('/images/individual/mybc/main/bg_tab_line.gif') repeat-x left 0; margin-top:8px;} .section .tab ul li .cont{position:relative; display:inline-block; width:280px; padding-top:25px; z-index:0;} .section .tab ul{display:inline-block; width:100%;} .section .tab ul li{float:left; /*cursor:pointer;*/} .section .tab ul li .t1{position:absolute; top:0; left:0; z-index:10;} .section .tab ul li .t2{position:absolute; top:0; left:45px; z-index:10;} .section .tab ul li .t2.t2_2{position:absolute; top:0; left:79px; z-index:10;} .section .tab ul li .tblist{width:100%;} .section .tab ul li .tblist tbody td{padding:8px 0 7px 0; border-bottom:1px solid #dfdfdf; line-height:16px; text-align:left;} .section .tab ul li .tblist tbody td.tal{padding-left:5px; text-align:left;} /*.section .tab ul li .cont .btnMore{position:absolute; top:-21px; right:0;}*/ .section .tab ul li .cont .btnMore{position:absolute; top:5px; right:0;} /* 보험 */ .section .tab ul li .t3{position:absolute; top:0; left:110px;} .section .tab ul li .tblist tbody td .txt{width:100px; white-space:nowrap;} .section .eventscrWr{overflow:hidden; position:relative; width:100%; height:56px; margin-top:13px;} .section .eventscrWr a.prev{position:absolute; top:16px; left:0;} .section .eventscrWr a.next{position:absolute; top:16px; right:0;} .section .eventscrWr .scrImg{overflow:hidden; position:relative; width:173px; height:56px; margin:0 0 0 53px;} .section .eventscrWr .scrImg ul{width:10000px; position:absolute; top:0; left:0;} .section .eventscrWr .scrImg ul li{float:left; width:173px; height:56px; /*margin-right:55px;*/} .section .cntsWr .eventInfo{margin-top:12px;} .section .cntsWr .tbarea{width:100%; margin-top:10px; border-top:2px solid #ddd;} .section .cntsWr .tbarea th{padding:8px 0 8px 0; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color:#f4f4f4; color:#242424; text-align:center;} .section .cntsWr .tbarea td{padding:8px 0 8px 0; border-bottom:1px solid #dfdfdf; color:#555555; text-align:center;} .section .cntsWr .btnR{margin-top:10px; text-align:right;} /* 여행 */ .section .tab ul li .t4{position:absolute; top:0; left:155px;} /* 나의 이벤트 */ .section .tab #tabPtri li .t1{position:absolute; top:0; left:0;} .section .tab #tabPtri li .t2{position:absolute; top:0; left:69px;} .section .tab #tabPtri li .t3{position:absolute; top:0; left:134px;} /* 맴버서비스 가입현황,부가서비스 이용현황 */ .tbStatus{width:100%; margin-top:10px; border-top:2px solid #dfdfdf;} .tbStatus td{height:27px; padding:0; border-bottom:1px solid #dfdfdf; color:#555555; text-align:center;} .tbStatus td.tal{color:#555555; text-align:left;} /* TOP즐기기 */ .section .tab ul li .cont .thumbWr {padding-top:8px;} .section .tab ul li .cont .thumb2 {width:276px;border:1px solid #e4e4e4;margin:0 0 10px 0;} .section .tab ul li .cont .goodsTit {height:18px;font-weight:bold;color:#565656;font-size:12px;line-height:18px;overflow:hidden;} .section .tab ul li .cont .goodsPrice {height:25px;font-size:12px;color:#555555;} .section .tab ul li .cont .goodsBtn {position:absolute;right:0px;top:140px;} .section .tab ul li .cont ul.menu{padding-top:8px;} .section .tab ul li .cont ul.menu li{width:88px; float:left; margin-right:8px; text-align:center;} .section .tab ul li .cont ul.menu li .thumb {width:80px; height:80px; margin:0 auto; border:1px solid #e4e4e4; text-align:center;} .section .tab ul li .cont ul.menu li.last{margin-right:0;} .section .tab ul li .cont ul.menu li p.txt{height:45px; margin-top:8px; line-height:16px; font-size:12px;} .section .tab ul li .cont ul.menu li p.txt strong{display:block; color:#575757; letter-spacing:-1px;} .section .tab ul li .cont ul.menu li p.txt strong a{color:#575757;} .section .tab ul li .cont ul.menu li .money{display:block; color:#f04651; font-weight:bold;} .section .tab ul li .cont ul.menu li .money a{color:#f04651;} /* 준회원 일 경우 */ #container #mainCtns .columnWr .columnCont.columnCont02{width:960px; height:199px; background:url('/images/individual/mybc/main/bg_myinfo_box_02.gif') no-repeat left top;} #container #mainCtns .section.editorSec{padding:0;} #container #mainCtns .section.editorSec .cntsWr{padding-top:30px;} #container #mainCtns .section.editorSec .cntsWr.cardInfoView{width:319px; height:242px; margin-left:1px; padding:0; background-color:#f7f7f8; text-align:center;} #container #mainCtns .section.editorSec .cntsWr.cardInfoView p.txt{margin:30px 0 25px;} #container #mainCtns .cardThumb{width:125px; height:100px; background:url('/images/individual/mybc/main/bg_card_shadow.gif') no-repeat center bottom; margin:0 auto;} #container #mainCtns .cardThumb img{width:118px; height:74px;} #container #mainCtns .cardinfo{width:250px; margin:0 auto; line-height:16px; color:#555555;} #container #mainCtns .cardinfo strong{color:#242424; font-weight:bold;} #container #mainCtns .interCard{padding:10px 0 0 20px;} #container #mainCtns .interCard .desc{margin-top:5px;} #container #mainCtns .interCard .cardScrWr{display:inline-block; position:relative; width:440px; height:85px; margin-top:40px;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav{position:relative; margin:0;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-prev{position:absolute; top:16px; left:0;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-next{position:absolute; top:16px; right:0;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-btn { position: absolute; width:12px; height:48px; z-index: 10;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-btn a {display:block; width:12px; height:48px; background:url('/images/individual/common/btn/btn_ser_arrow02.gif') no-repeat 0 0;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-next a {background-position:-13px 0;} #container #mainCtns .interCard .cardScrWr .sliderkit-btn-disable a {background: none; cursor: default;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-btn span {display: none;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-clip{overflow:hidden; position:relative; width:396px; height:85px; margin:0 auto;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-clip ul{position:relative; margin:0; padding:0;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-clip ul li{float:left; width:132px; text-align:center;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-clip ul li p{margin-top:13px; font-weight:bold; font-size:12px; color:#6c6c6c; line-height:14px;} #container #mainCtns .interCard .cardScrWr .sliderkit-nav-clip ul li p a{text-decoration:none; color:#6c6c6c;} /* 준회원 마이비씨 */ /* tab style */ /* .mybc_jun .tab01 {position:relative; width:100%; background:url('/images/individual/common/bg/bg_tab_01_line.gif') repeat-x left bottom;} .mybc_jun .tab01:after {content:" "; display:block; clear:both;} .mybc_jun .tab01 ul {margin-left:1px;} .mybc_jun .tab01 li { float:left; height:31px; background:url('/images/individual/common/bg/tab_01_r.gif') no-repeat right top; margin-left:-1px; margin-right:1px;} .mybc_jun .tab01 li a {display:inline-block; height:21px; padding:8px 14px 2px; background:url('/images/individual/common/bg/tab_01_l.gif') no-repeat left top; color:#6f6f6f;} .mybc_jun .tab01 li.on a{padding:8px 17px 2px;} .mybc_jun .tab01.tab02 li a{padding:8px 13px 2px;} .mybc_jun .tab01 li a:hover, .tab01 li a:focus {text-decoration:none;} .mybc_jun .tab01 li.on {position:relative; background:url('/images/individual/common/bg/tab_01_r_on.gif') no-repeat right top;} .mybc_jun .tab01 li.on a {background:url('/images/individual/common/bg/tab_01_l_on.gif') no-repeat left top; color:#242424; font-weight:bold; letter-spacing:-1px;} .mybc_jun .tab01 .counsel {position:absolute; top:9px; right:0; background:url('/images/individual/common/ic/ic_arr_red.gif') no-repeat 0 2px; padding-left:10px; font-size:12px; line-height:14px;} .ls1Tab li {letter-spacing:-1px !important;} .mybc_jun .tab01 li ul {position:absolute; top:45px; left:0;} .mybc_jun .tab01 li ul li {float:left; height:auto; background:url('/images/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important; margin-left:0; padding:0 13px; font-size:12px; line-height:13px;} .mybc_jun .tab01 li ul li.first {background:none !important; padding-left:0;} .mybc_jun .tab01 li ul li a {display:inline !important; padding:0 !important; background:none !important; letter-spacing:0 !important;} .mybc_jun .tab01 li ul li.on {background:none; font-weight:bold;} .mybc_jun .tab01 li ul li.on a {color:#6f6f6f;} .mybc_jun .tab01 li.on ul li { float:left; height:auto; background:url('/images/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important; margin-left:0; padding:0 13px; font-size:12px; line-height:13px;} .mybc_jun .tab01 li.on ul li.first {background:none !important; padding-left:0;} .mybc_jun .tab01 li.on ul li a {display:inline !important; padding:0 !important; background:none !important; font-weight:normal;color:#6f6f6f !important; letter-spacing:0 !important;} .mybc_jun .tab01 li.on ul li.on {background:none;color:#e83d44 !important;} .mybc_jun .tab01 li.on ul li.on a {color:#e83d44 !important; font-weight:bold;} .mybc_jun .tab_cont1 {height:98px;margin-top:20px;} .mybc_jun .tab_cont1 .tab_cont {height:98px;display:none;} .mybc_jun .tab_cont2 {height:127px;margin-top:12px;text-align:center;} .mybc_jun .tab_cont2 .tab_cont {height:127px;display:none;} .mybc_jun .tab_cont1 .on, .mybc_jun .tab_cont2 .on {display:block;} .mybc_jun .tab_cont2 .tab_cont .menu li a img {width:100px;} .mybc_jun .tab_cont2 .tab_cont .menu li .desc {padding-top:5px;} .mybc_jun .tab_cont2 .tab_cont .menu li .desc img {} .mybc_jun .tab_cont2 .tab_cont .menu li .desc .tit {padding-top:5px;} .mybc_jun {} .mybc_jun .jun_top {border:1px solid #d4d4d4;overflow:hidden;} .mybc_jun .jun_top .leftbox, .mybc_jun .jun_top .rightbox {float:left;} .mybc_jun .jun_top .leftbox {width:480px;border-right:1px solid #d4d4d4;background:#f6f3ef;} .mybc_jun .jun_top .rightbox {width:437px;height:170px;} .mybc_jun .jun_top .lb_top {background:#e83e44;padding:25px 15px;overflow:hidden;} .mybc_jun .jun_top .lb_top h2, .mybc_jun .jun_top .lb_top p {float:left;color:#fff;} .mybc_jun .jun_top .lb_top h2 {padding-right:15px;margin-right:15px;border-right:1px solid #f08185;} .mybc_jun .jun_top .lb_bottom {height:74px;padding:20px 15px;position:relative;} .mybc_jun .jun_top .lb_bottom p {color:#545454;} .mybc_jun .jun_top .lb_bottom .btnInnerBoxInfo {padding-top:10px;} .mybc_jun .jun_top .lb_bottom .card_count {position:absolute;right:20px;bottom:15px;} .mybc_jun .jun_top .rightbox {padding:15px 20px;background:#f9f9f9;} .mybc_jun .jun_top .rightbox h3 {padding-bottom:10px;} .mybc_jun .jun_top .rightbox .cardslider {position:relative;margin-top:20px;} .mybc_jun .jun_top .rightbox .cardslider .slides {overflow:hidden;} .mybc_jun .jun_top .rightbox .cardslider .slides li {float:left;text-align:center;width:145px;} .mybc_jun .jun_top .rightbox .cardslider .slides li img {float:left;text-align:center;width:94px;height:58px;} .mybc_jun .jun_top .rightbox .cardslider .slides li p {margin-top:5px;} .mybc_jun .jun_top .rightbox .cardslider .flex-nav-prev {position:absolute;top:20px;left:0;} .mybc_jun .jun_top .rightbox .cardslider .flex-nav-next {position:absolute;top:20px;right:0;} .mybc_jun .jun_top .rightbox .cardslider .flex-control-paging {margin:0 auto;} .mybc_jun .jun_top .rightbox .cardslider .flex-pauseplay {position:absolute;top:-35px;right:0;} .mybc_jun .jun_bottom {margin-top:20px;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;overflow:hidden;} .mybc_jun .mybc_jun_sec {padding:20px;border-right:1px solid #d4d4d4;border-top:1px solid #d4d4d4;float:left;width:279px;height:180px;} .mybc_jun .mybc_jun_sec h3 {padding-bottom:15px;} .mybc_jun .last_sec {width:278px;} .mybc_jun .mybc_jun_sec1 {position:relative;} .mybc_jun .mybc_jun_sec1 ul {position:absolute;left:20px;bottom:20px;} .mybc_jun .mybc_jun_sec1 .cardslider {width:435px;} .mybc_jun .mybc_jun_sec1 ul li {padding-left:9px;background:url('/images/individual/mybc/jun/ic_bul.gif') no-repeat left 6px;margin-top:8px;} .mybc_jun .mybc_jun_sec1 ul li a {padding:0 10px;} .mybc_jun .mybc_jun_sec2 {} .mybc_jun .mybc_jun_sec2 .tab01 {position:relative;} .mybc_jun .mybc_jun_sec3 {} .mybc_jun .mybc_jun_sec3 .list {margin-top:13px;} .mybc_jun .mybc_jun_sec3 .list {width:100%; border-top:1px solid #ccc;} .mybc_jun .mybc_jun_sec3 .list th {background:#f2f2f2; padding:10px 0 9px; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; font-weight:bold; color:#555555;} .mybc_jun .mybc_jun_sec3 .list td {padding:10px 0 9px; border-bottom:1px solid #e3e3e3; text-align:center; vertical-align:middle; font-size:12px; line-height:16px; color:#555555;text-align:left;padding-left:10px;border-left:1px solid #e3e3e3;letter-spacing:-1px;} .mybc_jun .mybc_jun_sec3 .btnInnerBoxInfo {padding-top:10px;text-align:right;} .mybc_jun .mybc_jun_sec4 {height:209px;} .mybc_jun .mybc_jun_sec4 ul {overflow:hidden;margin-top:15px;} .mybc_jun .mybc_jun_sec4 ul li {width:93px;height:130px;line-height:145px;float:left;text-align:center;} .mybc_jun .mybc_jun_sec4 ul li a img {vertical-align:middle;} .mybc_jun .mybc_jun_sec5 {text-align:center;height:209px;} .mybc_jun .mybc_jun_sec5 h3 {text-align:left;} .mybc_jun .mybc_jun_sec5 p {padding-bottom:30px;text-align:left;} .mybc_jun .mybc_jun_sec5 span img {width:122px;height:75px;} .mybc_jun .mybc_jun_sec5 dl {margin-top:15px;} .mybc_jun .mybc_jun_sec5 dl dt {font-weight:bold;} .mybc_jun .mybc_jun_sec6 {height:209px;position:relative;} .mybc_jun .morebtn {position:absolute;right:5px;top:10px;} .mybc_jun .morebtn a {display:none;} .mybc_jun .morebtn .on {display:block;} */ /* 준회원 추가 15.07.08 */ .mybc .myinfoBlock.assmem_con { height:388px; } .mybc .myinfoBlock .assmem { width:730px; height:154px; } .mybc .myinfoBlock .assmem .card_rec .flex-control-paging { position:absolute; top:20px; right:35px; } .mybc .myinfoBlock .assmem .card_rec .flex-control-paging li { margin:0 5px 0 0; padding:0px; background:none; } .mybc .myinfoBlock .assmem .card_rec .flex-pauseplay { position:absolute; top:15px; right:15px; } .mybc .myinfoBlock .assmem .card_rec .flex-pauseplay img { width:20px; height:20px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav { margin-top:0px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li > a { position:absolute; top:50%; margin-top:-8px; display:inline-block; width:9px; height:17px; padding:0px; text-indent:-9999px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li a.flex-prev { left:15px; background:url('/images/individual/main/assmem_btn_left.png') no-repeat; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li a.flex-next { right:15px; background:url('/images/individual/main/assmem_btn_right.png') no-repeat; } .mybc .myinfoBlock .card_rec ul { position:static; margin-top:30px; } .mybc .myinfoBlock .card_rec ul li { background:none; float:left; margin:0px; padding:0 30px; width:110px; text-align:center; } .mybc .myinfoBlock .card_rec ul li a > img { display:inline-block; width:94px; height:59px; overflow:hidden; } .mybc .myinfoBlock .card_rec ul li a span { display:block; margin-top:8px; font-family:RixGoM; font-size:13px; line-height:1.3; color:#242424; } .mybc .myinfoBlock .myevent_pati { width:344px; height:154px; } .mybc .myinfoBlock .myevent_pati a, .mybc .myinfoBlock .myevent_pati .pati_none ul li { font-family:RixGoM; font-size:13px; line-height:1.3; color:#242424; } .mybc .myinfoBlock .myevent_pati .pati_none { position:absolute; bottom:15px; left:15px; } .mybc .myinfoBlock .myevent_pati .pati_none ul { position:static; } .mybc .myinfoBlock .myevent_pati .pati_none > a { display:inline-block; width:218px; margin-top:13px; padding:15px 0 0 134px; font-family:RixGoM; line-height:1.4; background:url('/images/individual/main/assmem_event.png') 16px bottom no-repeat; } /*.mybc .myinfoBlock .myevent_pati .pati_none > a strong { display:block; margin-bottom:6px; font-family:RixGoM; font-size:16px; color:#242424; }*/ .mybc .myinfoBlock .myevent_pati .pati_none > a strong { display:block; margin-bottom:5px; font-family:RixGoM; font-size:13px; color: #242424; } .mybc .myinfoBlock .myevent_pati .pati_none > a strong em { color:#e83e44; } .mybc .myinfoBlock .faq_con, .mybc .myinfoBlock .interest_card { height:154px; } .mybc .myinfoBlock .interest_card p { position:absolute; bottom:15px; right:15px; float:right; font-family:RixGoM; font-size:13px; line-height:1.0; color:#545454; } .mybc .myinfoBlock .interest_card p a { font-size:22px; line-height:22px; color:#242424; font-weight:normal; text-decoration:underline; } .mybc .myinfoBlock .interest_card p strong { font-size:22px; line-height:22px; color:#242424; font-weight:normal; } .mybc .myinfoBlock .interest_card p span { margin-left:3px; font-family:RixGoM; font-size:16px; line-height:22px; color:#242424; } .mybc #contents .rightNav.assmem { height:378px; } .mybc #contents .assmem .search { padding-top:0px; height:228px; } .mybc #contents .search .card_assmem { padding:30px 0 55px 0; text-align:center; } .mybc #contents .search .card_assmem p { margin-top:15px; font-family:RixGoM; font-size:13px; color:#fff; } .mybc #contents .search .btnSearch.btn_assmem { position:static; font-size:16px; } #contents .btmBlock.assmem_box { } .mybc #contents .btmBlock.assmem_box .infoBlock .info3 .inner { background:url('/images/individual/main/assmem_mybc3.png') 135px 135px no-repeat; } .mybc #contents .btmBlock.assmem_box .infoBlock .info2 .inner { background:url('/images/individual/main/assmem_mybc2.png') 135px 135px no-repeat; } .mybc #contents .btmBlock.assmem_box .infoBlock .info1 .inner { background:url('/images/individual/main/assmem_mybc1.png') 135px 135px no-repeat; } .mybc .assmem_active{margin-top:10px; float:right;} .mybc .assmem_active .actionbg{padding:15px;width:160px;height:360px; text-decoration:none; background-color:#d8c9be; display:block;overflow:hidden; position:relative;} .mybc .assmem_active .actionbg em{font-family:RixGoL;font-size:16px;line-height:1.2;color:#242424;} .mybc .assmem_active .actionbg h3{margin-top:12px; font-family:RixGoM;font-size:16px;line-height:1.2;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .mybc .assmem_active .actionbg p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .mybc .assmem_active .actionbg .img1{position:absolute;left:20px;bottom:-50px; opacity:0;} .mybc .assmem_active .actionbg .img2{position:absolute;right:22px;bottom:193px;opacity:0;} /* 준회원 추가 15.07.08 */ .mybc .myinfoBlock.assmem_con { height:388px; } .mybc .myinfoBlock .assmem { width:730px; height:154px; } .mybc .myinfoBlock .assmem .card_rec .flex-control-paging { position:absolute; top:20px; right:35px; } .mybc .myinfoBlock .assmem .card_rec .flex-control-paging li { margin:0 5px 0 0; padding:0px; background:none; } .mybc .myinfoBlock .assmem .card_rec .flex-pauseplay { position:absolute; top:15px; right:15px; } .mybc .myinfoBlock .assmem .card_rec .flex-pauseplay img { width:20px; height:20px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav { margin-top:0px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li > a { position:absolute; top:50%; margin-top:-8px; display:inline-block; width:9px; height:17px; padding:0px; text-indent:-9999px; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li a.flex-prev { left:15px; background:url('/images/individual/mybc/main/assmem_btn_left.png') no-repeat; } .mybc .myinfoBlock .assmem .card_rec .flex-direction-nav li a.flex-next { right:15px; background:url('/images/individual/mybc/main/assmem_btn_right.png') no-repeat; } .mybc .myinfoBlock .card_rec ul { position:static; margin-top:30px; } .mybc .myinfoBlock .card_rec ul li { background:none; float:left; margin:0px; padding:0 30px; width:110px; text-align:center; } .mybc .myinfoBlock .card_rec ul li a > img { display:inline-block; width:94px; height:59px; overflow:hidden; } .mybc .myinfoBlock .card_rec ul li a span { display:block; margin-top:8px; font-family:RixGoM; font-size:13px; line-height:1.3; color:#242424; } .mybc .myinfoBlock .myevent_pati { width:344px; height:154px; } .mybc .myinfoBlock .myevent_pati a, .mybc .myinfoBlock .myevent_pati .pati_none ul li { font-family:RixGoM; font-size:13px; line-height:1.3; color:#242424; } .mybc .myinfoBlock .myevent_pati .pati_none { position:absolute; bottom:15px; left:15px; } .mybc .myinfoBlock .myevent_pati .pati_none ul { position:static; } .mybc .myinfoBlock .myevent_pati .pati_none > a { display:inline-block; width:218px; margin-top:13px; padding:15px 0 0 134px; font-family:RixGoM; line-height:1.4; background:url('/images/individual/mybc/main/assmem_event.png') 16px bottom no-repeat; } /*.mybc .myinfoBlock .myevent_pati .pati_none > a strong { display:block; margin-bottom:6px; font-family:RixGoM; font-size:16px; color:#242424; }*/ .mybc .myinfoBlock .myevent_pati .pati_none > a strong { display:block; margin-bottom:5px; font-family:RixGoM; font-size:13px; color: #242424; } .mybc .myinfoBlock .myevent_pati .pati_none > a strong em { color:#e83e44; } .mybc .myinfoBlock .faq_con, .mybc .myinfoBlock .interest_card { height:154px; } .mybc .myinfoBlock .interest_card p { position:absolute; bottom:15px; right:15px; float:right; font-family:RixGoM; font-size:13px; line-height:1.0; color:#545454; } .mybc .myinfoBlock .interest_card p a { font-size:22px; line-height:22px; color:#242424; text-decoration:underline; } .mybc .myinfoBlock .interest_card p strong { font-size:22px; line-height:22px; color:#242424; } .mybc .myinfoBlock .interest_card p span { margin-left:3px; font-family:RixGoM; font-size:16px; line-height:22px; color:#242424; } .mybc #contents .rightNav.assmem { height:378px; } .mybc #contents .assmem .search { padding-top:0px; height:228px; } .mybc #contents .search .card_assmem { padding:30px 0 55px 0; text-align:center; } .mybc #contents .search .card_assmem p { margin-top:15px; font-family:RixGoM; font-size:13px; color:#fff; } .mybc #contents .search .btnSearch.btn_assmem { position:static; font-size:16px; } #contents .btmBlock.assmem_box { } .mybc #contents .btmBlock.assmem_box .infoBlock .info3 .inner { background:url('/images/individual/mybc/main/assmem_mybc3.png') 135px 135px no-repeat; } .mybc #contents .btmBlock.assmem_box .infoBlock .info2 .inner { background:url('/images/individual/mybc/main/assmem_mybc2.png') 135px 135px no-repeat; } .mybc #contents .btmBlock.assmem_box .infoBlock .info1 .inner { background:url('/images/individual/mybc/main/assmem_mybc1.png') 135px 135px no-repeat; } .mybc .assmem_active{margin-top:10px; float:right;} .mybc .assmem_active .actionbg{padding:15px;width:160px;height:360px; text-decoration:none; background-color:#d8c9be; display:block;overflow:hidden; position:relative;} .mybc .assmem_active .actionbg em{font-family:RixGoL;font-size:16px;line-height:1.2;color:#242424;} .mybc .assmem_active .actionbg h3{margin-top:12px; font-family:RixGoM;font-size:16px;line-height:1.2;color:#242424; /* -webkit-transform:rotate(0.1deg); -moz-transform:rotate(0.1deg); -o-transform:rotate(0.1deg); -ms-transform:rotate(0.1deg); -sand-transform:rotate(0.1deg); */ } .mybc .assmem_active .actionbg p{margin-top:13px; font-family:RixGoL;font-size:13px;line-height:1.5;color:#545454;} .mybc .assmem_active .actionbg .img1{position:absolute;left:20px;bottom:-50px; opacity:0;} .mybc .assmem_active .actionbg .img2{position:absolute;right:22px;bottom:193px;opacity:0;} /* 로딩중 */ /* Overlay */ #viewLoading {display:none;} #simplemodal-overlay {background-color:#fff;} /* 카드 슬라이드 + 소비스타일 영역 */ .myinfoBlock .card_slide{width:798px;height:40px;position:relative;background:#ded4cb;margin-bottom:10px;} .myinfoBlock .card_slide div{width:284px;margin:0 auto;position:relative;height:25px;padding-top:10px;} .myinfoBlock .card_slide div ul{width:284px;position:absolute;left:0;top:0;} .myinfoBlock .card_slide div ul li{float:left;width:284px;text-align:center;} .myinfoBlock .card_slide .flex-control-nav {display:none;} .myinfoBlock .card_slide .flex-nav-prev .flex-prev{width:8px;height:17px; text-indent:-9999px; background:url('/images/individual/mybc/main/btn_card_prev.gif') no-repeat 0 0; position:absolute;top:10px;left:-8px; z-index:1;} .myinfoBlock .card_slide .flex-nav-next .flex-next{width:8px;height:17px; text-indent:-9999px; background:url('/images/individual/mybc/main/btn_card_next.gif') no-repeat 0 0; position:absolute;top:10px;right:-8px; z-index:1;} .mybc #contents .rightNav .my_style_wrap {padding:0 15px;} .mybc #contents .rightNav .my_style_wrap a {color:#fff;} .mybc #contents .rightNav .my_style_wrap .tit {position:relative;height:35px;line-height:35px;font-size:18px;font-family:RixGoM;color:#fff;border-top:1px solid #ee6e74;border-bottom:1px solid #ee6e74;} .mybc #contents .rightNav .my_style_wrap .txt {padding-top:8px; height:68px; line-height:16px;font-size:12px;font-family:RixGoM;color:#fff;} .mybc #contents .rightNav .my_style_wrap .img {margin-bottom:20px;} .mybc #contents .rightNav .my_style_wrap .img img {width:160px; height:160px;} .mybc #contents .rightNav .my_style_wrap .more a{display:block; height:25px; padding-left:10px; font-size:12px;font-family:RixGoM;color:#fff;line-height:25px; background:#9e2127 url('/images/individual/mybc/main/bg_more.png') no-repeat 140px 8px; text-decoration:none;} .mybc #contents .rightNav .my_style_wrap .tit .go_more {position:absolute; right:0; top:12px;} .mybc #contents .rightNav .my_style_wrap .my_benefit {padding-top:10px;} .mybc #contents .rightNav .my_style_wrap .my_benefit li {margin-top:5px;} .mybc #contents .rightNav .my_style_wrap .my_benefit li:first-child {margin-top:0;} .mybc #contents .rightNav .my_style_wrap .my_benefit li a {overflow:hidden;padding:0;font-weight:bold;font-family:RixGoM;font-size:12px; white-space:nowrap;text-overflow:ellipsis;}