@charset "utf-8";
@import url("/admin/style/base.css");
@import url("/admin/style/layout.css");

/* LOGIN */
#loginWrap { height:100%; min-height:100%; background:url("/admin/images/bgCols.png") repeat-x 0 220px; }
*html #loginWrap { height:100%; min-height:100%; }
#loginWrap h1 { display:none; }
#loginWrap div.login { width:570px; height:100%; min-height:100%; margin:0 auto; background:url("/admin/images/bgRows.png") repeat-y; }
#loginWrap div.login h2 { float:left; width:202px; height:156px; overflow:hidden; margin-top:247px; text-indent:-1000em; background:url("/admin/images/h2Login.png") no-repeat right; }
#loginWrap div.login div.formLogin { float:right; width:320px; margin-top:299px; position:relative; }
#loginWrap div.login div.formLogin ul { float:left; }
#loginWrap div.login div.formLogin ul li { text-align:right; width:235px; margin-bottom:5px; }
#loginWrap div.login div.formLogin ul li * { vertical-align:middle; }
#loginWrap div.login div.formLogin ul li input { width:162px; height:20px; border:1px solid #e7e8ea; color:#333; line-height:160%; }
#loginWrap div.login div.formLogin div.control { float:right; margin-right:15px; }
#loginWrap div.login div.formLogin div.control button { width:59px; height:52px; border:1px solid #000; border-top:0px; border-left:0px; background-color:#4b535e; color:#FFF; }


/* BUTTONS */
div#content div.control { text-align:center; }
div#content div.control, div#content div.control div.floatLeft, div#content div.control div.floatRight { font-size:0px; }
div#content div.control button { margin:0 3px; }
button { height:18px; padding:0 10px; font-size:11px;  }
button span { display:none; }
button.major { height:25px; padding:0 25px; font-size:12px; }
button.minor { height:25px; padding:0 10px; font-size:12px; }
button.min   { height:18px; padding:0 5px; }

