@charset "UTF-8";

/*
	Document	: common.css
	Created on	: 2010/12/09 23:14:00 ~ 11. 6. 8 오후 1:41
	Author		: Nexist, BahamuT
	Description	: 공통으로 쓰는 클래스만 입력합니다.
*/
html,body{width:100%;height:100%; min-width: 800px; background: #f4f4f4; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; outline: none}

html{ y-overflow:auto;x-overflow:none; }

form{clear:both}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
body,input,textarea,select,button,table{font-family: '돋움',Dotum,AppleGothic,sans-serif;font-size:12px;color:#333}
input::placeholder { color: #c5c5c5;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333;text-decoration:none}
label{cursor:pointer}
.hand, .order_by {cursor:pointer}
.move{cursor:move}
.hidden {display: none}

.floatL {float: left}
.floatR {float: right}


/* 좌,우 여백설정 */
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

.mt-3{margin-top:-3px !important}
.mt0{margin-top:0px !important}
.mt3{margin-top:3px !important}
.mt5{margin-top:5px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}

.pd0{padding:0px !important}
.pd5{padding:5px !important}
.pd20{padding:20px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdl10{padding-left:10px !important}
.pdl5{padding-left:5px !important}
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt45{padding-top:45px !important}
.pdb10{padding-bottom:10px !important}
.pdb20{padding-bottom:20px !important}
.pdb30{padding-bottom:30px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.hp100{height:100%}
.wp100{width:100%}
.wp98{width:98%}
.wp95{width:95%}
.wp85{width:85%}
.wp80{width:80%}
.wp60{width:60%}
.wp50{width:50%}
.wp48{width:48%}
.wp40{width:40%}
.wp20{width:20%}

.wx20{width:20px}
.wx30{width:30px}
.wx40{width:40px}
.wx50{width:50px}
.wx60{width:60px}
.wx70{width:70px}
.wx80{width:80px}
.wx100{width:100px}
.wx110{width:110px}
.wx120{width:120px}
.wx150{width:150px}
.wx200{width:200px}
.wx250{width:250px}
.wx300{width:300px}
.wx400{width:400px}
.wx500{width:500px !important;}
.wx700{width:700px}

.hx20{height:20px}
.hx30{height:30px}
.hx50{height:50px}
.hx100{height:100px}
.hx120{height:120px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

/* 클리어부스 */
.cboth{clear:both}
/* //클리어부스 */

/* 각종 정렬 */
.valign-middle, .verticalMiddle {vertical-align:middle !important}
.verticalBase {vertical-align: baseline !important}
.center{text-align:center !important}
.right{text-align:right !important}
.lsp-1{letter-spacing:-1px !important}
.hide{display:none}
.showInline{display:inline-block}
.borderBasic {border: 1px solid}
.borderRightGray {border: 1px solid #ccc !important}
.left {text-align: left !important}
.heightAuto {height: auto; overflow: hidden}

/* 각종 컬러 */
.bold { font-weight: bold !important; }

.beige{color:#eceba8}
.red{color:#f00}
.blue{color:#06C}
.blueImportant{color:#06C !important;}
.skyblue{color:#63a1d7}
.white{color:#fff}
.black{color:#000}
.yellow{color:#FFD700}
.green{color:#0f0}
.deepGreen{color:#0c0}
.lightgreen{color:#2aff98}
.orange{color:#f90}
.silver{color:#CECECE}
.gray{color:#999}
.darkOrange{color: #c56e00}
.darkGreen{color: #0d995e}
.darkViolet{color: #990061}
.lightViolet{color: #913b99}

.bg-gray{background:#EEE !important}
.bg-blue{background:#02AAE9 !important}
.bg-eblue{background: #d8fffe !important}
.bg-grayF4{background:#f4f4f4 !important}
.bg-grayC2{background:#c2c2c2 !important}
.bg-green{background:#d0ffad !important}
.bg-greenBold{background: #82ff58 !important}
.bg-orange{background:#ffdfc9 !important}
.bg-pink{background:#ff7291 !important; color: #ffffff !important}
.bg-violet{background: #d55dff !important; color: #ffffff !important}
.bg-red{background: #ff0200 !important; color: #ffffff !important}

#commentWrite { margin-top: 20px; }
.strike {text-decoration: line-through; text-decoration-color: gray}
.underLine {text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #d1d1d1}

.cmtTitle { font-size: 11px; padding: 0 5px; color: #999; font-weight: 400; }

.cmtFormStyle { clear: both; margin: 0 auto 15px auto; padding: 0 0 5px 0; border: 1px solid #E5E5E5; }
.cmtFormStyle caption{ display: none; }
.cmtFormStyle tr td { padding: 3px 10px 3px 10px; height: 30px; font-size: 11px; }
.cmtFormStyle tr td .cmtButtons { float: right; }

.cmtListStyle { border-top: 2px solid #74489d; }
.cmtListStyle li { font-size: 11px; color: #999; padding: 5px; }
.cmtListStyle li .cmtInfo { padding: 0 10px; }
.cmtListStyle li .cmtInfo .writer { color: black; font-size: 12px; font-weight: 700; }
.cmtListStyle li .cmtInfo .datetime { padding-left: 20px; }
.cmtListStyle li .cmtButtons { float: right; }
.cmtListStyle li .cmtContents { padding: 5px; margin: 5px 0 0 0; background: #f6f6f6; }
.cmtListStyle li .cmtContents:hover { background: #eee; color: #666; }

/* 업로드박스 */
#uploadBox { position: relative; margin-top: 10px; border: solid 1px #999; }
#uploadBox #statusMessage { background: #999; font-size: 11px; color: white; padding: 0 10px; }
#uploadBox #uploadButtons { position: absolute; height: 30px; top: 15px; width: 120px; margin: 12px 10px 12px 20px; background: url("../Images/uploadButtons.png"); }
#uploadBox #insertButtons { position: absolute; height: 30px; top: 15px; left: 150px; margin: 12px 20px 12px 10px; }
#uploadBox #uploadDsc { position: absolute; height: 30px; top: 15px; left: 280px; margin: 12px 20px; line-height: 14px; }
#uploadBox #uploadQueue { position: absolute; right: 0; border: solid 1px #ccc; margin: 5px; overflow: auto; width: 400px; height: 40px; }
#thumbList { position: relative; margin: 55px 5px 5px 5px; padding: 5px; min-height: 60px; border: solid 1px #ccc; }
#thumbList img { margin: 2px; vertical-align: middle; }
#uploadBox #uploadQueue .uploadifyQueueItem {
	background-color: #F5F5F5;
	font: 9px Verdana, Geneva, sans-serif;
	margin-bottom: 1px;
	padding: 3px 10px;
}
#uploadBox #uploadQueue .uploadifyError {
	background-color: #FDE5DD !important;
}
#uploadBox #uploadQueue .uploadifyQueueItem .cancel {
	float: right;
}
#uploadBox #uploadQueue .uploadifyQueue .completed {
	background-color: #E5E5E5;
}
#uploadBox #uploadQueue .uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
#uploadBox #uploadQueue .uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

@media print
{
	.noprint { display:none; }
}

.font-size24{
	font-size: 24px !important;
}

.font-size20{
	font-size: 20px !important;
}

.font-size14{
	font-size: 14px !important;
}

.fontBold{font-weight: bold; }

.tbLine { border-collapse:collapse; }
.tbLine td { border: 1px solid #000000; }