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

/* LOGIN */
#loginWrap { height:100%; min-height:100%; background:url("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/images/btnUp.png") no-repeat; }
button.iconDown { padding:0px; width:13px; height:13px; background:url("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/images/btnPageFirst.png") no-repeat center #b7b5b5; }
div.pager table th a.prev  { background:url("/~ftp_koreaweld/_Master/images/btnPagePrev.png") no-repeat center #b7b5b5; }
div.pager table th a.next  { background:url("/~ftp_koreaweld/_Master/images/btnPageNext.png") no-repeat center #b7b5b5; }
div.pager table th a.last  { background:url("/~ftp_koreaweld/_Master/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 div.header div.searchBox { margin-bottom:20px; }
div#content div.list div.header div.searchBox table { background:#d8d8d8; width:100%; }
div#content div.list div.header div.searchBox table tbody th { background:#f0f0f0; padding:7px 0; }
div#content div.list div.header div.searchBox table tbody td { background:#fff; padding:7px 10px; }
div#content div.list div.header div.searchBox div.control { margin-top:10px; }
table.list { width:100%; table-layout:fixed; background-color:#d8d8d8; }
table.list thead th { background-color:#d3dff2; font-size:11px; padding:8px 0; }
table.list td { background-color:#fff; text-align:center; padding:8px; }
table.list td.alignLeft { text-align:left; }
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; vertical-align:top; }
div#content div.list table.list td span.smallThumb { width:150px; height:50px; text-align:center; vertical-align:middle; display:table-cell; }
div#content div.list table.list td span.smallThumb img { max-width:150px; max-height:50px; vertical-align:top; }
div#content div.list table.list td nobr.bold { font-weight:bold; }
div#content div.list div.footer { margin-top:35px; }

div#content div.list table.memberList td select { margin-right:3px; }
div#content div.list table.memberList td button { margin-right:3px; }

div#content div.boardList h4 { float:left; }
div#content div.boardList div.header { float:right; }

div#content div.gradeList { width:600px; }

div#content div.bnrPos { width:600px; }

/* 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 { position:relative; border:1px solid #e4e4e4; float:left; width:200px; height:250px; margin:0 10px 20px; }
div#content div.list ul.thumb li input.delCheck { position:absolute; top:0px; left:0px; padding:0px; }
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; }
/* 2015-09-27 김초경 추가 ::: 제품 상태 표시 스타일 */
div#content div.list ul.thumb li ul.prodStatus { position:absolute; top:5px; left:5px; }
div#content div.list ul.thumb li ul.prodStatus li { float:left; border:none; width:auto; height:auto; margin:0 5px 0 0; }
div#content div.list ul.thumb li ul.prodStatus li img { vertical-align:top; }
div#content div.list ul.thumb li ul.prodStatus li:hover { outline:0px; }
/* 2015-09-27 김초경 추가 ::: 제품 상태 표시 스타일 */
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; }

div#content div.list ul.related li { height:150px; }
div#content div.list ul.related li table { width:200px; height:100px; }
div#content div.list ul.related li table td img { max-width:200px; max-height:60px; }
div#content div.list ul.related li table td img.noImg { max-width:200px; max-height:100px; }



/* 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 ul li { margin-top:5px; }
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.warning { color:#f00; }
div#content div.write div.contents table.write tbody tr td span.desc.confirm { color:blue; }
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; font-weight:600; }
div#content div.write div.contents table.write tbody tr td span.description i { 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 table.write tbody tr td ul.pageMenu li { float:left; padding:0 10px 0 7px; background:url("/~ftp_koreaweld/_Master/images/partitionLoc.png") no-repeat right 2px; }
div#content div.write div.contents table.write tbody tr td ul.pageMenu li.on { background:none; font-weight:bold;}
div#content div.write div.contents div.customerContent { padding:20px; line-height:150%; }
div#content div.write div.contents div.customerContent textarea { width:728px; }
div#content div.write div.contents div.customerContent div.title { width:718px; margin-bottom:6px; padding-left:18px; }
div#content div.write div.contents div.customerContent div.title input { height:19px; font-size:14px; font-weight:bold; }
div#content div.write div.contents div.customerContent div.title button.editorDel { float:right; width:19px; height:19px; padding:0px; background:url('/~ftp_koreaweld/_Master/images/btnDelFile.png') no-repeat; }
/*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; }

div#content div.write div.contents table.write ul.category li { margin:3px 0; }
div#content div.write div.contents table.write ul.grade { zoom:1; }
div#content div.write div.contents table.write ul.grade:after { content:""; display:block; clear:both; visibility:hidden; }
div#content div.write div.contents table.write ul.grade li { float:left; }
div#content div.write div.contents table.write button.addCate { width:14px; height:14px; background:url("/~ftp_koreaweld/_Master/images/btnAdd.gif") no-repeat; }
div#content div.write div.contents table.write button.delCate { margin-left:5px; width:14px; height:14px; background:url("/~ftp_koreaweld/_Master/images/btnDel.gif") no-repeat; }
div#content div.write div.contents table.memberWrite { position:relative; }
div#content div.write div.contents table.memberWrite tbody tr td div.addressBox input { margin:3px 3px 3px 0; }
div#content div.write div.contents table.memberWrite tbody tr td div.addressBox span.road { margin-right:1px; }
div#content div.write div.contents table.memberWrite tbody tr td input.prodFile { margin-top:3px; margin-bottom:3px; }
div#content div.write div.contents table.memberWrite tbody tr td div#map { position:absolute; top:0px; right:0px; width:450px; height:350px; border:1px solid #000; background:#fff; display:block !important; }
div#content div.write div.contents table.memberWrite tbody tr td span.unit { display:block; margin-top:3px; }
div#content div.write div.contents table.write tbody tr td span.blockUnit { display:block; margin-top:3px; }

div#content div.write  div.contents div.articleTabs ul { border-bottom:1px solid #999; border-left:1px solid #999; *zoom:1; }
div#content div.write  div.contents div.articleTabs ul:after { content:""; display:block; clear:both; visibility:hidden; }
div#content div.write  div.contents div.articleTabs ul li { float:left; }
div#content div.write  div.contents div.articleTabs ul li.on a { background:#333; color:#fff; font-weight:bold; }
div#content div.write  div.contents div.articleTabs ul li a { display:block; border:1px solid #999; border-bottom:none; border-left:none; padding:10px 20px; min-width:80px; text-align:center; }
div#content div.write  div.contents div.articleTabs ul li a#engTab { border-left:0px; }

div#content div.write div.contents div.prodDetails { padding:0 20px; border:5px solid #cecece; }
/*
div#content div.write div.contents div.prodDetails div.editCover div.title { }
div#content div.write div.contents div.prodDetails div.editCover div.article { margin:0 auto; }
*/
div#content div.write div.contents div.prodDetails div.addSection { margin-top:10px; }
div#content div.write div.contents div.prodDetails div.title { width:721px; margin-bottom:6px; padding-left:18px; background:url('/~ftp_koreaweld/_Master/images/sectionBullet.png') no-repeat left; }
div#content div.write div.contents div.prodDetails div.title input { height:19px; font-size:14px; font-weight:bold; }
div#content div.write div.contents div.prodDetails div.title button.editorDel { width:19px; height:19px; padding:0px; background:url('/~ftp_koreaweld/_Master/images/btnDelFile.png') no-repeat; }
div#content div.write div.contents div.prodDetails div.article { line-height:180%;}
div#content div.write div.contents div.prodDetails div.article textarea { width:730px; }
div#content div.write div.contents div.prodDetails span.description { color:#999; display:block; }


div#content div.calendarLayer div.contents { padding:0px 10px; border-bottom:0px; }
div#content div.calendarLayer div.control button { margin-top:5px; }

div#content div.historyWrite div.contents { border-bottom:none; padding-bottom:0px; }


div#content ul.regImg { position:relative; z-index:100; /*border:1px solid #d8d8d8;*/ }
div#content ul.regImg li { position:relative; float:left; margin:10px; width:180px; height:180px; z-index:200; overflow:hidden; }
div#content ul.regImg li span.img { display:table-cell; .display:block; width:178px; height:178px; border:1px solid #d8d8d8; text-align:center; vertical-align:middle; font-size:0px; line-height:0px; cursor:pointer; }
div#content ul.regImg li span.img img { max-width:178px; max-height:178px; }
div#content ul.regImg li span.img img.blank { width:100%; height:100%; }
div#content ul.regImg li span.upload { display:block; padding-top:10px; width:180px; }
div#content ul.regImg li span.upload label { display:block; font-size:11px; color:#999; font-weight:bold; }
div#content ul.regImg li span.upload input { width:173px; }
div#content ul.regImg li span.upload span.org { display:block; padding-top:5px; color:#999; font-size:11px; }
div#content ul.regImg li span.upload span.thumb { display:block; margin-top:10px; border-top:1px solid #d8d8d8; padding-top:10px; }
div#content ul.regImg li button.delFile { width:100%; height:30px; border:none; margin-top:0px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#content ul.regImg li:hover button.delFile { margin-top:-41px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#fileUpload { position:absolute; width:178px; height:177px; background-color:#FFF; text-align:center; z-index:99; }
div#fileUpload input { width:160px; margin-top:50px; }
div#fileUpload span.desc { display:block; width:160px; margin:5px auto; font-size:11px; color:#999; text-align:left; }
div#fileUpload span.desc:before { content:'* '; }
div#fileUpload span.control { display:block; }
div#fileUpload span.control button { margin:0 5px; }


div#content ul#imgList { }
div#content ul#imgList li { float:left; width:200px; height:307px; /*height:200px;*/ margin:10px 6px; }
div#content ul#imgList li.ghost { border:1px dashed #d8d8d8; width:198px; height:305px; /*height:198px;*/ }
div#content ul#imgList li div.imgCover { height:198px; border:1px solid #d8d8d8; overflow:hidden; }
div#content ul#imgList li div.imgCover a { display:block; height:100%; background-size:contain; background-position:center; background-repeat:no-repeat; overflow:hidden; }
div#content ul#imgList li div.imgCover button { width:100%; height:30px; border:none; margin-top:0px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#content ul#imgList li:hover div.imgCover button { margin-top:-41px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#content ul#imgList li span.blockUnit { text-align:center; }
div#content ul#imgList li input.imgTitle { width:192px; }


div#content ul.upImgBox { }
div#content ul.upImgBox li { float:left; width:200px; /*height:240px;*/ height:auto; margin:10px 6px; }
div#content ul.upImgBox li.ghost { border:1px dashed #d8d8d8; width:198px; /*height:238px*/ height:198px; }
div#content ul.upImgBox li div.imgCover { height:198px; border:1px solid #d8d8d8; overflow:hidden; }
div#content ul.upImgBox li div.imgCover a { display:block; height:100%; background-size:contain; background-position:center; background-repeat:no-repeat; overflow:hidden; }
div#content ul.upImgBox li div.imgCover button { width:100%; height:30px; border:none; margin-top:0px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#content ul.upImgBox li:hover div.imgCover button { margin-top:-41px; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: linear; }
div#content ul.upImgBox li span.blockUnit { text-align:center; }
div#content ul.upImgBox li input.imgTitle { width:192px; }

div#content ul.visualTxt li.ghost { border:1px dashed #d8d8d8; }

/* 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("/~ftp_koreaweld/_Master/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 { display:none; 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("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/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("/~ftp_koreaweld/_Master/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; }

/* NAVIGATION CONFIG */
div#content div.navi { }

div#content div.navi div.tree { width:250px; float:left; }
div#content div.navi div.tree div.listTree { border:1px inset #DDD; padding:10px; height:450px; overflow:auto; }
div#content div.navi div.tree div.listTree > span { font-weight:bold; }
div#content div.navi div.tree div.listTree ul { background:url('/~ftp_koreaweld/_Master/images/bgTreeBase.gif') repeat-y 7px; }
div#content div.navi div.tree div.listTree ul li { padding-left:20px; background:url('/~ftp_koreaweld/_Master/images/bgTreeLeaf.gif') no-repeat 0px 0px; position:relative; }
div#content div.navi div.tree div.listTree ul li.ghost { border-top:2px dashed #F00; }
div#content div.navi div.tree div.listTree ul li.last { background:url('/~ftp_koreaweld/_Master/images/bgTreeLeafLast.gif') no-repeat 0px 0px #FFF; }
div#content div.navi div.tree div.listTree ul li.ui-sortable-helper { background:none; }
div#content div.navi div.tree div.listTree ul li button.onOff { width:9px; height:9px; padding:0px; background:url('/~ftp_koreaweld/_Master/images/btnTree.gif') no-repeat 0px -9px; position:absolute; left:3px; top:4px; }
div#content div.navi div.tree div.listTree ul li span button { display:none; }
div#content div.navi div.tree div.listTree ul li span:hover a { background:#F0F0F0; }
div#content div.navi div.tree div.listTree ul li span:hover button { display:block; width:16px; height:16px; }
div#content div.navi div.tree div.listTree ul li span:hover button.plus { background:url('/~ftp_koreaweld/_Master/images/btnPlus.gif') no-repeat; position:absolute; right:18px; top:1px; }
div#content div.navi div.tree div.listTree ul li span:hover button.minus { background:url('/~ftp_koreaweld/_Master/images/btnMinus.gif') no-repeat; position:absolute; right:0px; top:1px; }
div#content div.navi div.tree div.listTree ul li.close ul { display:none; }
div#content div.navi div.tree div.listTree ul li.close button { background:url('/~ftp_koreaweld/_Master/images/btnTree.gif') no-repeat 0px 0px; }
div#content div.navi div.tree div.listTree a { display:block; line-height:18px; position:relative; }
div#content div.navi div.tree div.listTree a.selected span { color:#FFf; background:#333; }
div#content div.navi div.tree div.control { text-align:right; padding-top:5px; }
div#content div.navi div.tree div.control button.openAll { width:43px; height:19px; background:url('/~ftp_koreaweld/_Master/images/btnOpenAll.gif') no-repeat center; }
div#content div.navi div.tree div.control button.closeAll { width:43px; height:19px; background:url('/~ftp_koreaweld/_Master/images/btnCloseAll.gif') no-repeat center; }
div#content div.navi div.tree div.control button.add { width:36px; height:19px; background:url('/~ftp_koreaweld/_Master/images/btnAddMin.gif') no-repeat; }

div#content div.navi div.infor { width:450px; float:left; margin-left:20px; }
div#content div.navi div.infor div.empty { padding:20px; background:#e7e7e7; }
div#content div.navi div.infor div.empty span { color:#999; }
div#content div.navi div.infor div.control { text-align:right; padding-top:5px; }
div#content div.navi div.infor div.control button.del { width:36px; height:19px; background:url('/~ftp_koreaweld/_Master/images/btnDelMin.gif') no-repeat; }

div.navi > div.control { border-top:1px solid #d9d9d9; margin-top:20px; padding-top:20px; }

/* WRITE */
div#content div.navi div.infor table.write { width:100%; table-layout:fixed; background:#d8d8d8; }
div#content div.navi div.infor table.write tbody tr th { background-color:#f0f0f0; }
div#content div.navi div.infor table.write tbody tr td { background-color:#fff; padding:7px 10px; }
div#content div.navi div.infor table.write tbody tr td span { font-size:11px; }
div#content div.navi div.infor table.write tbody tr td span.unit { }
div#content div.navi div.infor table.write tbody tr td span.unit button { margin-left:5px;  }
div#content div.navi div.infor table.write tbody tr td span.desc { color:#999; margin-left:5px; }
div#content div.navi div.infor table.write tbody tr td span.desc * { color:#999; font-size:11px; }
div#content div.navi div.infor table.write tbody tr td span.confirm { color:#33F; }
div#content div.navi div.infor table.write tbody tr td span.warning { color:#F33; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev1 { color:#F60; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev2 { color:#39C; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev3 { color:#390; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev1 strong { color:#F60; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev2 strong { color:#39C; }
div#content div.navi div.infor table.write tbody tr td span.pwdLev3 strong { color:#390; }
div#content div.navi div.infor table.write tbody tr td span.desc strong.point { color:#F00; }
div#content div.navi div.infor table.write tbody tr td span.desc strong.point * { color:#F00; font-weight:bold; font-size:11px; }
div#content div.navi div.infor table.write tbody tr td span.description { color:#999; display:block; margin-top:5px; }
div#content div.navi div.infor table.write tbody tr td span.description strong { color:#999; font-size:11px; }
div#content div.navi div.infor table.write tbody tr td span.desc:before { content:" * "; }
div#content div.navi div.infor table.write tbody tr td span.description:before { content:" * "; }
div#content div.navi div.infor table.write tbody tr td select { margin-right:3px; }

div#content div.langList { padding:15px 15px 12px; border:1px solid #d8d8d8; }
div#content ul.langList { }
div#content ul.langList li { float:left; }

/*
div#content div.section ul.regImg { border:1px solid #d8d8d8; }
div#content div.section ul.regImg li { float:left; padding:10px; }
div#content div.section ul.regImg5 li { width:180px; }
div#content div.section ul.regImg li span.img { display:table-cell; width:178px; height:178px; border:1px solid #d8d8d8; text-align:center; vertical-align:middle; font-size:0px; line-height:0px; }
div#content div.section ul.regImg li span.img img { max-width:178px; max-height:178px; }
div#content div.section ul.regImg li span.img img.blank { width:100%; height:100%; }
div#content div.section ul.regImg li span.upload { display:block; padding-top:10px; width:180px; }
div#content div.section ul.regImg li span.upload label { display:block; font-size:11px; color:#999; font-weight:bold; }
div#content div.section ul.regImg li span.upload input { width:173px; }
div#content div.section ul.regImg li span.upload span.org { display:block; padding-top:5px; color:#999; font-size:11px; }
div#content div.section ul.regImg li span.upload span.thumb { display:block; margin-top:10px; border-top:1px solid #d8d8d8; padding-top:10px; }
div#fileUpload { position:absolute; width:178px; height:177px; background-color:#FFF; text-align:center; z-index:99; }
div#fileUpload input { width:160px; margin-top:50px; }
div#fileUpload span.desc { display:block; width:160px; margin:5px auto; font-size:11px; color:#999; text-align:left; }
div#fileUpload span.desc:before { content:'* '; }
div#fileUpload span.control { display:block; }
div#fileUpload span.control button { margin:0 5px; }
*/

/* 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; }

/* LOADING */
#dev932Loading { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:997; }
#dev932Loading div.loadingBg { position:relative; width:100%; height:100%; margin:0px; padding:0px; background-color:#000; filter:alpha(opacity=30); opacity:0.3; z-index:998; }
#dev932Loading div.loadingContent { position:absolute; width:300px; height:300px; left:50%; top:50%; margin:-75px 0 0 -75px; background:url('/~ftp_koreaweld/_Master/images/loading.gif') no-repeat 0 0; z-index:999; background-size:50%; }
#dev932Loading div.loadingContent span { display:none; }

/* LAYER POPUP */
div#popBase { width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1205; }
div#popBg   { width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1206; background-color:#000; filter:alpha(opacity=50); opacity:0.5; }
button#popClose { width:100px; height:100px; position:absolute; z-index:1208; top:0px; right:0px; background:url('/~ftp_koreaweld/images/common/btnClose4Layer.png') no-repeat center; border:0px; }
button#popClose span { display:none; }

div#popBase div#popUpload { position:absolute; width:0px; height:0px; overflow:hidden; /*width:500px; height:400px; margin:-200px 0 0 -250px;*/ z-index:1207; top:50%; left:50%; background:#fff; }
div#popBase div#popUpload span.popTitle { display:block; width:470px; padding:10px 15px 7px; background:#333; font-size:14px; font-weight:800; color:#fff; }
div#popBase div#popUpload table.bigImg { width:470px; height:320px; margin:0 auto; padding:10px; table-layout:fixed; }
div#popBase div#popUpload table.bigImg tbody tr td { width:450px; height:300px; vertical-align:middle; text-align:center; font-size:0px; line-height:0px; }
div#popBase div#popUpload table.bigImg tbody tr td img { max-width:450px; max-height:300px; vertical-align:top; border:none; }
div#popBase div#popUpload div.uploadBox { padding:0 15px 20px; }
div#popBase div#popUpload div.uploadBox div.file { border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; text-align:center; padding:12px 0 9px;}
div#popBase div#popUpload div.uploadBox div.file input { }
div#popBase div#popUpload div.uploadBox div.file span.description { color:#999; display:block; margin-top:5px; font-size:11px; }
div#popBase div#popUpload div.uploadBox div.file span.description strong { color:#999; font-size:11px; }
div#popBase div#popUpload div.uploadBox div.file span.desc:before { content:" * "; }
div#popBase div#popUpload div.uploadBox div.file span.description:before { content:" * "; }
div#popBase div#popUpload div.uploadBox div.control { margin-top:15px; text-align:center; }
div#popBase div#popUpload div.uploadBox div.control button { }

div#popBase.prodCatePop div#popUpload { width:250px; }
div#popBase.prodCatePop div#popUpload span.popTitle { width:400px; }
div#popBase.prodCatePop div#popUpload table.bigImg { width:300px; height:200px; margin:0 auto; padding:10px; table-layout:fixed; }
div#popBase.prodCatePop div#popUpload table.bigImg tr td { width:300px; height:100px; vertical-align:middle; text-align:center; font-size:0px; line-height:0px; }
div#popBase.prodCatePop div#popUpload table.bigImg tr td img { max-width:300px; max-height:100px; vertical-align:top; border:none; }