/*-//////////////////////////////////////////////////////////////////////////// Project Name : 본죽 Version : 1.0 Author : YOON, SUN-SANG Email : ssaeju@designstorm.com Written date : 2008.06.19 ////////////////////////////////////////////////////////////////////////////-*/ /* 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; } /* Common */ * {margin:0; padding:0; border:0; color:#7F7F7F;/*color:#8b8b8b;*/ font-size:12px; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;} ul, ol {list-style:none;} body.bodyMain {background:#fff;/*background:#fff url(../images/common/bg_bodymain.jpg) repeat-x;*/} body.bodySub01 {background:url(../images/common/bg_bodysub01.jpg) center 0 no-repeat #F4F8F1;}/*1. 본아이에프*/ body.bodySub02 {background:url(../images/common/bg_bodysub02.jpg) center 0 no-repeat #F8F5F0;}/*2. 본국수대청소개*/ body.bodySub03 {background:url(../images/common/bg_bodysub03.jpg) center 0 no-repeat #FCF8EF;}/*3. 본국수대청 메뉴*/ body.bodySub04 {background:url(../images/common/bg_bodysub04.jpg) center 0 no-repeat #F8F2E6;}/*4. 우리동네 매장*/ body.bodySub05 {background:url(../images/common/bg_bodysub05.jpg) center 0 no-repeat #FBF1E8;}/*5. 고객지원*/ body.bodySub06 {background:url(../images/common/bg_bodysub06.jpg) center 0 no-repeat #F2F2F1;}/*6. 맴버 etc*/ a {color:#8b8b8b; text-decoration:none;} a:visited, a:visited * {color:#8b8b8b;} a.visited, a.visited:visited {color:#8b8b8b;} a:hover, a:hover *, a.visited:hover {color:#000000; text-decoration:underline;} .png {_behavior:url(/css/iepngfix.htc);} .block {display:block;} .search {border:1px solid #e2e1e1; height:15px; padding-top:2px;} table {border-collapse: collapse; empty-cells: show;} :root input, button {vertical-align: middle; margin-bottom:0;} /* input[type="text"], input[type="password"]{height: 15px; padding-top:3px; padding-left: 1px; color: #666; border: 1px solid #C0C0C0; } */ .inputBox1 {border:1px solid #f3eddb; background:#f9f5ef; color:#9e926c; height:15px; font-size:12px; padding-top:2px;} .inputBox2 {border:1px solid #f3eddb; background:#f9f5ef; color:#9e926c; height:18px; font-size:12px; padding-top:1px;} .alignLeft {text-align:left;} .alignCenter {text-align:center;} .alignRight {text-align:right;} .floatLeft {float:left;} .floatRight {float:right;} .floatClear {clear:both;} .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;} .tSpaceClear0 {margin-top:0;} .tSpaceClear1 {margin-top:-1px;} .tSpaceClear2 {margin-top:-2px;} .tSpaceClear3 {margin-top:-3px;} .bSpaceClear0 {margin-bottom:0;} .bSpaceClear1 {margin-bottom:-1px;} .bSpaceClear2 {margin-bottom:-2px;} .bSpaceClear3 {margin-bottom:-3px;} .spaceClear {margin:0 !important; padding:0 !important; border:0 !important;} .vm{vertical-align:middle;} .lineHeight1 {line-height:14px;} .lineHeight2 {line-height:16px;} .lineHeight3 {line-height:18px;} .lineHeight4 {line-height:20px;} .lineHeight5 {line-height:22px;} .lineHeight6 {line-height:24px;} .borderClear1 {border-bottom:0 !important;} .txtBold {font-weight:bold;} .txtSize1, .txtSize1 a {font-size:11px;} .txtSize2, .txtSize2 a {font-size:16px;} .txtColor1 {color:#4f4f4f;} .txtColor2 {color:#f87b2a;} .txtColor3 {color:#874b43;} .txtColor4 {color:#cacaca;} .txtColor5 {color:#83765b;} .tLine1 {border-top:1px solid #cec8b4;} .tLine2 {border-top:1px solid #f4f2ec;} .hr1 {border-bottom:1px solid #ebe8de; height:1px;} /* 1 */ .hr2 {border-bottom:1px solid #f1f1f1; height:1px;} /* 2 */ #footer {position:relative; width:944px; height:110px; margin:0 auto;/* margin-left:50px; */ border:0px solid red;} #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:110px; 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 */ #wrap {position:relative; width:100%; margin:0 auto;} #wrap .mainMf {position:absolute; top:0; left:0; text-align:center; width:100%;/* */ z-index:1; } #wrap .bgMainFlash {position:relative; width:1024px; margin:0 auto; /* height:800px; */ z-index:3;} #wrap .bgMainFlash .quick {position:absolute; /*top:140px; right:6px; */z-index:20;} #wrap .bgMainFlash .topLogo {position:relative; z-index:1; float:left;} #wrap .bgMainFlash .topGnb {position:relative; z-index:1;width:824px;border:0px solid black;} #wrap .bgMainFlash .topGnb ul {position:absolute; top:38px; right:30px;} #wrap .bgMainFlash .topGnb ul li {display:inline; float:left; padding:0 2px 0 2px;} #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:40px; 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:4px; _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 */ #wrapSub {position:relative; width:944px; height:100%; _height:626px; padding-left:50px; margin:0 auto;/*background:url(../images/common/bg_sub_test.jpg) 0 0 no-repeat; */ margin-bottom:50px; border:0px solid black;} #wrapSub .quickSub {position:absolute; top:305px; right:6px; z-index:20;} #wrapSub .header {position:relative; width:944px; height:271px; border:0px solid black;} #wrapSub .header .topLogoSub {position:relative; z-index:1;} #wrapSub .header .topGnbSub {position:absolute; top:26px; right:130px; z-index:1;border:0px solid black;} #wrapSub .header .topGnbSub ul {position:absolute; top:38px; right:30px;} #wrapSub .header .topGnbSub ul li {display:inline; float:left; padding:0 2px 0 2px;} #wrapSub .header .topImg {position:absolute; top:0; right:0;} #wrapSub .header .topImg img {width:804px; height:297px; margin-top:0px;} #wrapSub .snb {position:relative; width:140px; margin-top:-160px;border:0px solid black;} #wrapSub .snb img {display:block;} #wrapSub .containerSub {position:relative; width:705px; margin-top:-25px;border:0px solid black;} #wrapSub .location {position:absolute; top:-20px; left:24px; font-size:11px;font-family:dotum;} #wrapSub .location a, #wrapSub .location span, #wrapSub .location span a {font-size:11px;letter-spacing:-1.5px;} #wrapSub .location span {color:#f9a300;font-weight:bold;} #wrapSub .location span.c1 {color:#699E13;font-weight:bold;} #wrapSub .location span.c2 {color:#94AA00;font-weight:bold;} #wrapSub .location span.c3 {color:#F1AF28;font-weight:bold;} #wrapSub .location span.c4 {color:#FB7F2B;font-weight:bold;} #wrapSub .location span.c5 {color:#D1794B;font-weight:bold;} #wrapSub .location span.c6 {color:#918072;font-weight:bold;} #wrapSub .location img {vertical-align:middle;} #wrapSub .containerSub .box01_cnt .contentSpace3 {width:563px; margin:0 0 0 430px;} /* #wrapSub .containerSub .location {position:absolute; top:12px; right:21px; font-size:11px;} #wrapSub .containerSub .location a, #wrapSub .containerSub .location span, #wrapSub .containerSub.location span a {font-size:11px;} #wrapSub .containerSub .location span {color:#f9a300;} */ /* Box Style */ #wrapSub .containerSub .box01_top img {width:705px; height:45px;border:0px solid black;} #wrapSub .containerSub .box01_cnt {width:705px; _width:663px; background:url(../images/common/line_box_01_cnt.png) repeat-y; padding:15px 21px 30px 20px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/common/line_box_01_cnt.png, sizingMethod=scale);} #wrapSub .containerSub .box01_cnt .contentSpace {width:607px; margin:0 0 0 28px;} #wrapSub .containerSub .box01_cnt .contentSpace2 {width:563px; margin:0 0 0 50px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_01_top {width:607px; height:6px; background:url(../images/common/line_box_01_01_top.gif) no-repeat; _margin-bottom:-6px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_01_cnt {width:607px; background:url(../images/common/line_box_01_01_cnt.gif) repeat-y;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_01_bot {width:607px; height:6px; background:url(../images/common/line_box_01_01_bot.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_02_top {width:607; height:6px; background:url(../images/common/line_box_01_02_top.gif) 0 0 no-repeat; _margin-bottom:-6px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_02_cnt {position:relative; width:621px; background:url(../images/common/line_box_01_02_cnt.gif) 0 0 repeat-y;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_02_cnt .pvInBox p {line-height:18px; color:#a2978b; margin-bottom:30px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_02_cnt .pvInBox img {display:block; margin-bottom:7px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_02_bot {width:607px; height:6px; background:url(../images/common/line_box_01_02_bot.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_top {position:relative; width:607px; height:33px; background:url(../images/common/line_box_01_03_top.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_top .boxTitle {position:absolute; top:7px; left:15px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_top .boxTitle span {font-weight:bold; color:#ffffff; font-size:14px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_top .boxTitle img {margin-bottom:-1px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_cnt {width:607px; background:url(../images/common/line_box_01_03_cnt.gif) repeat-y;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_03_bot {width:607px; height:12px; background:url(../images/common/line_box_01_03_bot.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_04_top {position:relative; width:607px; height:49px; background:url(../images/common/line_box_01_04_top.gif) no-repeat;} /* Only Answer */ #wrapSub .containerSub .box01_cnt .contentSpace .box01_04_cnt {width:607px; background:url(../images/common/line_box_01_04_cnt.gif) repeat-y;} /* Only Answer */ #wrapSub .containerSub .box01_cnt .contentSpace .box01_04_bot {width:607px; height:34px; background:url(../images/common/line_box_01_04_bot.gif) no-repeat;} /* Only Answer */ #wrapSub .containerSub .box01_cnt .contentSpace .contentSpaceIn {position:relative; width:517px; margin:0 0 0 45px; padding:30px 0 30px 0;} #wrapSub .containerSub .box01_cnt .contentSpace .contentSpaceIn2 {position:relative; width:558px; margin:0 0 0 23px; padding:12px 0 12px 0;} #wrapSub .containerSub .box01_cnt .contentSpace .contentSpaceIn3 {position:relative; width:567px; margin:0 0 0 22px; padding:12px 0 12px 0;} /* Only Answer */ #wrapSub .containerSub .box01_cnt .contentSpace2 .box01_05_top {width:563px; height:6px; background:url(../images/common/line_box_01_05_top.gif) no-repeat; _margin-bottom:-6px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .box01_05_cnt {width:563px; background:url(../images/common/line_box_01_05_cnt.gif) repeat-y;} #wrapSub .containerSub .box01_cnt .contentSpace2 .box01_05_bot {width:563px; height:6px; background:url(../images/common/line_box_01_05_bot.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_06_top {width:607; height:6px; background:url(../images/common/line_box_01_06_top.gif) 0 0 no-repeat; _margin-bottom:-6px;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_06_cnt {position:relative; width:621px; background:url(../images/common/line_box_01_06_cnt.gif) 0 0 repeat-y;} #wrapSub .containerSub .box01_cnt .contentSpace .box01_06_bot {width:607px; height:6px; background:url(../images/common/line_box_01_06_bot.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace2 .contentSpaceIn4 {position:relative; width:510px; margin:0 0 0 27px; padding:15px 0 15px 0;} #wrapSub .containerSub .box01_bot img{width:705px; height:132px;} /* Board Style */ #wrapSub .containerSub .box01_cnt .tbl1 {width:100%;} #wrapSub .containerSub .box01_cnt .tbl1 thead tr.hb0101{height:23px; background:url(../images/common/bbs2_head_bg01.gif) repeat-x;}/* 소개 */ #wrapSub .containerSub .box01_cnt .tbl1 .thLeft01 {background:url(../images/common/bbs2_head_left01.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 .thRight01 {background:url(../images/common/bbs2_head_right01.gif) right 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 thead tr.hb0201{height:23px; background:url(../images/common/bbs2_head_bg02.gif) repeat-x;}/* 우리동네매장 */ #wrapSub .containerSub .box01_cnt .tbl1 .thLeft02 {background:url(../images/common/bbs2_head_left02.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 .thRight02 {background:url(../images/common/bbs2_head_right02.gif) right 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 thead tr.hb0301{height:23px; background:url(../images/common/bbs2_head_bg03.gif) repeat-x;}/* 고객지원 */ #wrapSub .containerSub .box01_cnt .tbl1 .thLeft03 {background:url(../images/common/bbs2_head_left03.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 .thRight03 {background:url(../images/common/bbs2_head_right03.gif) right 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 thead tr.hb0401{height:23px; background:url(../images/common/bbs2_head_bg04.gif) repeat-x;}/* 마이페이지 */ #wrapSub .containerSub .box01_cnt .tbl1 .thLeft04 {background:url(../images/common/bbs2_head_left04.gif) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 .thRight04 {background:url(../images/common/bbs2_head_right04.gif) right 0 no-repeat;} #wrapSub .containerSub .box01_cnt .tbl1 thead tr th.h0102{height:23px; background:url(../images/common/bbs3_head_bg.gif) no-repeat;}/* 홍보동영상 table head 항목포함*/ #wrapSub .containerSub .box01_cnt .tbl1 td {border-bottom:1px solid #ebe8de; padding:9px 3px 8px 3px;} #wrapSub .containerSub .box01_cnt .tbl1 td.d0102 {border-bottom:1px solid #ebe8de; padding:5px 3px 4px 5px;} #wrapSub .containerSub .box01_cnt .tbl1 .bbs2Color1 {color:#c40109;} #wrapSub .containerSub .box01_cnt .tbl1 .bbs2Color2 {color:#f28c30;} /* view page */ #wrapSub .containerSub .box01_cnt .tbl1_viewHead {padding:0 10px 0 0 !important; vertical-align:middle !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewHead_01 {height:43px; background:url(../images/common/bbs2_bg_view01.gif) no-repeat; padding:0 10px 0 0 !important; vertical-align:middle !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewHead_02 {height:43px; background:url(../images/common/bbs2_bg_view02.gif) no-repeat; padding:0 10px 0 0 !important; vertical-align:middle !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewHead_03 {height:43px; background:url(../images/common/bbs2_bg_view03.gif) no-repeat; padding:0 10px 0 0 !important; vertical-align:middle !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewDiv td {margin:0 !important; padding:0 !important; border:0 !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewDiv td.tt1 {width:65px;} #wrapSub .containerSub .box01_cnt .tbl1_viewDiv img {margin:0 2px 0 10px;} #wrapSub .containerSub .box01_cnt .tbl1_viewSbj {font-weight:bold; color:#fff4df; width:270px; line-height:14px;} #wrapSub .containerSub .box01_cnt .tbl1_viewSbj2 {font-weight:bold; color:#fff4df; width:370px; line-height:14px;} #wrapSub .containerSub .box01_cnt .tbl1_viewEtc {font-size:11px; color:#f8db96;} #wrapSub .containerSub .box01_cnt .tbl1_viewEtc p {font-size:11px; color:#f8db96; margin-bottom:-3px;} #wrapSub .containerSub .box01_cnt .tbl1_viewEtc2 {color:#fff4df;} #wrapSub .containerSub .box01_cnt .tbl1_viewContent {padding:20px 10px 20px 10px !important;} #wrapSub .containerSub .box01_cnt .tbl1_viewAddFile a {font-size:11px; padding-right:10px; line-height:16px;} #wrapSub .containerSub .box01_cnt .tbl1 td.conSpace1 {padding:15px 5px 15px 5px;} #wrapSub .containerSub .box01_cnt .tbl1 td.conSpace1 img {padding:0 25px 23px 0;} #wrapSub .containerSub .box01_cnt .btnSpace1 {width:100%; margin:15px 0 15px 0;} #wrapSub .containerSub .box01_cnt .xySpace {position:relative; width:100%;} #wrapSub .containerSub .box01_cnt .tbl2 {width:100%;} #wrapSub .containerSub .box01_cnt .tbl2 td {border-bottom:1px solid #ebe8de; padding:8px 3px 7px 3px; line-height:16px;} #wrapSub .containerSub .box01_cnt .tbl2 td.tdColor {color:#c40109; text-align:center;} #wrapSub .containerSub .box01_cnt .tbl2 th {background:#e5e1d4; border-top:1px solid #cec8b4; margin:0; padding:0; padding:8px 3px 8px 3px;} #wrapSub .containerSub .box01_cnt .tbl2_viewBonLogo {padding-bottom:40px !important;} #wrapSub .containerSub .box01_cnt .tbl3 {width:100%;} #wrapSub .containerSub .box01_cnt .tbl3 .tdSbj {background:#e5e1d4; padding:8px 20px 8px 10px; border-top:1px solid #cec8b4;} #wrapSub .containerSub .box01_cnt .tbl3 .tdSbj p {background:url(../images/common/blt_pt03.gif) no-repeat; padding-left:20px; color:#9d8453; font-weight:bold; height:13px;} #wrapSub .containerSub .box01_cnt .tbl3 .tdBotLine {padding:8px 18px 7px 18px; line-height:16px;} #wrapSub .containerSub .box01_cnt .tbl4 {width:100%;} #wrapSub .containerSub .box01_cnt .tbl4 td {border-bottom:1px solid #f4f2ec; padding:6px 0 5px 0;} #wrapSub .containerSub .box01_cnt .tbl4 td span {font-size:11px;} #wrapSub .containerSub .box01_cnt .tbl4 td ul li {height:20px;} #wrapSub .containerSub .box01_cnt .tbl4 td ul li div.store {float:left;width:70px;} #wrapSub .containerSub .box01_cnt .tbl4 td ul li div.store_r {float:left;width:330px;margin-top:-3px;} #wrapSub .containerSub .box01_cnt .tbl4 td ul li input.chk{width:13px;height:13px;} #wrapSub .containerSub .box01_cnt .tbl4 td.tbl4Content {padding-top:10px; line-height:18px;} #wrapSub .containerSub .box01_cnt .tbl4 td.tbl4Upadd {padding-top:6px;} #wrapSub .containerSub .box01_cnt .tbl4 .p1 {line-height:16px; font-size:11px; margin:5px 0 15px 0;} #wrapSub .containerSub .box01_cnt .tbl4 .p2 {line-height:16px; margin:5px 0 0 0;} #wrapSub .containerSub .box01_cnt .tbl4 textarea {width:100%; height:200px; border:1px solid #f3eddb; background:#f9f5ef; color:#9e926c;} #wrapSub .containerSub .box01_cnt .tbl4 .textarea {width:460px; height:200px; border:1px solid #f3eddb; color:#9e926c; background:#ffffff; padding:5px;} #wrapSub .containerSub .box01_cnt .tbl4 input.fileData {border:1px solid #80807e; font-size:11px; color:#80807e; height:13px; background:#f3f3f3; text-align:right; padding:3px 2px 0 2px;} #wrapSub .containerSub .box01_cnt .tbl4 .writeTool {width:460px; border:1px solid #f3eddb; border-bottom:0; padding:5px; margin-bottom:-1px; background:#f1efe6;} #wrapSub .containerSub .box01_cnt .tbl4 .selectFile {width:340px; margin-right:5px;} #wrapSub .containerSub .box01_cnt .pageBox {padding:25px 0 25px 0; width:100%; text-align:center;} #wrapSub .containerSub .box01_cnt .pageBox ul.ulSpace1 {margin-right:150px;} #wrapSub .containerSub .box01_cnt .pageBox li {display:inline; padding:0 3px 0 3px; font-size:11px;} #wrapSub .containerSub .box01_cnt .pageBox li span {font-weight:bold; color:#f77a00; font-size:11px;} #wrapSub .containerSub .box01_cnt .pageBox li a {font-size:11px; vertical-align:middle;} #wrapSub .containerSub .box01_cnt .pageBox .btnList {text-align:right; margin-top:-20px;} #wrapSub .containerSub .box01_cnt .pageBox2 {width:100%; text-align:center;} #wrapSub .containerSub .box01_cnt .pageBox2 ul.ulSpace2 {margin-right:150px;} #wrapSub .containerSub .box01_cnt .pageBox2 li {display:inline; padding:0 3px 0 3px; font-size:11px;} #wrapSub .containerSub .box01_cnt .pageBox2 li span {font-weight:bold; color:#f77a00; font-size:11px;} #wrapSub .containerSub .box01_cnt .pageBox2 li a {font-size:11px; vertical-align:middle;} /* Board, Search(Total) */ #wrapSub .searchSpace1 {width:100%; text-align:right; margin-bottom:10px;} /* Bonjuk Introduction */ .tcCfContainer{height:329px; padding-left:112px; background:url(../images/intro/img_tvcf_film.jpg) 0 130px no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfTitle {margin-bottom:25px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace {position:relative; width:341px; height:329px; background:url(../images/intro/bg_tvcf.jpg) 0 0 no-repeat; border:0px solid black;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .tvCf {position:absolute; top:23px; left:21px; width:260px; height:220px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .movieControl {position:absolute; top:258px; left:20px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .movieControl img {margin:0 2px 0 2px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .movieTime {position:absolute; top:258px; left:100px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .movieTime img {margin:0 2px 0 2px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfSpace .movieDown {position:absolute; top:258px; right:20px;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfListSpace {position:relative; width:249px; border:0px solid black;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfListSpace img {display:block;} #wrapSub .containerSub .box01_cnt .contentSpace .tvCfbox1{width:607px;text-align:center;} /* Recruit */ #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .download1 {position:absolute; top:263px; left:17px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .download2 {position:absolute; top:100px; left:56px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .download3 {position:absolute; top:419px; left:17px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .js1 {position:absolute; top:664px; left:17px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .online1 {position:absolute; top:80px; left:289px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .online1 p {margin-bottom:8px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .online2 {position:absolute; top:81px; left:441px;} #wrapSub .containerSub .box01_cnt .contentSpace .xySpace .online3 {position:absolute; top:-7px; right:0;} #wrapSub .containerSub .box01_cnt .contentSpace .picAdd {position:absolute; width:120px; height:148px; background:url(../images/common/img_bg_pic.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .picAdd img {position:absolute; right:9px; bottom:9px;} /* Agreement, Privacy */ #wrapSub .containerSub .box01_cnt .contentSpace .maTit img {margin:10px 0 25px 0;} #wrapSub .containerSub .box01_cnt .contentSpace .maCon p {width:100%; line-height:18px; color:#a2978b; margin-bottom:20px;} #wrapSub .containerSub .box01_cnt .contentSpace .maCon img {display:block; margin-bottom:7px;} #wrapSub .containerSub .box01_cnt .contentSpace .pvCon p {width:100%; line-height:18px; color:#a2978b; margin-bottom:30px;} #wrapSub .containerSub .box01_cnt .contentSpace .pvCon p span, #wrapSub .containerSub .box01_cnt .contentSpace .pvCon p a {color:#ff9249;} #wrapSub .containerSub .box01_cnt .contentSpace .pvCon img {display:block; margin-bottom:7px;} #wrapSub .containerSub .box01_cnt .contentSpace .pvTop img {margin:10px 0 20px 0;} #wrapSub .containerSub .box01_cnt .contentSpace .pUp1 {width:100%; height:15px; background:url(../images/common/bg_dashed01.gif) repeat-x; text-align:right; margin-bottom:15px;} #wrapSub .containerSub .box01_cnt .contentSpace .bonLogo2 {width:100%; text-align:right;} /* Contact Us */ #wrapSub .containerSub .box01_cnt .contentSpace .bonMap {position:relative; width:100%;} #wrapSub .containerSub .box01_cnt .contentSpace .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;} /* BonJuk Menu */ #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxLeft {position:relative; width:174px; height:132px; background:url(../images/menu/bg_menu01.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxLeft img {position:absolute; top:8px; left:8px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxLeft .rank {position:absolute; top:-8px; left:-7px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .infoMore1 {position:absolute; top:140px; left:8px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight {position:relative; width:351px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .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;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight h2 a {font-size:16px; font-weight:bold; color:#5a130a;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight h2 span, #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight h2 span a {font-size:14px; color:#5a130a; font-weight:normal;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight p {margin:10px 0 5px 0; margin-left:0; color:#83765b; line-height:16px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight h3 {background:url(../images/common/blt_won_l.gif) 0 center no-repeat; padding-left:18px; font-size:14px; color:#407500; font-weight:bold; margin-top:15px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight .pjSpace {width:134px; height:65px; background:url(../images/menu/bg_menu_pj.gif) no-repeat; text-align:center;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight .pjSpace p {font-size:14px; font-weight:bold; color:#ff7200; margin:12px 0 6px 0;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight .pjSpace img {margin:0 2px 0 2px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRight .pjInfo {width:198px; padding-top:8px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .pjOne {width:100%;} #wrapSub .containerSub .box01_cnt .contentSpace2 .pjOne img {margin-right:3px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .pjOne td {padding:3px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxLeftMini {position:relative; width:89px; height:68px; background:url(../images/menu/bg_menu02.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxLeftMini img {position:absolute; top:7px; left:7px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRightMini {position:relative; width:446px;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRightMini table td {padding:5px 15px 0 0;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRightMini table td.pjSpaceMini img {margin:0 4px 0 0;} #wrapSub .containerSub .box01_cnt .contentSpace2 .recomBoxRightMini .infoMore2 {position:absolute; top:13px; right:0;} .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;} /* Store */ #wrapSub .containerSub .box01_cnt .contentSpace .flashMapBg {position:relative; width:607px; height:299px; background:url(../images/store/bg_map.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .flashMapBg .flashMap {position:absolute; top:10px; left:9px;} #wrapSub .containerSub .box01_cnt .contentSpace .storeTitle {background:url(../images/common/blt_pt05.gif) 0 5px no-repeat; padding-left:23px; padding-top:3px; font-size:16px; font-weight:bold; color:#5a130a; letter-spacing:-1px;} #wrapSub .containerSub .box01_cnt .contentSpace .mapBg {position:relative; width:436px; height:306px; background:url(../images/store/bg_map2.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .mapBg .mapImg {position:absolute; top:6px; left:8px;} #wrapSub .containerSub .box01_cnt .contentSpace .imgBg {position:relative; width:436px; height:127px; background:url(../images/store/bg_img.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .imgBg .img1 {position:absolute; top:5px; left:6px;} #wrapSub .containerSub .box01_cnt .contentSpace .imgBg .img2 {position:absolute; top:5px; left:149px;} #wrapSub .containerSub .box01_cnt .contentSpace .imgBg .img3 {position:absolute; top:5px; left:292px;} 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:175px; 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:10px; } dl.otherStore dd.panel { width:169px; height:117px; padding:6px 0 0 6px; margin-bottom:12px; background:url(../images/store/panel01.gif) left top no-repeat; } dl.detailInfo dt { float:left; } dl.detailInfo dd { float:left; display:inline; margin-left:5px; } table.realalba { width:128px; 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; } .cpCname {position:absolute; top:80px; left:25px; color:#8d793d;} .cpCname span {font-size:14px; font-weight:bold;} .cpStar {position:absolute; top:133px; left:188px;} .cpStar p {margin-bottom:13px;} .cpStar p img {margin-right:5px;} .cpInput {position:absolute; top:284px; left:103px;} .cpBtn {position:absolute; top:333px; left:0; width:100%; text-align:center;} /* Membership */ #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg {position:relative; width:607px; height:260px; background:url(../images/membership/bg_login.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsIdPw {position:absolute; top:60px; left:300px;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsIdPw input {display:block; margin-bottom:4px;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsBtn1 {position:absolute; top:60px; left:441px;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsBtn1 img {display:block; margin-bottom:30px;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsBtn2 {position:absolute; top:167px; left:441px;} #wrapSub .containerSub .box01_cnt .contentSpace .mbsLoginBg .mbsBtn2 img {display:block; margin-bottom:2px;} #wrapSub .containerSub .box01_cnt .mbsJoinBg {position:relative; width:607px; height:288px; background:url(../images/membership/bg_select.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .mbsJoinBg .mbsJoinBtn {position:absolute; top:170px; left:0; width:100%; text-align:center;} #wrapSub .containerSub .box01_cnt .mbsJoinBg .mbsJoinBtn img {margin:0 13px 0 13px;} #wrapSub .containerSub .box01_cnt .mbsRncInput1 {position:absolute; left:175px;} #wrapSub .containerSub .box01_cnt .mbsRncInput2 {position:absolute; left:445px;} #wrapSub .containerSub .box01_cnt .mbsRncBtn {position:absolute; left:10px; width:666px; text-align:center;} #wrapSub .containerSub .box01_cnt .mbsStit1 {margin:22px 0 10px 0;} #wrapSub .containerSub .box01_cnt .mbsBoxContent1 {width:589px; height:300px; border:1px solid #e6e2d2; padding:8px; overflow:auto; overflow-x:hidden;} #wrapSub .containerSub .box01_cnt .mbsCheckBox1 {margin:15px 0 15px 0;} #wrapSub .containerSub .box01_cnt .mbsBtn3 {width:100%; text-align:right;} #wrapSub .containerSub .box01_cnt .mbsJsBg {position:relative; width:607px; height:333px; background:url(../images/membership/bg_js.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .mbsJsBg .jsBtn {position:absolute; width:100%; top:279px; left:0; text-align:center;} /* My Page */ #wrapSub .containerSub .box01_cnt .mpBg1 {position:relative; width:607px; height:113px; background:url(../images/mypage/bg_mp01.gif) no-repeat;} #wrapSub .containerSub .box01_cnt .mpBg1 .mpTxt1 {position:absolute; top:29px; left:227px; color:#a2978b; line-height:16px;} #wrapSub .containerSub .box01_cnt .mpBg1 .mpTxt1 p {font-size:14px; color:#5a130a; margin-bottom:15px;} #wrapSub .containerSub .box01_cnt .mpBg1 .mpTxt1 p span {font-size:16px; color:#5a130a; font-weight:bold;} #wrapSub .containerSub .box01_cnt .mpBg1 .mpTxt1 span.emColor1, #wrapSub .containerSub .box01_cnt .mpBg1 .mpTxt1 span.emColor1 a {color:#f29a2a;} #wrapSub .containerSub .box01_cnt .mpBg1 .mpBtn1 {position:absolute; top:24px; left:470px;} #wrapSub .containerSub .box01_cnt .mpMtxt {color:#ff7f01; font-weight:bold; font-size:12px; text-align:right; padding:0 0 0 3px; text-decoration:underline;} #wrapSub .containerSub .box01_cnt .mpStit1 {margin:30px 0 13px 0;} #wrapSub .containerSub .box01_cnt .mpStit2 {margin:0 0 13px 0;} .mpBno {position:absolute; top:96px; left:140px; font-weight:bold; color:#9d916c;} .mpBs {position:absolute; top:121px; left:140px;} .mpTextarea {position:absolute; top:150px; left:140px; border:1px solid #e6e2d2; padding:5px; width:224px; height:123px;} .mpBbtn {position:absolute; top:306px; left:0; width:400px; text-align:center;} /* Sitemap */ #wrapSub .containerSub .box01_cnt .siteMapBg {position:relative; width:607px; height:630px; background:url(../images/sitemap/bg_sitemap.jpg) 0 0 no-repeat;} #wrapSub .containerSub .box01_cnt .siteMapBg ul {position:absolute; width:117px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv1 {top:95px; left:20px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv2 {top:95px; left:167px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv3 {top:95px; left:319px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv4 {top:95px; left:470px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv5 {top:355px; left:20px;} #wrapSub .containerSub .box01_cnt .siteMapBg ul.siteMapDiv6 {top:355px; left:167px;} #wrapSub .containerSub .box01_cnt .siteMapBg li {color:#837f68; float:left; _margin-bottom:-2px;} #wrapSub .containerSub .box01_cnt .siteMapBg li span {padding-left:7px;} #wrapSub .containerSub .box01_cnt .siteMapBg li a {color:#837f68;} #wrapSub .containerSub .box01_cnt .siteMapBg li.siteMapLine1 {border-bottom:1px solid #ebe8de; width:110px; padding:0px 0 0px 0 !important;} #wrapSub .containerSub .box01_cnt .siteMapBg li.siteMapLine2 {width:110px; padding:6px 0 6px 0 !important;} #wrapSub .containerSub .box01_cnt .siteMapBg li.siteMapLine3 {border-bottom:1px solid #ebe8de; width:117px; padding:6px 0 3px 0 !important;} #wrapSub .containerSub .box01_cnt .siteMapBg li.siteMapLine4 {width:117px; padding:6px 0 6px 0 !important;} /* Util */ .fiInput {position:absolute; left:141px;} .fiInput p {margin-top:12px;} .fiConfirm {position:absolute; top:151px; left:303px;} .fiTxtSpace {position:absolute; top:97px; left:0; width:400px; text-align:center;} .fiTxtSpace span {color:#7d634b; font-weight:bold;} .fpConfirm1 {position:absolute; top:195px; left:303px;} .fpInput1 {position:absolute; left:141px;} .fpInput1 p {margin-top:9px;} .fpConfirm2 {position:absolute; top:163px; left:303px;} .fpInput2 {position:absolute; top:88px; left:161px;} .fpInput2 p {margin-top:10px;} .icTxtSpace {position:absolute; top:95px; 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:238px; left:91px;} .icBtn {position:absolute; top:238px; left:297px;} .asInput {position:absolute; top:96px; left:31px;} .asBtn {position:absolute; top:97px; 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;} /* 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;} .popup600437 {position:relative; width:679px; height:437px;} .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:5px; right:6px;} ul.bnbox, ul.bnbox li{list-style:none;margin:0;padding:0;line-height:1%;} /* 로고송 */ .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; } .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; } .box_black_01 { position:relative; width:579px; height:38px; background:url(../images/common/black_box01.gif) left top no-repeat; } .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; } /* 로고송 댓글 */ 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; text-align:right;}