button.rank1 { border:1px solid #6a6a6a; background-color:#e67c35; color:#FFF; }
button.rank2 { border:1px solid #6a6a6a; background-color:#358ae6; color:#FFF; }
button.rank3 { border:1px solid #6a6a6a; background-color:#5d60bd; color:#FFF; }
button.rank4 { border:1px solid #6a6a6a; background-color:#455e7d; color:#FFF; }
button.rank5 { border:1px solid #6a6a6a; background-color:#456b7d; color:#FFF; }
button.rank6 { border:1px solid #6a6a6a; background-color:#616161; color:#FFF; }
button.rank7 { border:1px solid #6a6a6a; background-color:#888888; color:#FFF; }

button.iconUp   { padding:0px; width:13px; height:13px; background:url("/admin/images/btnUp.png") no-repeat; }
button.iconDown { padding:0px; width:13px; height:13px; background:url("/admin/images/btnDown.png") no-repeat; }


/* PAGER */
div.pager { text-align:center; }
div.pager table { margin:0 auto; width:auto; table-layout:auto; }
div.pager table td, div.pager table th { padding:0 2px; }
div.pager table td a { display:block; background-color:#dcdcdc; padding:7px 10px 5px; font-size:11px; }
div.pager table td a.on { background-color:#766e6e; font-weight:bold; color:#FFF; }
div.pager table th a { display:block; padding:5px 0; width:20px;  overflow:hidden; text-indent:-1000em; }
div.pager table th a.first { background:url("/admin/images/btnPageFirst.png") no-repeat center #b7b5b5; }
div.pager table th a.prev  { background:url("/admin/images/btnPagePrev.png") no-repeat center #b7b5b5; }
div.pager table th a.next  { background:url("/admin/images/btnPageNext.png") no-repeat center #b7b5b5; }
div.pager table th a.last  { background:url("/admin/images/btnPageLast.png") no-repeat center #b7b5b5; }

/* LIST */
div#content div.list { }
div#content div.list div.header { margin-bottom:5px; position:relative; }
div#content div.list div.header div.categories { float:left; margin-bottom:10px; }
div#content div.list div.header div.search { float:right; font-size:0px; }
div#content div.list div.header div.search > * { margin-left:5px; }
div#content div.list table.list { width:100%; table-layout:fixed; background-color:#d8d8d8; }
div#content div.list table.list thead th { background-color:#d3dff2; font-size:11px; padding:8px 0; }
div#content div.list table.list td { background-color:#fff; text-align:center; padding:8px; }
div#content div.list table.list td a { display:block; text-align:left; }
div#content div.list table.list td input.normal { max-width:100%; min-width:90%; }
div#content div.list table.list td select.normal { max-width:100%; min-width:90%; }
div#content div.list table.list td span.thumb { width:100px; height:100px; text-align:center; vertical-align:middle; display:table-cell; }
div#content div.list table.list td span.thumb img { max-width:100px; max-height:100px; }
div#content div.list div.footer { margin-top:35px; }

/* SETTING */
div#content div.list table.list td { background-color:#fff; text-align:center; padding:8px; }

/* THUMB LIST */
div#content div.list ul.thumb { width:100%; }
div#content div.list ul.thumb li { border:1px solid #e4e4e4; float:left; height:250px; margin:0 10px 20px; }
div#content div.list ul.thumb li table { width:200px; height:200px; table-layout:fixed; border-bottom:1px solid #e4e4e4; }
div#content div.list ul.thumb li table td { text-align:center; vertical-align:middle; font-size:0px; line-height:0px; }
div#content div.list ul.thumb li table td a { font-size:0px; line-height:0px; }
div#content div.list ul.thumb li table td img { max-width:200px; max-height:200px; }
div#content div.list ul.thumb li > a { display:block; padding:5px; height:40px; text-align:center; overflow:hidden; }
div#content div.list ul.thumb li > a nobr { font-size:13px; }
div#content div.list ul.thumb li:hover { outline:2px solid #464646; border-color:#464646; }
div#content div.list ul.thumb li:hover > a { background:#464646; }
div#content div.list ul.thumb li:hover > a nobr { color:#FFF; }
div#content div.list ul.thumb li > a:hover { background:#464646; }
div#content div.list ul.thumb li > a:hover nobr { color:#FFF; }
div#content div.list ul.thumb li.empty { width:100%; height:auto; border:none; text-align:center; margin:0px; padding:15px 0 12px; border-top:1px solid #464646; border-bottom:1px solid #464646; }
div#content div.list ul.thumb li.empty:hover { outline:none; }

/* DETAIL */
div#content div.detail { }
div#content div.detail div.header { margin-bottom:5px; }
div#content div.detail div.header ul.regist { float:right; }
div#content div.detail div.header ul.regist li { float:left; padding-left:25px; }
div#content div.detail div.header ul.regist li label { }
div#content div.detail div.header ul.regist li label:after { content:" : "; }
div#content div.detail div.contents { }
div#content div.detail div.contents table.detail { width:100%; table-layout:fixed; border:1px solid #d8d8d8; }
div#content div.detail div.contents table.detail thead tr th { background-color:#d3dff2; text-align:left; padding:10px 15px; }
div#content div.detail div.contents table.detail tbody tr td { background-color:#f0f0f0; border-top:1px solid #d8d8d8; padding:10px 15px; }
div#content div.detail div.contents table.detail label:after { content:" : "; }
div#content div.detail div.contents div.customerContent { padding:20px; line-height:150%; border-bottom:1px solid #d8d8d8; }
div#content div.detail div.contents div.customerContent p.upImg > img { display:block; margin:0px auto; }
div#content div.detail div.footer { margin-top:15px; }
img.fileImg { display:block; max-width:900px; margin:0px auto; }

/* WRITE */
div#content div.write { }
div#content div.write div.contents { border-bottom:1px solid #d8d8d8; padding-bottom:20px; }
div#content div.write div.contents table.write { width:100%; table-layout:fixed; background:#d8d8d8; }
div#content div.write div.contents table.write tbody tr th { background-color:#f0f0f0; padding:7px 0px; }
div#content div.write div.contents table.write tbody tr td { background-color:#fff; padding:7px 10px; }
div#content div.write div.contents table.write tbody tr td span { font-size:11px; }
div#content div.write div.contents table.write tbody tr td span.unit { }
div#content div.write div.contents table.write tbody tr td span.unit button { margin-left:5px;  }
div#content div.write div.contents table.write tbody tr td span.desc { color:#999; margin-left:5px; }
div#content div.write div.contents table.write tbody tr td span.desc strong { color:#999; font-size:11px; }
div#content div.write div.contents table.write tbody tr td span.description { color:#999; display:block; margin-top:5px; }
div#content div.write div.contents table.write tbody tr td span.description strong { color:#999; font-size:11px; }
div#content div.write div.contents table.write tbody tr td span.desc:before { content:" * "; }
div#content div.write div.contents table.write tbody tr td span.description:before { content:" * "; }
div#content div.write div.contents table.write tbody tr td input.prodImgFile { margin-top:8px; }
div#content div.write div.contents table.write tbody tr td select { margin-right:3px; }
div#content div.write div.contents div.customerContent { padding:20px; line-height:150%; }
div#content div.write div.contents div.customerContent textarea { width:800px; }
/*div#content div.write div.contents div.editor textarea { width:665px; }*/
div#content div.write div.footer { margin-top:15px; }
select.mainProdList { display:block; margin-top:8px; }


/* COMMENT */
div#content div.comments { margin-top:10px; }
div#content div.comments div.cmtList { }
div#content div.comments div.cmtList ul { }
div#content div.comments div.cmtList > ul > li { margin-bottom:15px; border:1px solid #d8d8d8; background-color:#dedede; clear:both; }
div#content div.comments div.cmtList ul li ul { }
div#content div.comments div.cmtList ul li ul li { margin:0px; border:0px; float:left; }
div#content div.comments div.cmtList ul li ul li.name { padding:10px 10px 5px 20px; font-weight:bold; }
div#content div.comments div.cmtList ul li ul li.date { padding:10px 10px 5px 0px; font-size:11px; }
div#content div.comments div.cmtList ul li ul li.control { float:right; padding:10px 20px 5px 0; background:url("/admin/images/partitionCmtControl.png") no-repeat center 10px;}
div#content div.comments div.cmtList ul li ul li.control a { display:block; float:left; margin:0 0 0 20px; font-weight:bold; font-size:11px; }
div#content div.comments div.cmtList ul li ul li.control a.cmtModify { color:#0070b0; }
div#content div.comments div.cmtList ul li ul li.content { float:none; background-color:#f0f0f0; padding:20px 20px 10px 20px; clear:both; line-height:150%; }
div#content div.comments div.cmtWrite { margin-top:10px; position:relative; }
div#content div.comments div.cmtWrite h4 { height:17px; }
div#content div.comments div.cmtWrite h4:before { content:":: "; }
div#content div.comments div.cmtWrite ul { height:33px; border:1px solid #d8d8d8; background-color:#f0f0f0; }
div#content div.comments div.cmtWrite ul li { float:left; margin:8px 10px 0 10px; }
div#content div.comments div.cmtWrite ul li * { vertical-align:middle; }
div#content div.comments div.cmtWrite ul li label { font-weight:bold; line-height:100%; }
div#content div.comments div.cmtWrite ul li label:after { content:" : "; }
div#content div.comments div.cmtWrite ul li input { width:150px; }
div#content div.comments div.cmtWrite div.cmtContent { margin:5px 90px 0 0; }
div#content div.comments div.cmtWrite div.cmtContent textarea { width:100%; height:67px; }
div#content div.comments div.cmtWrite div.control { position:absolute; right:0px; top:57px; }
div#content div.comments div.cmtWrite div.control button.cmtWrite { width:75px; height:75px; border:1px solid #6a6a6a; background-color:#616161; font-weight:bold; font-size:12px; color:#e4e4e4; line-height:150%; margin:0px; }

div#content div.comments div.cmtModify { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:990; }
div#content div.comments div.cmtPop div.background { position:fixed; z-index:997; width:100%; height:100%; top:0px; left:0px; background:#000; filter:alpha(opacity=30); opacity:0.3; }
div#content div.comments div.cmtModify div.cmtWrite { width:600px; margin:400px auto; z-index:999; padding:10px; background-color:#FFF; border:5px solid #333; }
div#content div.comments div.cmtModify div.cmtWrite div.control { position:absolute; right:10px; top:67px; }
div#content div.comments div.cmtModify div.cmtWrite div.control button.close { position:absolute; width:28px; height:28px; top:-85px; right:-30px; background:url("/admin/images/btnClose.png") no-repeat; }





/* CATEGORY */
div.category {}
div.category > ul { padding-top:5px; }
div.category > ul > li { margin-bottom:10px; padding-bottom:10px; }
div.category > ul > li > span.info input { width:300px; }
div.category > ul > li ul { margin:10px 0 0 0; }
div.category > ul > li ul li { margin:3px 0; padding-left:20px; background:url("/admin/images/underTree.png") no-repeat 5px 4px; }
div.category > ul > li ul li input { width:280px; }
div.category button.iconUp      { margin:0 3px 0 10px; }
div.category button.iconDown    { margin:0 10px 0 0; }

div.cateList { width:400px; float:left; }
div.cateList form div.category { border:3px solid #e3e3e3; height:500px; padding-right:10px; overflow-y:scroll; }

div.cateList form div.category ul li { padding-left:10px; clear:both; }
div.cateList form div.category ul li p { padding:2px 0 1px 0px; height:16px;}
div.cateList form div.category ul li p a { float:left; }
div.cateList form div.category ul li p span.control { float:right; }
div.cateList form div.category ul li.on a { font-weight:bold; }
div.cateList form div.category ul li.on li a { font-weight:normal; }

div.cateList form div.category > ul { padding-top:10px; }
div.cateList form div.category > ul > li { margin-bottom:0px;  }
div.cateList form div.category > ul > li ul { margin:0px; }
div.cateList form div.category > ul > li ul li { padding-left:20px; background:url("/admin/images/underTree.png") no-repeat 5px 6px; }

div.cateWrite { width:500px; float:left; margin-left:30px; }
div.cateWrite table tr td.prod { height:18px; }

/* SIDE BAR - CATEGORY */
div#sidebar div.titProdCat { clear:both; margin-top:50px; width:180px; float:right; margin-right:4px; font-weight:bold; border-bottom:2px solid #464646; }
div#sidebar div.titProdCat:before { content:":: "; }
div#sidebar ul.prodCat { width:180px; margin:4px 4px 0 0; float:right; }
div#sidebar ul.prodCat > li { border-bottom:1px solid #d9d9d9; }
div#sidebar ul.prodCat > li:hover > a { background-color:#464646; color:#FFF; }
div#sidebar ul.prodCat > li.on { }
div#sidebar ul.prodCat > li.on > a { background-color:#464646; color:#FFF; }
div#sidebar ul.prodCat li a { display:block; padding:8px 10px; }
div#sidebar ul.prodCat li ul { margin-bottom:10px; }
div#sidebar ul.prodCat li ul li a { padding:5px 10px 5px 20px; }
div#sidebar ul.prodCat li ul li a:before { content:"- "; }
div#sidebar ul.prodCat li ul li.on a { font-weight:bold; }

/* MULTI FILE UPLOAD */
ul.multiFile {}
ul.multiFile li { padding:3px 0 3px; }

/* TAB */
ul.tabs { width:100%; height:30px; margin:10px 0 20px; border-bottom:2px solid #333; }
ul.tabs li { float:left; margin-right:-1px; }
ul.tabs li a { display:block; height:16px; padding:2px 50px; border:1px solid #333; border-bottom:0px; margin-top:9px; }
ul.tabs li a:hover { padding:4px 50px; margin-top:5px; }
ul.tabs li.on a { border:2px solid #333; border-bottom:2px solid #FFF; padding:5px 50px; margin-top:2px; font-weight:bold; }



button.examplePop { position:absolute; right:0px; top:10px; }
select.selProd { float:left; width:200px; margin:5px 20px 0 0; font-weight:bold; }



/** product **/
div#content div.prodWrite div.contents { margin-top:21px; padding-left:24px; padding-bottom:30px; border-bottom:1px solid #e6e6e6;  }
div#content div.prodWrite  div.contents div.feature input { width:380px; height:auto; }
div#content div.prodWrite  div.contents div.feature div.prodImage { float:left; }
div#content div.prodWrite  div.contents div.feature div.prodImage table { margin:1px; width:320px; height:255px; border:1px solid #e6e6e6; }
div#content div.prodWrite  div.contents div.feature div.prodImage table tbody tr td { text-align:center; vertical-align:middle; font-size:0px; line-height:0px; }
div#content div.prodWrite  div.contents div.feature div.prodImage table tbody tr td img { max-width:316px; max-height:251px; }
div#content div.prodWrite  div.contents div.feature div.prodImage span { display:block; text-align:center; }
div#content div.prodWrite  div.contents div.feature div.prodImage span input.file { width:280px; margin-top:10px; }
div#content div.prodWrite  div.contents div.feature div.prodImage span.description { color:#999; display:block; margin-top:5px; }
div#content div.prodWrite  div.contents div.feature div.featureArticle { float:left; width:430px; margin-left:5px; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span { display:block; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.title { padding:20px 0 9px 30px; background:url('/images/common/featurePartition.png') no-repeat left bottom; font-family:"NanumGothicBold"; font-size:24px; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.title strong { display:inline; font-family:"NanumGothicBold"; font-size:24px; color:#233f85; font-weight:bold; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.title input.featureTitle { height:30px; font-family:"NanumGothicBold"; font-size:24px; font-weight:bold; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.title span.description { color:#999; display:block; margin-top:5px; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.desc { padding-left:30px; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.desc span.part input.title { width:370px; height:23px; display:block; font-size:18px; font-family:"NanumGothic"; color:#ff5400; font-weight:bold; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.desc span.part input.article { width:370px; height:20px; margin:11px 0 22px 0; font-size:14px; font-family:"NanumGothic"; line-height:160%; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.desc span.part button.partDel { float:right; width:10px; height:9px; padding:0px; background:url('/images/common/icoDelete.gif') no-repeat; }
div#content div.prodWrite  div.contents div.feature div.featureArticle span.desc span.part button.partDel span { display:none; }
div#content div.prodWrite  div.contents div.feature div.featureArticle div.addSimple { margin:8px 12px 8px 8px; text-align:right; }

div#content div.prodWrite  div.contents div.section { margin-top:20px; margin-bottom:40px; }
div#content div.prodWrite  div.contents div.section div.prodDetails div.addSection { margin-top:10px; }
div#content div.prodWrite  div.contents div.section div.prodDetails div.title { width:721px; margin-bottom:6px; padding-left:18px; background:url('/images/common/sectionBullet.png') no-repeat left; }
div#content div.prodWrite  div.contents div.section div.prodDetails div.title input { height:19px; color:#233f85; font-size:14px; font-family:"NanumGothicBold"; font-weight:bold; }
div#content div.prodWrite  div.contents div.section div.prodDetails div.title button.editorDel { float:right; width:19px; height:19px; padding:0px; background:url('/images/common/btnDelFile.png') no-repeat; }
div#content div.prodWrite  div.contents div.section div.prodDetails div.article { line-height:180% }
div#content div.prodWrite  div.contents div.section div.prodDetails div.article textarea { width:730px; }
div#content div.prodWrite  div.contents div.section div.prodDetails span.description { color:#999; display:block; }

div#content div.prodWrite div.contents div.section div.listInfo div.img { float:left; margin-top:8px; }
div#content div.prodWrite div.contents div.section div.listInfo div.img table { width:158px; height:135px; border:1px solid #e7e7e7; }
div#content div.prodWrite div.contents div.section div.listInfo div.img table tr td { text-align:center; vertical-align:middle; font-size:0px; line-height:0px; }
div#content div.prodWrite div.contents div.section div.listInfo div.img table tr td img { max-width:154px; max-height:131px; }
div#content div.prodWrite div.contents div.section div.listInfo div.img span { display:block; margin-top: 8px; }
div#content div.prodWrite div.contents div.section div.listInfo div.img span.description { font-size:11px; color:#999; display:block; margin-top:5px; }
div#content div.prodWrite div.contents div.section div.listInfo div.img span input { width:149px; margin-right:0px; }
div#content div.prodWrite div.contents div.section div.listInfo div.desc { float:left; width:566px; padding-left:11px; }
div#content div.prodWrite div.contents div.section div.listInfo div.desc span { display:block; margin-top:8px; }