@import url(/Common/Style/Common2011/basic.css);
@charset "euc-kr";

/******* Å׸¶¸ÀÁý *******/
img		{ -ms-interpolation-mode:bicubic;}
a			{text-decoration:none; }
a:hover	{text-decoration:underline;}
.header img	{display:inline;}

/* H-Margin */
.hSpace10	{clear:both; height:10px;}
.hSpace20	{clear:both; height:20px;}
.hSpace30	{clear:both; height:30px;}
.hSpace40	{clear:both; height:40px;}
.hSpace60	{clear:both; height:60px;}
.hSpace70	{clear:both; height:70px;}


.WrapTop	{width:980px; text-align:left; margin:0 auto; }
.WrapMiddle	{clear:both; width:980px; text-align:left; margin:0 auto;}
.WrapFooter	{clear:both; width:980px; text-align:left; margin:0 auto;}
.WrapMiddle	a:hover	 {text-decoration:underline;}




/*****¸ÞÀοµ¿ª*****/
.WrapMain	{float:left; width:750px; text-align:left; margin:0 auto;}


/***³×ºñ***/
.themeNavi {position:relative;  float:left; /*left:17px;*/ width:750px; height:240px; background:url(../../../IMAGE/Restaurant/Theme/bg_navi.gif) no-repeat; text-align:center; z-index:1;} 
.themeNavi a {font:normal 12px/100% 'Dotum'; color:#d4d6df;}
.themeNavi a:hover {text-decoration:none;}

.themeNavi ul {float:left; margin:52px 0 0 0; height:168px;}

.themeNavi .situation {float:left; padding-left:1px; width:264px; height:168px;}
.themeNavi .situation li {float:left; width:88px; height:28px;} 
.themeNavi .situation li a {width:88px; height:20px; padding:9px 0 0 0; display:block;}
.themeNavi .situation li a:hover {background:#393c4a; font:normal 12px/100% 'Dotum'; color:#d4d6df; display:block;}
.themeNavi .situation li a:active {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}
.themeNavi .situation li.on a {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}


.themeNavi .menu {float:left; padding-left:1px; width:309px; height:168px;}
.themeNavi .menu li {float:left; width:103px; height:28px;} 
.themeNavi .menu li a {width:103px; height:20px; padding:8px 0 0 0; display:block;}
.themeNavi .menu li a:hover {background:#393c4a; font:normal 12px/100% 'Dotum'; color:#d4d6df; display:block;}
.themeNavi .menu li a:active {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}
.themeNavi .menu li.on a {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}

.themeNavi .alchol {float:left; padding-left:1px; width:86px; height:168px;}
.themeNavi .alchol li {float:left; width:86px; height:28px;} 
.themeNavi .alchol li a {width:86px; height:20px; padding:8px 0 0 0; display:block;}
.themeNavi .alchol li a:hover {background:#393c4a; font:normal 12px/100% 'Dotum'; color:#d4d6df; display:block;}
.themeNavi .alchol li a:active {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}
.themeNavi .alchol li.on a {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}


.themeNavi .etc {float:left; padding-left:1px; width:86px; height:168px;}
.themeNavi .etc li {float:left; width:86px; height:28px;} 
.themeNavi .etc li a {width:86px; height:20px; padding:8px 0 0 0; display:block;}
.themeNavi .etc li a:hover {background:#393c4a; font:normal 12px/100% 'Dotum'; color:#d4d6df; display:block;}
.themeNavi .etc li a:active {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}
.themeNavi .etc li.on a {background:#d62929; font:normal 12px/100% 'Dotum'; color:#ffffff; display:block;}

/* ¼­¿ï½Ã ¹è³Ê */
.bnrSeoulCity	{float:left; position:relative; width:750px; height:170px;}
.bnrSeoulCity a	{position:absolute; bottom:16px; right:6px;}

/***Å׸¶°á°ú¸®½ºÆ®***/
.themeResult {clear:both; float:left;}

/**ž**/
.themeResult .top {position:relative; margin:-20px 0px 0px 0px; z-index:2;}

/**ÅÜ**/
.themeResult .tab {float:left; margin:15px 0 0px 0; width:750px; background:url(../../../IMAGE/Restaurant/Theme/bg_tab.gif) no-repeat bottom right;}
.themeResult .tab ul li {float:left; }

/**¸®½ºÆ®**/
.themeResult .result li {/*position:relative;*/ float:left; width:750px; height:100px; margin:15px 0 5px 0; /*border-bottom:1px solid #f2f2f2;*/ }

.themeResult .list 		{float:left; position:relative; width:750px; height:100px;}
.themeResult .list dt {position:relative; float:left; width:100px; height:100px; padding:0 18px 0 0;}
.themeResult .list dt img {width:100px; height:100px; border:1px solid #d9d9d9;}
.themeResult .list dt .plus {position:absolute; left:84px; top:84px;}
.themeResult .list dt .plus img {width:18px; height:18px; border:none;}

.themeResult .list dd {}
.themeResult .list .titleType {float:left; width:470px; padding:10px 0 5px 0;}
.themeResult .list .titleType .title{padding:0 7px 0 0; font:bold 14px/100% 'Dotum'; color:#003399;}
.themeResult .list .titleType .type {padding:0 0 0 7px; background:url(../../../IMAGE/Restaurant/Theme/bg_typeLeft.gif) left 0px no-repeat; font:12px/100% 'Dotum'; color:#4b4b4b;}
.themeResult .list .content 	{float:left; width:620px; height:29px;}
.themeResult .list .content a {float:left; width:470px; height:29px; font:normal 12px/120% 'Dotum'; color:#4b4b4b; letter-spacing:0px; overflow:hidden; }
.themeResult .list .phone {display:block; float:left; padding:4px 10px 0 0; font:12px/120% 'Dotum'; color:#908f90;}
.themeResult .list .address {float:left; padding:2px 2px 0 0; font:12px/120% 'Dotum'; color:#908f90; letter-spacing:0px;}
.themeResult .list .address a img	{display:inline;}
.themeResult .list .address span	{float:left; padding:2px 5px 0 0; font:12px/120% 'Dotum'; color:#908f90; letter-spacing:0px;}
.themeResult .list .cpn			{clear:both; position:absolute; left:118px; top:80px;}
.themeResult .list .cpn img {float:left; padding:0 5px 0 0;}
.themeResult .list .cpn .benefit {float:left; font:12px/120% 'Dotum'; color:#908f90; letter-spacing:0px; padding:2px 4px 0 0;}
.themeResult .list .cpn .addition {float:left; display:inline; font:12px/120% 'Dotum'; color:#e47f7f; letter-spacing:0px; padding:2px 0 0 0; }
.themeResult .list .cpn a:hover .benefit {text-decoration:underline; color:#908f90} 
.themeResult .list .cpn a:hover .addition {text-decoration:underline; color:#e47f7f} 
.themeResult .list .best {float:left; position:absolute; top:30px; left:613px;}
.themeResult .list .point {float:left; position:absolute; top:28px; left:670px; width:70px; text-align:center;}
.themeResult .list .point img {float:left; display:inline; padding:0 1px 5px 0;}
.themeResult .list .point .score {float:left; width:68px; font:bold 12px/140% 'Dotum'; color:#db6565; letter-spacing:0px;}
.themeResult .list .point .score .total {padding:0 0 0 2px; font:normal 12px/140% 'Dotum'; color:#908f90; letter-spacing:0px;}
.themeResult .list .point .count {float:left; width:68px; font:normal 12px/120% 'Dotum'; color:#908f90; letter-spacing:0px; }
.themeResult .list .thum	{position:absolute; top:-9px; left:102px; padding:9px 3px 9px 9px; background:#f2f2f2;}
.themeResult .list .thum p	{float:left; padding:0px 6px 0px 0px;}
.themeResult .list .thum p img {width:100px; height:100px;}


/***ÆäÀÌ¡***/
.themeResult .paging{float:left; clear:both; display:inline-block; width:750px; padding:6px 0; text-align:center; color:#d7d7d7; margin:10px 0 0 0;}
.themeResult .paging img{vertical-align:middle; margin:0 0 2px 0;}
.themeResult .paging a{display:inline-block; vertical-align:middle; color:#777777; font-weight:bold; background:url('/IMAGE/QNA/img_pgNum_div.gif') no-repeat right 50%; border:1px solid #ffffff; padding:4px 9px 2px 6px; margin-left:-3px;}
.themeResult .paging a.last{background:none;}
.themeResult .paging a:hover{color:#eb2a2e; border:1px solid #eb2a2e; background:none; text-decoration:none;}
.themeResult .paging .pgClick{display:inline-block; vertical-align:middle; font-weight:bold; padding:4px 8px 2px 6px; color:#eb2a2e; border:1px solid #eb2a2e; margin-left:-4px;}
.themeResult .paging a.imgBtn{display:inline-block; border:none; background:none; padding:0 3px; margin-left:-4px;}
.themeResult .paging a.imgBtn:hover{border:none;}
.themeResult .paging span.imgBtn{display:inline-block; vertical-align:middle; padding:0 3px; margin-left:-4px;}


/***Ãßõ¸ÀÁý±Û***/
.goodRest {float:left; width:750px; }

.goodRest .top {float:left; width:750px; height:23px; margin:0 0 20px 0; border-bottom:1px solid #e9e9e9;}
.goodRest .top h4 {float:left;}
.goodRest .top .more {float:right; padding:5px 4px 0 0;}

.goodRest .posting {float:left; width:762px; /*background:green;*/}
.goodRest .posting li {position:relative; left:-15px; float:left; width:366px; height:100px; margin:0 0 20px 15px; display:inline; /*background:pink;*/}
.goodRest .posting li dl {float:left;}
.goodRest .posting li dl dt{float:left; /*border:1px solid red;*/}
.goodRest .posting li dl dt img {width:120px; height:100px;}
.goodRest .posting li dl dd {float:left; width:230px; margin:5px 0 0 12px; /*border:1px solid red;*/}
.goodRest .posting li dl .nameTitle {float:left; width:230px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.goodRest .posting li dl .nameTitle .name {padding:0px 7px 0 0; font:bold 12px/120% 'Dotum'; color:#003399; letter-spacing:0px; background:url(../../../IMAGE/Restaurant/Theme/bg_typeLeft.gif) right 0px no-repeat;}
.goodRest .posting li dl .nameTitle .title {padding:0 0 0 7px; font:normal 12px/120% 'Dotum'; color:#4b4b4b; }
.goodRest .posting li dl .nameTitle a:hover .title {text-decoration:underline; color:#4b4b4b;}
.goodRest .posting li dl .writer {padding:0px 0px 5px 0; height:17px; font:normal 11px/120% 'Dotum'; color:#908f90; letter-spacing:0px;}
.goodRest .posting li dl .writer img {float:left; position:relative; top:-4px; margin:0 4px 0 0; }
.goodRest .posting li dl .content {height:43px; overflow:hidden; /*border:1px solid red;*/}
.goodRest .posting li dl .content a {font:normal 11px/130% 'Dotum'; color:#908f90; letter-spacing:0px;}




/*****¿ìÃø ±¤°í¿µ¿ª*****/
.WrapRight {float:right; width:215px;}