@charset "utf-8";

/*Common*/
label { display:inline; margin:0; font-weight:normal; }
span.notice { display:inline-block; padding:1px 5px; background:linear-gradient(to right bottom, #f40, #fc4) ; color:#fff; font-size:.74em; }
a.shadeButton { margin:0 5px; padding:1px 10px; border:1px solid #ddd; color:#000; text-decoration:none; border-radius:2px; box-shadow:2px 2px 4px #eee; background:linear-gradient(180deg, #fff 0%, #eee 60%, #fff 100%); -pie-background:linear-gradient(#fff, #fff, #eee, #fff); }
img.iconReply { margin:0 3px; }
img.iconNew { margin:0 3px; }
img.iconLock { margin:0 3px; }
img.iconFiletype { margin:0 3px; }
.form-control { display:inline-block; width:auto; }
.sharp, .edge-sharpen { border-radius:0 !important; }
.btn-wide { padding-left:25px !important; padding-right:25px !important; }


/*List*/
div.boardListContainer { position:relative; color:#757575; }
div.boardListContainer select {  }
div.boardListContainer label { margin:0; }
div.boardListContainer fieldset { border:none; }
div.boardListContainer fieldset legend { display:none; }
div.boardListContainer img { border:none; vertical-align:middle; }
div.boardListContainer div.boardList {  }
div.boardListContainer div.boardList div.boardListTitle { float:left; padding:4px; }
div.boardListContainer div.boardList div.boardListRightTitle { padding:0 3px 5px 0; text-align:right; }
div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; }
div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; }
div.boardListContainer div.boardList div.boardListRightTitle form.categoryForm fieldset legend { display:none; }
div.boardListContainer div.boardList table { border-top:2px solid #286090; word-wrap:break-all; border-collapse:collapse; border-spacing:0; }
div.boardListContainer div.boardList table caption { display:none; }
div.boardListContainer div.boardList table thead {  }
div.boardListContainer div.boardList table thead tr th { padding:13px 0; color:#575757; font-weight:bold; border-bottom:1px solid #dedede; text-align:center; white-space:nowrap; }
div.boardListContainer div.boardList table thead tr th span {  }
div.boardListContainer div.boardList table thead tr th.first {}
div.boardListContainer div.boardList table thead tr th.first span { border-left:none; }
div.boardListContainer div.boardList table thead tr th.last {  }
div.boardListContainer div.boardList table tbody tr td { color:#757575; padding:13px 0; border-bottom:1px solid #dedede; text-align:center; }
div.boardListContainer div.boardList table tbody tr td.num {  }
div.boardListContainer div.boardList table tbody tr td.title { text-align:left; padding-left:2px; }
div.boardListContainer div.boardList table tbody tr td.title .ico-new { margin-left:5px; }
div.boardListContainer div.boardList table tbody tr td.author div.gall img {  }
div.boardPageNav { margin:20px auto; text-align:center; }
div.boardPageNav img { border:none; }
div.boardPageNav span { color:#ddd; }
div.boardPageNav a, div.boardPageNav strong { display:inline-block; width:30px; height:30px; line-height:30px; margin-right:2px; }
div.boardPageNav a { border:1px solid #d7dde0; vertical-align:top; }
div.boardPageNav strong { border:1px solid #337ab7; background-color:#337ab7; color:#fff !important; }
div.boardPageNav a:hover { text-decoration:none; }
div.boardListContainer div.supvrButton { margin-top:7px; padding:0 0 0 10px; }
div.manageButton img { margin:1px; }
div.manageButton a.btn { margin:1px; }
div.boardSearch { text-align:center; }
div.boardSearch select { vertical-align:top; }
div.boardSearch input { vertical-align:top; }
div.boardSearch input[type="text"] { padding-right:38px; }
div.boardSearch input[type="image"] { margin:0; margin:3px 0 0 -36px; vertical-align:top; }
div.boardSearch form fieldset a { vertical-align:top; }
div.boardButton { margin-top:20px; padding:0; text-align:right; }
div.boardButton a { margin:1px; }
div.boardButton input[type="submit"] { margin:1px; }


/*View*/
div.boardViewContainer { position:relative; color:#333; }
div.boardViewContainer hr { display:none; }
div.boardViewContainer select, div.boardViewContainer textarea { }
div.boardViewContainer fieldset { margin:0; padding:0; border:none; }
div.boardViewContainer fieldset legend { display:none; }
div.boardViewContainer img { border:none; vertical-align:middle; max-width:100%; }
div.boardViewContainer div.boardViewTitle { position:relative; }
div.boardViewContainer div.boardViewTitle h3 { margin:0; padding:15px 10px; border-bottom:1px solid #e3e3e3; border-top:2px solid #286090; text-align:left; font-size:1.03em; }
div.boardViewContainer div.boardViewTitle ul { float:left; width:100%; list-style:none; margin:0; padding:0; border-bottom:1px solid #ddd; }
div.boardViewContainer div.boardViewTitle ul li { float:left; padding:13px 10px; }
div.boardViewContainer div.boardViewTitle ul li.author { width:45%; text-align:left; }
div.boardViewContainer div.boardViewTitle ul li.rdate { width:40%; text-align:right; }
div.boardViewContainer div.boardViewTitle ul li.readnum { width:15%; text-align:right; }
div.boardViewContainer div.pnlAttachedImage { clear:both; padding:10px; }
div.boardViewContainer div.boardViewContent { min-height:400px; margin:0px; padding:10px; color:#575757; font-weight:400; text-align:justify; line-height:1.6; }
div.boardViewContainer div.boardViewBottom { padding:10px; color:#aaa; text-align:right; border-bottom:1px solid #ddd; }
div.boardViewContainer div.boardViewFile { padding:10px; border-bottom:1px solid #ddd; }
div.boardViewContainer div.boardViewFile p { margin:0; padding:5px; font-size:.85em; }
div.boardViewContainer div.boardViewFile p img { vertical-align:middle; }
div.boardViewContainer div.boardPrev { padding:13px; border-bottom:1px solid #ddd; vertical-align:middle; }
div.boardViewContainer div.boardNext { padding:13px; border-bottom:1px solid #ddd; vertical-align:middle; }
div.boardViewContainer div.boardPrev span, div.boardViewContainer div.boardNext span { padding:0 10px 0 20px; }
div.boardViewContainer div.boardPrev span { font-weight:bold; color:#474747; background:url("/images/common/clip/arrow_down_b.gif") no-repeat left center; }
div.boardViewContainer div.boardNext span { font-weight:bold; color:#474747; background:url("/images/common/clip/arrow_up_b.gif") no-repeat left center; }
div.boardViewContainer div.boardPrev a, div.boardViewContainer div.boardNext a { padding-left:10px; }
div.boardViewContainer div.boardButton { padding:10px 0; vertical-align:middle; }
div.boardViewContainer div.boardButton a { margin:1px; }
div.boardViewContainer div.boardButton .btn-left { float:left; text-align:left; }
div.boardViewContainer div.boardButton .btn-right { float:right; text-align:right; }

div.boardCommentContainer { margin-top:20px; background:#fafafa; background:linear-gradient(135deg, #fff 0%, #fafafa 50%, #fff 100%); border:1px solid #ddd; }
div.boardCommentContainer label { margin:0 5px 0 0; }
div.boardCommentContainer .btn { margin:1px; }
div.boardCommentContainer div.boardComment { margin:10px; padding:5px; border-bottom:1px dotted #bbb; }
div.boardCommentContainer div.boardComment div.pnlCmt { position:relative; margin-bottom:10px; }
div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle { position:relative; margin:0; padding:0; }
div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle img { vertical-align:middle; }
div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt.commentTitleRight { position:absolute; top:0; right:0; color:silver; }
div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dt.commentTitleRight img { box-shadow:0 0 3px #ddd; }
div.boardCommentContainer div.boardComment div.pnlCmt dl.commentTitle dd { margin:5px 0 0 0; padding:0; }
div.boardCommentContainer div.boardComment div.pnlFrmEditCmt { padding:5px 0; }
div.boardCommentContainer div.boardComment div.pnlFrmEditCmt p { top:-2px; }
div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt { margin:0 0 0 auto; padding:15px 0; border-top:1px dotted #aaa; }
div.boardCommentContainer div.boardComment div.pnlFrmReplyCmt p { top:7px; }
div.boardCommentContainer div.boardComment img.iconReply { margin:0 5px 0 0; }
div.boardCommentContainer form { margin:-5px 0 0 0; padding:0; }
div.boardCommentContainer input, div.boardCommentContainer img { vertical-align:middle; }
div.boardCommentContainer img { margin:1px; border:none; }
div.boardCommentContainer div.pnlFrmCmt { margin:10px; padding:5px 5px 0 5px; }
div.boardCommentContainer div.pnlFrmCmt, div.boardCommentContainer div.pnlFrmEditCmt, div.boardCommentContainer div.pnlFrmReplyCmt { position:relative; }
div.boardCommentContainer div.pnlFrmCmt div.commentFile { display:none; }
div.boardCommentContainer textarea { width:100%; box-shadow:inset 0 0 0 #fff; }
div.boardCommentContainer div.commentInputTop { padding:5px 0; }
div.boardCommentContainer div.commentInputTop p { float:right; margin:0 0 10px 0; padding:0; text-align:right; }
div.boardCommentContainer div.commentInputBody { margin-top:5px; }
div.boardCommentContainer div.commentFile { margin:10px; }
div.boardCommentContainer div.upload-progress { display:none; }


/*Write*/
div.boardWriteContainer { position:relative; color:#333; }
div.boardWriteContainer h3 { width:100%; margin:2px; padding:6px 0 6px 10px; border:1px solid #ddd; background:linear-gradient(180deg, #fefefe 0%, #eee 100%); }
div.boardWriteContainer form { margin:0; padding:0; }
div.boardWriteContainer select, div.boardWriteContainer textarea { }
div.boardWriteContainer input { margin:0; vertical-align:middle; }
div.boardWriteContainer fieldset { margin:0; padding:0; border:none; }
div.boardWriteContainer fieldset legend { display:none; }
div.boardWriteContainer img { border:none; vertical-align:middle; }
div.boardWriteContainer table { border-collapse:collapse; border-spacing:0; border-top:2px solid #286090; }
div.boardWriteContainer table caption { display:none; }
div.boardWriteContainer table tr { border-bottom:1px dotted #ddd; }
div.boardWriteContainer table tr.trBoardSubject, div.boardWriteContainer table tr.trBoardContent { border:none; }
div.boardWriteContainer table tr.trBoardSubject input[type="text"] { width:100%; }
div.boardWriteContainer table tr.trBoardSubject .t_left { padding:11px 20px 11px 0; }
div.boardWriteContainer table th, div.boardWriteContainer table td {}
div.boardWriteContainer table tr.trBoardContent td { padding-left:0; padding-right:0; }
div.boardWriteContainer table tr.trBoardContent textarea { padding:0; }
div.boardWriteContainer table th { color:#575757;  font-weight:400; padding:11px 0; border-bottom:1px solid #dedede; text-align:center; }
div.boardWriteContainer table th.t_row {}
div.boardWriteContainer table td { color:#575757; padding:10px; border-bottom:1px solid #dedede; vertical-align:middle; }
div.boardWriteContainer table td label { margin:0; padding:0; }
div.boardWriteContainer table td img { border:none; vertical-align:middle; }
div.boardWriteContainer table th label { white-space:nowrap; }
div.boardWriteContainer table td .inputAttachFile { margin:10px 0; }
div.boardWriteContainer div.boardWriteContent { padding:15px 0 0 0; border-top:2px solid #286090; border-bottom:1px solid #ddd; }
div.boardWriteContainer div.boardButton { padding:10px; text-align:center; vertical-align:middle; }
div.boardWriteContainer div.boardButton input[type="image"] { vertical-align:middle; }
div.boardWriteContainer .upload-progress { display:none; margin-bottom:20px; }


/*Auth*/
div.boardAuthContainer { position:relative; color:#4b5870; text-align:center; padding-top:50px; border-top:2px solid #286090; }
div.boardAuthContainer img { border:none; vertical-align:middle; }
div.boardAuthContainer div.boardAuth { }
div.boardAuthContainer div.boardAuth .lock-icon { width:50px; }
div.boardAuthContainer div.boardAuth h3 { font-size:1.03em; }
div.boardAuthContainer div.boardAuth form { margin:0;  text-align:center; }
div.boardAuthContainer div.boardAuth fieldset { margin:0; padding:0; border:none; vertical-align:middle; }
div.boardAuthContainer div.boardAuth fieldset legend { display:none; }
div.boardAuthContainer div.boardAuth fieldset input[type="password"] { width:300px; }
div.boardAuthContainer div.boardAuth fieldset input[type="image"] { vertical-align:middle; }
div.boardAuthContainer div.boardAuth div.input { margin:1px; margin-bottom:30px; margin-top:15px; padding-bottom:50px; border-bottom:1px solid #dbd2d5; }
div.boardAuthContainer div.boardAuth a { margin:1px; }


/*Select*/
div.boardSelectContainer { position:relative; color:#333; }
div.boardSelectContainer div.boardSelect { width:600px; margin:50px auto; background:#fff; border:1px solid #ddd; border-top:2px solid #286090; }
div.boardSelectContainer div.boardSelect h3 { margin:0px; padding:13px 0; border-bottom:1px solid #ddd; text-align:center; font-size:1.03em; }
div.boardSelectContainer div.boardSelect form { margin:0; padding:30px 0; text-align:center; }
div.boardSelectContainer div.boardSelect form div { margin:0 0 10px 0; }
div.boardSelectContainer div.boardSelect form fieldset { margin:0; padding:0; border:none; vertical-align:middle; }
div.boardSelectContainer div.boardSelect form fieldset legend { display:none; }
div.boardSelectContainer div.boardSelect form fieldset input[type="password"] { padding:2px; border:1px solid #ddd; box-shadow:0 0 3px #eee; }
div.boardSelectContainer div.boardSelect form fieldset input[type="image"] { margin:1px; vertical-align:middle; }
div.boardSelectContainer div.boardSelect form fieldset a { margin:1px; }


/*ErrorMessage*/
div.boardErrMsgContainer { position:relative; color:#333; }
div.boardErrMsgContainer img { border:none; vertical-align:middle; }
div.boardErrMsgContainer div.boardErrMsg { width:450px; margin:50px auto 15px auto; background:#fff; border:1px solid #ddd; border-top:2px solid #286090; }
div.boardErrMsgContainer div.boardErrMsg h3 { margin:0px; padding:13px 0; border-bottom:1px solid #ddd; text-align:center; font-size:1.03em; }
div.boardErrMsgContainer div.boardErrMsg p { margin:25px; text-align:center; }
div.boardErrMsgContainer div.boardErrMsgButton { text-align:center; }
div.boardErrMsgContainer div.boardErrMsgButton a { margin:1px; }


.upload-progress{ display: none; }
.progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease; }

@media (prefers-reduced-motion: reduce) {
    .progress-bar { transition: none; }
}

.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
.progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; }

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated { -webkit-animation: none; animation: none; }
}