@charset "utf-8";

.qna-title{ text-overflow: ellipsis; width: 380px; overflow: hidden;}
.qna-team-name{ text-overflow: ellipsis; width: 144px; overflow: hidden;}
a.btn-type-08#btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }
a.btn-type-08.btn-qna-write { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #0084ff; color: #fff; line-height: 30px; }

div.contents div.page-contents div.s-page-content { min-height: 600px; }
div.contents div.page-contents div.s-page-content div.p-content-title { position: relative; }

div.contents div.page-contents div.s-page-content div.p-content-title div.row-size { position: absolute; top: 0; right: 0; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size select { background-color: #fbfbfb; height: 30px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; line-height: 28px; vertical-align: top; }
div.contents div.page-contents div.s-page-content div.cont-info textarea { margin: 10px 0; width: 100%; height: 200px; padding:10px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; }
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area > * { display: inline-block; vertical-align: middle; margin-right: 10px; }
div.contents div.page-contents div.s-page-content div.cont-button-area > *:last-child { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a img { vertical-align: middle; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input { position: relative; display: inline-block; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; height: 30px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }
div.contents div.page-contents div.s-page-content div.cont-button-area div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }
div.contents div.page-contents div.s-page-content div.cont-button-area .selectbox { margin-right: 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area select { font-size: 11px; width: 120px; border: 1px solid #dee3eb; }

/* 리스트 영역 */
div.cont-info table.vertical-table { width: 100%; margin-top:10px; text-align:center; }
div.cont-info table.vertical-table thead tr th {
    font-weight: bold; color: #565656; position: relative; padding: 8px 5px; border-top:2px solid #3d5a7c; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;
	text-align:center; background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
div.cont-info table.vertical-table thead tr th img { vertical-align: middle; margin-left: 7px; }
div.cont-info table.vertical-table tbody tr td { color: #6b6b6b; padding: 6px 10px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
div.cont-info table.vertical-table tbody tr td > * { display: inline-block; vertical-align: middle; }
div.cont-info table.vertical-table tbody tr td.hover-parent { position:relative; }
div.cont-info table.vertical-table tbody tr td .hover-img { border:2px solid #e1e1e1; position:absolute; left:-154px; display:none; top:-154px ; z-index:20;}
div.cont-info table.vertical-table tbody tr td.qna-title { text-align:left; }
div.cont-info table.vertical-table tbody tr td.qna-title:HOVER a { text-decoration:underline; }
div.cont-info table.vertical-table tbody tr td span.record { font-weight:bold; color:#436b96; }
div.cont-info table.vertical-table tbody tr td span.player { font-weight:bold; color:#0f9f12; }
div.cont-info table.vertical-table tbody tr td span.schedule { font-weight:bold; color:#5e9bdf; }
div.cont-info table.vertical-table tbody tr td span.system { font-weight:bold; color:#c8572f; }
div.cont-info table.vertical-table tbody tr td span.else { font-weight:bold; color:#666; }
div.cont-info table.vertical-table tbody tr td span.qna-status { padding: 2px 15px; color: #FFFFFF; border-radius: 2px; font-size: 11px; }
div.cont-info table.vertical-table tbody tr td span.qna-status.red { background-color: #ce6363; }
div.cont-info table.vertical-table tbody tr td span.qna-status.blue { background-color: #3d5a7d; }

/* 테이블 영역 */
table.horizon-table { width: 100%; font-size:13px; margin-top:10px; }
table.horizon-table tbody tr th {
	width:120px; padding:5px 10px; border-left:solid 5px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}
table.horizon-table tbody tr td {width:120px; padding:10px 20px 10px 0; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-weight:bold;}
table.horizon-table tbody tr td span.point {color:#557399; margin-left:5px;}

table.mod-table { width: 100%; }
table.mod-table tbody tr th { text-align:left; }
table.mod-table tbody tr td { width:760px; height:40px; text-align:left; padding:0 20px; background-color:#FFF;}
table.mod-table tbody tr td em {padding:0 5px;}
table.mod-table tbody tr td input.input-default {padding-left:10px; height:30px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; border-radius:2px;}
table.mod-table tbody tr td input.name {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td select.select-default {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; height:25px;}
table.mod-table tbody tr td.record { font-weight:bold; color:#5e9bdf; margin-right:5px;}
table.mod-table tbody tr td.player { font-weight:bold; color:#0f9f12; margin-right:5px;}
table.mod-table tbody tr td.schedule { font-weight:bold; color:#c8572f; margin-right:5px;}
table.mod-table tbody tr td.else { font-weight:bold; color:#666; margin-right:5px;}

/* 묻고답하기 상세 */
table.detail-table tbody tr th {	width:120px; padding:10px 10px; border-top:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;text-align:left;position:relative; }
table.detail-table tbody tr th .writer-area { position:absolute; right:15px; top:10px; } 
table.detail-table tbody tr th .writer-area .writer-info-title { color:#747474; border-right:1px solid #747474; padding-right:5px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .writer-info-cont { color:#747474; padding-left:5px;margin-right:13px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .date-info { color:#878787; font-weight:500; font-size:10px;}
table.detail-table tbody tr td { padding:10px 0 0 0; }
table.detail-table tbody tr td img { display:block; margin:0 0; }
table.detail-table tbody tr td .detail-content-info { margin:20px; font-size:12px; color:#747474; font-weight:500; line-height:25px; text-align: left; word-break: break-all; white-space: pre-wrap; }
table.detail-table tbody tr td .detail-list-area { text-align:left; border-bottom:1px solid #e3e3e3;}
table.detail-table tbody tr td .detail-list-area>div {display:flex; }
table.detail-table tbody tr td .detail-list-area>div>div{ border-top:1px solid #e3e3e3; color:#8d8d8d; display:inline-block;}
table.detail-table tbody tr td .detail-list-area>div>div.title{ background:#f8f8f8; border-right:1px solid #e3e3e3; padding:4px 21px 4px 12px; width:5%;}
table.detail-table tbody tr td .detail-list-area>div>div.content{ background:#fff; padding:4px 0 4px 14px;width:95%;}
table.detail-table tbody tr td div.right-cont{ margin-right:20px; text-align: right; }
table.detail-table tbody tr th span.record { font-weight:bold; color:#436b96; margin-right:5px; display:inline-block; vertical-align:top;}
table.detail-table tbody tr th span.player { font-weight:bold; color:#0f9f12; margin-right:5px; display:inline-block; vertical-align:top;}
table.detail-table tbody tr th span.schedule { font-weight:bold; color:#5e9bdf; margin-right:5px; display:inline-block; vertical-align:top;}
table.detail-table tbody tr th span.system { font-weight:bold; color:#c8572f; margin-right:5px; display:inline-block; vertical-align:top;}
table.detail-table tbody tr th span.else { font-weight:bold; color:#666; margin-right:5px; display:inline-block; vertical-align:top;}
table.detail-table tbody tr th span.title { display:inline-block; width:720px;}
div.contents div.page-contents div.s-page-content div.detail-info .btn-area { margin-bottom:15px; height:21px; }
div.contents div.page-contents div.s-page-content div.detail-info .btn-area a { float:right; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.btn-area a.btn-type-05 img {vertical-align: middle;}

/* 댓글영역 */
div.contents div.page-contents div.s-page-content div.comment-area { border:1px solid #ddd; margin-top:10px; border-bottom:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont { border-bottom:1px solid #ddd; color:#616161; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title { border-bottom:1px dotted #ddd; padding:10px 0 5px 5px; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > .name { font-weight:bold; margin-right:5px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont { padding:10px; word-break : break-all; white-space:pre-wrap; }

/* 파일 첨부 영역 */
div.file-upload-area { padding: 7px 10px; }
div.file-upload-area div.file-upload-row { margin-bottom: 8px; }
div.file-upload-area div.file-upload-row:last-child { margin-bottom: 0; }
div.file-upload-area div.file-upload-row input[type=file] { width: 400px; }
div.file-upload-area div.file-upload-row a.plus-btn { min-width:0; padding:3px 9px; margin-left:3px;  background-color: #7189ad; border-radius: 2px; color: #fff}
div.file-upload-area div.file-upload-row a.minus-btn { min-width:0; padding:3px 9px; margin-left:3px; background-color: #7189ad; border-radius: 2px; color: #fff}
div.file-upload-area div.file-upload-row span.download-file { margin-left: 0; cursor: pointer; }
div.file-upload-area div.file-upload-row span.download-file:HOVER { text-decoration: underline; }
div.file-upload-area div.file-upload-row span.download-file.removed { text-decoration: line-through; cursor: txt; }

/* 파일 첨부 영역 */
div.file-upload-area { padding: 7px 10px; font-weight: bold;  }
div.file-upload-area div.comment-file-upload-row { margin-bottom: 8px; color: #000}
div.file-upload-area div.comment-file-upload-row:last-child { margin-bottom: 0; }
div.file-upload-area div.comment-file-upload-row input[type=file] { width: 400px; }
div.file-upload-area div.comment-file-upload-row a.plus-btn { min-width:0; padding:3px 9px; margin-left:3px;  background-color: #7189ad; border-radius: 2px; color: #fff}
div.file-upload-area div.comment-file-upload-row a.minus-btn { min-width:0; padding:3px 9px; margin-left:3px; background-color: #7189ad; border-radius: 2px; color: #fff}
div.file-upload-area div.comment-file-upload-row span.comment-download-file { margin-left: 0; cursor: pointer;}
div.file-upload-area div.comment-file-upload-row span.comment-download-file:HOVER { text-decoration: underline; }
div.file-upload-area div.comment-file-upload-row span.comment-download-file.removed { text-decoration: line-through; cursor: txt; }

/*비밀글 자물쇠 표시*/
div.cont-info table.vertical-table tbody tr td img.secret-ico {width: 4%; object-position: 0px 1px;}

/* PASSWORD 영역 */
/* .password-box { border:1px solid #b3b3b3; width:75px; position:relative; display:inline-block;z-index:9999;}
.password-box::after { content:""; width:0; height:0; border-top:7px solid transparent; border-left:7px solid #666666; border-bottom:7px solid transparent; position:absolute; top:34px; right:-7px; }
.password-wrapper { border:1px solid #dadada; border-radius:2px; box-shadow:5px 5px 6px #818181; position:relative; z-index:9999; margin: 10% 40%;}
.password-wrapper.wrapper1 { width:193px; }
.password-wrapper.wrapper2 { width:193px; }
.password-wrapper.wrapper3 { width:283px; }

.password-wrapper .password-top { color:#787878; background:#f8f8f8; border-bottom:1px solid #dadada; padding:8px 0; font-weight:600; text-align:center; cursor:default;}
.password-wrapper .password-mid {  text-align: center; color:#787878; background:#fff; }

.password-wrapper .password-mid div.password { margin: 25px; position: relative; display: inline-block;}
.password-wrapper .password-mid div.password input { font-size: 12px; padding: 3px 7px; width: 200px; height: 30px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; }

.password-wrapper .password-bottom { background:#f8f8f8; padding:11px 0; text-align:right; cursor:default;}
.password-wrapper .password-bottom a.password-button-type01 { background:#fff; border:1px solid #b8b8b8; color:#919191; padding:4px 10px 5px 9px; font-size:12px; border-radius:2px; text-align:center; margin-right:8px; }
.password-wrapper .password-bottom a.password-button-type02 { background:#27be95; padding:5px 8px 6px 8px; font-size:12px; border-radius:2px; text-align:center; margin-right:12px; color:#fff }


.password-wrapper select {width:95%;margin:0 auto;background:#fff;color:#868686;border:1px solid #e9e9e9;font-size:13px;}
.password-wrapper select option {background:#fff;color:#868686;font-size:13px;} */
select option:disabled{color:#d4d4d4;}

.text-bold {font-weight:bold;}
.text-yellow {color:#e7a824;}
.text-red {color:#dc4f4f;}
.text-sea {color:#5c6b99;}
.text-underline {text-decoration: underline;}
.text-underline {text-decoration: underline;}