@charset "euc-kr";
/* ¸ÞÀÎ */
.main { font-size:12px;color:#606060; }


.main .boxwrap { position:relative; }
.main dl { border:1px #e6e6e6 solid;border-bottom:none; }
.main dt { height:20px;padding:12px 0 10px 0;border-bottom:1px #e6e6e6 solid;background-color:#f9f9f9;text-indent:15px; }
.main dd { height:107px;vertical-align:top;margin:0;padding:15px 0; }
.main .btnwrap { position:absolute;right:13px;top:11px;width:20px;height:20px; }
.main .btnwrap a { display:block;width:20px;height:20px; }


/* ¸ÞÀÎ : ºñÁÖ¾ó */
#main-visual{position:relative; height:480px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#main-visual .main-visual-ctrl{position:absolute; bottom:30px; z-index:2;}
#main-visual .main-visual-ctrl button{margin:0;padding:0;border:0 none;background:none;}
#main-visual .main-visual-ctrl .pause1{position:absolute; left:419px; display:inline-block; height:20px;}
#main-visual .main-visual-ctrl .play2{position:absolute; left:444px; display:inline-block; height:20px;}
#main-visual ul{position:relative; z-index:1; width:1000px; height:480px; overflow:hidden;}
#main-visual ul li{list-style:none; float:left; width:164px; height:438px;}
#main-visual ul li>a{position:absolute; left:500px; bottom:12px; width:16px; height:16px; font-size:0; line-height:0; background:url('/images/main/visual_list.jpg') no-repeat;}
#main-visual ul li.mv2>a{left:520px;}
#main-visual ul li.mv3>a{left:540px;}
#main-visual ul li.mv1>a.active{background:url('/images/main/visual_list01.jpg') no-repeat;}
#main-visual ul li.mv2>a.active{background:url('/images/main/visual_list02.jpg') no-repeat;}
#main-visual ul li.mv3>a.active{background:url('/images/main/visual_list03.jpg') no-repeat;}
#main-visual ul li div{position:relative;}
#main-visual ul li div a{display:block;}
#main-visual ul li span{position:absolute; z-index:2; top:0; width:164px; height:438px; padding-right:2px; cursor:pointer; background:#fff url('/images/main/visual_bn01_off.jpg') no-repeat;}
#main-visual ul li.mv1 span{display:none;}
#main-visual ul li.mv2 span{background-image:url('/images/main/visual_bn02_off.jpg');}
#main-visual ul li.mv3 span{background-image:url('/images/main/visual_bn03_off.jpg');}


.maincon { position:relative;border-bottom:1px #e6e6e6 solid; height:362px; }
.maincon ul li { font-size:11px;height:20px;line-height:20px;padding:0;margin:0;background:url(/eng/images/main/blt_dot.gif) left 7px no-repeat;padding:0 0 0 8px; }
.maincon .maindot  { margin:0 15px; }
.maincon .maindot li { }
.maincon .maindot li a { height:100%;display:inline-block; }
.maincon .maindot li span { display:inline-block;height:15px; }
.maincon .maindot li span.text { width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.maincon .maindot li span.date { width:60px;text-align:right;color:#757575; }

#recruitinfo { width:333px;overflow:hidden; }
#newsnotice { width:333px;position:relative; }
#mainnotice { display:none; }

#globalstore { width:333px; }
.maincon dd { clear:both;overflow:hidden; }
.maincon dd .left { float:left;width:121px;height:92px;margin-left:15px; }
.maincon dd .right { float:left;width:170px;margin-left:10px;line-height:140%; }
.maincon dd .right strong { color:#616161;display:inline-block;padding-top:3px;padding-bottom:10px; }
/* .maincon dd .right p { display:inline-block; } */


.maincon .mainnews dt { width:165px;background-color:#fff;border-right:1px #dedede solid;border-bottom:none; }
#mainnews { position:relative;height:181px; }
#mainnews .btnwrap { left:130px; }
#mainnews .otherbtn { width:125px;height:22px;padding:10px 20px;background-color:#f9f9f9;border-bottom:1px #dedede solid;position:absolute;top:1px;right:1px;  }
#mainnews .otherbtnwrap { width:20px;height:20px;position:absolute;top:10px;right:12px; }

.maincon .mainnotice dt { background-color:#fff;text-align:right;border-bottom:none; }
.maincon .mainnotice dt img { margin-right:73px; }
#mainnotice { position:relative;height:181px; }
#mainnotice .btnwrap { right:12px; }
#mainnotice .otherbtn { width:125px;height:22px;padding:10px 20px;background-color:#f9f9f9;border-bottom:1px #dedede solid;position:absolute;top:1px;left:1px;border-right:1px #dedede solid;  }
#mainnotice .otherbtnwrap { width:20px;height:20px;position:absolute;top:10px;left:130px; }

#founding { width:333px; }
.maincon .founding dd { height:117px;background:url(/eng/images/main/founding_img01.jpg) left top no-repeat;padding:20px 0 0 0;overflow:hidden; }
.maincon .founding dd div { margin:0 15px;line-height:160%; }
.maincon .founding dd div p.title { margin-bottom:10px;color:#666666; }

#foodvillestory { position:absolute;top:0;left:332px;width:333px; }
#globalactivity { position:absolute;top:181px;left:0px;width:333px; }
#csrcampaign { position:absolute;top:362px;left:332px;width:333px; }

#globalfoodville { position:absolute;top:0;right:0;width:334px; }
#globalfoodville .title { height:30px;padding-top:12px;padding-left:15px;background-color:#f6f6f6;border:1px #e6e6e6 solid;border-bottom:none; }
#globalfoodville .btnwrap  { width:45px; }
#globalfoodville .btnwrap a {font-size:0; line-height:0; float:left; width:20px; height:20px;}
#globalfoodville .btnwrap  a.pause-world { background:url('/eng/images/main/btn_pause.png') no-repeat; margin-right:3px;  }
#globalfoodville .btnwrap  a.resume-world { background:url('/eng/images/main/btn_play.png') no-repeat;}
#globalfoodville .globalfoodville {overflow:hidden; width:332px; height:137px; border:1px solid #e6e6e6}
#globalfoodville .globalfoodville li { background:none !important; padding:0 !important; margin:0 !important;}
#globalfoodville .globalfoodville li { position:absolute; left:0; top:0;  width:332px; height:137px;  }


#aboutFoodville{ position:absolute;top:181px;left:332px;width:666px; }
.maincon .aboutFoodville { clear:both;overflow:hidden; }
.maincon .aboutFoodville dd .left { float:left;width:121px;height:92px;margin-left:15px;border:1px solid #e8e8e8 }
.maincon .aboutFoodville dd .right { float:left;width:500px;margin-left:10px;line-height:140%; }
.maincon .aboutFoodville dd .right strong { color:#616161;display:inline-block;padding-top:3px;padding-bottom:10px; }
.maincon .aboutFoodville dd .right p { display:inline-block; }



#eventbanner { position:absolute;top:362px;right:0;width:334px; }
#eventbanner .btnwrap { position:absolute; right:90px; top:11px;z-index:999; width:45px;}
#eventbanner .btnwrap a {font-size:0; line-height:0; float:left; width:20px; height:20px; }
#eventbanner .btnwrap  a.pause { background:url('/eng/images/main/btn_pause.png') no-repeat; margin-right:3px;  }
#eventbanner .btnwrap  a.play { background:url('/eng/images/main/btn_play.png') no-repeat;}
#eventbanner .bnblit{position:absolute; right:10px; top:4px; width:75px; text-align:right; }
#eventbanner .bnblit .bnarea > a.list { position:relative; margin-right:3px; width:9px; height:9px; display:inline-block; background:url('/images/main/event_list.png') 0px top no-repeat; font-size:0; line-height:0; z-index:9999 !important;  } /* 2013-02-21 ¼öÁ¤ */
#eventbanner .bnblit .bnarea > a.list:hover { background:url('/images/main/event_list_on.png') left top no-repeat; }
#eventbanner .bnblit .bnarea > a.list:focus { background:url('/images/main/event_list_on.png') left top no-repeat;  }
#eventbanner .bnblit .bnarea > a.list.active { background:url('/images/main/event_list_on.png') left top no-repeat;  }
#eventbanner .bnblit .bnarea p{ position:absolute !important; left:-249px !important; top:-4px !important; width:332px;height:180px;border:1px #e6e6e6 solid; border-bottom:none; font-size:0; line-height:0;}
#eventbanner .bnblit .bnarea p a { display:block; z-index:9 !important;}


/* layer popup with rolling banners 2013-03-12 */
#visual{position: absolute; left: 30px; top: 6px; z-index: 100; overflow: hidden; width: 442px; height: 329px}
#visual button{margin: 0; padding: 0; border: 0 none; cursor: pointer; background: none}
#visual .inner{overflow: hidden; height: 270px; padding-top: 32px; border: 1px solid #b7b7b7; border-bottom: 0 none; background-color: #f9f9f9}
#visual .ctrl{position: absolute; z-index: 102; left: 158px; top: 7px}
#visual button.start-stop{width: 20px; height: 20px; background: url(/images/main/btn_popupCtrl.gif) no-repeat}
#visual button#pauseButton{background-position: 0 100%}
#visual #slider{z-index: 100; height: 270px; overflow: visible !important; border-top: 1px solid #b7b7b7}
#visual li{height: 100%}
#visual li>a{position: absolute; left: 214px; top: -22px; width: 11px; height: 11px; background: url(/images/main/bul_popupNum.gif) no-repeat 0 100%}
#visual li.panel2>a{left: 226px}
#visual li.panel3>a{left: 238px}
#visual li.panel4>a{left: 250px}
#visual li.panel5>a{left: 262px}
#visual li.panel6>a{left: 274px}
#visual li.panel7>a{left: 286px}
#visual li>a.active{background-position: 0 0}
#visual button span,
#visual a span{position: absolute; visibility: hidden; overflow: hidden; width: 0; height: 0; line-height: 0; font-size: 0; text-indent: -99999em}
#visual .popupClose{position: absolute; z-index:101; left: 0; bottom: 0; width: 402px; height: 20px; padding: 3px 20px; background: #444}
#visual .popupClose *{font-size: 12px; color: #fff; vertical-align: middle}
#visual .popupClose label{line-height: 20px}
#visual .popupClose input{margin: 0; vertical-align: -3px}
#visual .popupClose button{position: absolute; right: 20px; top: 5px; width: 50px; height: 15px; line-height: 15px; padding-right: 15px; text-align: right; background: url(/images/main/bg_popupClose.gif) no-repeat 100% 3px}