@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com
 */

/* 버튼 스타일 */
a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small { 
    position: relative; 
    display: inline-block; 
    *display: inline; 
    zoom: 1; 
    margin: 0; 
    padding: 8px 16px; 
    border-radius: 4px !important; 
    width: auto;  
    line-height: 26px; 
    font-size: 16px; 
    font-weight: normal; 
    letter-spacing: normal; 
    color: #ffffff !important; 
    background: #162038 !important; 
    border: none; 
    border-radius: 0; 
    text-decoration: none !important; 
    cursor: pointer; 
    vertical-align: middle; 
    text-shadow: none; 
    box-shadow: none; 
    transition-duration: 0.3s; 
    box-sizing: content-box; 
}

a.kboard-default-button-small:hover,
a.kboard-default-button-small:focus,
a.kboard-default-button-small:active,
input.kboard-default-button-small:hover,
input.kboard-default-button-small:focus,
input.kboard-default-button-small:active,
button.kboard-default-button-small:hover,
button.kboard-default-button-small:focus,
button.kboard-default-button-small:active { 
    opacity: 0.95; 
}

/* 새글 알림 */
.kboard-default-new-notify { 
    display: inline-block; 
    *display: inline; 
    zoom: 1; 
    padding: 4px 4px; 
    border-radius: 4px; 
    line-height: 16px; 
    font-size: 16px; 
    color: white; 
    background-color: #ff0000; 
    font-weight: 400; 
}

/* 텍스트 자르기 */
.kboard-default-cut-strings { 
    width: auto; 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    word-wrap: normal; 
}

/* 공지사항 라벨 */
.kboard-notice-label {
    display: inline-block;
    padding: 2px 12px;
    margin-right: 8px;
    font-size: 16px;
    font-weight: 400;
    color: black;
    background-color: white;
    border: 1px solid black;
    border-radius: 50px;
}

/* 공지사항 라벨과 제목을 감싸는 컨테이너 - PC에서는 가로 배치 */
.kboard-notice-wrapper {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

/* 제목 텍스트 */
.kboard-title-text {
    display: inline-block;
    vertical-align: middle;
}

/* 에디터 스타일 */
#kboard-default-editor { 
    overflow: hidden; 
}

#kboard-default-editor form { 
    margin: 0; 
    padding: 0; 
}

#kboard-default-editor select { 
    display: inline; 
    margin: 0; 
    padding: 0 5px; 
    font-size: 14px; 
    width: 30%; 
    height: 28px; 
    line-height: 28px; 
    color: #666666; 
    border-radius: 0; 
    border: 0; 
    border-bottom: 1px solid #dcdcdc; 
    box-shadow: none; 
    background: none; 
    background-color: transparent; 
    box-sizing: content-box; 
    vertical-align: middle; 
    text-indent: 0; 
    -webkit-appearance: menulist; 
    -moz-appearance: menulist; 
    appearance: menulist; 
}

#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password] { 
    display: inline; 
    margin: 0; 
    padding: 0 5px; 
    width: 30%; 
    height: 28px; 
    line-height: 28px; 
    font-size: 14px; 
    color: #666666; 
    border-radius: 0; 
    border: 0; 
    border-bottom: 1px solid #dcdcdc; 
    box-shadow: none; 
    background: none; 
    background-color: transparent; 
    box-sizing: content-box; 
    vertical-align: middle; 
}

#kboard-default-editor input[type=checkbox] { 
    width: auto; 
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox; 
    appearance: checkbox; 
}

#kboard-default-editor input[type=radio] { 
    width: auto; 
    -webkit-appearance: radio; 
    -moz-appearance: radio; 
    appearance: radio; 
}

#kboard-default-editor select:hover,
#kboard-default-editor input[type=text]:hover,
#kboard-default-editor input[type=email]:hover,
#kboard-default-editor input[type=number]:hover,
#kboard-default-editor input[type=date]:hover,
#kboard-default-editor input[type=password]:hover { 
    border-bottom: 1px solid #9e9e9e; 
}

#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus { 
    border-bottom: 2px solid #9e9e9e; 
}

