/* Gnb */ @import url(/new/css/gnb.css); @import url(/new/css/footer.css); /************ 리뉴얼 *************/ #top_wrap {width:100%; height:208px; background:url('') 0 0 repeat-x;padding-bottom:13px;} /*/new/images/bg_top2.gif*/ #top_container {width:1000px; margin:0 auto; position:relative;} #top_container .top_bg {background:url('/new/images/bg_mainTop.gif') 0 0 repeat-x;} #top_menu {width:1000px; background-color:#00458a; height:43px;line-height:34px;font-size:11px;color:#e3e3e3;} #top_menu li{float:left; cursor:pointer;} #top_menu .top_menu1 {float:left;} #top_menu .top_menu1 li {padding-right:20px;} #top_menu .top_menu1 li:first-child {color:#fdff70;} #top_menu .top_menu2 {float:right;} #top_menu .top_menu2 li {padding-left:20px;} #top_logo {width:520px; height:47px; background:url('/new/images/copy.png') 209px 6px no-repeat; position:absolute; top:79px;} #top_logo2 {width:520px; height:47px; background:url('') 209px 6px no-repeat; position:absolute; top:79px;} #top_banner {position:absolute; top:34px; left:677px; overflow:hidden;} #top_banner img{width:300px; height:119px;} #gnb {cursor:pointer; position:absolute; top:154px; width:100%; height:43px;background-color:#0b335a;} #gnb li{float:left;} #gnb .main_gnb {float:left;} #gnb .main_gnb li {float:left;} #gnb .main_gnb .menu01 a {width:67px;height:53px; background:url('/new/images/btn_gnb01.gif') 0 0 no-repeat; display:inline-block;} #gnb .main_gnb .menu02 a {width:135px;height:53px; background:url('/new/images/btn_gnb11.gif') 0 0 no-repeat; display:inline-block;} #gnb .main_gnb .menu05 a {width:138px;height:53px; background:url('/new/images/btn_gnb12.gif') 0 0 no-repeat; display:inline-block;} #gnb .main_gnb .menu03 a {width:134px;height:53px; background:url('/new/images/btn_gnb13.gif') 0 0 no-repeat; display:inline-block;} #gnb .main_gnb .menu04 a {width:153px;height:53px; background:url('/new/images/btn_gnb04.gif') 0 0 no-repeat; display:inline-block; border-right:1px solid #e1e1e1;} #gnb .main_gnb li:hover a {background-position:0px -53px;} #gnb .main_gnb li.sel a {background-position:0px -53px;} #gnb .main_gnb #MM span {display:block;position:absolute;left:0;top:-5000px;overflow:hidden;} #gnb .sub_gnb {float:right; margin-top:12px;} #gnb .sub_gnb li {float:left; padding-left:14px; margin-left:13px; background:url('/new/images/bg_subGnb.jpg') 0 8px no-repeat;} #gnb .sub_gnb {} #gnb .sub_gnb li:first-child {padding-left:0; margin-left:0; background:none;} #gnb .sub_gnb .menu01 a {width:83px;height:30px; background:url('/new/images/btn_gnb05.gif') 0 0 no-repeat; display:inline-block;} #gnb .sub_gnb .menu02 a {width:63px;height:30px; background:url('/new/images/btn_gnb06.gif') 0 0 no-repeat; display:inline-block;} #gnb .sub_gnb .menu03 a {width:62px;height:30px; background:url('/new/images/btn_gnb07.gif') 0 0 no-repeat; display:inline-block;} #gnb .sub_gnb .menu04 a {width:51px;height:30px; background:url('/new/images/btn_gnb08.gif') 0 0 no-repeat; display:inline-block;} #gnb .sub_gnb .menu05 a {width:88px;height:30px; background:url('/new/images/btn_gnb09.gif') 0 0 no-repeat; display:inline-block;} #gnb .sub_gnb li:hover a {background-position:0px -30px;} #gnb .sub_gnb li.sel a {background-position:0px -30px;} #gnb .sub_gnb #SM span {display:block;position:absolute;left:0;top:-5000px;overflow:hidden;} /*contant*/ #wrap {position:relative;width:1000px;min-height:510px;margin:0 auto;} #wrap #contents {} #wrap #contents.sub {float:left;border:1px solid #e1e4eb;border-bottom:none;border-bottom:1px solid #e1e4eb;} #wrap #left_content {float:left;width:758px;} #wrap #contents.sub #left_content {float:left;width:731px;min-height:1284px;padding:15px 13px;border-right:1px solid #e1e4eb;} /*리뉴얼20150624 시작*/ #wrap #contents.sub #left_content2 {float:left;width:758px;min-height:1010px;padding:0;} #wrap #contents.sub #right_content_02 {float:left;width:240px;} /*리뉴얼20150624 끝*/ #wrap #right_content {float:left;width:242px;} #wrap #contents.sub #right_content {float:left;width:240px;} .CPA_Merchant {position:relative;float:left;width:758px;height:291px; background:#1d4385;} .CPA_Merchant h2 {position:absolute; left:209px; top:21px;} .CPA_Merchant .btn_more {position:absolute;right:24px; top:23px; cursor:pointer;} .CPA_Merchant .CPA_Slide {float:left;width:185px;height:291px;background:#458fd1; text-align:center; position:relative;} .CPA_List {width:137px;height:250px;margin:21px 24px 20px 24px; overflow:hidden;} .CPA_List li {float:left;width:137px;height:250px;} .CPA_List li div.merchant { width:137px; height:70px; padding:0;margin:0 0 20px 0;} .CPA_List li div.merchant:last-child {margin-bottom:0;} .CPA_List li div.merchant img {float:left;width:135px;height:68px;border:1px solid #000; filter:url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+, IE10 */ filter:gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ filter:alpha(opacity=20); opacity:0.2; } .CPA_List a.slidesjs-next, .CPA_List a.slidesjs-previous {background-image:url('/new/images/bg_item.png'); background-repeat:no-repeat; display:inline-block; width:19px; height:34px; overflow:hidden; text-indent: -9999px;} .CPA_List a.slidesjs-next {position:absolute; right:0px; top:129px;background-position:-38px 0px;z-index:10;} .CPA_List a:hover.slidesjs-next {background-position:-57px 0px;} .CPA_List a.slidesjs-previous {position:absolute;left:0px;top:129px;background-position:0px 0px;z-index:10;} .CPA_List a:hover.slidesjs-previous {background-position:-19px 0px;} .CPA_List a.slidesjs-play, .CPA_List a.slidesjs-stop {display:none;} .CPA_List .slidesjs-pagination, .CPA_List .slidesjs-pagination li, .CPA_List .slidesjs-pagination li a {display:none;} .CPA_List a:link, .CPA_List a:visited {color: #333} .CPA_List a:hover, .CPA_List a:active {color: #9e2020} .CPA_List li div .arrow {position:absolute;display:block;top:29px;right:-9px;width:6px;height:11px;} .CPA_List li div.sel .arrow {background:url('/images/ico_arrow01.png') 0px 0px no-repeat;} .CPA_List li div.sel img { filter: none; -webkit-filter: grayscale(0%); filter:alpha(opacity=100); opacity:1; } .CPA_View {width:573px; height:291px;margin:0;overflow:hidden;} .CPA_View .CPA_Detail .detail_view {width:525px; height:99px; margin:59px 0 0 24px; padding:21px 0 21px 0; border-top:1px solid #4f6a98; border-bottom:1px solid #4f6a98; float:left;} .CPA_View .CPA_Detail dt img {float:left;width:108px;height:97px;margin-right:14px;border:1px solid #000000;} .CPA_View .CPA_Detail dd.subject {float:left;width:394px;height:17px;margin:2px 0 11px 0;font:bold 15px 'dotum';color:#fff;} .CPA_View .CPA_Detail dd.subject span {float:left;margin-right:8px;} .CPA_View .CPA_Detail dd.subject img {float:left;margin-left:6px;} .CPA_View .CPA_Detail dd.content {float:left;width:394px;height:64px;font:normal 11px 'dotum';color:#c2ddf6;line-height:18px;} .CPA_View .CPA_Detail .btn_detail a {float:right; margin:16px 24px; width:55px; height:55px; background:url('/new/images/bg_item.png') -214px -99px no-repeat;} .CPA_View .CPA_Detail .btn_detail a:hover {background-position:-269px -99px;} .CPA_PriceView {float:left;width:355px;height:48px;margin:18px 0 0 24px} .CPA_PriceView li.basic {float:left;width:355px;height:22px;margin-bottom:5px;} .CPA_PriceView li.special {float:left;height:22px;} .CPA_PriceView li dl {float:left;margin:0;width:355px; padding:0;} .CPA_PriceView li dt {float:left;width:110px;height:17px;padding:5px 0 0 0;font:bold 12px 'gulim';color:#ffffff;background:#071f48;text-align:center;} .CPA_PriceView li dd {float:left;margin:5px 0 0 16px;} .CPA_PriceView li.basic dd {font:bold 12px 'gulim';color:#ffffff;} .CPA_PriceView li.special dd {font:bold 12px 'gulim';color:#ffffff;} .CPA_PriceView li dd.price {float:left;margin-left:9px;font:bold 12px 'gulim';color:#96c7ff;} .PPP_Merchant {float:left; position:relative; width:756px; height:267px; background:url('/new/images/bg_ppp.gif') repeat; border:1px solid #e1e4eb;} .PPP_Merchant h2 {padding:25px 0 0 32px;} .PPP_Merchant .btn_more {position:absolute;right:24px; top:23px;cursor:pointer;} .PPP_Merchant .PPP_Slide {float:left;width:756px; height:222px; text-align:center; position:relative;} .PPP_List {width:635px; height:176px;margin:18px 62px 30px 62px;overflow:hidden;} .PPP_List li {float:left;width:635px;height:176px;margin:0;} .PPP_List li div.merchant {position:relative;float:left;width:110px;height:176px;margin:0 21px 0 0;} .PPP_List li div.merchant:last-child {margin:0;} .PPP_List li div.merchant a {width:110px; height:142px; z-index:11;} /* .PPP_List li div.merchant a:hover {width:106px; height:138px;border:2px solid #ec227c} */ .PPP_List li div.merchant a:hover .mask {position:absolute;left:0px;top:0px;width:110px; height:97px; background:#fefefe;filter:alpha(opacity=20);opacity:0.20;} .PPP_List li div.merchant img.iconNew {position:absolute;left:0px;top:0px; z-index:10;} .PPP_List li div.merchant span.soldout { display:inline-block;position:absolute; right:0; top:0;width:110px; height:99px;background:url('/new/images/bg_item.png') -214px 0 no-repeat;filter:alpha(opacity=90);opacity:0.9;z-index:9;} .PPP_List li div.merchant span.ongoing {display:none;} .PPP_List li div.merchant img.mImage {width:108px; height:97px;border:1px solid #585858;z-index:8;} .PPP_List li .ppp_count {width:110px; height:39px; padding-top:4px; background-color:#585858; text-align:center; color:#fff;} .PPP_List li .ppp_count p span {font:bold 12px 'tahoma';color:#ffffff} .PPP_List li .ppp_price {font:bold 24px 'tahoma';color:#ea2356;padding-left:21px; margin-top:5px; display:inline-block; background:url('/new/images/bg_item.png') 0 -98px no-repeat;} .PPP_List a.slidesjs-next, .PPP_List a.slidesjs-previous {background-image:url('/new/images/bg_item.png'); background-repeat:no-repeat; display:inline-block; width:36px; height:59px; overflow:hidden; text-indent: -9999px;} .PPP_List a.slidesjs-next {position:absolute; right:0px; top:63px;background-position:-72px -35px;z-index:10;} .PPP_List a:hover.slidesjs-next {background-position:-108px -35px;} .PPP_List a.slidesjs-previous {position:absolute;left:0px;top:63px;background-position:0 -35px;z-index:10;} .PPP_List a:hover.slidesjs-previous {background-position:-36px -35px;} .PPP_List a.slidesjs-play, .PPP_List a.slidesjs-stop {position:absolute;display:none;right:-5000px;} .PPP_List .slidesjs-pagination, .PPP_List .slidesjs-pagination li, .PPP_List .slidesjs-pagination li a {display:none;} .PPP_List a:link, .PPP_List a:visited {color: #333} .PPP_List a:hover, .PPP_List a:active {color: #9e2020} .PPP_List li div .arrow {position:absolute;display:block;top:29px;right:-9px;width:6px;height:11px;} .PPP_List li div.sel .arrow {background:url('/images/ico_arrow01.png') 0px 0px no-repeat;} .PPP_List li div.sel img { filter: none; -webkit-filter: grayscale(0%); filter:alpha(opacity=100); opacity:1; } /*리뉴얼 CPA수익모델 시작*/ .PPP_Merchant2 {float:left; position:relative; width:756px; height:424px; background:url('/new/images/bg_ppp.gif') repeat; border:1px solid #e1e4eb;} .PPP_Merchant2 h2 {padding:25px 0 0 32px;} .PPP_Merchant2 .btn_more {position:absolute;right:24px; top:23px;cursor:pointer;} .PPP_Merchant2 .PPP_Slide2 {float:left;width:756px; height:380px; text-align:center; position:relative;} .PPP_List2 {width:635px; height:306px;margin:38px 62px 0;overflow:hidden;} .PPP_List2 li {float:left;width:635px;height:134px;margin:0;} .PPP_List2 li div.merchant {position:relative;float:left;width:110px;height:134px;margin:0 17px 37px 0;} .PPP_List2 li div.merchant:last-child {margin:0;} .PPP_List2 li div.merchant a {width:110px; height:142px; z-index:11;} /* .PPP_List2 li div.merchant a:hover {width:106px; height:138px;border:2px solid #ec227c} */ .PPP_List2 li div.merchant a:hover .mask {position:absolute;left:0px;top:0px;width:110px; height:97px; background:#fefefe;filter:alpha(opacity=20);opacity:0.20;} .PPP_List2 li div.merchant img.iconNew {position:absolute;left:0px;top:0px; z-index:10;} .PPP_List2 li div.merchant span.soldout { display:inline-block;position:absolute; right:0; top:0;width:110px; height:99px;background:url('/new/images/bg_item.png') -214px 0 no-repeat;filter:alpha(opacity=90);opacity:0.9;z-index:9;} .PPP_List2 li div.merchant span.ongoing {display:none;} .PPP_List2 li div.merchant img.mImage {width:108px; height:97px;border:1px solid #585858;z-index:8;} .PPP_List2 li .ppp_price {font:bold 18px 'tahoma';color:#ea2356;padding-left:21px; margin-top:6px; width:87px; display:inline-block; text-align:left; background:url('/new/images/bg_item.png') 0 -101px no-repeat;} .PPP_List2 a.slidesjs-next, .PPP_List2 a.slidesjs-previous {background-image:url('/new/images/bg_item.png'); background-repeat:no-repeat; display:inline-block; width:36px; height:59px; overflow:hidden; text-indent: -9999px;} .PPP_List2 a.slidesjs-next {position:absolute; right:0px; top:143px;background-position:-72px -35px;z-index:10;} .PPP_List2 a:hover.slidesjs-next {background-position:-108px -35px;} .PPP_List2 a.slidesjs-previous {position:absolute;left:0px;top:143px;background-position:0 -35px;z-index:10;} .PPP_List2 a:hover.slidesjs-previous {background-position:-36px -35px;} .PPP_List2 a.slidesjs-play, .PPP_List2 a.slidesjs-stop {position:absolute;display:none;right:-5000px;} .PPP_List2 .slidesjs-pagination, .PPP_List2 .slidesjs-pagination li, .PPP_List2 .slidesjs-pagination li a {display:none;} .PPP_List2 a:link, .PPP_List2 a:visited {color: #333} .PPP_List2 a:hover, .PPP_List2 a:active {color: #9e2020} .PPP_List2 li div .arrow {position:absolute;display:block;top:29px;right:-9px;width:6px;height:11px;} .PPP_List2 li div.sel .arrow {background:url('/new/images/ico_arrow01.png') 0px 0px no-repeat;} .PPP_List2 li div.sel img { filter: none; -webkit-filter: grayscale(0%); filter:alpha(opacity=100); opacity:1; } /*리뉴얼 CPA수익모델 끝*/ .login {width:196px; height:247px; background:#f0f2f7; border:1px solid #e1e4eb; padding:21px 22px;} .login h2{padding:0 0 10px 0;} .login #id, .login #pw {width:186px; height:26px; border:1px solid #e1e4eb; padding:0 4px;} .login #id:focus, .login #pw:focus {border-color:#2984ff;} .login #id {margin-bottom:6px;} .login .info_save {font-size:11px; color:#016ac9; height:33px;line-height:33px;} .login .info_save span{position:relative; top:1px;} .login .find_member a{font-size:11px; color:#383838; height:33px;line-height:33px;} .login .member_info a{display:inline-block; margin-bottom:6px;} .login_after {width:196px; height:247px; background:#f0f2f7; border:1px solid #e1e4eb; padding:21px 22px;} #wrap #contents.sub .login_after {border:none;border-bottom:1px solid #e1e4eb;} .login_after h2 {padding:0 0 10px 0;} .login_after .btn_top_view {float:right;position:relative; bottom:2px; right:1px; cursor:pointer;} .login_after .info {width:196px; height:107px; background:url('/new/images/bg_login_on.gif') 0 0 no-repeat;} .login_after .info ul {width:170px;padding-left:13px;} .login_after .info ul li {height:36px; line-height:36px; text-align:right; font-weight:bold; color:#f56800;} .login_after .info ul li:first-child {text-align:left; color:#666; font-weight:normal;} .login_after .info ul li:first-child span {font-weight:bold; color:#666;} .login_after .btn li{float:left; padding:11px 0; cursor:pointer;} .login_after .btn li:last-child {float:right;} .login_after .info ul li span.no {padding-right:8px;color:#fb9a00; position:relative; top:1px;} .login_after .info ul li span.no img {position:relative; top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.login_after .info ul li span.no {position:relative; top:0;}} .login_after .member_info a {display:inline-block; margin-bottom:6px;} /************** 로그인 폼 수정 20151006 **************/ .login_after2 {width:196px; height:241px; background:#f0f2f7; border:1px solid #e1e4eb; padding:24px 22px;} #wrap #contents.sub .login_after2 {border:none;border-bottom:1px solid #e1e4eb;} .login_after2 h2 {padding:0 0 10px 0;} .login_after2 .btn_top_view {float:right;position:relative; bottom:2px; right:1px; cursor:pointer;} .login_after2 .info2 {width:196px; height:144px; background:url('/new/images/bg_login_on2.gif') 0 0 no-repeat;} .login_after2 .info2 ul {width:170px;padding-left:13px;} .login_after2 .info2 ul li {height:36px; line-height:36px; text-align:right; font-weight:bold; color:#f56800;} .login_after2 .info2 ul li span {margin:0 3px;} .login_after2 .info2 ul li:first-child {text-align:left; color:#666; font-weight:normal;} .login_after2 .info2 ul li:first-child span {font-weight:bold; color:#666;} .login_after2 .btn2 { height:41px;} .login_after2 .btn2 li{float:left; padding:8px 0 7px; height:26px; cursor:pointer;} .login_after2 .btn2 li:last-child {float:right;} .login_after2 .info2 ul li span.no {padding-right:8px;color:#fb9a00; position:relative; top:1px;} .login_after2 .info2 ul li span.no img {position:relative; top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0) {.login_after .info ul li span.no {position:relative; top:0;}} .login_after2 .member_info2 { height:31px;} .login_after2 .member_info2 a {display:inline-block; margin-bottom:6px;} .new_merchant {width:241px; height:268px; border-bottom:1px solid #e1e4eb; border-right:1px solid #e1e4eb;font-size:13px;} #wrap #contents.sub .new_merchant {border-right:none;} .new_merchant h2 {padding:26px 0 19px 23px;} .new_merchant .NM_Tab {width:196px; height:36px; margin-left:23px;} .new_merchant .NM_Tab li {float:left;} .new_merchant .NM_Tab .NM_Tab01 a {width:98px; height:36px; background:url('/new/images/btn_cpappp.png') -196px 0 no-repeat; display:inline-block;} .new_merchant .NM_Tab .NM_Tab02 a {width:98px; height:36px; background:url('/new/images/btn_cpappp.png') -98px 0 no-repeat; display:inline-block;} .new_merchant .NM_Tab .NM_Tab01 a.sel {width:98px; height:36px; background:url('/new/images/btn_cpappp.png') 0 0 no-repeat; display:inline-block;} .new_merchant .NM_Tab .NM_Tab02 a.sel {width:98px; height:36px; background:url('/new/images/btn_cpappp.png') -294px 0 no-repeat; display:inline-block;} .new_merchant .list a {color:#5f5f5f; padding-left:16px; background:url('/new/images/bg_item.png') -311px -180px no-repeat; font:normal 12px 'gulim'; color:#5f5f5f;} .new_merchant .list span{font-weight:bold; color:#488dca;margin:0 5px 0 0;} .new_merchant .list {padding:10px 23px 0 23px;} .new_merchant .list li {width:195px;height:21px; line-height:21px;text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} /*리뉴얼 20150624 수익률 머천트 추가수익배너 시작*/ .new_merchant02 {width:241px; height:208px; border-right:1px solid #e1e4eb;font-size:13px;} #wrap #contents.sub .new_merchant02 {border-right:none;} .new_merchant02 h2 {padding:26px 0 19px 23px;} .new_merchant02 .merchant_message { width:196px; height:30px; margin:0 auto} .new_merchant02 .list a {color:#5f5f5f; padding-left:35px; background:url('/new/images/hot_icon.gif') 0 0 no-repeat; font:normal 12px 'gulim'; color:#5f5f5f;} .new_merchant02 .list span{font-weight:bold; color:#488dca;margin:0 5px 0 0;} .new_merchant02 .list {padding:19px 0 4px; margin:0 23px} .new_merchant02 .list li {width:195px;height:23px; line-height:23px; vertical-align:top; text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} .cpa_banner01 {width:196px; height:78px; margin:0 auto; padding-bottom:19px;} /*리뉴얼 20150624 수익률 머천트 추가수익배너 끝*/ /*리뉴얼 20150624 수익금랭킹 시작*/ .ranking02 {width:241px; height:489px; border-right:1px solid #e1e4eb; border-top:1px solid #e1e4eb;font:bold 11px 'tahoma';color:#848484;} #wrap #contents.sub .ranking02 {border-right:none;} .ranking02 h2 {padding:19px 0 0 23px;} .ranking02 .ranking02_list {width:199px; padding:7px 0 0 20px;} .ranking02 .ranking02_list li {height:36px; line-height:36px;border-bottom:1px dotted #bebebe;} .ranking02 .ranking02_list .no {width:16px; text-align:left;padding-right:10px; color:#fb9a00;} .ranking02 .ranking02_list .no img{position:relative; top:5px;} .ranking02 .ranking02_list .id {width:16px; text-align:left;} .ranking02 .ranking02_list .sum {float:right; color:#4e6a87;} .ranking02 .rk_tab {width:199px; height:36px; margin:19px 0 0 23px;} .ranking02 .rk_tab li {float:left;} /*.ranking02 .rk_tab .rk_tab01 a {width:65px; height:32px; background:url('/new/images/tab_ranking.gif') 0 32px no-repeat; display:inline-block;} */ .ranking02 .rk_tab .rk_tab01 a {width:199px; height:36px; background:url('/new/images/rankin_newtitle.gif') 0 36px no-repeat; display:inline-block;} .ranking02 .rk_tab .rk_tab02 a {width:66px; height:32px; background:url('/new/images/tab_ranking.gif') -65px 0 no-repeat; display:inline-block;} .ranking02 .rk_tab .rk_tab03 a {width:65px; height:32px; background:url('/new/images/tab_ranking.gif') -131px 0 no-repeat; display:inline-block;} /* .ranking02 .rk_tab .rk_tab01 a.sel {width:65px; height:32px; background:url('/new/images/tab_ranking.gif') 0 0 no-repeat; display:inline-block;} */ .ranking02 .rk_tab .rk_tab01 a.sel {width:199px; height:36px; background:url('/new/images/rankin_newtitle.gif') 0 0 no-repeat; display:inline-block;} .ranking02 .rk_tab .rk_tab02 a.sel {width:199px; height:36px; background:url('/new/images/tab_ranking.gif') -65px 32px no-repeat; display:inline-block;} .ranking02 .rk_tab .rk_tab03 a.sel {width:65px; height:32px; background:url('/new/images/tab_ranking.gif') -131px 64px no-repeat; display:inline-block;} /*리뉴얼 20150624 수익금랭킹 끝*/ .ranking {width:241px; height:450px; border-bottom:1px solid #e1e4eb; border-right:1px solid #e1e4eb; font:bold 11px 'tahoma';color:#848484;} #wrap #contents.sub .ranking {border-right:none;} .ranking h2 {padding:32px 0 0 23px;} .ranking .ranking_list {width:196px; padding:7px 0 0 20px;} .ranking .ranking_list li {height:32px; line-height:32px;border-bottom:1px dotted #bebebe;} .ranking .ranking_list .no {width:16px; text-align:left;padding-right:10px; color:#fb9a00;} .ranking .ranking_list .no img{position:relative; top:5px;} .ranking .ranking_list .id {width:16px; text-align:left;} .ranking .ranking_list .sum {float:right; color:#4e6a87;} .community {float:left; width:756px; height:286px; border:1px solid #e1e4eb; border-top:none; position:relative; } .community h2 {padding:32px 0 17px 32px;} .community .btn_more {position:absolute;right:30px; top:36px;cursor:pointer;} .community .focus {width:260px; height:13px; padding:9px 4px 8px 60px; background:url('/new/images/bg_focus.gif') 0 0 no-repeat;overflow:hidden;} .community .focus #focusRolling {float:left;width:260px; height:13px;} .community .focus ul {float:left;width:260px;height:39px;} .community .focus ul li a {display:inline-block;width:260px; font-weight:bold; color:#fff;text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis'); font:bold 12px 'gulim';} .community .community_board01 {width:324px; float:left; padding:0 23px 0 30px; border-right:1px dotted #ddd;} .community .community_board02 {width:324px; float:right; padding-right:30px;} .community .list {padding-top:15px;} .community .list li {height:20px;margin:0 0 7px 0; line-height:20px;text-align:left;overflow:hidden; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} .community .community_board01 .list li .section {font:normal 11px 'dotum';color:#848484; float:left;width:67px; height:20px;margin:0 5px 0 0;padding:2px 5px 0 5px;line-height:20px; background:url('/new/images/bg_item.png') -130px 0 no-repeat;text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} .community .community_board01 .list li a {color:#818181; font:normal 12px 'gulim';overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; width:auto; display:inline-block; max-width:199px;} .community .community_board02 .list li a {color:#818181; font:normal 12px 'gulim';overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; width:auto; display:inline-block; max-width:265px;} .community .list li span, .community .list li a, .community .list li img {float:left;} .community .list li a, community .list li .count, community .list li img{padding-top:3px;} .community .list li a:hover {color:#313131;} .community .count {padding:0 4px; font-weight:bold; color:#bbb;} .community .new {position:relative; top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .community .new {top:4px;} } .community .community_board02 .list li {position:relative; left:-5px; width:329px;} .community .community_board02 .CB_Tab02 {width:324px; height:30px;} .community .community_board02 .CB_Tab02 li {float:left;} .community .community_board02 .CB_Tab02 .CB_Tab0201 a {width:162px; height:30px; background:url('/new/images/btn_noticeQna.gif') 0 -30px no-repeat; display:inline-block;} .community .community_board02 .CB_Tab02 .CB_Tab0202 a {width:162px; height:30px; background:url('/new/images/btn_noticeQna.gif') -162px 0 no-repeat; display:inline-block;} .community .community_board02 .CB_Tab02 .CB_Tab0201 a.sel {background-position:0 0;} .community .community_board02 .CB_Tab02 .CB_Tab0202 a.sel {background-position:-162px -30px;} /*리뉴얼 20150624 실시간커뮤티티현황 시작*/ .community02 {float:left; width:756px; height:368px; border:1px solid #e1e4eb; border-bottom:0; border-top:none; position:relative; } .community02 h2 {padding:32px 0 17px 32px;} .community02 .btn_more {position:absolute;right:30px; top:36px;cursor:pointer;} .community02 .focus {width:260px; height:13px; padding:9px 4px 8px 60px; background:url('/new/images/bg_focus.gif') 0 0 no-repeat;overflow:hidden;} .community02 .focus #focusRolling {float:left;width:260px; height:13px;} .community02 .focus ul {float:left;width:260px;height:39px;} .community02 .focus ul li a {display:inline-block;width:260px; font-weight:bold; color:#fff;text-align:left;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis'); font:bold 12px 'gulim';} .community02 .community02_board01 {width:324px; float:left; padding:0 23px 0 30px; border-right:1px dotted #ddd;} .community02 .community02_board02 {width:324px; float:right; padding-right:30px;} .community02 .list {padding-top:15px;} .community02 .list li {height:20px;margin:0 0 7px 0; line-height:20px;text-align:left;overflow:hidden; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} .community02 .community02_board01 .list li .section {font:normal 11px 'dotum';color:#848484; float:left;width:67px; height:20px;margin:0 5px 0 0;padding:2px 5px 0 5px;line-height:20px; background:url('/new/images/bg_item.png') -130px 0 no-repeat;text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:pre; -moz-binding:url('/new/images/ellipsis.xml#ellipsis');} .community02 .community02_board01 .list li a {color:#818181; font:normal 12px 'gulim';overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; width:auto; display:inline-block; max-width:199px;} .community02 .community02_board02 .list li a {color:#818181; font:normal 12px 'gulim';overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; width:auto; display:inline-block; max-width:265px;} .community02 .list li span, .community02 .list li a, .community02 .list li img {float:left;} .community02 .list li a, community02 .list li .count, community02 .list li img{padding-top:3px;} .community02 .list li a:hover {color:#313131;} .community02 .count {padding:0 4px; font-weight:bold; color:#bbb;} .community02 .new {position:relative; top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .community02 .new {top:4px;} } .community02 .community02_board02 .list li {position:relative; left:-5px; width:329px;} .community02 .community02_board02 .CB_Tab02 {width:324px; height:30px;} .community02 .community02_board02 .CB_Tab02 li {float:left;} .community02 .community02_board02 .CB_Tab02 .CB_Tab0201 a {width:162px; height:30px; background:url('/new/images/btn_noticeQna.gif') 0 -30px no-repeat; display:inline-block;} .community02 .community02_board02 .CB_Tab02 .CB_Tab0202 a {width:162px; height:30px; background:url('/new/images/btn_noticeQna.gif') -162px 0 no-repeat; display:inline-block;} .community02 .community02_board02 .CB_Tab02 .CB_Tab0201 a.sel {background-position:0 0;} .community02 .community02_board02 .CB_Tab02 .CB_Tab0202 a.sel {background-position:-162px -30px;} /*리뉴얼 20150624 실시간커뮤티티현황 끝*/ .no1_merchant {float:left; width:756px; height:163px; border-left:1px solid #e1e4eb; border-right:1px solid #e1e4eb;border-bottom:1px solid #e1e4eb;} .no1_merchant h2{padding:30px 0 17px 32px;} .no1_merchant .list {padding:0 30px;} .no1_merchant .list a:hover {text-decoration:none } .no1_merchant .list li{width:164px; height:68px;margin-left:9px; text-align:center; cursor:pointer;} .no1_merchant .list li h4 {font-size:15px; font-weight:bold; color:#fff; padding-top:9px;} .no1_merchant .list li:first-child {margin:0;} .no1_merchant .list li .price {font:bold 20px 'tahoma';color:#006600; padding-top:10px;} .no1_merchant .list li .price span {font:normal 13px 'Dotum'; color:#000000; position:relative; bottom:2px; padding-left:2px;} .no1_merchant .list .type1 {background:url('/new/images/bg_item.png') 0 -132px no-repeat; display:inline-block;} .no1_merchant .list .type2 {background:url('/new/images/bg_item.png') 0 -201px no-repeat; display:inline-block;} /*right*/ /*알맹인 커뮤니티 추가부분*/ .ami_community {padding-bottom:20px;/* border-bottom:1px solid #e1e4eb;*/} .ami_community h2 {padding:26px 0 19px 23px;} .ami_community .CB_Tab03 {width:198px; height:57px; background:url('/new/images/bg_amiCommunity.gif') 0 0 no-repeat; margin:0 20px 0 22px;} .ami_community .CB_Tab03 li a {float:left;width:65px; height:21px; padding-top:8px; font:normal 11px 'dotum';text-align:center;} .ami_community .CB_Tab03 li:last-child a{margin-top:-1px;} .ami_community .CB_Tab03 a.sel {background-color:#488dca; color:#fff;} .ami_community .CB_Tab03_list {margin:16px 26px 0 18px;} .ami_community .CB_Tab03_list li {display:inline-block;width:196px;margin:0 0 2px 0;} .ami_community .CB_Tab03_list a {margin-bottom:5px; color:#818181;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap; position:relative; float:left; display:block; width:auto; max-width:145px;} .ami_community .CB_Tab03_list a:hover {color:#313131;} .ami_community .CB_Tab03_list span{float:left; } .ami_community .CB_Tab03_list span.count {font-weight:bold; color:#ccc;} /*알맹인 커뮤니티 끝*/ /*footer*/ #footer_wrap {width:1000px; height:161px; background:url('/new/images/footer.gif') 0 0 no-repeat; margin:0px auto 0 auto; clear:both; position:relative;} #footer_wrap .footer_menu {position:absolute; top:56px; left:185px;} #footer_wrap .footer_menu li {float:left; padding-left:18px; background:url('/new/images/footer_br_line.gif') left 50% no-repeat; margin-left:17px;} #footer_wrap .footer_menu li:first-child { background:none; padding-left:0; margin-left:0;} #footer_wrap .family_site {position:absolute; top:50px; left:813px; width:165px; height:25px; border:1px solid #ddd;}