.board .required{color:red; font-weight:bold;}
.board .pageTotal{position:relative; display:block; text-align:left; margin:20px 0 5px 0;}
.board .board_list{font-size:15px; width:100%; margin-top:10px;}
.board .board_list thead th{border-top:3px solid #61646c; border-bottom:1px solid #e4e4e4; padding:20px 0; font-weight:400;}
.board .board_list thead tr{background:#fafafa;}
.board .board_list tbody td{padding:15px 0; border-bottom:1px solid #e9e9e9; text-align:center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:5px;}
.board .board_list tbody th{padding:10px 0; border-bottom:1px solid #e9e9e9; text-align:center;}
.board .board_list tbody th.Bcolor{border-right:1px solid #e4e4e4; font-size:17px;}
.board .board_list tbody img{vertical-align:middle ! important;}
.board .board_list tbody td.subject{text-align:left;}
.board .home_btn{display:inline-block;}
.board .home_btn a{display:block; color:#fff; padding:5px 10px; background:#00c4a3;}
.board_info{font-size:15px;}
.board_info .board_info_page{width:100%; color:#333;}
.board_info .search_box span{font-weight:400; color:red;}
.board_info .search_box{position:relative; width:100%; margin-bottom:20px; background:#f8f8f8; padding:20px 0;}
.board_info{width:100%;}
.board_search{width:70%; margin:0 auto; height:100%;}
.board_search:after{content:""; float:none; clear:both; display:block;}
.board_search .search_all{width:19%; margin-right:1%; float:left;}
.board_search .search_title{width:80%; float:left;}
.board_search .styled{width:100%; font-size:14px; float:left; padding-left:8% !important; border:1px solid #cccccc; height:40px; font-weight:1; box-sizing:border-box; padding-left:2%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/sub/select_arrow01.gif') no-repeat right 8px center #fff; color: #3d3d3d;}
.board .board_info .search_box .board_search .textbox{width:calc(100% - 90px); float:left; box-sizing:border-box; border:1px solid #cccccc !important; height:40px; margin-top:0; font-weight:1; padding-left:2%;}
.searchbox{color: #fff; border-radius: 2px; background: #666; width:90px; float:left; box-sizing:border-box; height:40px; border-radius:0; border:none; color:#fff; padding:0 30px; cursor:pointer;}
.file_img{width:20px;}
.num{font-weight:1;}
.notice td a{font-weight:400; vertical-align:middle;}

span.ifile{background:url('../images/board/btn-file.png') no-repeat center 50%; text-indent:-9999px; display:block;}
.icon-new {display:inline-block; width:20px;}
.icon-lock {display:inline-block; width:17px;}

.board .webzine_list{border-top:3px solid #61646c; box-sizing:border-box; font-size:15px; width:100%; clear:both;}
.board .webzine_list ul{width:100%; }
.board .webzine_list ul li{width:100%; box-sizing:border-box; padding:20px 0; border-bottom:1px solid #d7d7d7;}
.board .webzine_list ul li a:hover{text-decoration:none;}
.border_none{border:none !important;}
.webzin_listbox{width:100%;}
.webzin_listbox:after{content:""; display:block; float:none; clear:both;}
.board .webzine_list .thumb{float:left; width:340px;  overflow:hidden; min-height:202px;}
.board .webzine_list .thumb img{height:100%;}
.board .webzine_list .txt{float:left; width:calc(100% - 340px);  min-height:210px;}
.board .webzine_list .txt dt{width:90%; margin:0 auto; color:#000; font-size:20px; padding-bottom:10px;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board .webzine_list .txt dd{width:90%; margin:0 auto;}
.board .webzine_list .txt .write_content{font-size:16px; color:#333; font-weight:100; padding-top:10px;
overflow: hidden;     display: -webkit-box;   -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    text-overflow: ellipsis;}
.board .webzine_list .txt .write_info{font-size:13px; color:#898989; font-weight:100; padding-top:10px;}
.board .webzine_list .txt .write_info span:after{content:"/"; font-weight:100; color:#898989; padding:0 10px;}
.board .webzine_list .txt .write_info span:last-child::after{content:"";}

@media only screen and (max-width: 670px){
	.board .webzine_list .thumb{float:none; width:100%;}
	.board .webzine_list .thumb img{width:100%;}
	.board .webzine_list .txt{float:none; width:100%; margin-top:20px;}
	.board .webzine_list .txt dt{width:100%;}
	.board .webzine_list .txt dd{width:100%;}
	.board .webzine_list .txt dd.f_btn_box{text-align:center;}
}
@media only screen and (max-width: 650px){
	.board .webzine_list .txt .write_info .hit{display:none;}
	.board .webzine_list .txt .write_info .name{display:none;}
	.board .webzine_list .txt .write_info span:after{content:"";}
}
@media only screen and (max-width: 400px){
	.board .webzine_list .thumb{float:none; width:100%;}
	.board .webzine_list .thumb img{width:100%;}
	.board .webzine_list .txt{float:none; width:100%;}
	.board .webzine_list .txt{margin-top:10px;}
	.board .webzine_list .txt .write_info{text-align:center;}
	.board .webzine_list .txt .write_info .name{display:inline-block;}
	.board .webzine_list .txt .write_info span:first-child::after{content:"/"; font-weight:100; color:#898989; padding:0 10px;}
}

.board .gallery_list{border-top:3px solid #61646c; box-sizing:border-box; font-size:15px; width:100%; clear:both; padding:10px 0;}
.board .gallery_list ul{width:100%;}
.board .gallery_list ul li{width:23%; border:1px solid #d7d7d7; box-sizing:border-box; float:left; margin:0 1%;}
.board .gallery_list:after{content:""; display:block; float:none; clear:both;}
.board .gallery_list ul li a:hover{text-decoration:none;}
.board .gallery_listbox{width:100%;}
.board .gallery_list .txt dt{width:90%; padding:10px 0;margin:0 auto;color:#333; font-weight:bold; font-size:14px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board .gallery_list .txt .write_info{text-align:center; font-size:12px; color:#898989; font-weight:100; padding-bottom:15px;}
.board .gallery_list .txt .write_info .date:after{content:"/"; font-weight:100; color:#898989; padding:0 10px;}

@media only screen and (max-width: 880px){
	.board .gallery_list ul li{width:31.3%; margin-bottom:10px;}
	.board .gallery_list .thumb img{height:280px ! important;}
}
@media only screen and (max-width: 600px){
	.board .gallery_list .thumb img{height:190px ! important;}
}
@media only screen and (max-width: 480px){
	.board .gallery_list ul li{width:48%; margin-bottom:10px;}
	.board .gallery_list .txt .write_info .date:after{content:"";  padding:0 ! important;}
	.board .gallery_list .txt .write_info .created{display:block;}
	.board .gallery_list .txt .write_info .date{display:block;}
	.board .gallery_list .thumb img{height:160px ! important;}
}

.board .navi{margin-top:15px; width:100%; height:100%; font-size:15px;}
.board .navi:after{content:""; display:block; float:none; clear:both;}
.board .navi a:hover{text-decoration:none;}
.board .navi .navi_admin{background:#3d4452 url('../images/board/setting.png') no-repeat 8px 50%; background-size:17px; width:80px; text-align:center; height:35px; float:left; font-size:16px; line-height:35px;}
.board .navi .navi_admin a{color:#fff; font-weight:1; display:block; padding-left:22px;}
.board .navi .navi_write{width:80px; text-align:center; height:40px; line-height:40px; float:right; font-size:16px; background:#3d4452 url('../images/board/i_write.png') no-repeat 13px 50%; background-size:17px; border-radius:3px;}
.board .navi .navi_write a{color:#fff; font-weight:1; display:block; padding-left:18px;}

.board .navi .pagination{text-align:center;}
.board .navi .pagination li a{font-size:12px; padding:5px 10px; font-weight:1; border:1px solid #d6d6d6; background:#fff; color:#333;}
.board .navi .pagination li.active a{background:#3d4452; color:#fff;  padding:5px 10px; font-size:12px; border:0;}
.board .navi .pagination .next{margin:0 0 0 4px; }
.board .navi .pagination .next a{ font-size:0px; padding:19px 14px 9px 13px; font-weight:1; background:url('../images/board/pagination_next.gif') no-repeat center left 7px; background-size:12px; text-indent:-1000px;}
.board .navi .pagination .prev a{font-size:0px; padding:18.5px 14px 9px 13px; font-weight:1; background:url('../images/board/pagination_prev.gif') no-repeat center left 7px; background-size:12px; }

.board .board_view{font-size:15px;}
.board .board_view .head{border-top:3px solid #61646c;}
.board .board_view .head .title{padding:20px 15px 20px 15px; font-weight:400; color:#000; font-size:18px; background:#f8f8f8; word-wrap:break-word;}
.board .board_view .head .info{padding:15px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:14px;}
.board .board_view .head .info dl:after{content:""; display:block; float:none; clear:both;}
.board .board_view .head .info dl{font-size:14px;display:inline-block; margin-left:15px;}
.board .board_view .head .info dl:first-child{margin-left:0;}
.board .board_view .head .info dl dt{float:left; color:#7c7777; font-weight:100;}
.board .board_view .head .info dl dt:after{content:"/"; font-weight:100; color:#333; padding:0 10px;}
.board .board_view .head .info dl dd{float:left; color:#333; font-weight:400;}
.board .board_view .head .info .responsive_dd_file_link a{border-radius:5px ; background:#487fd0; color:#fff; line-height:15px; text-align:center; padding:1px;}
.board .board_view .head .info .responsive_dd_file_link a:hover{text-decoration:none;}

.view_ctrl{width:100%; margin-top:15px; border:1px solid #d7d7d7; border-left:none; border-right:none; box-sizing:border-box; color:#333; font-weight:1; font-size:14px;}
.view_ctrl a:hover{text-decoration:none;}
.view_ctrl:after{content:""; display:block; float:none; clear:both; }
.view_ctrl dt.prev{float:left; width:220px;  color:#333; font-weight:bold; padding:10px 0; background:#fafafa; border-bottom:1px solid #e9e9e9; text-align:center;}
.view_ctrl dd{float:left; width:calc(100% - 220px); padding:10px 0; border-bottom:1px solid #e9e9e9;}
.view_ctrl dd a{white-space: nowrap; padding:0 20px; overflow: hidden; text-overflow: ellipsis; display: block;}
.view_ctrl dd a img{vertical-align:middle;}
.view_ctrl dt.next{float:left; width:220px;  color:#333; font-weight:bold; padding:10px 0; background:#fafafa; text-align:center;}
.view_ctrl dd .comment{border:1px solid red; float:left;}
.view_ctrl dd:last-child{border-bottom:none;}
.view_ctrl span.none{color:#ccc;}

.board_view .body .board_content{padding:30px 10px; color:#333; width:100%;}
.board .board_view .body .comment{border:1px solid #d7d7d7; margin-bottom:20px; background:#f8f8f8; margin-top:20px;}
.board .board_view .body .comment .title{background:#fff; padding:10px 0 10px 20px; font-weight:1;}
.board .board_view .body .comment_write{width:96%;  margin:0 auto; padding:20px 0;}
.board .board_view .body .comment_write:after{content:""; display:block; float:none; clear:both;}
#comment{float:left;height: 70px; width:calc(100% - 80px);  border: solid 1px #cbcbcb;    padding: 12px 10px 10px 14px;	box-sizing:border-box;}
.board .board_view .body .comment_write_btn{float:left; background:#52608d; border:none; color:#fff; font-weight:1; height:70px; width:70px; margin-left:10px;}
.board .board_view .body .comment_write_form .tac{font-size:14px; color:#333; font-weight:1;}
.board .board_view .body .comment_write_form .tac a:hover{text-decoration:none;}
.board .board_view .body .comment_write_form .tac a span{color:#52608d; font-weight:600;}
.board .board_view .body .board_content div{text-align:none ! important;}
.board .board_view .body .board_content{font-size:15px !important;}
.board .board_view .body .board_content img{max-width:100% ! important; display:block; margin-left:auto; margin-right:auto;}

.comment_list{border-top:1px dashed #d7d7d7; padding:10px 0; background:#fff;}
.comment_list ul{width:96%; margin:0 auto; }
.comment_list ul li dl{padding:10px 0; }
.comment_list ul li dl dt{color:#333; font-weight:400;}
.comment_list ul li dl dt span.user_id{font-weight:1;}
.comment_list ul li dl dt span.date{padding-left:20px; color:#7c7777; font-weight:1;}
.comment_list ul li dl dd{padding-top:20px; font-weight:1;}
.comment_list ul li dl.reply_bg{margin-left:0 ! important; border-top:none; border-bottom:1px solid #d7d7d7; padding-left:30px; background:url('../images/board/reply.png') no-repeat top 10px left 0; background-size:15px;}

.board .mesg_text{background:#f8f8f8; border:1px solid #d7d7d7;}
.board .mesg_text p{background:url('../images/board/etc_icon.png') no-repeat top 20px left 20px ; background-size:30px; font-size:14px;  padding:20px 20px 20px 60px; font-weight:1; word-break:break-all ! important;}
.board .write_board_info{padding:15px 0; text-align:right; background:url('../images/board/check_need.png') no-repeat top 50% right 115px ; background-size:8px; color:red; font-weight:100; font-size:14px;}
.board .board_write{border-top:3px solid #61646c;}
.board .board_write .item{width:100%; border-bottom:1px solid #d7d7d7;}
.board .board_write .item:after{content:""; display:block; float:none; clear:both;}
.board .board_write .item .item_head{width:21%; background:#f8f8f8; float:left; }
.board .board_write .item .item_head span{padding:0px 15%; line-height:50px; font-weight:400; font-size:14px; color:#333;}
.board .board_write .item .item_head span img{width:8px; vertical-align:middle; margin-right:2%; margin-top:-7%;}
.board .board_write .item .item_body{width:79%; background:#fff; float:left; }
.board .board_write .item .item_body span{padding:0px 1%; line-height:50px; font-weight:100; font-size:14px; color:#333;}
.board .board_write .item .item_body span #notice_yn{vertical-align:middle;}
.board .board_write .item .item_body span #secret_yn{vertical-align:middle;}
.board .board_write .item .item_body .body .textbox{padding-left:1%;width:98% ! important; height:30px; border:1px solid #ccc; box-sizing:border-box; font-weight:100; color:#7a777;}
.board .board_write .item_file{width:100%; height:158px; border-bottom:1px solid #d7d7d7;}
.board .board_write .item_file:after{content:""; display:block; float:none; clear:both;}
.board .board_write .item_file .item_head{width:21%; background:#f8f8f8; float:left;  height:100%;}
.board .board_write .item_file .item_head span{line-height:158px; padding:0px 15%; font-weight:400; font-size:14px; color:#333;}
.board .board_write .item_file .item_body{width:79%; background:#fff; float:left; height:100%; }
.board .board_write .item_file .item_body .textbox{width:98% ! important; height:32px; border:1px solid #ccc; box-sizing:border-box; font-weight:100; margin-left:1%; margin-right:1%; background:#f8f8f8; font-size:14px; color:#7a7777;}
.board .board_write .item_file .item_body .textbox:first-child{margin-top:12px;}

.board .board_write .navi{width:170px; margin:20px auto 0;}
.board .board_write .navi:after{content:""; display:block; clear:both; float:none;}
.board .board_write .navi .write_btn1{padding-left:24px; width: 80px; text-align: center; height: 35px; line-height: 35px; float: right; font-size: 16px; background: #3d4452 url("../images/board/i_write.png") no-repeat 8px 50%; background-size: 17px; float:left; border:none; margin-right:10px; color:#fff; cursor:pointer;}
.board .board_write .navi .write_list{ background: #3d4452 url("../images/board/write_list.png") no-repeat 14px 50%; background-size:13px; width: 80px; text-align: center; height: 35px; font-size: 16px; line-height: 35px; border:none; float:left;}
.board .board_write .navi .write_list a{display:block; color:#fff; padding-left:20px;}

#reaction_title_2{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
#reaction_title_2 img{padding:5px;}
#reaction_title_2 a:hover{text-decoration:none;}

.board_manager{width:90%;  margin:0 auto; margin-top:5%; }
.board_manager .blind{width:100%; background:#f8f8f8; padding:10px 0; border-toP:3px solid #61646c; text-align:center; font-size:16px; color:#333;}
.board_manager .item{width:100%; border-bottom:1px solid #d7d7d7; color:#333; font-size:14px; padding:13px 0;}
.board_manager .first input{background:#8e93a5 url("../images/board/delete.png") no-repeat 16% 50%; background-size:13px; border:1px solid #757a8d; color:#fff; cursor:pointer; padding-left:24px; font-size:16px;}
.board_manager .second input{background:#8e93a5 url("../images/board/moving.png") no-repeat 18% 50%; background-size:12px; border:1px solid #757a8d; color:#fff;
cursor:pointer; padding-left:24px; font-size:16px;}
.board_manager .second select{padding:2px 30px 4px 10px; margin-top:5px; -webkit-appearance:none; background:#fff url("../images/board/select_bg.png") no-repeat 90% 50%;}
.board_manager .second select option{color:red;}

@media (min-width:768px) and (max-width:1023px){
	.board_search{width:96%; margin:0 auto;}
}
@media only screen and (max-width: 710px){
	.board .board_view .head .info .responsive_dl_write{ width:48.5%; margin-left:0 ! important; }
	.board .board_view .head .info .responsive_dl_hit{ width:48.5%; margin-left:0 ! important; }
	.board .board_view .head .info .responsive_dl_created{ width:100%; margin-left:0 ! important; }
	.board .board_view .head .info .responsive_dl_file{ width:100%; margin-left:0 ! important; }
}
@media only screen and (max-width: 767px){
	#reaction_writer{display:none;}
	#reaction_file{display:none;}
	#reaction_views{display:none;}
	#reaction_number{width:1%;}
	#reaction_title{width:20%;}
	#reaction_day{}
	#reaction_writer_2{display:none;}
	#reaction_file_2{display:none;}
	#reaction_views_2{display:none;}
	#reaction_number_2{ }
	#reaction_title_2{margin-right:7%; max-width: 5px; white-space: nowrap;	overflow: hidden;text-overflow: ellipsis;}

	.board_info .fr{padding:2% 0;}
	.board_search{width:96%; margin:0 auto;	}
	.board_search .search_all{width:100%; float:none;}
	.board_search .search_title{width:100%; float:none;}

	.board_search .styled{width:100%; padding-left:3% ! important; background-position:96% 50%;}
	.board .board_info .fr .board_search .textbox{	margin-top:1% ! important;	padding-left:3% ! important;}
	.board .board_info .search_box .board_search .textbox{margin-top:1%;}
	.searchbox{margin-top:1%;}

	.default .default_title{width:70%;}
	.default .default_day{width:30%;}
	.default .default_sub{padding-left:2% ! important;}
	.default .default_day2{width:50%;}
	.default .default_mento{width:50%;}

	.view_ctrl dt.prev, .view_ctrl dt.next{width:100px;}
	.view_ctrl dd{width:calc(100% - 100px)}
}
@media only screen and (max-width: 430px){
	.board .board_write .item .item_head span{padding:0px 9%; }
	.board .board_write .item_file .item_head span{padding:0px 9%;}
}

.boardPage { margin-top:30px;text-align:center; margin-bottom:30px; }
.boardPage ul { display:inline-block;font-size:0; }
.boardPage ul li { display:inline-block; font-size:16px;margin:4px;}
.boardPage ul li a { display:block; width:45px; height:45px; line-height:45px; font-weight:bold; text-align:center; vertical-align:top;box-sizing:border-box; color:#999;border:1px solid #d5d5d5; font-size:16px;}
.boardPage ul li a img { vertical-align:middle;}
.boardPage ul li.first a{text-indent:-9999px; background:url("../images/common/btn-page-first.png") no-repeat center / 100%; border:0 none;}
.boardPage ul li.prev a{text-indent:-9999px; background:url("../images/common/btn-page-back.png") no-repeat center / 100%; border:0 none;}
.boardPage ul li.next a{text-indent:-9999px; background:url("../images/common/btn-page-next.png") no-repeat center / 100%; border:0 none;}
.boardPage ul li.last a{text-indent:-9999px; background:url("../images/common/btn-page-last.png") no-repeat center / 100%; border:0 none;}
.boardPage ul li.active a { background:#999; color:#fff; border-color:#999;}

.prg_gallery_list {width: 100%; margin-bottom: 20px; border-top: solid 2px #103e93;}
.prg_gallery_list ul {width: 100%; padding-top: 10px;}
.prg_gallery_list ul:after{content:""; display:block; float:none; clear:both;}
.prg_gallery_list ul li {width: 23%; margin:10px 1%; float:left; border:1px solid #ccc; box-sizing:border-box;}
.prg_gallery_list ul li.nodata {width:100%;margin:-10px 0 0 0 ;float:none;border-left:none;border-right:none;}
.prg_gallery_list ul li .img { width:100%;}
.prg_gallery_list ul li .img a {display:block; position:relative; padding-top:70%; overflow:hidden; }
.prg_gallery_list ul li .img img {max-width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0;}
.prg_gallery_list ul li .img img.no_img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto;}
.prg_gallery_list ul li .txt{text-align:center;}
.prg_gallery_list ul li .txt a{display:block;}
.prg_gallery_list ul li .txt .desc{padding: 10px; display:block; text-align:center; font-weight:bold; font-size:17px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.prg_gallery_list ul li .txt .desc .res_hide input{display:block; margin:0 auto; margin-bottom:10px;}
.prg_gallery_list ul li .txt .date {font-size:13px; color:#777; padding-bottom:10px; display:block;}

@media only screen and (max-width: 800px){
	.boardPage{margin-top:15px;}
	.boardPage ul li a{width:26px; height:26px; line-height:26px; font-size:13px;}
}