#kboard-default-editor input[type=file] { 
    display: inline; 
    margin: 0; 
    padding: 0; 
    width: 30%; 
    font-size: 13px; 
    color: #666666; 
    border-radius: 0; 
    border: 0; 
    box-shadow: none; 
    background-color: transparent; 
}

#kboard-default-editor .kboard-attr-title input { 
    width: 70%; 
}

#kboard-default-editor .kboard-attr-row { 
    float: left; 
    padding: 5px 0; 
    width: 100%; 
    background-color: white; 
}

#kboard-default-editor .kboard-attr-row .attr-name { 
    display: inline; 
    float: left; 
    margin: 0; 
    padding: 0 10px 0 10px; 
    width: 120px; 
    line-height: 30px; 
    color: #545861; 
    font-size: 14px; 
    font-weight: bold; 
}

#kboard-default-editor .kboard-attr-row .attr-name img { 
    display: inline; 
    margin: 0; 
    padding: 0; 
    width: auto; 
    max-width: 100%; 
    vertical-align: middle; 
}

#kboard-default-editor .kboard-attr-row .attr-name .attr-required-text { 
    color: red; 
    font-weight: normal; 
    font-size: 13px; 
}

#kboard-default-editor .kboard-attr-row.kboard-attr-content .attr-name { 
    display: none; 
}

#kboard-default-editor .kboard-attr-row .attr-value { 
    margin: 0 0 0 140px; 
    padding: 0; 
    line-height: 30px; 
    font-size: 14px; 
}

#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option { 
    display: inline; 
    padding-right: 20px; 
    width: auto; 
    font-size: 14px; 
    cursor: pointer; 
}

#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option input { 
    cursor: pointer; 
}

#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label { 
    display: inline; 
    padding-right: 5px; 
    width: auto; 
    cursor: pointer; 
}

#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label input { 
    cursor: pointer; 
}

#kboard-default-editor .kboard-attr-row .attr-value .description { 
    margin: 0; 
    color: #666666; 
}

#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { 
    float: left; 
    width: 100%; 
}

#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { 
    clear: both; 
    float: left; 
    margin-bottom: 5px; 
    width: 30%; 
}

#kboard-default-editor .kboard-content { 
    float: left; 
    margin: 0; 
    padding: 9px 0; 
    width: 100%; 
    background-color: white; 
}

#kboard-default-editor .kboard-content .editor-textarea { 
    display: inline; 
    margin: 0; 
    padding: 5px; 
    width: 100%; 
    min-width: 100%; 
    max-width: 100%; 
    height: 250px; 
    min-height: 0; 
    font-size: 14px; 
    border: 1px solid #dcdcdc; 
    box-shadow: none; 
    background: none; 
    background-color: transparent; 
    box-sizing: border-box; 
    text-indent: 0; 
}

#kboard-default-editor .kboard-control { 
    float: left; 
    padding: 15px 0; 
    width: 100%; 
}

#kboard-default-editor .kboard-control .left { 
    position: static; 
    float: left; 
}

#kboard-default-editor .kboard-control .right { 
    position: static; 
    float: right; 
    width: 50%; 
    text-align: right; 
}

#kboard-default-editor.confirm { 
    margin: 100px auto; 
    max-width: 590px; 
}

#kboard-default-editor.confirm input[type=password] { 
    width: 100%; 
    box-sizing: border-box; 
}

/* 문서 스타일 */
#kboard-default-document { 
    display: inline-block; 
    *display: inline; 
    zoom: 1; 
    margin: 0; 
    width: 100%; 
}

#kboard-default-document .kboard-document-wrap { 
    float: left; 
    width: 100%; 
    background-color: white; 
}

#kboard-default-document .kboard-title { 
    float: left; 
    width: 100%; 
}

#kboard-default-document .kboard-title h1 { 
    margin: 0; 
    padding: 12px 0px; 
    color: #000000; 
    font-weight: bold; 
    font-size: 22px; 
    line-height: 30px; 
    text-align: left; 
}

