html, body { width:100%;height:100%;margin:0;padding:0; }
td, div, p, li, dd, input, textarea { font-family:Dotum, gulim;font-size:12px;color:#757575;}
form, input, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd { margin:0;padding:0; }
ul, ol { list-style:none; }
img { border:0;vertical-align:top}
.fl { float:left !important; }
.fr { float:right !important; }
.cb { clear:both !important; }
.ac { text-align:center !important; }
.al { text-align:left !important; }
.ar { text-align:right !important; }
.jf { text-align:justify !important; }
.oh { overflow:hidden !important; }
.cp { cursor:pointer !important; }
.di { display:inline !important; }
.dib { display:inline-block !important;display:-moz-inline-box !important; }
.dn { display:none !important; }
.db { display:block !important; }
.bgn { background:none !important; }
.brn { border-right:none !important;}
.fs { font-size:11px}
.mb_50 {margin-bottom:50px !important;}
/*************** layout ***************/
body { }
#wrapper { width:100%;height:100%;margin:0 auto;}
#gnb { width:961px;height:117px;margin:0 auto;}
#gnb_location {width:961px;height:67px;margin:0 auto;}
h1 { float:left;height:66px;}
div.cjLogo { float:right;height:50px;padding:16px 11px 0 0}
div.cjLogo p {float:left; display:inline;}
div.cjLogo img {vertical-align:middle;}
div.cjLogo p.header_navi {padding:15px 20px 0 0;}
#gnb ul { clear:both;height:49px;border-top:2px solid #6eb43f;}
#gnb li { float:left;padding-left:1px;background:url('/images/common/division1.gif') no-repeat left center}
#gnb li.bgn { padding:0}
#container { position:relative; width:961px; min-height:543px _height:543px;margin:0 auto}
#snb { float:left;width:161px;height:543px;padding:37px 84px 0 15px;background-repeat:no-repeat;background-position:left top}
#snb li { float:left}
#snb li p { height:66px;}
#snb li li { height:26px;border-bottom:1px solid #9fd26b;}
#contArea { float:left;width:701px;height:543px;background:url('/images/common/bg_cont.gif') no-repeat left top}
h2 { height:21px;margin-top:39px;}
#footer { clear:both;width:100%;height:160px;background:url('/images/footer/bg.gif') repeat-x left top}
#foot { position:relative;width:961px;height:160px;margin:0 auto;}
.family { height:62px;padding-top:5px;}
.info { width:845px;height:39px;padding-left:116px;overflow:hidden}
.info li { float:left; padding:0 2px;}
.info img {vertical-align:middle;}
#footer .fl { width:550px}
address { height:26px;margin:0 0 4px}
#footer .fr { width:340px}
.btnGo { margin-right:194px;text-align:right}
.familySel { position:absolute;right:76px;bottom:35px;height:500px;}
/*************** common ***************/
.colgroup, .colgroup th, .colgroup td { height:0 !important;line-height:0 !important;font-size:0;padding:0 !important;border:none !important;margin:0;border-collapse:separate;}
.colgroup { .display:none}
.list { width:580px;table-layout:fixed;border-top:2px solid #645b54;border-bottom:1px solid #b5b5b5}
.list th { padding:5px 0 4px;line-height:18px;border-right:1px solid #e6e6e6;color:#606060;background:#fafafa}
.list td { padding:5px 10px 4px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;line-height:18px;vertical-align:top}
/*************** 00_메인 ***************/
#intro p.cjLogo { padding-top:63px}
/*************** 01_세계속의 비비고 ***************/
#mission #snb { background-image:url('/images/snb/bg_mission.gif')}
#location #snb { background-image:url('/images/snb/bg_location.gif')}
/*************** 02_비비고 소개 ***************/
#bibigo #snb { background-image:url('/images/snb/bg_bibigo.gif')}
#interior #snb { background-image:url('/images/snb/bg_interior.gif')}
#use #snb { background-image:url('/images/snb/bg_use.gif')}
/*************** 03_메뉴 ***************/
#bibimbap #snb { background-image:url('/images/snb/bg_bibimbap.gif')}
#single #snb { background-image:url('/images/snb/bg_single.gif')}
/*************** 04_etc ***************/
#sitemap #container { background:url('/images/etc/bg.gif') no-repeat left top}
#sitemap #contArea { background:none}
.site { padding-top:70px;}
.site li { float:left;width:203px;}
.site li ul li { width:141px;height:21px;padding:11px 0 0 5px;background:url('/images/common/dlineH.gif') repeat-x left top}
.site li ul li.bgn { padding-top:9px;}
.site li ul li a { padding-left:9px;display:inline-block;background:url('/images/common/blt1.gif') no-repeat left 4px}
/*************** popup ***************/
#popWrap { width:100%;height:100%;background:url('/images/popup/boxRT.gif') no-repeat left top}
#popWrap h2 { width:618px;height:28px;margin:0 auto;padding-top:40px;border-bottom:2px solid #6eb43f}
#popCont { width:618px;height:440px;padding:15px 41px 0;line-height:18px;background:url('/images/popup/boxRB.gif') no-repeat left bottom}
#popFoot { width:682px;height:26px;padding:9px 18px 0 0;text-align:right;background:#ffffff}
.email { background:url('/images/popup/bg_email.gif') no-repeat left top !important}
.email h2 { width:418px !important}
.email #popCont { width:418px !important;height:80px !important;background:none}
.email #popFoot { width:482px !important;background:none}
#popCont .scr { width:600px;height:420px;padding-right:18px;}
.scr { border:none;background:none;
scrollbar-face-color:#ffffff; /* bar 의 표면색 */
scrollbar-highlight-color:#e6e7e6; /* 밝게 빛나는 좌상단 모서리 */
scrollbar-3dlight-color:#ffffff; /* 좌상단 모서리 아래부분 */
scrollbar-shadow-color:#e6e7e6; /* 그림자 지는 우하단 */
scrollbar-darkshadow-color:#ffffff; /* 그림자 우하단 */
scrollbar-track-color:#ffffff; /* 스크롤 트랙의 색 */
scrollbar-arrow-color:#abe12f; /* 삼각형부분 */
overflow-x:hidden;overflow-y:auto; }