@import url(/Common/Style/Common2011/basic.css); @charset "euc-kr"; /******* 맛집찾기 *******/ img { -ms-interpolation-mode:bicubic;} a {text-decoration:none; color:#003399;} a:hover {text-decoration:underline;} .header img {display:inline;} /* H-Margin */ .hSpace10 {clear:both; width:980px; height:10px;} .hSpace20 {clear:both; width:980px; height:20px;} .hSpace30 {clear:both; width:980px; height:30px;} .hSpace40 {clear:both; width:980px; height:40px;} .hSpace70 {clear:both; width:980px; height:70px;} .WrapTop {width:980px; text-align:left; margin:0 auto; } .WrapMain {width:980px; text-align:left; margin:0 auto;} .WrapFooter {width:980px; text-align:left; margin:0 auto;} .WrapMain a:hover {text-decoration:underline;} .mainSec01,.mainSec02,.mainSec03,.mainSec04,.mainSec05,.mainSec06 {clear:both; float:left; width:980px;} /****** 메인섹션 01 ******/ .mainSec01 {position:relative; width:980px; height:305px; background:url(/IMAGE/Restaurant/Search02/bg_mainSec01.gif) no-repeat;} /*** 맛집파인더 ***/ .finder {/*position:absolute; top:0px; left:0px;*/ float:left; width:215px; height:305px; /*background:url(/IMAGE/Restaurant/Search02/bg_finder.gif) no-repeat; */} .finder h4 {float:left; width:195px; height:25px; padding:15px 0 0 20px;} .finder .tab {float:left; position:relative; left:-3px; width:221px; height:31px; margin:0 0 0 0; z-index:10000; } .finder .tab li {display:inline; float:left;} .finder .area01, .finder .area02, .finder .area03 {clear:both; float:left; /*position:relative; left:21px;*/ position:absolute; top:84px; left:17px; width:193px; height:180px; font:normal 11px/120% "Dotum"; } .finder .area01 li {float:left; width:90px; margin:0 0 7px 0; display:inline;} .finder .area01 li a {color:#ffffff; padding:3px 3px 0 3px;} .finder .area01 li a:hover {background:#1e2133; font-weight:bold; text-decoration:none;} .finder .area01 .on {color:#ff4444; font-weight:bold;} .finder .area02 li {float:left; width:90px; margin:0 0 7px 0; display:inline;} .finder .area02 li a {color:#ffffff; padding:3px 3px 0 3px;} .finder .area02 li a:hover {background:#1e2133; font-weight:bold; text-decoration:none;} .finder .area03 li {float:left; width:90px; margin:0 0 7px 0; display:inline;} .finder .area03 li a {color:#ffffff; padding:3px 3px 0 3px;} .finder .area03 li a:hover {background:#1e2133; font-weight:bold; text-decoration:none;} .finder .searchRest {position:absolute; left:20px; top:270px; width:180px; height:23px; } .finder .searchRest input {float:left;width:124px; height:14px; padding:3px; text-align:left; border:1px #363844 solid; background-color:#e8e8e8; color:#000000;} .viewlayer {width:61px; height:36px; padding:13px 6px 0 6px; background:url(/IMAGE/Restaurant/Search02/bg_viewLayer.gif) no-repeat; /*border:solid 1px red;*/} .viewlayer li {margin:0 0 3px 0; padding:0 0 0 4px; background:url(/IMAGE/Restaurant/Search02/ico_dot.gif) left 4px no-repeat;} .viewlayer a {font-size:11px; color:#959595; letter-spacing:-1px;} .viewlayer a:hover {font-size:11px; font-weight:bold; color:#c10000; letter-spacing:-1px;} /*** 금주의 추천맛집 ***/ .weekRest { float:right; width:740px; height:305px;} .weekRest .topWeek h4 {width:750px; height:14px; padding:15px 0 12px 0;} .weekRest .topLocal {float:left; width:716px; margin:11px 0 8px 0;} .weekRest .topLocal h4 {float:left; margin:5px 0 0 0; font-size:14px; font-weight:bold;} .weekRest .topLocal .btnWeek {float:right; display:inline;} .weekRest .list {float:left;} .weekRest .list li {float:left; width:128px; height:122px; /*margin:0 19px 12px 0;*/margin:0 19px 8px 0; text-align:center;} .weekRest .list li dl dt {margin:0 0 4px 0;} .weekRest .list li dl dt img {width:128px; height:90px;} .weekRest .list li dl .name {width:128px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .weekRest .list li dl .type {float:left; display:inline; width:43px; font-size:11px; text-align:right; letter-spacing:-1px; color:#959595; padding:0 6px 0 0; margin:0px; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 0px no-repeat;} .weekRest .list li dl .add {float:left; display:inline; width:74px; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; padding:0 0 0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .weekRest .list li dl .typeadd {float:left; width:128px; text-align:center;font-size:11px; letter-spacing:-1px; color:#959595; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /****** 메인섹션 02 ******/ /*** 메뉴판랭킹 ***/ .ranking {position:relative; float:left; width:710px; height:740px;} .ranking .top {float:left; width:690px; height:33px; margin:0 0 22px 0; background:url(/IMAGE/Restaurant/Search02/bg_rankingTop.gif) repeat-x;} .ranking .top h4 {float:left; padding:5px 0 0 0;} .ranking .top .tab {float:right; width:205px;} .ranking .top .tab li {display:inline; float:left;} /*맛집랭킹*/ .ranking .listRest {position:absolute; top:54px; left:0px; width:715px; height:685px;} .ranking .listRest li {float:left; width:122px; height:130px; margin:0 20px 8px 0; text-align:left; } .ranking .listRest li dl {position:relative; width:122px; height:130px; } .ranking .listRest li dl dt {margin:0 0 4px 0;} .ranking .listRest li dl dt img {width:122px; height:100px;} .ranking .listRest li dl .rankImg {position:absolute; top:-11px; left:-8px; } .ranking .listRest li dl .rankImg img {width:34px; height:38px; } .ranking .listRest li dl .name { width:115px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;} .ranking .listRest li dl .add { width:115px; overflow:hidden; font-size:11px; letter-spacing:-1px; color:#959595; white-space:nowrap; text-overflow:ellipsis; text-align:center;} /*.ranking .listRest li:first-child dl .rankImg {position:absolute; top:-15px; left:-13px; } .ranking .listRest li:first-child dl .rankImg img {width:40px; height:44px; }*/ /*쿠폰랭킹*/ .ranking .listCpn {position:absolute; top:54px; left:0px; width:710px; _width:705px; height:685px;} .ranking .listCpn li {float:left; width:220px; height:122px; margin:0 15px 15px 0; text-align:left; display:inline; background:url(/IMAGE/Restaurant/Search02/bg_coupon.gif) no-repeat;} .ranking .listCpn li dl {position:relative; width:184px; height:102px; padding:20px 18px 0 18px; } .ranking .listCpn li dl dt {position:absolute; top:20px; left:82px; width:125px; height:50px; display:table-cell; vertical-align:middle; overflow:hidden; line-height:16px;} .ranking .listCpn li dl dt a {font-weight:bold; color:#c10000;} .ranking .listCpn li dl .restImg {position:absolute; top:12px; left:18px; } .ranking .listCpn li dl .restImg img {width:57px; height:57px;} .ranking .listCpn li dl .rankImg {position:absolute; top:0px; left:0px;} .ranking .listCpn li dl .typeIco {position:absolute; top:88px; left:18px;} .ranking .listCpn li dl .name {position:absolute; top:88px; left:50px; width:155px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .ranking .listCpn li dl .name a {color:#383d41;} .ranking .listCpn li dl .type {position:absolute; top:104px; left:50px; width:23px; font-size:11px; letter-spacing:-1px; color:#959595; padding:0 6px 0 0; margin:0px; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 0px no-repeat;} .ranking .listCpn li dl .add {position:absolute; top:104px; left:85px; width:83px; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; } .ranking .listCpn li dl .typeadd {position:absolute; top:104px; left:50px; width:155px; font-size:11px; letter-spacing:-1px; color:#959595; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*** 오른쪽 사이드 - 배너영역 ***/ .sideBnr {float:right; width:270px; height:723px;} /*270 170광고 배너*/ .sideBnr .bnrAd {float:left; width:270px; height:170px; margin:0 0 20px 0; } /*이벤트 배너*/ .sideBnr .bnrEvent {float:left; width:244px; height:440px; padding:0 12px 0 12px; border:1px solid #d7d7d7;} .sideBnr .bnrEvent .top {float:left; width:244px; height:34px; margin:0 0 13px 0; border-bottom:1px solid #e7e7e7; } .sideBnr .bnrEvent .top h4 {float:left; padding:12px 0 0 0;} .sideBnr .bnrEvent .top .more {float:right; padding:13px 0 0 0;} .sideBnr .bnrEvent .list {float:left;} .sideBnr .bnrEvent .list li {float:left; width:244px; height:120px; margin:0 0 9px 0;} .sideBnr .bnrEvent .list li a img{float:left; width:244px; height:120px;} /*맛집등록 배너*/ .sideBnr .bnrJoin { clear:both; width:270px; height:91px; padding:0; background:url(/IMAGE/Restaurant/Search02/bg_bnrJoin.gif) right 0px no-repeat;} .sideBnr .bnrJoin a {float:left; blr:expression(this.onFocus=this.blur());margin:13px 0 0 13px;} .sideBnr .bnrJoin a img {float:left; width:244px; height:64px; display:inline;} /****** 메인섹션 03 ******/ /*** 추천맛집 ***/ .goodRest {float:left; width:690px; } .goodRest .top {float:left; width:690px; height:35px; margin:0 0 14px 0; border-bottom:1px solid #e9e9e9;} .goodRest .top h4 {float:left;padding:12px 0 0 0;} .goodRest .top .more {float:right; padding:14px 4px 0 0;} .goodRest .list {clear:both: float:left; width:690px; height:270px;} .goodRest .list li {float:left; width:690px; height:75px; margin:0 0 18px 0;} .goodRest .list li dl {position:relative; width:690px;height:75px;} .goodRest .list li dl dt {float:left; width:100px; height:75px; margin:0 15px 3px 0;} .goodRest .list li dl dt img {width:100px; height:75px;} .goodRest .list li dl .title {width:565px; padding:4px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .goodRest .list li dl .writer {display:inline; float:left; height:14px; font-size:11px; color:#959595; padding:5px 6px 0 0; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 5px no-repeat; } .goodRest .list li dl .writer img {float:left; position:relative; top:-4px; margin:0 3px 0 0; } .goodRest .list li dl .date {display:inline; float:left; height:14px; font-size:11px; color:#959595; padding:5px 10px 0 5px;} .goodRest .list li dl .reco {font-size:11px; color:#959595; padding:3px 0 0 0;} .goodRest .list li dl .reco img {float:left; margin:0 7px 0 0;} .goodRest .list li dl .reco .item01 {float:left; width:px; height:15px; padding:2px 7px 0 14px; background:url(/Common/nvIMG/icon/c_mat.gif) left 0 no-repeat; vertical-align:middle;} .goodRest .list li dl .reco .item02 {float:left; width:px; height:15px; padding:2px 7px 0 17px; background:url(/Common/nvIMG/icon/c_service.gif) left 0 no-repeat; vertical-align:middle;} .goodRest .list li dl .reco .item03 {float:left; width:px; height:15px; padding:2px 7px 0 17px; background:url(/Common/nvIMG/icon/c_mood.gif) left 0 no-repeat; vertical-align:middle;} .goodRest .list li dl .reco .item04 {float:left; width:px; height:15px; padding:2px 7px 0 15px; background:url(/Common/nvIMG/icon/c_mat.gif) left 0 no-repeat; vertical-align:middle;} .goodRest .list li dl .content {position:absolute; top:45px; left:115px; width:565px; height:27px;overflow:hidden;} /*** 메뉴판이 간다 ***/ .meganda {float:right; width:268px; height:307px; border:1px solid #d7d7d7;} .meganda .top {float:left; width:244px; height:34px; padding:0 12px 0 12px; margin:0 0 11px 0; border-bottom:1px solid #e7e7e7;} .meganda .top h4 {float:left; padding:12px 0 0 0; } .meganda .top .more {float:right; padding:13px 0 0 0; } .meganda .list {float:left; width:244px; padding:0 12px 0 12px; } .meganda .list li {float:left; width:244px; height:70px; margin:4px 0 13px 0;} .meganda .list li dl dt {float:left; width:70px; height:70px; margin:0 10px 0 0;} .meganda .list li dl dt img {float:left; width:70px; height:70px; } .meganda .list li dl .name {float:left; width:163px; padding:4px 0 3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .meganda .list li dl .name a {font-weight:bold;} .meganda .list li dl .content {float:left; width:163px; height:27px; margin:0 0 9px 0; line-height:15px; overflow:hidden; font-size:11px;} .meganda li dl .type {float:left; font-size:11px; letter-spacing:-1px; color:#959595; padding:0 5px 0 0; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 1px no-repeat;} .meganda li dl .add {float:left; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; padding:0 0 0 5px; } /****** 메인섹션 04 ******/ /*** 신규맛집 ***/ .newRest {float:left; width:980px; height:195px; overflow:hidden; } .newRest .top {float:left; width:980px; height:23px;} .newRest .top h4 {float:left;} .newRest #newRest_slides { position:relative; float:left; width:980px; height:167px; background:url(/IMAGE/Restaurant/Search02/bg_newRest.gif) no-repeat; } .newRest .list {float:left; } .newRest .list li {float:left; width:156px; height:137px; text-align:center; } .newRest .list li dl {margin:0 7px 0 7px;} .newRest .list li dl dt {margin:0 0 5px 0;} .newRest .list li dl dt img {width:139px; height:98px;} .newRest .list li dl .name {width:142px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .newRest .list li dl .name a {color:#ffffff;} .newRest .list li dl .type {float:left; display:inline; width:43px; font-size:11px; text-align:right; letter-spacing:-1px; color:#959595; padding:0 6px 0 0; margin:0px; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 0px no-repeat;} .newRest .list li dl .add {float:left; display:inline; width:74px; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; padding:0 0 0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .newRest .list li dl .typeadd {float:left; width:142px; text-align:center;font-size:11px; letter-spacing:-1px; color:#959595; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } /*** for dom slider ***/ .newRest #newRest_slides_mask { position:absolute; clip:rect(0px, 929px,154px, 8px); top:22px; left:22px; } .newRest .newRest_slides_prev { position:absolute; top:74px; left:6px; } .newRest .newRest_slides_next { position:absolute; top:74px; left:959px; } /****** 메인섹션 05 ******/ /*** 온라인예약 ***/ .reserve {float:left; width:980px; height:225px;} .reserve .top {float:left; width:980px; height:23px;} .reserve .top h4 {float:left;} .reserve .top .more {float:right; padding:3px 2px 0 0;} /* 인기예약 */ .reserve .rsvBest {float:left; width:194px; height:199px; background:url(/IMAGE/Restaurant/Search02/bg_rsvBest.gif) no-repeat;} .reserve .rsvBest .top {float:left; width:168px; height:38px; margin:0 0 13px 0; padding:0 13px 0 13px;} .reserve .rsvBest .top h5 {float:left; padding:15px 0 0 0;} .reserve .rsvBest .top .more {float:right; padding:18px 0 0 0;} .reserve .rsvBest .list {float:left; width:168px; padding:0 13px 0 13px;} .reserve .rsvBest .list a {color:#6c6c6c;} .reserve .rsvBest .list li {width:147px; margin:0 0 15px 0; padding:0 0 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .reserve .rsvBest .list .best01 { background:url(/IMAGE/Restaurant/Search02/ranking_rsvBest_01.gif) 0 0 no-repeat;} .reserve .rsvBest .list .best02 { background:url(/IMAGE/Restaurant/Search02/ranking_rsvBest_02.gif) 0 0 no-repeat;} .reserve .rsvBest .list .best03 { background:url(/IMAGE/Restaurant/Search02/ranking_rsvBest_03.gif) 0 0 no-repeat;} .reserve .rsvBest .list .best04 { background:url(/IMAGE/Restaurant/Search02/ranking_rsvBest_04.gif) 0 0 no-repeat;} .reserve .rsvBest .list .best05 { background:url(/IMAGE/Restaurant/Search02/ranking_rsvBest_05.gif) 0 0 no-repeat;} /*예약이벤트 - 20120524백업 .reserve .rsvEvent {float:left; width:786px; height:199px; background:url(/IMAGE/Restaurant/Search02/bg_rsvEvent.gif) no-repeat;} .reserve .rsvEvent .list {float:left; width:786px;} .reserve .rsvEvent .list li {float:left; width:232px; height:82px; padding:17px 10px 0 17px; } .reserve .rsvEvent .list li dl dt {float:left; width:78px; height:70px;} .reserve .rsvEvent .list li dl dt img {float:left; width:70px; height:70px;} .reserve .rsvEvent .list li dl .title {float:left; width:153px; height:30px; padding:5px 0 8px 0; overflow:hidden;} .reserve .rsvEvent .list li dl .title a {font-weight:bold; color:#c10000;} .reserve .rsvEvent .list li dl .name {float:left; width:153px;} .reserve .rsvEvent .list li dl .name a {color:#383d41;} .reserve .rsvEvent .list li dl .type {float:left; font-size:11px; letter-spacing:-1px; color:#959595; padding:0 5px 0 0; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 0px no-repeat;} .reserve .rsvEvent .list li dl .add {float:left; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; padding:0 0 0 5px; } */ /*예약이벤트 */ .reserve .rsvEvent {float:left; width:980px; height:199px; background:url(/IMAGE/Restaurant/Search02/bg_rsvEvent02.gif) no-repeat;} .reserve .rsvEvent .list {float:left; width:980px;} .reserve .rsvEvent .list li {float:left; width:218px; height:82px; padding:17px 10px 0 17px; } .reserve .rsvEvent .list li dl dt {float:left; width:78px; height:70px;} .reserve .rsvEvent .list li dl dt img {float:left; width:70px; height:70px;} .reserve .rsvEvent .list li dl .title {float:left; width:140px; height:30px; padding:5px 0 8px 0; overflow:hidden;} .reserve .rsvEvent .list li dl .title a {font-weight:bold; color:#c10000;} .reserve .rsvEvent .list li dl .name {float:left; width:140px;} .reserve .rsvEvent .list li dl .name a {color:#383d41;} .reserve .rsvEvent .list li dl .type {float:left; font-size:11px; letter-spacing:-1px; color:#959595; padding:0 5px 0 0; background:url(/IMAGE/Restaurant/Search02/bg_typeLine.gif) right 0px no-repeat;} .reserve .rsvEvent .list li dl .add {float:left; font-size:11px; text-align:left; letter-spacing:-1px; color:#959595; padding:0 0 0 5px; } /****** 메인섹션 06 ******/ /*** 지역맛집 ***/ .areaRest {float:left; width:980px;} .areaRest .top {float:left; width:980px; height:23px; margin:0 0 20px 0; border-bottom:1px solid #e9e9e9;} .areaRest .top h4 {float:left;} .areaRest .top .more {float:right; padding:3px 2px 0 0;} .areaRest .area {float:left; width:980px; height:100px; margin:0 0 15px 0;} .areaRest .area .pin {float:left; width:48px; height:84px; padding:7px 7px 0 0; } .areaRest .area .list {float:left;} .areaRest .area .list li {float:left; width:82px; margin:0 0 0 9px; text-align:center; display:inline; } .areaRest .area .list li dl {position:relative; width:82px; height:100px;} .areaRest .area .list li dl dt {margin:0 0 3px 0;} .areaRest .area .list li dl dt img {width:80px; height:80px; border:1px solid #d8d8d8;} .areaRest .area .list li dl .name {width:82px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .areaRest .area .list li dl .name a {font-size:11px; color:#585858;} .areaRest .area .list li dl .rankImg {position:absolute; top:1px; left:1px;}