@CHARSET "EUC-KR";

#contentsWrap .con .oceanBtns a{ width:172px; display:block; height:34px; background:url(/img/vp/images/oceanworld/whiteArrow.png) no-repeat 152px center #1983dc; color:#fff; text-indent:12px; margin-top:2px; margin-bottom:2px; margin-right:4px; line-height:34px; float:left;}
#eventZone .eventPannel .eventbody .eventCon ul li{float:left; width:211px; margin-right:20px; margin-bottom:10px; background-color:#fff; position:relative;}
#eventZone .eventPannel .eventbody .cal .month a.prevMonth{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_prevmonth.png) no-repeat top left; font-size:15px; color:#777; line-height:30px; position:absolute; text-align:right; left:0; bottom:0;}
#eventZone .eventPannel .eventbody .cal .month a.nextMonth{display:block; width:95px; height:30px; background:url(/img/vp/images/eventZone/btn_nextmonth.png) no-repeat top right; font-size:15px; color:#777; line-height:30px; position:absolute; right:0; bottom:0;}

#eventZone .eventbody .eventCon .foodEventData { position:relative; }
#eventZone .eventbody .eventCon .foodEventData .ribbon{ position:absolute; right:0; top:0; }
#eventZone p.foodName{font-size:14px; color:#3b9597; text-align:left;}
#eventZone p.foodTxt{font-size:16px; color:#444; margin-top:4px; line-height:140%;  text-align:left; font-weight:bold; }
#eventZone p.foodDate{font-size:12px; color:#3b9597; margin-top:7px; text-align:left;}
#eventZone p.foodUpjang{font-size:12px; color:black; font-weight:bold; text-align:left; margin-bottom: 5px;}
#eventZone div.foodAmount{ margin-top: 8px; text-align:left;}
#eventZone .eventbody .eventCon ul li .eventText span.foodBlind{ overflow:hidden; position:absolute; visibility:hidden; width:0px; height:0px; font-size:0px; line-height:0; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPercent{ float:left; color:#e44911; font-family:tahoma; font-size:36px; font-weight:bold; margin-right: 10px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPercent em{ font-size: 14px;  }
#eventZone .eventbody .eventCon ul li .eventText p.foodPrice{ float:left; border-left:1px #dedede solid; padding-left:10px;}
#eventZone .eventbody .eventCon ul li .eventText p.foodPrime{ color: #666; font-size:12px; text-decoration:line-through;height:15px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodPrime em{ font-family:tahoma; font-size:14px; font-style:normal; vertical-align:baseline; }
#eventZone .eventbody .eventCon ul li .eventText p.foodSale{ color: #222; font-size:14px; margin-top:4px; }
#eventZone .eventbody .eventCon ul li .eventText p.foodSale em{ font-family:tahoma; font-size:16px; font-style:normal; vertical-align:baseline; }

#contentsWrap .con .situationTop a.sat{ height:100%; width:45px; color:blue; line-height:60px; display:block; margin-right:15px;}
#contentsWrap .con .situationTop a.sun{ height:100%; width:45px; color:red; line-height:60px; display:block; margin-right:15px;}

#contentsWrap .con .situationTop a.sat.on{ height:100%; width:45px; color:#fff; line-height:60px; display:block; margin-right:15px;}
#contentsWrap .con .situationTop a.sun.on{ height:100%; width:45px; color:#fff; line-height:60px; display:block; margin-right:15px;}

#contentsWrap .con .situationTop a.sat.skion{ height:100%; width:45px; color:#fff; line-height:60px; display:block; margin-right:15px;}
#contentsWrap .con .situationTop a.sun.skion{ height:100%; width:45px; color:#fff; line-height:60px; display:block; margin-right:15px;}

table.foodboard td { position: relative;}
table td .ribbon {position: absolute; top: 13px; right: 15px; display: none; }
table td .best .ribbon {display: block; z-index: 1; }


/* family site main */
li.familySite_main{position:relative;float:right; z-index:6;}
li.familySite_main span{float:left; width:124px; margin:2px 0 0 7px}
li.familySite_main span:after{content:""; display:block; clear:both}
li.familySite_main span img{margin-right:5px;}
li.familySite_main span a{/*position:relative; top:0; right:10px;*/ color:#6987aa}
li.familySite_main img{vertical-align:top;}
li.familySite_main div.box{position:absolute; left:-677px; top:-140px; width:930px; height:226px;
filter:alpha(opacity=0); opacity:0; background:url('/img/front/common/layout/bg_familybox.gif') no-repeat; z-index:7;}
li.familySite_main div.inner{position:relative;width:900px;height:206px;padding:20px 0 0 30px;}
li.familySite_main div.inner h3{height:37px;}
li.familySite_main div.flist{height:140px;padding-left:492px;margin-top:-20px;}
/* li.familySite_main div.flist div.liner{height:140px;padding:0 0 0 75px;border-left:1px solid #e7e7e7;} */
li.familySite_main div.flist div.liner{height:140px;padding:0 0 0 25px;border-left:1px solid #e7e7e7;}
li.familySite_main div.flist ul{float:left;width:130px;}
/* li.familySite_main div.flist ul:first-child{margin-right:20px;} */
li.familySite_main div.flist ul:first-child{margin-right:40px;}
li.familySite_main div.flist ul li{*display:inline;*zoom:1;height:23px;}
/* li.familySite_main div.flist ul li a.fm{display:block; width:100px;height:16px; padding:4px 0 0 22px; color:#777; letter-spacing:-1px;} */
li.familySite_main div.flist ul li a.fm{display:block; width:150px;height:16px; padding:4px 0 0 22px; color:#777; letter-spacing:-1px;}
li.familySite_main div.flist ul li a.fm:hover,
li.familySite_main div.flist ul li a.on{background:#e7e7e7 url('/img/front/common/layout/bg_dot_familypointer.gif') no-repeat 10px 50%;}
li.familySite_main div.view{display:none; position:absolute; left:30px; top:57px; width:490px;/* filter:alpha(opacity=0); opacity:0;*/}
li.familySite_main div.view span.thum{float:left;width:240px;}
li.familySite_main div.view dl{float:left;width:232px;}
li.familySite_main div.view dl dt{height:22px;font-size:14px;color:#333;font-weight:bold;}
li.familySite_main div.view dl dd{height:83px;font-size:11px;line-height:18px;}
li.familySite_main div.view dl dd.btn{height:auto;}
li.familySite_main div.inner a.close{position:absolute;top:20px;right:30px;}