/*-////////////////////////////////////////////////////////////////////////////
  Project Name : 본비빔밥
	Version      : 1.0
	Author       : YOON, SUN-SANG
	Email        : ssaeju@designstorm.com
	Written date : 2008.06.23 
////////////////////////////////////////////////////////////////////////////-*/

/* Common */
* {margin:0; padding:0; border:0; color:#8b8b8b; font-size:12px; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
ul, ol {list-style:none;}
body.bodyMain {background:url(../images/common/img_main.jpg) no-repeat #f3f0e6; background-position:center;}
body.bodySub {background:url(../images/common/bg_bodysub.jpg) repeat-x #f2efe4;}
a {color:#8b8b8b; text-decoration:none;}
a:link, a:visited {color:#777777; text-decoration:none;}
a:hover {color:#666666; text-decoration:underline;}
a:active {color:#777777; text-decoration:none;}
.png {_behavior:url(/css/iepngfix.htc);}
.block {display:block;}

.floatLeft {float:left;} .floatRight {float:right;} .floatClear {clear:both;}
.xySpace {position:relative; width:100%;}
.borderClear1 {border-bottom:0 !important;}
.hr1 {border-bottom:1px solid #EBE8DE; height:1px;} /* 1 */
.hr2 {border-bottom:1px solid #f1f1f1; height:1px;} /* 2 */
.hr3 {border-bottom:1px solid #DAEDB5; height:1px;} /* 3 */
.txtBold {font-weight:bold;}
.txtSize1, .txtSize1 a {font-size:11px;}
.txtSize2, .txtSize2 a {font-size:16px;}
.txtColor1 {color:#4f4f4f;} .txtColor2 {color:#f87b2a;} .txtColor3 {color:#303030;}
.txtColor4 {color:#cacaca;} .txtColor5 {color:#83765b;}
.alignLeft {text-align:left;} .alignCenter {text-align:center;} .alignRight {text-align:right;}
.floatLeft {float:left;} .floatRight {float:right;} .floatClear {clear:both;}
.btnSpace1 {margin:15px 0 ; }

.cpCname {position:absolute; top:96px; left:25px; color:#7CB33C;}
.cpCname span {font-size:14px; font-weight:bold; color:#7CB33C; }
.cpStar {position:absolute; top:150px; left:188px;}
.cpStar p {margin-bottom:13px;}
.cpStar p img {margin-right:5px;}
.cpInput {position:absolute; top:302px; left:103px;}
.cpBtn {position:absolute; top:343px; left:0; width:100%; text-align:center;}

/* Etc */
.popup400205 {position:relative; width:400px; height:205px;}
.popup400220 {position:relative; width:400px; height:220px;}
.popup400250 {position:relative; width:400px; height:250px;}
.popup400300 {position:relative; width:400px; height:300px;}
.popup400400 {position:relative; width:400px; height:400px;}
.popup400310 {position:relative; width:400px; height:310px;}
.popup400360 {position:relative; width:400px; height:360px;}
.popup400400 {position:relative; width:400px; height:400px;}
.popup400470 {position:relative; width:400px; height:470px;}
.close1 {position:absolute; top:27px; right:6px;}

.tLine1 {border-top:1px solid #E9E7DE;}
.tLine2 {border-top:1px solid #f4f2ec;}

.lSpace1 {margin-left:5px;} .lSpace2 {margin-left:10px;} .lSpace3 {margin-left:15px;}
.lSpace4 {margin-left:20px;} .lSpace5 {margin-left:25px;} .lSpace6 {margin-left:30px;}
.lSpace7 {margin-left:35px;} .lSpace8 {margin-left:40px;} .lSpace9 {margin-left:45px;}
.lSpace10 {margin-left:50px;}

.tSpace1 {margin-top:5px;} .tSpace2 {margin-top:10px;} .tSpace3 {margin-top:15px;}
.tSpace4 {margin-top:20px;} .tSpace5 {margin-top:25px;} .tSpace6 {margin-top:30px;}
.tSpace7 {margin-top:35px;} .tSpace8 {margin-top:40px;} .tSpace9 {margin-top:45px;}
.tSpace10 {margin-top:50px;}

.rSpace1 {margin-right:5px;} .rSpace2 {margin-right:10px;} .rSpace3 {margin-right:15px;}
.rSpace4 {margin-right:20px;} .rSpace5 {margin-right:25px;} .rSpace6 {margin-right:30px;}
.rSpace7 {margin-right:35px;} .rSpace8 {margin-right:40px;} .rSpace9 {margin-right:45px;}
.rSpace10 {margin-right:50px;}

.bSpace1 {margin-bottom:5px;} .bSpace2 {margin-bottom:10px;} .bSpace3 {margin-bottom:15px;}
.bSpace4 {margin-bottom:20px;} .bSpace5 {margin-bottom:25px;} .bSpace6 {margin-bottom:30px;}
.bSpace7 {margin-bottom:35px;} .bSpace8 {margin-bottom:40px;} .bSpace9 {margin-bottom:45px;}
.bSpace10 {margin-bottom:50px;}

.bSpaceClear0 {margin-bottom:0;} .bSpaceClear1 {margin-bottom:-1px;} .bSpaceClear2 {margin-bottom:-2px;}
.bSpaceClear3 {margin-bottom:-3px;}

#footer {position:relative; width:1000px; height:110px; margin:0 auto;}
#footer .ftImg {position:absolute; top:0; left:0; z-index:10;}
#footer .familySiteImg {position:absolute; top:0; right:5px; z-index:10;}
#footer .ftCopy {position:absolute; top:19px; right:5px; z-index:10;}
#footer .fs {position:absolute; right:5px; bottom:108px; z-index:10; border:1px solid #e1dbce; font-size:11px; color:#a38f66;
letter-spacing:-1px; width:124px; height:90px; overflow:auto; overflow-x:hidden; background:#ffffff; padding:7px;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#a38f66;
}
#footer .fs a {display:block; color:#a38f66; margin-bottom:5px;}

/* Main Page Layout */
.topGnb {position:absolute; z-index:1; top:62px; left:0; width:100%; height:87px; text-align:center;}
.mainVisual {position:absolute; top:0; left:0; width:100%; height:694px; text-align:center;}
.topUtil {position:relative; z-index:3; width:1000px; height:0; margin:0 auto;}
.topUtil ul {position:absolute; top:80px; right:0;}
.topUtil li {display:inline; float:left; padding:0 2px 0 2px;}

#wrap {position:relative; width:1000px; margin:0 auto; margin-bottom:600px;}
#wrap .topLogo {position:relative; z-index:2;}
#wrap .topLogo img {width:112px; height:62px;}
#wrap .quick {position:absolute; top:151px; right:6px; z-index:20;}

#container {position:relative; width:1000px; height:122px; margin:0 auto;}
#container .ftBarOff {position:absolute; left:0; bottom:0; width:1000px; height:54px;}
#container .ftBarOff .ftBarOpenOn {position:absolute; top:0; left:48.4%;}
#container .ftBarOff .ftBtnList {position:absolute; top:23px; left:29px;}
#container .ftBarOff .ftBtnList img {margin-right:12px;}
#container .ftBarOn {position:absolute; left:0; bottom:6px; width:1000px; height:218px; z-index:3;}
#container .ftBarOn .ftBarOpenOff {position:absolute; top:0; left:48.4%; z-index:3;}

#container .ftBarOn .barInNews {position:absolute; top:77px; left:580px; width:500px; height:140px;}
#container .ftBarOn .barInNews li {background:url(../images/common/blt_pt01.gif) 0 5px no-repeat;
	padding-left:10px; margin-bottom:3px; _margin-bottom:2px; font-size:11px;}
#container .ftBarOn .barInNews li a {font-size:11px;}



#container .ftBarOn .barInEvent {position:absolute; top:50px; left:30px;}
#container .ftBarOn .barInBest5 {position:absolute; top:77px; left:310px;}
#container .ftBarOn .barInBest5 dd {display:inline; float:left;}
#container .ftBarOn .barInBest5 dd img {margin:0 5px 8px 0;}
#container .ftBarOn .barInBest5 dd img.bestBorder1 {border:1px solid #f9a300;}
#container .ftBarOn .barInBest5 dd img.bestBorder2 {border:1px solid #d7d7d7;}
#container .ftBarOn .barInBest5 dd p {font-size:11px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;}
#container .ftBarOn .barInBest5 dd p a {font-size:11px;}
#container .ftBarOn .barInBest5 dd p span.bestTxt1 {color:#ff6c2e;}
#container .ftBarOn .barInBest5 dd p span.bestTxt2 {color:#619f24;}

/* Sub Page Layout */
.topGnbSub {position:absolute; z-index:2; top:62px; left:0; width:100%; height:87px;}

#wrapSub {position:relative; width:1000px; margin:0 auto;}
#wrapSub .topLogoSub {position:relative; z-index:2;}
#wrapSub .topLogoSub img {width:112px; height:62px;}
#wrapSub .topImg {position:absolute; top:0; right:0;}
#wrapSub .quickSub {position:absolute; top:315px; right:0; z-index:20;}
#wrapSub .location {position:absolute; top:293px; right:109px;}
#wrapSub .location, #wrapSub .location a, #wrapSub .location span, #wrapSub .location span a {font-size:11px;}
#wrapSub .location span {color:#7cb33c;}

#containerSub {position:relative; width:1000px; margin:0 auto; margin-bottom:50px; margin-top:253px;}
#containerSub .snb {position:relative; width:203px; margin-top:-99px;}
#containerSub .content {position:relative; width:689px;}

#containerSub .snb .sideMenu_top {width:162px;}
#containerSub .snb .sideMenu_cnt {width:162px; background:url(../images/common/sm_line_cnt.gif) repeat-y; padding-left:17px;}
#containerSub .snb .sideMenu_cnt img {display:block;}
#containerSub .snb .sideMenu_bot {width:162px; height:19px; background:url(../images/common/sm_line_bot.gif) no-repeat;}
#wrapSub .containerSub .box01_cnt .contentSpace3 {width:563px; margin:0 0 0 430px;}

#containerSub .content .box1_top {width:689px; height:5px; background:url(../images/common/box01_top.gif) no-repeat; _margin-bottom:-7px;}
#containerSub .content .box1_cnt {width:689px; background:url(../images/common/box01_cnt.gif) repeat-y; padding:30px 1px 30px 1px;}
#containerSub .content .box1_bot {width:689px; height:5px; background:url(../images/common/box01_bot.gif) no-repeat;}

.search {border:1px solid #e2e1e1; height:15px; padding-top:2px;}
.inputBox1 {border:1px solid #E2F3D7; background:#FCFFF4; color:#9e926c; height:15px; font-size:12px; padding-top:2px;}
.inputBox2 {border:1px solid #E2F3D7; background:#FCFFF4; color:#9e926c; height:18px; font-size:12px; padding-top:1px;}

.pageBox { padding:25px 0 25px 0; text-align:center; }
.pageBox ul.ulSpace1 {margin-right:150px;}
.pageBox li {display:inline; padding:0 3px 0 3px; font-size:11px;}
.pageBox li span {font-weight:bold; color:#f77a00; font-size:11px;}
.pageBox li a {font-size:11px; vertical-align:middle;}
.pageBox .btnList {text-align:right; margin-top:-20px;}


/* Table */
.tbl1 {width:100%;}
.tbl1 thead{height:38px; background:url(../images/common/bbs2_head_bg.gif) repeat-x;}
.tbl1 .thLeft {background:url(../images/common/bbs2_head_left.gif) 0 0 no-repeat;}
.tbl1 .thRight {background:url(../images/common/bbs2_head_right.gif) right 0 no-repeat;}
.tbl1 td {border-bottom:1px solid #ebe8de; padding:9px 3px 8px 3px;}
.tbl1 .bbs2Color1 {color:#c40109;}
.tbl1 .bbs2Color2 {color:#f28c30;}
.tbl1 .bbs2Color3 {color:#6F0000;}
.tbl1 .bbs2Color4 {color:#2F7B00;}
.tbl1_viewHead {height:38px; background:url(../images/common/bbs2_bg_view.gif) no-repeat; padding:0 10px 0 0 !important;}
.tbl1_viewDiv td {margin:0 !important; padding:0 !important; border:0 !important;}
.tbl1_viewDiv img {margin:0 2px 0 10px;}
.tbl1_viewSbj {font-weight:bold; color:#fff4df; width:270px; line-height:14px;}
.tbl1_viewSbj2 {font-weight:bold; color:#fff4df; width:370px; line-height:14px;}
.tbl1_viewEtc {font-size:11px; color:#f8db96;}
.tbl1_viewEtc p {font-size:11px; color:#f8db96; margin-bottom:-3px;}
.tbl1_viewEtc2 {color:#fff4df;}
.tbl1_viewContent {padding:20px 10px 20px 10px !important;}
.tbl1_viewAddFile a {font-size:11px; padding-right:10px; line-height:16px;}
.tbl1 td.conSpace1 {padding:15px 5px 15px 5px;}
.tbl1 td.conSpace1 img {padding:0 25px 23px 0;}

.tbl2 {width:100%;}
.tbl2 td {border-bottom:1px solid #ebe8de; padding:8px 3px 7px 3px; line-height:16px;}
.tbl2 td.tdColor {color:#c40109; text-align:center;}
.tbl2 th {background:#DCDCDC; border-top:1px solid #C1C1C1; margin:0; padding:0; padding:8px 3px 8px 3px;}
.tbl2_viewBonLogo {background:url(../images/common/img_bon.gif) right bottom no-repeat; padding-bottom:40px !important;}

.tbl3 {width:100%;}
.tbl3 .tdSbj {background:#F4F1EC; padding:8px 20px 8px 10px; border-top:1px solid #E9E7DE;}
.tbl3 .tdSbj p {background:url(../images/common/blt_pt03.gif) no-repeat; padding-left:20px; color:#6D6D6D; font-weight:bold; height:13px;}
.tbl3 .tdBotLine {padding:8px 18px 7px 18px; line-height:16px;}

.tbl4 {width:100%;}
.tbl4 td {border-bottom:1px solid #f4f2ec; padding:6px 0 5px 0;}
.tbl4 td.name {color:#688E60; }
.tbl4 td span {font-size:11px;}
.tbl4 td.tbl4Content {padding-top:10px; line-height:18px;}
.tbl4 td.tbl4Upadd {padding-top:6px;}
.tbl4 .p1 {line-height:16px; font-size:11px; margin:5px 0 15px 0;}
.tbl4 .p2 {line-height:16px; margin:5px 0 0 0;}
.tbl4 textarea {width:480px; height:80px; border:1px solid #E2F3D7; color:#9e926c; overflow:auto;}
.tbl4 .textarea { height:200px; border:1px solid #E2F3D7; color:#9e926c; padding:5px;}
.tbl4 input.fileData {border:1px solid #80807e; font-size:11px; color:#80807e; height:13px; background:#f3f3f3; text-align:right; padding:3px 2px 0 2px;}
.tbl4 .writeTool {width:460px; border:1px solid #E2F3D7; border-bottom:0; padding:5px; margin-bottom:-1px; background:#EBEBEB;}
.tbl4 .selectFile {width:393px; margin-right:5px;}

/* BonJuk Menu */
.recomBoxLeft {position:relative; width:174px; height:132px; background:url(../images/menu/bg_menu01.gif) no-repeat;}
.recomBoxLeft img {position:absolute; top:8px; left:8px;}
 .recomBoxLeft .rank {position:absolute; top:-8px; left:-7px;} 
.infoMore1 {position:absolute; top:140px; left:8px; background:#fdfdf8;} /* BG 처리함*/
.recomBoxRight {position:relative; width:351px;}
.recomBoxRight h2 {background:url(../images/common/blt_pt04.gif) 0 2px no-repeat; padding-left:23px; font-size:16px; font-weight:bold; color:#5a130a; letter-spacing:-1px;}
.recomBoxRight h2 a {font-size:16px; font-weight:bold; color:#5a130a;}
.recomBoxRight h2 span, .recomBoxRight h2 span a {font-size:14px; color:#5a130a; font-weight:normal;}
.recomBoxRight p {margin:10px 0 5px 0; margin-left:0; color:#83765b; line-height:16px;}
.recomBoxRight h3 {font-size:12px; color:#7CB33C; font-weight:normal; margin-top:15px;}
.recomBoxRight .pjSpace {width:134px; height:65px; background:url(../images/menu/bg_menu_pj.gif) no-repeat; text-align:center;}
.recomBoxRight .pjSpace p {font-size:14px; font-weight:bold; color:#ff7200; margin:12px 0 6px 0;}
.recomBoxRight .pjSpace img {margin:0 2px 0 2px;}
.recomBoxRight .pjInfo {width:198px; padding-top:8px;}
.pjOne {width:100%;}
.pjOne img {margin-right:3px;}
.pjOne td {padding:3px;}

/* Store */
.flashMapBg {position:relative;  height:299px; border-top:2px solid #DAEDB5; border-bottom:2px solid #DAEDB5;}
.flashMapBg .flashMap {position:absolute; top:10px; left:21px;}
.storeTitle {background:url(../images/common/blt_pt04.gif) 0 5px no-repeat; padding-left:23px; padding-top:3px; font-size:16px; font-weight:bold; color:#303030; letter-spacing:-1px;}
.mapBg {position:relative; width:477px; height:306px; background:url(../images/store/bg_map2.gif) no-repeat;} 
.mapBg .mapImg {position:absolute; top:7px; left:8px;}
.imgBg {position:relative; width:479px; height:129px; background:url(../images/store/bg_img.gif) no-repeat;}
.imgBg .img1 {position:absolute; top:7px; left:8px;}
.imgBg .img2 {position:absolute; top:7px; left:172px;}
.imgBg .img3 {position:absolute; top:7px; left:335px;}
.recomBoxLeftMini {position:relative; width:89px; height:68px; background:url(../images/menu/bg_menu02.gif) no-repeat;}
.recomBoxLeftMini img {position:absolute; top:7px; left:7px;}
.recomBoxRightMini {position:relative; width:446px;}
.recomBoxRightMini table td {padding:5px 15px 0 0;}
.recomBoxRightMini table td.pjSpaceMini img {margin:0 4px 0 0;}
.recomBoxRightMini .infoMore2 {position:absolute; top:13px; right:0;}
p.brownBar { position:relative; width:607px; height:38px; background:url(../images/store/brown_bar.gif) left top no-repeat; }
p.brownBar img.year { position:absolute; top:13px; left:31px; }
p.brownBar select { position:absolute; top:10px; right:36px; }

.beatStore { width:280px; float:left; display:inline; margin-left:20px; }

dl.otherStore { margin-bottom:8px;}
dl.otherStore dt { font-size:130%; color:#5A130A; font-weight:bold; margin-bottom:5px;}
dl.otherStore dd.panel { width:264px; height:190px; padding:6px ; margin-bottom:12px; background:url(../images/store/panel01.gif) left top no-repeat; }
dl.detailInfo dt { float:left; padding:6px 0 0 6px;  }
dl.detailInfo dd { float:left; display:inline; margin-left:5px;margin-top:5px; }
/*
dl.detailInfo dd { float:left; display:inline; margin-left:5px;margin-top:5px;
scrollbar-base-color: #368200; 
scrollbar-shadow-color: #368200; 
scrollbar-highlight-color: #368200; 
scrollbar-3dlight-color: #c9c9c9; 
scrollbar-darkshadow-color: #c9c9c9; 
scrollbar-track-color: #f4f4f4; 
scrollbar-arrow-color: #f1f1f1;} 
*/

table.realalba { width:128px; margin-left:15px; border-top:2px solid #E5D7B7; border-bottom:1px solid #E5D7B7;}
table.realalba tr.first td { padding-top:6px; }
table.realalba tr.last td { padding-bottom:6px; }
table.realalba tr td a { font-size:90%; }
table.realalba tr td.store { color:#232323; }
table.realalba tr td.store a:link , table.realalba tr td.store a:visited {color:#232323; text-decoration:none; }
table.realalba tr td.store a:hover , table.realalba tr td.store a:active{color:#232323; text-decoration:underline; }
table.realalba tr td.time { color:#F28C30; }
table.realalba tr td.date { color:#828181; }

/* Customer Support */
.faqBest3 {position:absolute; top:56px; left:90px;}
.faqBest3 a {color:#4f4f4f; display:block; line-height:21px;}
.faqSrInfo {width:100%; padding:20px 0 20px 0;}
.faqSrInfo span {font-weight:bold; color:#3B8C00;}
.vs {position:absolute; top:15px; left:30px;}
.vs li {background:url(../images/common/blt_pt02.gif) 0 2px no-repeat; padding-left:15px; margin-bottom:7px;}
.vs li a {font-weight:bold; color:#836e43;}
.vsBtn {position:absolute; top:10px; right:20px;}
.abSelect {position:absolute; top:20px; left:24px;}
.phDownload {position:absolute; top:7px; right:0;}
.emailLink1 {color:#58a400; text-decoration:underline;}
a.emailLink1:link , a.emailLink1:visited { color:#58A400; text-decoration:none;}
a.emailLink1:hover , a.emailLink1:active { color:#58A400; text-decoration:underline;}

/* Membership */
.mbsLoginBg {position:relative; width:607px; height:260px; background:url(../images/membership/bg_login.gif) no-repeat;}
.mbsLoginBg .mbsIdPw {position:absolute; top:60px; left:300px;}
.mbsLoginBg .mbsIdPw input {display:block; margin-bottom:4px;}
.mbsLoginBg .mbsBtn1 {position:absolute; top:60px; left:441px;}
.mbsLoginBg .mbsBtn1 img {display:block; margin-bottom:30px;}
.mbsLoginBg .mbsBtn2 {position:absolute; top:167px; left:441px;}
.mbsLoginBg .mbsBtn2 img {display:block; margin-bottom:2px;}

.mbsJoinBg {position:relative; width:607px; height:288px; background:url(../images/membership/bg_select.gif) no-repeat;}
.mbsJoinBg .mbsJoinBtn {position:absolute; top:170px; left:0; width:100%; text-align:center;}
.mbsJoinBg .mbsJoinBtn img {margin:0 13px 0 13px;}
.mbsRncInput1 {position:absolute; top:112px; left:175px;}
.mbsRncInput2 {position:absolute; top:112px; left:445px;}
.mbsRncBtn {position:absolute; top:255px; left:10px; width:666px; text-align:center;}

.mbsStit1 {margin:22px 0 10px 0;}
.mbsBoxContent1 {width:589px; height:300px; border:1px solid #e6e2d2; padding:8px; overflow:auto; overflow-x:hidden;}
.mbsCheckBox1 {margin:15px 0 15px 0;}
.mbsBtn3 {width:100%; text-align:right;}
.mbsJsBg {position:relative; width:607px; height:333px; background:url(../images/membership/bg_js.gif) no-repeat;}
.mbsJsBg .jsBtn {position:absolute; width:100%; top:279px; left:0; text-align:center;}

/* My Page */
.mpBg1 {position:relative; width:623px; height:113px; background:url(../images/mypage/bg_mp01.gif) no-repeat;}
.mpBg1 .mpTxt1 {position:absolute; top:29px; left:227px; color:#a2978b; line-height:16px;  }
.mpBg1 .mpTxt1 p {font-size:14px; color:#5a130a; margin-bottom:15px; padding-top:1px;}
.mpBg1 .mpTxt1 p span {font-size:16px; color:#5a130a; font-weight:bold; }
.mpBg1 .mpTxt1 span.emColor1,
.mpBg1 .mpTxt1 span.emColor1 a {color:#f29a2a;}
.mpBg1 .mpBtn1 {position:absolute; top:24px; left:470px;}
.mpMtxt {color:#ff7f01; font-weight:bold; font-size:12px; text-align:right; padding:0 0 0 3px; text-decoration:underline;}
.mpStit1 {margin:30px 0 13px 0;}
.mpStit2 {margin:0 0 13px 0;}
.mpBno {position:absolute; top:104px; left:140px; font-weight:bold; color:#9d916c;}
.mpBs {position:absolute; top:129px; left:140px;}
.mpTextarea {position:absolute; top:157px; left:140px; border:1px solid #e6e2d2; padding:5px; width:224px; height:123px;}
.mpBbtn {position:absolute; top:312px; left:0; width:400px; text-align:center;}

/* Sitemap */
.siteMapBg {position:relative; width:607px; height:323px; background:url(../images/sitemap/bg_sitemap.jpg) 0 0 no-repeat;}
.siteMapBg ul {position:absolute; width:117px;}
.siteMapBg ul.siteMapDiv1 {top:95px; left:20px;}
.siteMapBg ul.siteMapDiv2 {top:95px; left:167px;}
.siteMapBg ul.siteMapDiv3 {top:95px; left:319px;}
.siteMapBg ul.siteMapDiv4 {top:95px; left:470px;}
.siteMapBg li {color:#837f68; float:left; _margin-bottom:-2px;}
.siteMapBg li span {padding-left:7px;}
.siteMapBg li a {color:#837f68;}
.siteMapBg li.siteMapLine1 {border-bottom:1px solid #ebe8de; width:110px; padding:6px 0 3px 0 !important;}
.siteMapBg li.siteMapLine2 {width:110px; padding:6px 0 6px 0 !important;}
.siteMapBg li.siteMapLine3 {border-bottom:1px solid #ebe8de; width:117px; padding:6px 0 3px 0 !important;}
.siteMapBg li.siteMapLine4 {width:117px; padding:6px 0 6px 0 !important;}

/* Util */
.fiInput {position:absolute; top:98px; left:141px;}
.fiInput p {margin-top:7px;}
.fiConfirm {position:absolute; top:171px; left:303px;}
.fiTxtSpace {position:absolute; top:114px; left:0; width:400px; text-align:center;}
.fiTxtSpace span {color:#7d634b; font-weight:bold;}

.fpConfirm1 {position:absolute; top:195px; left:303px;}
.fpInput1 {position:absolute; top:91px; left:141px;}
.fpInput1 p {margin-top:7px;}
.fpConfirm2 {position:absolute; top:180px; left:303px;}
.fpInput2 {position:absolute; top:91px; left:161px;}
.fpInput2 p {margin-top:10px;}

.icTxtSpace {position:absolute; top:120px; left:0; width:400px; text-align:center; line-height:18px;}
.icTxtSpace p {margin-top:20px;}
.icTxtSpace span {color:#7d634b; font-weight:bold;}
.icInput {position:absolute; top:254px; left:91px;}
.icBtn {position:absolute; top:255px; left:297px;}

.asInput {position:absolute; top:108px; left:31px;}
.asBtn {position:absolute; top:109px; left:297px;}
.asResult {position:absolute; top:161px; left:21px; width:346px; height:110px; border:1px solid #e6e2d2; padding:5px; background:#ffffff; overflow:auto; overflow-x:hidden;}
.asResult table {width:330px;}
.asResult td {padding:3px;}

.addValue { width:344px; height:108px; padding:5px; border:1px solid #E2F3D7; position:absolute; top:169px; left:25px; }
.addValue .inner { height:108px; overflow:auto; }
.addValue .inner table { width:95%; }
.addValue .inner table a:hover{ font-weight:bold; }
.addValue .inner table tr td {padding:4px 2px; }
.addValue .inner table tr td.zip { text-align:center; }

/* Recruit */
.download1 {position:absolute; top:263px; left:17px;}
.download2 {position:absolute; top:100px; left:56px;}
.download3 {position:absolute; top:419px; left:17px;}
.js1 {position:absolute; top:664px; left:17px;}
.online1 {position:absolute; top:80px; left:289px;}
.online1 p {margin-bottom:8px;}
.online2 {position:absolute; top:81px; left:441px;}
.online3 {position:absolute; top:-7px; right:15px;}
.picAdd {position:absolute; width:120px; height:148px; background:url(../images/common/img_bg_pic.gif) no-repeat;}
.picAdd img {position:absolute; right:9px; bottom:9px;}

/* Agreement, Privacy  */
.maTit img {margin:10px 0 25px 0;}
.maCon p {width:100%; line-height:18px; color:#a2978b; margin-bottom:20px;}
.maCon img {display:block; margin-bottom:7px;}
.pvCon p {width:100%; line-height:18px; color:#a2978b; margin-bottom:30px;}
 .pvCon p span,  .pvCon p a {color:#ff9249;}
.pvCon img {display:block; margin-bottom:7px;}
.pvTop img {margin:10px 0 20px 0;}
.pUp1 {width:100%; height:15px; background:url(../images/common/bg_dashed01.gif) repeat-x; text-align:right; margin-bottom:15px;}
.bonLogo2 {width:100%; text-align:right;}

/* Contact Us */
.bonMap {position:relative; width:100%;}
.bonMap .printMap1 {position:absolute; top:35px; right:0;}

/* Customer Support */
#wrapSub .containerSub .box01_cnt .contentSpace .faqBest3 {position:absolute; top:56px; left:90px;}
#wrapSub .containerSub .box01_cnt .contentSpace .faqBest3 a {color:#4f4f4f; display:block; line-height:21px;}
#wrapSub .containerSub .box01_cnt .contentSpace .faqSrInfo {width:100%; padding:20px 0 20px 0;}
#wrapSub .containerSub .box01_cnt .contentSpace .faqSrInfo span {font-weight:bold; color:#750000;}
#wrapSub .containerSub .box01_cnt .contentSpace .vs {position:absolute; top:15px; left:30px;}
#wrapSub .containerSub .box01_cnt .contentSpace .vs li {background:url(../images/common/blt_pt02.gif) 0 2px no-repeat; padding-left:15px; margin-bottom:7px;}
#wrapSub .containerSub .box01_cnt .contentSpace .vs li a {font-weight:bold; color:#836e43;}
#wrapSub .containerSub .box01_cnt .contentSpace .vsBtn {position:absolute; top:10px; right:20px;}
#wrapSub .containerSub .box01_cnt .contentSpace .abSelect {position:absolute; top:22px; left:24px;}
#wrapSub .containerSub .box01_cnt .contentSpace .phDownload {position:absolute; top:7px; right:0;}
#wrapSub .containerSub .box01_cnt .contentSpace .emailLink1 {color:#58a400; text-decoration:underline;}

.box01_01_top {width:623px; height:6px; background:url(../images/common/line_box_01_01_top.gif) no-repeat; _margin-bottom:-6px;}
.box01_01_cnt {width:623px; background:url(../images/common/line_box_01_01_cnt.gif) repeat-y;}
.box01_01_bot {width:623px; height:6px; background:url(../images/common/line_box_01_01_bot.gif) no-repeat;}
.box01_02_top {width:607; height:6px; background:url(../images/common/line_box_01_02_top.gif) 0 0 no-repeat; _margin-bottom:-6px;}
.box01_02_cnt {position:relative; width:621px; background:url(../images/common/line_box_01_02_cnt.gif) 0 0 repeat-y;}
.box01_02_cnt .pvInBox p {line-height:18px; color:#a2978b; margin-bottom:30px;}
.box01_02_cnt .pvInBox img {display:block; margin-bottom:7px;}
.box01_02_bot {width:607px; height:6px; background:url(../images/common/line_box_01_02_bot.gif) 0 0 no-repeat;}
.box01_03_top {position:relative; width:626px; height:31px; background:url(../images/common/line_box_01_03_top.gif) no-repeat;}
.box01_03_top .boxTitle {position:absolute; top:7px; left:15px;}
.box01_03_top .boxTitle span {font-weight:bold; color:#ffffff; font-size:14px;}
.box01_03_top .boxTitle img {margin-bottom:-1px;}
.box01_03_cnt {width:626px; background:url(../images/common/line_box_01_03_cnt.gif) repeat-y;}
.box01_03_bot {width:626px; height:12px; background:url(../images/common/line_box_01_03_bot.gif) no-repeat;}
.box01_04_top {position:relative; width:627px; height:49px; background:url(../images/common/line_box_01_04_top.gif) no-repeat;} /* Only Answer */
.box01_04_cnt {width:627px; background:url(../images/common/line_box_01_04_cnt.gif) repeat-y;} /* Only Answer */
.box01_04_bot {width:627px; height:8px; background:url(../images/common/line_box_01_04_bot.gif) no-repeat;} /* Only Answer */
.box01_05_top {width:563px; height:6px; background:url(../images/common/line_box_01_05_top.gif) no-repeat; _margin-bottom:-6px;}
.box01_05_cnt {width:563px; background:url(../images/common/line_box_01_05_cnt.gif) repeat-y;}
.box01_05_bot {width:563px; height:6px; background:url(../images/common/line_box_01_05_bot.gif) no-repeat;}
.box01_06_top {width:600; height:6px; background:url(../images/common/line_box_01_06_top.gif) 0 0 no-repeat; _margin-bottom:-6px;}
.box01_06_cnt {position:relative; width:600px; background:url(../images/common/line_box_01_06_cnt.gif) 0 0 repeat-y;}
.box01_06_bot {width:600px; height:6px; background:url(../images/common/line_box_01_06_bot.gif) 0 0 no-repeat;}

p.brownBar { position:relative; width:607px; height:38px; background:url(../images/store/brown_bar.gif) left top no-repeat; }
p.brownBar img.year { position:absolute; top:13px; left:31px; }
p.brownBar select { position:absolute; top:10px; right:36px; }


.contentSpaceIn {position:relative; width:570px; margin:0 0 0 20px; padding:20px 0 20px 0; }
.contentSpaceIn2 {position:relative; width:558px; margin:0 0 0 23px; padding:12px 0 12px 0;}
.contentSpaceIn3 {position:relative; width:567px; margin:0 0 0 22px; padding:12px 0 12px 0;} /* Only Answer */
.contentSpaceIn4 {position:relative; width:510px; margin:0 0 0 27px; padding:15px 0 15px 0;}
.contentSpaceIn5 {position:relative; width:590px; margin:0 0 0 x; padding:15px 20px; border-top:2px solid #DAEDB5; border-bottom:1px solid #DAEDB5; }

.pageBox2 {width:100%; text-align:center;}
.pageBox2 ul.ulSpace2 {margin-right:150px;}
.pageBox2 li {display:inline; padding:0 3px 0 3px; font-size:11px;}
.pageBox2 li span {font-weight:bold; color:#f77a00; font-size:11px;}
.pageBox2 li a {font-size:11px; vertical-align:middle;}

.containerSub .box01_bot img{width:704px; height:38px;}

.recomBigImg {position:absolute; top:120px; left:40px;}
.recomBigImgMini {position:absolute; top:572px; left:30px;}
.recomBigImgMini .recomBigImgMiniSpace {position:relative; margin:0 2px 0 2px;}
.recomBigImgMini .recomBigImgMiniList {position:absolute; top:7px; left:9px;}

/*-////////////////////////////////////////////////////////////////////////////
  Project Name : 본비빔밥
	Version      : 1.0
	Author       : Shin Hyun Seung
	Email        : iluvu120@nate.com
	Written date : 2008.07.01 
////////////////////////////////////////////////////////////////////////////-*/

/* default
----------------------------------------------------------------------------------*/

/* Holy Hack */
.clear { clear: both; }
/* clear float without additional element */
.clearSelf:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.clearSelf { display: inline-block; }

table { border-collapse:collapse; }
select.htc01 { behavior: url('js/selectbox.htc');  }

/* Global Box Style */
.box_top_01 { background:#F3F0E5 url(../images/common/box_top_01.gif) left top no-repeat; }
.box_bottom_01 { background:#F3F0E5 url(../images/common/box_bottom_01.gif) left bottom no-repeat; }

.box_top_02 { background:url(../images/common/box_top_02.gif) left top no-repeat; }
.box_bottom_02 { background:url(../images/common/box_bottom_02.gif) left bottom no-repeat; }

.box_top_03 { background:url(../images/menu/menu_txt.gif) left top no-repeat; }

/* etc Box Style */
.box_black_01 { position:relative; width:579px; height:38px; background:url(../images/common/black_box01.gif) left top no-repeat; }

/*Box Option */
.type01 { padding-top:30px; margin-bottom:18px; }
.type01 .box_bottom_01 { width:606px; padding:0 43px 40px 40px; }
.type02 { padding-top:22px; }
.type02 .box_bottom_02 { width:525px; padding:0 27px 25px 27px; }
.type03 { padding-top:30px; margin-bottom:18px; }
.type03 .box_bottom_01 { width:629px; padding:0 30px 40px 30px; }
.type04 { padding-top:30px; margin-bottom:18px; }
.type04 .box_bottom_01 { width:679px; padding:0 5px 40px 5px; }
.type05 { padding-top:0px; margin-left:430px; }
.type06 { padding-top:45px; margin-bottom:18px; }
.type06 .box_bottom_01 { width:606px; padding:0 43px 40px 40px; }



/* Search */
.searchArea {width:100%; text-align:right; margin-bottom:10px;}

/* Board, Search(Total) */
.searchSpace1 {width:100%; text-align:right; margin-bottom:10px;}

/* Table */
div.tbBg01 {width:606px; background:url(../images/common/thead_bg01.gif) left top no-repeat;}
div.tbBg02 {width:629px; background:url(../images/common/thead_bg02.gif) left top no-repeat;}
table.listType01 { width:100%; text-align:center; }
table.listType01 thead { height:38px; }
table.listType01 thead tr th { padding-bottom:17px; }
table.listType01 tbody tr td { padding:5px 0 4px 0; border-bottom:1px solid #EBE8DE; }
table.listType01 tbody tr td.num { color:#C40109; }
table.listType01 tbody tr td.tl { text-align:left; }

table.viewType01 { width:100%; }
table.viewType01 thead { height:38px; }
table.viewType01 thead tr th { padding-bottom:20px; }
table.viewType01 thead tr td { padding-top:1px; color:#95BE65; padding-bottom:20px; }
table.viewType01 thead tr td.tl { color:#D6D6D6; }
table.viewType01 tbody tr td { padding:6px 0; }
table.viewType01 tbody tr td.content { padding:0 5px 15px 5px; border-bottom:1px solid #DEEECC; }

table.prevnext { width:630px; text-align:center; margin-left:30px; }
table.prevnext tr.top td { border-bottom:1px solid #DEEECC; }
table.prevnext tr td { color:#9C9C9C; padding:7px 0; }
table.prevnext tr td.tl { text-align:left; }
table.prevnext a:link , table.prevnext a:visited { color:#9C9C9C; text-decoration:none; }
table.prevnext a:hover , table.prevnext a:active { color:#9C9C9C; text-decoration:underline; }

table.etc01 { width:100%; text-align:center; margin-bottom:15px; }
table.etc01 thead { height:38px; }
table.etc01 thead tr th { padding-bottom:5px; }
table.etc01 tbody tr td { padding:5px 10px; border-bottom:1px solid #EBE8DE; }
table.etc01 tbody tr td.tl { text-align:left; }

table.replyList { width:100%; }
table.replyList tr td { border-bottom:1px solid #EBE8DE; padding:10px 0; }
table.replyList tr td.writer { text-align:center; }
table.replyList tr td.date { color:#158A05; font-size:11px; }

/* Button */
.btnType01 { text-align:right; margin-bottom:40px; padding-right:30px; }

/* etc */
.movTl { margin-bottom:28px; }
.centerArea { text-align:center; margin-bottom:15px; }
.movData { position:relative; width:524px; height:353px; margin-left:54px; background:url(../images/common/mov_bg01.gif) left top no-repeat; }
.movData .movArea { position:absolute; top:23px; left:21px; width:300px; height:220px; }
.movData a.play { position:absolute; top:258px; left:22px; }
.movData a.pause { position:absolute; top:258px; left:46px; }
.movData a.stop { position:absolute; top:258px; left:71px; }
.movData a.mute { position:absolute; top:258px; left:305px; }
.movData a.down { position:absolute; top:318px; left:315px; }

.box_black_01 .txt { position:absolute; top:13px; left:23px; }
.box_black_01 select.award { width:102px;  }
p.offset01 { position:absolute; top:10px; right:14px; }
.audioArea { text-align:center; padding-left:200px; margin-bottom:33px; }
.audioArea a { float:left; }
.audioArea .control { float:left; width:109px; height:16px; background:url(../images/common/audio_volmove.gif) left top no-repeat; }
.audioArea .control .guage { float:normal; }
.reply { margin-bottom:10px; }
.reply textarea { float:left; display:inline; width:443px; height:43px; margin-right:5px;  border:1px solid #C4C4C3; overflow:auto; }
.reply a { float:left; }
.margin01 { margin-bottom:11px; }
.margin02 { margin:0 0 27px 60px; }

/* recruit */
.recruitInfo { position:relative; width:607px; height:688px; background:url(../images/recruit/recruit_info_01.jpg) left top no-repeat;}
.recruitInfo a { position:absolute; }
.recruitInfo a.down01 { top:418px; left:17px; }
.recruitInfo a.down02 { bottom:0; left:17px; }
.recruitInfo a.email { bottom:41px; left:52px; }