#kboard-default-document .kboard-detail { 
    clear: both; 
    float: left; 
    width: 100%; 
    border-top: 1px solid #f1f1f1; 
    border-bottom: 1px solid #f1f1f1; 
    background-color: #f9f9f9; 
    font-size: 14px; 
}

#kboard-default-document .kboard-detail .detail-attr { 
    display: inline-block; 
    *display: inline; 
    zoom: 1; 
    float: left; 
    margin: 0; 
    padding: 12px 35px 12px 22px; 
}

#kboard-default-document .kboard-detail .detail-attr .detail-name { 
    float: left; 
    font-weight: bold; 
    color: #000000; 
    text-align: right; 
}

#kboard-default-document .kboard-detail .detail-attr .detail-value { 
    float: left; 
    padding-left: 20px; 
    color: #666666; 
}

#kboard-default-document .kboard-detail .detail-attr .detail-value a { 
    color: #545861; 
    text-decoration: none; 
    border: 0; 
    box-shadow: none; 
}

#kboard-default-document .kboard-detail .detail-attr .detail-value img.avatar { 
    display: inline; 
    margin: 0; 
    width: 24px; 
    max-width: none; 
    height: 24px; 
    vertical-align: middle; 
    border-radius: 50%; 
}

#kboard-default-document .kboard-content { 
    clear: both; 
    float: left; 
    width: 100%; 
    min-height: 200px; 
}

#kboard-default-document .kboard-content .content-view { 
    margin: 0; 
    padding: 22px; 
    word-break: break-all; 
}

#kboard-default-document .kboard-content .content-view iframe { 
    max-width: 100%; 
}

#kboard-default-document .kboard-content .content-view img { 
    display: inline; 
    margin: 0; 
    vertical-align: middle; 
    max-width: 100%; 
}

#kboard-default-document .kboard-content .content-view hr { 
    margin: 10px 0; 
    padding: 0; 
    height: 1px; 
    border: 0; 
    background-color: #f1f1f1; 
}

#kboard-default-document .kboard-content .content-view ul { 
    margin: 0.75em 0; 
}

#kboard-default-document .kboard-content .content-view ol { 
    margin: 0.75em 0; 
}

#kboard-default-document .kboard-content .content-view p { 
    margin: 0 0 0.75em; 
}

#kboard-default-document .kboard-content .content-view p:last-child { 
    margin: 0; 
}

#kboard-default-document .kboard-content .content-view .thumbnail-area { 
    text-align: center; 
}

#kboard-default-document .kboard-content .content-view .aligncenter { 
    display: block; 
    margin-right: auto; 
    margin-left: auto; 
}

#kboard-default-document .kboard-content .content-view .alignright { 
    float: right; 
}

#kboard-default-document .kboard-content .content-view .alignleft { 
    float: left; 
}

#kboard-default-document .kboard-document-action { 
    padding: 0 22px 5px 22px; 
    overflow: hidden; 
    line-height: 1; 
}

#kboard-default-document .kboard-document-action .left { 
    position: static; 
    float: left; 
}

#kboard-default-document .kboard-document-action .right { 
    position: static; 
    float: right; 
    text-align: right; 
}

#kboard-default-document .kboard-attach { 
    clear: both; 
    margin: 0 22px; 
    padding: 10px 0 5px 0; 
    font-size: 13px; 
    overflow: hidden; 
    line-height: 1; 
    border-top: 1px dashed #ededed; 
}

#kboard-default-document .kboard-button-action { 
    margin: 0 0 5px 0; 
    padding: 4px 5px; 
    font-size: 13px; 
    font-weight: normal; 
    line-height: 12px; 
    text-align: left; 
    border: 1px solid #ededed; 
    background: none; 
    background-color: white; 
    border-radius: 2px; 
    letter-spacing: normal; 
    cursor: pointer; 
    vertical-align: middle; 
    text-shadow: none; 
    box-shadow: none; 
}

#kboard-default-document .kboard-button-action span { 
    position: static; 
    display: inline; 
    margin: 0; 
    padding: 0; 
    font-size: 13px; 
    line-height: 12px; 
}

