<link href="http://cafecj.daum-img.net/css/2007/sub.css?ver=1.40" rel="stylesheet" type="text/css" />
<link id="btn_css" href="http://cafecj.daum-img.net/css/2007/btn01.css?ver1.11" rel="stylesheet" type="text/css" />
<style type="text/css">
/* base */
.inp3 { border: 1px solid #D5C6B1; background-color: #EBE3CC; padding: 1px 0 2px 4px; font-size: 13px; }
.skin_inp {border: 1px solid #D5C6B1; background-color: #EBE3CC; padding: 2px 0 0 2px;}
.skin_inpbg { background:#EBE3CC url(http://cafeimg.daum-img.net/cf_img2/bbs2/img_title_blank.gif) no-repeat 10px 0; }
.skin_inpnobg { background:#EBE3CC; }
/* font */
.skinTxt {color: #c84205;}
.skinTxt a {color: #c84205;}
a.skinTxt {color: #c84205;}
.skinTxt2 {color: #c84205;}
.skinTxt2 a {color: #c84205;}
a.skinTxt2 {color: #c84205;}
#paging a {border: 1px solid #FBF5E5;}
#paging a.over {border: 1px solid #D5C6B1;}
#paging img { border: none; }
/* body bg */
body {font-family: 굴림, gulim, tahoma, sans-serif; font-size: 12px; line-height:1.4; background: #FBF5E5 ;}
.space {padding: 8px 0 0 0; margin: 0; font-size: 0; line-height: 0; background-color: #FBF5E5; clear: both;}
.menu_bg {background-color: #FBF5E5;}
.menu_list {background-color: #FBF5E5;}
.box {border:1px solid #D5C6B1; background-color: #FBF5E5; clear: both;}
.box3 {background-color: #FBF5E5; position: relative; height: 27px; clear: both;}
.sideBgm_box {background-color: #FBF5E5; position: relative; height: 12px; clear: both;}
#sideBar .side_cafeon_up {clear: both; position: relative; background-color: #FBF5E5;}
.cafeon_list {background-color: #FBF5E5;}
#admin_menu.menu_list {background-color: #FBF5E5;}
body#cafeAdmin .menu_bg {background-color: #FBF5E5; padding-bottom: 10px;}
#editorHtml.wideBg, #editorHtml.baseBg {background-color: #FBF5E5;}
.editorArea_wide {background-color: #FBF5E5;}
.editorArea_base {background-color: #FBF5E5;}
.textarea_wide {background-color: #FBF5E5;}
.textarea_wide textarea {background-color: #FBF5E5;}
.textarea_base {background-color: #FBF5E5;}
.textarea_base textarea {background-color: #FBF5E5;}
.sideBgm {background-color: #FBF5E5; width: 190px; float: left;}
/* header */
#header {height: 184px; background:url(http://pds106.cafe.daum.net/original/6/cafe/2008/12/08/11/12/493c82a225170) repeat;;} /* 바닥 */
#header #titleBar {height: 184px; background:url(http://pds106.cafe.daum.net/original/6/cafe/2008/12/08/11/12/493c82a225170) repeat;; width:100%}
#header #titleBar #title {text-align:left;vertical-align:middle; padding:20px;}
#title h1 {font-size:12pt; font-size: 12pt; font-family:"돋움", "dotum"; letter-spacing: -1px; letter-spacing: -1px; text-align:left;vertical-align:middle; }
#title h1 a {font-size:12pt; font-size: 12pt; font-family:"돋움", "dotum"; letter-spacing: -1px; letter-spacing: -1px; color: #ffffff; text-decoration: none;}
#title h1 a img {border:none;}
#title h1 a:hover {font-size:12pt; font-size: 12pt; font-family:"돋움", "dotum"; color: #ffffff; text-decoration: underline;}
#title h2 {font-size:11px; font-family:"돋움", "dotum"; font-weight: normal; color: #ffffff;text-align:left;vertical-align:middle; }
#title h2 a {font-size:11px; font-family:"돋움", "dotum"; color: #ffffff; text-decoration: none;}
#title h2 a:hover {font-size:11px; font-family:"돋움", "dotum"; color: #ffffff; text-decoration: underline;}
/* cafeBar */
#cafeBar {padding:0 6px; background: #d84639 none; height: 35px; color: #ffffff; clear: both; position: relative; word-wrap: break-word; z-index: 1; margin-bottom:10px;}
#cafeBar .roundWrap { background: #d84639 none; width: 100%; height: 35px;}
#cafeBar .roundL {position:absolute; background: #d84639 none; left:0;top:0;height:35px;width:6px;}
#cafeBar a {color: #ffffff;}
#cafeBar .num {color: #ffffff;}
#cafeBar ul li div.favoritBg {background: url(http://cafeimg.daum-img.net/cf_img2/btn_favorites_box2.gif) no-repeat; opacity: 0.2; filter: alpha(opacity=20); width: 86px; height: 23px; padding: 0;}
.icon_cafebar {color: #ffffff; font-weight: normal; opacity: 0.35; filter: alpha(opacity=35); height:1px; width:1px; display:block;}
#cafeBar .support img.add_favorite {position: absolute; top:0; left: 4px;}
#cafeBar .favorits img.add_favorite {position: absolute; top:0; left: 4px;}
* html #cafeBar img.add_favorite {left: 0 !important;}
/* presonal */
/* start 20080118 by.rani */
#personalBox.mybox_line {border: 1px solid #d84639; position: relative; height: 155px; clear: both;}
#personalBox2.mybox_line {border: 1px solid #d84639; position: relative; height: 134px; clear: both;}
#personalBox3.mybox_line {border: 1px solid #d84639; position: relative; height: 114px; clear: both;}
#personalBox4.mybox_line {border: 1px solid #d84639; position: relative; height: 153px; clear: both;}
#personalBox .side_mybox_bg {position: absolute; z-index: 1px; background: #d84639; width: 188px; height: 155px; opacity: 0.40; filter: alpha(opacity=40);}
#personalBox2 .side_mybox_bg {position: absolute; z-index: 1px; background: #d84639; width: 188px; height: 134px; opacity: 0.40; filter: alpha(opacity=40);}
#personalBox3 .side_mybox_bg {position: absolute; z-index: 1px; background: #d84639; width: 188px; height: 114px; opacity: 0.40; filter: alpha(opacity=40);}
#personalBox4 .side_mybox_bg {position: absolute; z-index: 1px; background: #d84639; width: 188px; height: 153px; opacity: 0.40; filter: alpha(opacity=40);}
.mytab_on {width: 92px; height: 27px; float: left; text-align: center; background: #FBF5E5; font-weight: bold; letter-spacing: -1px;}
.mytab_off {width: 92px; height: 26px; float: left; text-align: center; background: #FBF5E5; opacity: 0.60; filter: alpha(opacity=60); letter-spacing: -1px;}
.mytab2_on {width: 89px; height: 27px; float: right; text-align: center; background: #FBF5E5; font-weight: bold; letter-spacing: -1px;}
.mytab2_off {width: 89px; height: 26px; float: right; text-align: center; background: #FBF5E5; opacity: 0.60; filter: alpha(opacity=60); letter-spacing: -1px;}
.side_mybox_line {position: absolute; border-bottom: 1px dashed #D5C6B1; width: 167px; height: 1px; line-height: 0; overflow: hidden; padding: 0; margin: 0; top: 27px; left: 8px; z-index: 4px;}
#personalBox .side_mybox_con {position: absolute; z-index: 4px; background: #FBF5E5; width: 182px; height: 122px; top: 30px; left: 3px;}
#personalBox2 .side_mybox_con {position: absolute; z-index: 4px; background: #FBF5E5; width: 182px; height: 101px; top: 30px; left: 3px;}
#personalBox3 .side_mybox_con {position: absolute; z-index: 4px; background: #FBF5E5; width: 182px; height: 81px; top: 30px; left: 3px;}
#personalBox4 .side_mybox_con {position: absolute; z-index: 4px; background: #FBF5E5; width: 182px; height: 120px; top: 30px; left: 3px;}
/* end 20080118 by.rani */
/* cafeinfo */
.side_cafeinfo_box1 {position: absolute; z-index: 1; opacity: 0.35; filter: alpha(opacity=35); border: 1px solid #d84639;}
.side_cafeinfo_box2 {position: absolute; z-index: 2; opacity: 0.20; filter: alpha(opacity=20);}
.side_cafeinfo_box2 p {background-color: #d84639; width: 188px; height: 26px; padding: 0; margin: 0;}
/* side content */
#sideBar .side_cafeon_up .side_cafeonBg {width: 100%; height: 139px; background-color: #d84639; opacity: 0.35; filter: alpha(opacity=35);}
input.skin_box {border:1px solid #d84639; color:#666; }
#q.skin_box { width:251px; }
* html body #q.skin_box { width:249px; }
select.skin_box {border:1px solid #d84639; color:#666; }
.menu_box {border:3px solid #d84639;}
.title_bg {background-color: #d84639; opacity: 0.35; filter: alpha(opacity=35); width: 100%; height: 30px;}
/* 20080704 new admin by rnai*/
.title_new {background-color: #FBF5E5; position: absolute; top: 3px; left: 3px; width: 184px; height: 24px;}
.title_bg_new {background-color: #d84639; opacity: 0.35; filter: alpha(opacity=35); width: 100%; height: 30px;}
/* bgm */
.bgmBox_bg {height: 25px; border: 1px solid #d84639; opacity: 0.35; filter: alpha(opacity=35);}
/* background */
.bbsBg {background-color: #EBE3CC;}
body#cafeAdmin .bbsBg {background-color:#EBE3CC;}
/* side */
.menu_list ul li.group_line {border-top: 1px dashed #D5C6B1; margin: 4px 0 2px 0; font-size: 1px; height: 1px;}
#cafe_smenu ul {width: 100%; padding: 8px 0 0 0; border-top: 1px dashed #D5C6B1; height: 36px;}
#sideBottom .side_cafeon .cafeon_list {width: 168px; height: 90px; overflow: auto; border: 1px solid #D5C6B1; clear: both;}
.search_tit {border-bottom: 1px dashed #D5C6B1;}
/* content */
.title3 {font-size: 14px; font-family:돋움; letter-spacing: -1px; border-bottom: 2px solid #D5C6B1; margin-bottom: 15px;}
.title4 {border-bottom: 1px solid #D5C6B1;}
.home_line {border-top: 1px solid #D5C6B1; height: 10px; clear: both; width: 100%; line-height: 0; font-size: 0;}
.pie_list div {float: left; border:1px solid #D5C6B1; padding: 3px; position: relative;}
.pie_list p{ padding:0; margin:0 }
.memo_list ul {border-top: 1px solid #D5C6B1;}
.memo_list li {border-bottom: 1px solid #D5C6B1; padding: 10px;}
.home_memo_list li {border-top: 1px dashed #D5C6B1; border-bottom: none; padding: 10px;}
.memo {clear: both; padding: 8px 8px 6px 8px; border: 1px solid #D5C6B1}
/* bbs & line */
#primary_content h3.stitle {font-size: 14px; font-family:"돋움", dotum; letter-spacing: -1px; border-bottom: 2px solid #D5C6B1; margin-bottom: 10px;}
.btnLine {clear: both; border-top: 1px solid #D5C6B1; padding-top: 5px; margin: 10px 0 0 0; text-align: center;}
.btnLine3 {clear: both; border-top: 1px solid #D5C6B1; height:1px; font-size: 0; line-height: 0; padding-top: 5px}
.write_sbox .cclBox {border: 1px solid #D5C6B1; padding: 8px 10px 2px 10px; margin: 3px 0 0 0; width: 608px;}
.write_etcset_area .setInfoBox { float:left; border:1px solid #D5C6B1; padding:8px 10px 6px; margin-top:3px; width:674px; }
.write_etcset_area .setCclBox { float:left; border:1px solid #D5C6B1; padding:8px 10px 6px; margin-top:3px; width:674px; }
/* bbs read */
.subject {border-top: 1px solid #D5C6B1; border-bottom: 1px dashed #D5C6B1; padding: 10px 10px 7px 10px; clear: both; font-weight: bold; letter-spacing: -1px;}
.subject_spam {border-top: 1px solid #D5C6B1; border-bottom: 1px dashed #D5C6B1;}
.subject_table {border-top: 1px solid #D5C6B1; border-bottom: 1px dashed #D5C6B1;}
.album_list {border-top: 1px solid #D5C6B1;}
#commentLine {background:#D5C6B1;}
/* common */
.dotline {border-top: 1px dashed #D5C6B1; padding-top: 10px;}
/* table */
.bbsList th {font-weight: bold; text-align: center; letter-spacing: -1px; padding: 8px 0 5px 0; border-top: 1px solid #D5C6B1; border-bottom: 1px solid #D5C6B1;}
.bbsList td {border-bottom: 1px solid #D5C6B1;}
.bbsList2 th {font-weight: bold; text-align: center; letter-spacing: -1px; padding: 8px 0 5px 0; border: 1px solid #D5C6B1;}
.bbsList2 td {border: 1px solid #D5C6B1;}
.lineL {border-left: 1px solid #D5C6B1;}
.lineR {border-right: 1px solid #D5C6B1;}
.lineB {border-bottom: 1px solid #D5C6B1;}
.lineT {border-top: 1px solid #D5C6B1;}
table.bbs {
width:100%; font-size: 12px;
border-top: 1px solid #D5C6B1;
border-bottom: 1px solid #D5C6B1;
border-collapse: collapse;
}
table.bbs td {padding:6px; border-bottom: 1px solid #D5C6B1; vertical-align: top; }
table.bbs td.lineL {border-left: 1px solid #D5C6B1}
table.bbs td.lineR {border-right: 1px solid #D5C6B1}
/* comment */
#commentDiv {border: 1px solid #D5C6B1;}
#comment_box_bg textarea {width:100%; height:37px; padding: 4px 0 0 4px; border: 1px solid #D5C6B1;}
.recomment_modify textarea {width:485px; height:32px; padding: 4px 0 0 4px; font-size: 11px; font-family: 돋움, dotum;}
/* img */
.imgB {border: 1px solid #D5C6B1;}
/* footer */
#footer {clear: both; border-top: solid 1px #D5C6B1; text-align: center; padding: 10px 0;}
/* layer */
.skin_scroll {scrollbar-face-color: #D5C6B1; scrollbar-shadow-color: #EBE3CC;
scrollbar-highlight-color: #D5C6B1; scrollbar-3dlight-color: #EBE3CC;
scrollbar-darkshadow-color: #D5C6B1; scrollbar-track-color: #EBE3CC; scrollbar-arrow-color: #FBF5E5;}
.list_layer {position: absolute; top: 26px; left: 178px; width:320px; height:180px; display:none; border: 1px solid #D5C6B1; overflow:auto; background-color: #EBE3CC;}
.list_layer .out {background-color: #FBF5E5;}
.list_layer .over { background-color: #EBE3CC; cursor: pointer;}
.list_layer li {padding: 2px 5px 0 5px;}
.list_layer2 {position: absolute; top: 26px; left: 296px; width:150px; height:76px; display:none; border: 1px solid #D5C6B1; overflow:auto; background-color: #EBE3CC;}
.list_layer2 .out {background-color: #FBF5E5;}
.list_layer2 .over { background-color: #EBE3CC; cursor: pointer;}
.list_layer2 li {padding: 2px 5px 0 5px;}
.list_layer3 {position: absolute; top: 26px; left: 178px; width:150px; height:76px; display:none; border: 1px solid #D5C6B1; overflow:auto; background-color: #EBE3CC;}
.list_layer3 .out {background-color: #FBF5E5;}
.list_layer3 .over { background-color: #EBE3CC; cursor: pointer;}
.list_layer3 li {padding: 2px 5px 0 5px;}
.grade {position: absolute; top: 24px; left: 64px;}
.sub_box { padding: 10px; border:1px solid #D5C6B1; }
.sub_box2 { padding: 10px; border:2px solid #D5C6B1; margin-bottom: 20px;}
.sub_box3 { padding: 15px; border:3px solid #D5C6B1;}
.header_layer {position: absolute; top:17px; width:140px; display:none; border: 1px solid #D5C6B1; background-color: #EBE3CC; font-weight:normal; }
.header_layer .out { background-color: #FBF5E5; }
.header_layer .over { background-color: #EBE3CC; cursor: pointer; }
.header_layer li { padding: 3px 5px 1px 5px; text-align:left; }
.ic_new {background: url(http://cafeimg.daum-img.net/cf_img2/bbs2/icon_new6.gif) 0 3px no-repeat; width: 8px; height: 17px;}
/* admin */
#admin_menu.menu_list ul li.group_line2 {border-top: 1px dashed #D5C6B1; margin: 7px 0 0 0;}
/* auction */
#auctionProduct { float:left; width:100%; text-align:left; font-size:12px; }
#auctionProduct div.product_img { float:left; padding:10px 20px 10px 10px; }
#auctionProduct div.product_cont { float:left; padding:10px 0; }
#auctionProduct div.product_cont ul { padding:0; margin:0; }
#auctionProduct div.product_cont li { list-style:none; padding:0; margin:0; line-height:1.6; }
#auctionProduct div.product_cont li.title { font-weight:bold; font-size:14px; }
#auctionProduct div.product_cont li.detail { }
#auctionProduct div.product_cont li.price { font-weight:bold; margin:12px 0 0 0; }
#auctionProduct div.product_cont li.count { font-weight:bold; }
#auctionProduct div.product_cont li.count span.remain { font-weight:normal; }
#auctionProduct div.product_cont li.condition { font-weight:bold; margin:0 0 12px 0; }
#auctionProduct div.product_cont li.help { background: url(http://cafeimg.daum-img.net/cf_img2/icon_dot_n.gif) 0 6px no-repeat; padding-left: 8px; }
#auctionProduct div.bbsBg { padding:4px 0 3px 10px; }
textarea.ke {background: #FBF5E5 ;} |