@charset "euc-kr";
/* 푸드빌 브랜드 : 창업 입지제안 */
.brand .ul01 { width:81px;height:36px;display:inline-block; }
.brand .ul02 { width:83px;height:36px;display:inline-block;position:absolute;top:0;left:87px; }
.foundinginfobg { background:url(/eng/images/brand/foundinginfo_img01.jpg) right top no-repeat; }
.foundinginfobg .paragraph01 { height:200px;margin-top:15px;clear:both;overflow:hidden; }
.foundinginfobg .paragraph02 { clear:both; overflow:hidden; min-height:182px; background:url('/eng/images/brand/foundinginfo_img02.jpg') no-repeat left -20px; padding-top:80px;} /* 2013-02-13 수정 */
.foundinginfobg .paragraph03 { clear:both;overflow:hidden; min-height:234px; background:url('/eng/images/brand/foundinginfo_img03.jpg') no-repeat right 20px; padding-top:50px; } /* 2013-02-13 수정 */
.brand p.txt { line-height:140%;padding-top:10px;padding-bottom:10px; }

.brand .logolist { clear:both;overflow:hidden;border-top:1px #c8c8c8 solid;border-bottom:1px #c8c8c8 solid;border-right:none;border-left:none; }
.brand .logolist li { float:left;width:190px;height:98px;border-right:1px #dedede solid;border-bottom:1px #dedede solid;background:url(/eng/images/brand/logo_bg.gif) left top no-repeat; }
.brand .logolist li.lastcell { border-right:none; }
.brand .logolist li.lastline { border-bottom:none; }

.brand .tblhorizon { border-top:none; }
.brand .tblhorizon thead th.brdertop  { border-top:2px #757575 solid; }
.brand .tblhorizon .space { border-top:none;border-bottom:none; }
.brand p.text02 { padding:10px 0; }

.brand .tblvertical-brand th { text-align:center;font-weight:bold;vertical-align:middle; }
.brand .tblvertical-brand td { text-align:center;border-right:1px #dedede solid;line-height:120%;vertical-align:middle; }
.brand .tblvertical-brand td.lastcell { border-right:none; }

/* 푸드빌 브랜드 : 푸드빌 어플리케이션 */
.brand .ul01a { width:96px;height:36px;display:inline-block; }
.brand .ul02a { width:83px;height:36px;display:inline-block;position:absolute;top:0;left:99px; }
.brand .ul03a { width:56px;height:36px;display:inline-block;position:absolute;top:0;left:185px; }
.brand .ul04a { width:109px;height:36px;display:inline-block;position:absolute;top:0;left:244px; }
.brand .ul05a { width:83px;height:36px;display:inline-block;position:absolute;top:0;left:356px; }
.brand .box { border-top:1px #dedede solid;border-bottom:1px #dedede solid;background-color:#f9f9f9;padding:20px 20px;clear:both;overflow:hidden; }
.brand .box .bltdot { clear:both;overflow:hidden;margin:0; }
.brand .box .bltdot li { float:left;width:135px;margin:0;color:#666; }
.brand .box ul { clear:both;overflow:hidden; }
.brand .box li.fl { float:left;width:135px;background:url(/eng/images/ico/blt_arrow.gif) left 4px no-repeat;padding-left:10px;line-height:160%; }
.brand .appstoreinfo { margin-top:35px;clear:both; }

.appfoodville { background:url(/eng/images/brand/application_img01.jpg) 495px 110px no-repeat; } /* 2013-02-13 백그라운드 이미지, 포지션 변경 */
.appfoodville p.text { padding:15px 0 10px 0;line-height:140%; }
.appfoodville p.copy { padding-top:10px; }
.apptouslesjours { background:url(/eng/images/brand/application_img03.jpg) right top no-repeat; }
.apptouslesjours p.copy { padding-top:10px; }
.apptouslesjours p.text { padding:15px 0 10px 0;line-height:140%; }
.appvips { background:url(/eng/images/brand/application_img05.jpg) right top no-repeat; }
.appvips p.copy { padding-top:10px; }
.appvips p.text { padding:15px 0 10px 0;line-height:140%; }
.apptwosomeplace { background:url(/eng/images/brand/application_img07.jpg) right top no-repeat; }
.apptwosomeplace p.copy { padding-top:10px; }
.apptwosomeplace p.text { padding:15px 0 10px 0;line-height:140%; }
.appcoldstone { background:url(/eng/images/brand/application_img09.jpg) right top no-repeat; }
.appcoldstone p.copy { padding-top:10px; }
.appcoldstone p.text { padding:15px 0 10px 0;line-height:140%; }


/* 브랜드소개 */
ul.brand-info { position:relative; width:765px;  border-left:1px solid #dedede; border-right:1px solid #dedede; overflow:hidden;  }
ul.brand-info.top li{border-top:1px solid #969696; }
ul.brand-info.last li{ border-bottom:1px solid #dedede;  }
	ul.brand-info li {  position:relative; float:left; border-right:1px solid #dedede; width:254px; border-top:1px solid #dedede; height:155px; }
	ul.brand-info li.first { float:left; border-right:1px solid #dedede; width:253px;}
	ul.brand-info li.no-brand { background:url('/images/brand/img_brandinfobg.gif') no-repeat left top; }
	ul.brand-info li>dl dt { text-align:center; }
	ul.brand-info li>dl dd { position:absolute; top:79px; width:253px; text-align:center; font-size:11px; line-height:1.4; }
	ul.brand-info li>dl dd span { display:inline-block; font-size:14px; font-weight:bold; margin-top:8px; }
	ul.brand-info li> p { position:absolute; top:125px; right:14px; }

	ul.brand-info li.active { height:570px; background:#fafafa;border-top:1px solid #969696; border-bottom:0; }
	ul.brand-info li.active>dl dd { display:none; }
	ul.brand-info li.active>dl dt { position:absolute;}
	ul.brand-info li.active>p { display:none; }
	ul.brand-info li.active .brand-cont {display:block}

	ul.brand-info .brand-cont {display:none; position:absolute; top:155px; width:734px; height:364px;text-align:left; background:#fafafa; border-right:1px solid #dedede; padding:50px 0 0 29px; border-right:1px solid #dedede; border-bottom:1px solid #969696}

	ul.brand-info .brand-cont .txt { width:325px; color:#222; line-height:1.6; }
	ul.brand-info .brand-cont .img { position:absolute; right:30px; top:50px;}
	ul.brand-info .brand-cont a { font-size:0; line-height:0; }
	ul.brand-info .brand-cont .btn-close {position:absolute;  right:15px; top:15px; font-size:0; line-height:0; }
	ul.brand-info .brand-cont.type01 { background:#fafafa url('/images/brand/bg_brandcont_ty1.gif') no-repeat;left:0; }
	ul.brand-info .brand-cont.type02 { background:#fafafa url('/images/brand/bg_brandcont_ty2.gif') no-repeat; left:-254px;}
	ul.brand-info .brand-cont.type03 { background:#fafafa url('/images/brand/bg_brandcont_ty3.gif') no-repeat;  left:-509px;}


	ul.brand-info li.fd-world.active { }
	ul.brand-info li.fd-world .brand-cont {}

	ul.brand-info .brand-cont .brand-copy {display:block;font-size:19px;color:#666;font-weight:500;line-height:1.2;letter-spacing:-0.05em;}
	ul.brand-info .brand-cont .brand-name {display:block;font-size:27px;color:#222;font-weight:700;line-height:1;margin-top:10px;letter-spacing:-0.025em;}


/* 2013-02-21 추가 [s]*/

/* 소셜 푸드빌 tab*/
.brand .tabbtn.social01 { width:148px;height:36px;display:inline-block;top:0;left:0px; }
.brand .tabbtn.social02 { width:136px;height:36px;display:inline-block;position:absolute;top:0;left:151px; }

/* 페이스북 */
.social-tit { padding:0px 0 0px 20px; border-top:1px solid #757575; height:50px;border-bottom:1px solid #cccccc;}
.social-tit>span { font-size:14px; color:#222; float:left; padding:0px 20px 0 9px; line-height:50px; }
.social-tit>img { float:left; margin-top:11px; }
.social-tit a { float:left; margin-top:12px; font-size:0; line-height:0;}

.social-list { border-bottom:1px solid #b4b4b4; }
.social-list ul { height:750px;  width:765px;overflow-x:hidden;overflow-y:auto}
.social-list ul li { float:left; width:765px;border-top:1px solid #dedede;*zoom:1; padding:17px 0; line-height:18px; position:relative; *position:static}
.social-list ul li:first-child { border-top:none; }
.social-list ul li:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.social-list ul li * { float:left; }
.social-list ul li .img { width:75px; padding:0 0 0 20px; }
.social-list ul li .img img { border:1px solid #dedede; }
.social-list ul li .cont { width:595px; }
.social-list ul li .cont .name { display:block; *width:595px; }
.social-list ul li .cont .name em { color:#222; }
.social-list ul li .cont .name span { color:#a0a1a6; font-weight:normal; }
.social-list ul li .cont p a { color:#407aa2; }
.social-list ul li .time { color:#0a7ece; position:absolute; right:27px; top:50%; margin-top:-10px; *position:static; *margin-top:0px;}
.social-list .btn-area { background:url('../images/brand/bg_more.gif') repeat-x; height:45px; border-bottom:1px solid #b4b4b4; border-top:1px solid #dfdfdf;}
.social-list .btn-area a { display:block;  text-align:center; height:28px; line-height:0;font-size:0; padding-top:17px;}
.social-list .btn-area .fl { width:80%; border-right:1px solid #dfdfdf; }
.social-list .btn-area .fr { width:20%; margin-left:-1px;  }
.social-list .blog-cont { padding:0 20px; }
.social-list .blog-cont strong { color:#666; }
/* 2013-02-21 추가 [e]*/