#kboard-default-document .kboard-button-like { 
    color: #ff5959; 
}

#kboard-default-document .kboard-button-unlike { 
    color: #3d62aa; 
}

#kboard-default-document .kboard-button-print { 
    color: gray; 
}

#kboard-default-document .kboard-button-download { 
    color: gray; 
}

#kboard-default-document .kboard-comments-area { 
    float: left; 
    width: 100%; 
}

#kboard-default-document .kboard-document-navi { 
    float: left; 
    padding-top: 15px; 
    width: 100%; 
}

#kboard-default-document .kboard-document-navi a { 
    display: block; 
    text-decoration: none; 
    border: 0; 
    font-size: 14px; 
    line-height: 20px; 
    box-shadow: none; 
    color: #545861; 
    transition-duration: .3s; 
}

#kboard-default-document .kboard-document-navi .navi-document-title { 
    display: block; 
}

#kboard-default-document .kboard-document-navi .navi-arrow { 
    position: absolute; 
    display: block; 
    font-size: 18px; 
}

#kboard-default-document .kboard-document-navi .kboard-prev-document { 
    position: relative; 
    float: left; 
    width: 45%; 
}

#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-document-title { 
    padding-left: 15px; 
}

#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-arrow { 
    left: 0; 
    top: 0; 
}

#kboard-default-document .kboard-document-navi .kboard-prev-document:hover a { 
    color: black; 
}

#kboard-default-document .kboard-document-navi .kboard-next-document { 
    position: relative; 
    float: right; 
    width: 45%; 
    text-align: right; 
}

#kboard-default-document .kboard-document-navi .kboard-next-document .navi-document-title { 
    padding-right: 15px; 
}

#kboard-default-document .kboard-document-navi .kboard-next-document .navi-arrow { 
    right: 0; 
    top: 0; 
}

#kboard-default-document .kboard-document-navi .kboard-next-document:hover a { 
    color: black; 
}

#kboard-default-document .kboard-control { 
    float: left; 
    padding: 15px 0;  
    width: 100%; 
}

#kboard-default-document .kboard-control .left { 
    position: static; 
    float: left; 
}

#kboard-default-document .kboard-control .right { 
    position: static; 
    float: right; 
    text-align: right; 
}

@media screen and (max-width: 600px) {
	/* 모바일에서 공지사항 라벨 폰트 크기 조절 */
	.kboard-notice-label {
		font-size: 12px;
		padding: 0px 8px;
		height: auto;
		line-height: 1.8;
		display: inline-block;
	}
	
	/* 모바일에서 공지사항 라벨과 제목을 세로로 배치 */
	.kboard-notice-wrapper {
		display: block;
		margin-bottom: 8px;
		width: 100%;
	}
	
	.kboard-title-text {
		display: block;
		width: 100%;
		margin-top: 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/* 모바일에서 뉴탭 폰트 크기 조절 */
	.kboard-default-new-notify {
		font-size: 15px;
		padding: 2px 2px;
	}
	
	#kboard-default-editor select,
	#kboard-default-editor input[type=text],
	#kboard-default-editor input[type=email],
	#kboard-default-editor input[type=number],
	#kboard-default-editor input[type=date],
	#kboard-default-editor input[type=password],
	#kboard-default-editor input[type=file] { width: 100% !important; box-sizing: border-box; }
	#kboard-default-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-default-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-default-editor .kboard-attr-row .attr-value { margin: 0; }
	#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }
	#kboard-default-editor.confirm { max-width: none; }
	
	#kboard-default-document .kboard-title h1 { padding: 10px 5px; font-size: 18px; }
	#kboard-default-document .kboard-content .content-view { padding: 10px 5px; }
	#kboard-default-document .kboard-detail .detail-attr { clear: both; padding: 10px 5px; line-height: normal; }
	#kboard-default-document .kboard-document-action { padding: 10px 5px 5px 5px; }
	#kboard-default-document .kboard-attach { margin: 0 5px; padding: 10px 0 5px 0; }
	#kboard-default-document .kboard-document-navi .kboard-prev-document { width: 100%; }
	#kboard-default-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }
}