/* common */
.document_area {position:relative; width: 100%; padding: 0 0 20px 0; box-sizing: border-box; /* font-family: 'NotoSansKR', sans-serif; */}
.document_area button {/* font-family: 'NotoSansKR' */}
/*
.document_tit {display: inline-block; height: 80px; color: #333; line-height: 80px; font-size: 30px; font-weight: 600;}
.document_tit .link {display: block;}
*/
.document_btn {
	display:inline-block;
	padding: 0px 5px;
	height: 30px;
	line-height: 30px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
  box-sizing:border-box;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:500;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	vertical-align: middle;
}
.document_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.document_btn_blue {
	position: absolute; 
	top: 30px; 
	right: 10px; 
	-moz-box-shadow:inset 0px 1px 0px 0px #3199c9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #3199c9;
	box-shadow:inset 0px 1px 0px 0px #3199c9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3199c9), color-stop(1, #1e8cbe));
	background:-moz-linear-gradient(top, #3199c9 5%, #1e8cbe 100%);
	background:-webkit-linear-gradient(top, #3199c9 5%, #1e8cbe 100%);
	background:-o-linear-gradient(top, #3199c9 5%, #1e8cbe 100%);
	background:-ms-linear-gradient(top, #3199c9 5%, #1e8cbe 100%);
	background:linear-gradient(to bottom, #3199c9 5%, #1e8cbe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3199c9', endColorstr='#1e8cbe',GradientType=0);
	background-color:#3199c9;
	border:1px solid #dcdcdc;
	color:#fff !important;
	text-shadow:0px 1px 0px #3199c9;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	padding:3px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	border-radius:6px;
	z-index: 99;
}
.document_btn_blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e8cbe), color-stop(1, #3199c9));
	background:-moz-linear-gradient(top, #1e8cbe 5%, #3199c9 100%);
	background:-webkit-linear-gradient(top, #1e8cbe 5%, #3199c9 100%);
	background:-o-linear-gradient(top, #1e8cbe 5%, #3199c9 100%);
	background:-ms-linear-gradient(top, #1e8cbe 5%, #3199c9 100%);
	background:linear-gradient(to bottom, #1e8cbe 5%, #3199c9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8cbe', endColorstr='#3199c9',GradientType=0);
	background-color:#1e8cbe;
}
.document_btn_blue .icon {font-size: 13px;}

.document_area .ipt_txt {width: calc(100% - 4px); height: 37px; padding: 0 10px; border-radius: 2px; border: 1px solid #d1d1d1; box-sizing: border-box; font-size: 15px; color: #444; box-shadow: 0px 2px 2px inset rgba(0,0,0,0.1); background-color: #f9f9f9;}
.document_area .ipt_slct {width: calc(100% - 4px); height: 37px; padding: 0 10px; border-radius: 2px; border: 1px solid #d1d1d1; box-sizing: border-box; font-size: 15px; color: #444; box-shadow: 0px 2px 2px inset rgba(0,0,0,0.1); background-color: #f9f9f9;}
.document_area .ipt_slctb {width: calc(100% - 4px); height: 37px; padding: 0 10px; border-radius: 2px; border: 1px solid #d1d1d1; box-sizing: border-box; font-size: 15px; color: #444; box-shadow: 0px 2px 2px inset rgba(0,0,0,0.1); background-color: #f9f9f9;}
.document_area .ipt_chk {width:15px; height:15px; vertical-align:middle;}
.document_area .ipt_file {}
.document_area .str {font-weight: 500;}
.document_area .txt_caut {margin-bottom: 10px; color: #c13939; line-height: 1.3; font-size: 14px;}
.document_area .txt_label {display:inline-block; font-size:12px; font-weight:normal; vertical-align:middle;}

@media screen and (max-width:350px) {
  .document_area .ipt_chk {margin:0;}
}

/* 쓰기 */
.document_area .ipt_txt.sbj {max-width: 300px;}
.document_area .ipt_file {width: 300px; max-width:100%;}
.document_area.write .ipt_slct {max-width: 148px;}
.document_area.write .ipt_slctb {max-width: 300px;}

.document_cont_sec {margin-top: 40px;}
.document_cont_sec > .tit {margin-bottom: 10px; color: #295170; font-size: 22px; font-weight: 500;}
.document_btn_custom {margin-left:10px; vertical-align:middle;}

.document_btn_area {padding: 20px 0;}
.document_btn_area .document_btn {width: 100%; height: 35px; font-size: 15px;}
@media screen and (max-width:768px) {
  .document_cont_sec {margin-top: 10px;}
}

/* 이용자 화면 */
.document_area.view .document_cont_sec {padding-top: 0;}
.document_area.view .document_btn_area {padding: 0; text-align: right;}
.document_area.view .document_btn_blue.btn_edit {width: 90px;}
.document_view_cont {width: 100%; box-sizing: border-box;}
.document_view_cont img {max-width: 100%;}
.document_view_cont iframe {max-width: 100%;}
.document_view_cont video {max-width: 100%;}
.document_view_cont audio {max-width: 100%;}
.document_view_cont table {max-width: 100%;}

/* 목록 */
.document_tbl {width: auto; max-width:none; min-width:100%; text-align: left; table-layout: fixed; font-size: 15px; color: #333;}
.document_tbl th {padding: 10px 3px; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.document_tbl td {padding: 5px 3px; border-bottom: 1px solid #ccc;}
.document_tbl tr:hover {background-color: rgba(0,0,0,0.02);}
.document_tbl .num {width: 80px;}
.document_tbl .sbj {width: 200px;}
.document_tbl .title {width: 400px;}
.document_tbl .anchor {}
.document_tbl .count {width: 60px;text-align: center;}
.document_tbl .btn {width: 100px;text-align: center;}
.document_tbl a.link {display: block; word-break: break-all; color: #666;}
.document_tbl a.link:hover {color: orange;}

/* 카테고리 */
#categoryArea {padding:10px;background:#F3F3F3;border-radius:5px;border:1px solid #BBB;margin-bottom:10px;}
#categoryArea a{color:#565656;}
#categoryArea a:hover{color:black;}
.uotc_o { font-weight:bold; }
#st-category { display: table; width:600px; overflow:hidden; padding:0; }
#st-category li{ float:left; margin:0; width:calc(100% / 5); height:38px; list-style:none; border:1px #e1e1e1 solid; background:#f7f7f7; box-sizing:border-box; }
#st-category li a{ display:table-cell; vertical-align:middle; width:144px; height:38px; text-align:center; font-size:12px; }
#st-category .uotc_o { background:#fff !important; border:1px solid #000; }
#st-category .uotc_o a { color:#000; font-weight:100;  }

/* 페이징 */
#trash-btn-area { width:600px; text-align:right;margin-top:10px; }
#trash-btn-area table { margin:0 auto; margin-top:10px;}
.pageNum {margin-right:2px;width:25px;height:25px;background:#FFF;border:1px solid #dcdcdc;float:left;text-align:center;font-size:12px;line-height:25px;}
.pageNum a:link		{line-height:25px;color:#a9a9a9;text-decoration:none;}
.pageNum a:visited	{line-height:25px;color:#a9a9a9;text-decoration:none;}
.pageNum a:active	{line-height:25px;color:#a9a9a9;text-decoration:none;}
.pageNum a:hover	{line-height:25px;color:#a9a9a9;text-decoration:none;}
.pageNum.on {border:1px solid #666;}
.pageNum.on a:link		{color:#444;}
.pageNum.on a:visited	{color:#444;}
.pageNum.on a:active	{color:#444;}
.pageNum.on a:hover		{color:#444;}
.pageNum i {line-height:25px;font-size:12pt;}
.dir-btn a:link		{color:#444;}
.dir-btn a:visited	{color:#444;}
.dir-btn a:active	{color:#444;}
.dir-btn a:hover	{color:#444;}

/* 카테고리 A형 */
.document_cate_a {font-size: 0;}
.document_cate_a > .tab {display: inline-block; width:16.66%; font-size: 15px; background-color: #f4f4f4; box-sizing: border-box; text-align: center; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; border-top:1px solid #dedede;}
.document_cate_a > .tab.tab_last {border-right: 1px solid #dedede;}
.document_cate_a > .tab:last-of-type {border-right: 1px solid #dedede;}
.document_cate_a > .tab .link {display: block; padding: 12px 0;}
.document_cate_a > .tab .link:hover {color: #fff; background-color: #333333;}
.document_cate_a > .tab .link.active {color: #fff; background-color: #333333;}

/* 애니효과 */
.ani_area{
	padding: 20px 0;
	background-color: #f2f2f2;
}
.admin_wch{
	color: #c13939;
	font-weight: 500;
	margin-bottom: 15px;
}

/* sns */
/* sns 버튼 */
.document_btn_sns {padding-top:40px; margin-bottom: 20px; text-align: center;}
.document_btn_sns .link {display: inline-block; margin: 0 2px; transition: transform 0.3s;}
.document_btn_sns .link.btn_sns_item {display:inline-block; vertical-align:middle; cursor: pointer;}
.document_btn_sns .link:hover {transform: rotate(15deg);}