@charset "utf-8";

table tr th { text-align: center; }
table tr td { text-align: center; vertical-align: middle !important; }

.b, .bold, .strong { font-weight: bold !important; }
.ib { display: inline-block !important; }
.fl { float: left; }
.clear { clear: both; }
.relative { position: relative !important; }
/* .on { background-color:rgba(0, 0, 0, 0.3); } */

.border-none { border: none; }
.border { border: 3px solid red; }
.border1 { border: 1px solid black; }
.border2 { border: 2px solid black; }
.border3 { border: 3px solid black; }
.border4 { border: 4px solid black; }
.border5 { border: 5px solid black; }
.border10 { border: 10px solid black; }

.bt { border-top: 1px double white; }
.underline-none { text-decoration: none !important; }

.text-white { color: #fff !important; }
.text-black { color: #000 !important; }
.text-gray { color: gray !important; }
.text-delete { text-decoration: line-through !important; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.bg-black { background: #000 !important; }
.bg-white { background: #fff !important; }
.bg-gray { /*background: #fafafa !important;*/ }
.bg-gray-light { background: #fdfdfd !important; }

.vertical-top { vertical-align: top !important; }
.vertical-middle { vertical-align: middle !important; }
.vertical-bottom { vertical-align: bottom !important; }

.stringcut { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.displayNone { display: none; }
.noneImportant { display: none !important; }
.show { display: block; }
.over-auto { overflow: auto; }
.over-hidden { overflow: hidden; }
.fn { font-style: normal; }
.cursor-default { cursor: default !important; }

#sortable li:hover { cursor: move; }
#dialog { background: white; padding: 20px; text-align: left; max-width: 500px; margin: 0 auto; position: relative; }

.w20 { width: 20px !important; }
.w25 { width: 25px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }
.w600 { width: 600px !important; }

.h20 { height: 20px !important; }
.h22 { height: 22px !important; }
.h25 { height: 25px !important; }
.h30 { height: 30px !important; }
.h35 { height: 35px !important; }
.h36 { height: 36px !important; }
.h40 { height: 40px !important; }
.h60 { height: 60px !important; }
.h80 { height: 80px !important; }
.h100 { height: 100px !important; }
.h115 { height: 115px !important; }
.h130 { height: 130px !important; }
.h150 { height: 150px !important; }
.h170 { height: 170px !important; }
.h180 { height: 180px !important; }
.h200 { height: 200px !important; }
.h220 { height: 220px !important; }
.h250 { height: 250px !important; }
.h300 { height: 300px !important; }
.h350 { height: 350px !important; }
.h400 { height: 400px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h600 { height: 600px !important; }
.h700 { height: 700px !important; }
.h800 { height: 800px !important; }
.h850 { height: 850px !important; }
.h900 { height: 900px !important; }

.lh30 { line-height: 30px; }

.mh36 { min-height: 36px !important; }
.maxH500 { max-height: 500px !important; }

.fs8 { font-size: 8pt !important; }
.fs9 { font-size: 9pt !important; }
.fs10 { font-size: 10pt !important; }
.fs11 { font-size: 11pt !important; }
.fs12 { font-size: 12pt !important; }
.fs13 { font-size: 13pt !important; }
.fs14 { font-size: 14pt !important; }
.fs15 { font-size: 15pt !important; }
.fs16 { font-size: 16pt !important; }
.fs17 { font-size: 17pt !important; }
.fs18 { font-size: 18pt !important; }
.fs20 { font-size: 20pt !important; }

.pb1 { padding-bottom: 1px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb40 { padding-bottom: 40px !important; }

.mn { margin: 0px !important; }

.mtn { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

.mrn { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr7 { margin-right: 7px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mln { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml7 { margin-left: 7px !important; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.m1 { margin: 1px !important; }
.m3 { margin: 3px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }

.pn { padding: 0px !important; }

.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px; }

.prn { padding-right: 0px; }
.pr3 { padding-right: 3px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }

.pln { padding-left: 0px; }
.pl3 { padding-left: 3px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl17 { padding-left: 17px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px; }
.pl60 { padding-left: 60px !important; }
.pl90 { padding-left: 90px !important; }

.p3 { padding: 3px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }

.highlight { color: red; background-color: yellow !important; }
.pointer { cursor: pointer; }

/* 회의록 */
#canvas, #canvas h1 { font-family: 'Gulimche', 'Dotumche'; }
#canvas hr { display: block; margin:10px 0; border-top: 1px solid #666; }
#canvas a{ color: #337ab7 !important; text-decoration: none; }
#canvas a:link,
#canvas a:visited {color: #0047ca !important; text-decoration: none; }
#canvas a:active,
#canvas a:focus,
#canvas a:hover { color: #337ab7 !important; text-decoration: underline; }

.gulimche { font-family: 'Gulimche' !important; }
.dotumche { font-family: 'Dotumche' !important; }

.dndDrag { border: 2px solid #fff; }

/* 크롬에서 플래시가 차단되어 있을시 버튼이 플래시허용하기 버튼 위로 보이는 현상 수정 */
.z99 {z-index:99;}

.ui-state-highlight { border: 1px solid #eb8f00 !important;  }
.ui-state-active { border: 1px solid #fed22f !important;  }

.skin-blue .sidebar-form { border: none; }
.skin-blue .sidebar-form .input-group { float: left; width: calc(100% - 68px); }
.skin-blue .sidebar-form .input-group > input[type="text"] { float: left; width: calc(100% - 38px); }
.skin-blue .sidebar-form .input-group > span.input-group-btn { float: left; width: 38px; }
.skin-blue .sidebar-form > p { color: #808080; margin: 5px 0 0; padding: 0px 5px; line-height:30px; }

#goTop{position:fixed; bottom:45px; right:30px; line-height:100%; padding:5px 10px; color:#fff; background:rgba(0,0,0,0.5);}
#goBottom{position:fixed; bottom:20px; right:30px; line-height:100%; padding:5px 10px; color:#fff; background:rgba(0,0,0,0.5);}

/*회의록뷰어 - 20200319 정은정 모바일에서 텍스트떨어지는 부분 수정*/
@media all and (max-width:480px) {
	.nav > li > a{padding:10px;}
	.view_btn ul .view_btn_color{width:55px; font-size:13px;}
	.sidebar-menu .treeview-menu > li > .spkMember{width:100px; padding-right:5px;}
}