@charset "UTF-8";

/*
	Document	: common.css
	Created on	: 15. 02. 01
	Author		: Nexist
	Description	: 공통으로 사용하는 스타일 시트입니다.
*/
/*@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);*/ /* Noto Sans KR */
/*@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);*/

/*@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/
/*@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);*/

html {height:100%;}
body {min-height: 100%; min-width: 1280px; background: #eaeaea; }
body.login { min-width: 100%; }
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}

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

form{clear:both}
legend,caption{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: "NanumBarunGothic", "Nanum Barun Gothic", "나눔고딕","돋움",Dotum,sans-serif;font-size:13px;font-weight:300;color:#333}
input[type=text],input[type=password],input[type=submit],input[type=button],button,input[type=url]{-webkit-appearance:none; outline: none; }
.ui-widget, .ui-widget input {font-family: "NanumBarunGothic", "Nanum Barun Gothic", "나눔고딕", "돋움",Dotum,sans-serif !important;}
img { object-fit: cover;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333;text-decoration:none}
a:hover,a:focus{text-decoration:none}
label{cursor:pointer;font-weight:normal;}
.hand{cursor:pointer}
.move{cursor:move !important}
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.img100 { max-width: 100px; max-height: 100px; }

/* 좌,우 여백설정 */
.fs0{font-size: 0;}
.fs12{ font-size: 12px !important; font-family: 'NanumBarunGothic', 'Nanum Barun Gothic'; }
.fs14{ font-size: 14px !important; font-family: 'NanumBarunGothic', 'Nanum Barun Gothic'; }
.fs17{ font-size: 17px !important; font-family: 'NanumSquare', 'Nanum Square'; }

i.fas.fa-desktop.fakekiosk { position: relative; -webkit-transform:scaleX(0.7);-moz-transform:scaleX(0.7);-ms-transform:scaleX(0.7);transform:scaleX(0.7);}
i.fas.fa-desktop.fakekiosk:after { content: ''; position: absolute; bottom: 0%; left: 0%; width: 100%; height: 35%; background: #585f69;  }

.monospace { font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace; }
.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}
.pd10{padding:10px !important}
.pd20{padding:20px !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:10px !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}

.wp100{width:100% !important;}
.wp95{width:95% !important;}
.wp90{width:90% !important;}
.wp85{width:85% !important;}
.wp75{width:75% !important;}

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

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

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

/* 각종 정렬 */
.inline-block{display: inline-block}
.valign-middle{vertical-align:middle !important}
.left{text-align:left !important}
.center{text-align:center !important}
.right{text-align:right !important}
.lsp-1{letter-spacing:-1px !important}
.hide{display:none}

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

.beige{color:#eceba8}
.red{color:#e3624c}
.blue{color:#06C}
.skyblue{color:#63a1d7}
.white{color:#fff}
.black{color:#000}
.yellow{color:#FFD700}
.green{color:#4caf50}
.deepGreen{color:#4caf50}
.lightgreen{color:#2aff98}
.orange{color:#f90}
.silver{color:#CECECE}
.gray{color:#999}

.bg-gray{background:#EEE !important}
.bg-blue{background:#02AAE9 !important}

#commentWrite { margin-top: 20px; }

.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 #999; text-align: left; }
.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;
}