@charset "utf-8";

/* 공통 스타일 */
.content {margin-top:5rem;margin-bottom:10rem;}

/* 일반게시판(상세) */
.view_box {border-top:2px solid #222;}
.view_box .top {border-bottom:1px solid#ddd;text-align: center;padding-top:45px;}
.view_box .top .sttit {display:flex;flex-direction:column;padding:10px 30px 0 30px;margin-bottom:45px;line-height:1;font-weight:700;font-size:3.3rem;color:#222;}
.view_box .top .etc {padding:20px 15px;font-weight:400;border-top:1px dashed #ddd}
.view_box .top .etc span {display:inline-block;margin-right:15px;padding-right:25px;border-right:1px solid #e5e5e5;}
.view_box .top .etc span:last-child {margin-right:0;padding-right:0;border-right:0;}
.view_box .top .etc span em {display:inline-block;margin-right:12px;color: #222;}
.view_box .content_box {padding:50px 30px;line-height:1.7;font-size:1.7rem;color:#4a4a4a;}
.view_box .content_box img {max-width:100%;}
.view_box .boardViewFile {display:flex;flex-wrap:wrap;gap:2rem;padding:20px 30px 18px 30px;border-top:1px solid #e5e5e5;}
.view_box .boardViewFile p {display:flex;align-items:center;gap:70px;width:100%;}
.view_box .boardViewFile p a {display:flex;gap:8px;line-height: 1.2;width:100%;}
.view_box .boardViewFile p a img {opacity: 0.5;transform: translateY(-2px);}
.view_box .boardViewFile p a span {margin-top:2px;font-size:1.6rem;color:#62d491;}
.view_box .boardViewFile p a:is(:hover, :focus, :active) {}
.view_box .public_box {margin:0;border-radius: 0;}
.view_np_box {display: flex;justify-content: center;align-items: center;}

.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid#e5e5e5;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #e5e5e5;border-top:1px dashed #e5e5e5;}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
@media only screen and (max-width:1199px){
	.view_box .top .sttit {padding:7px 30px 0 30px;}
}
@media only screen and (max-width:1023px){
	.view_box .top {padding-top:40px;}
	.view_box .top .sttit {padding:7px 20px 0 20px;}
	.view_box .content_box {padding:30px 20px;font-size:1.8rem;}
	.view_box .file_box {gap:25px;padding:25px 20px;}
}
@media only screen and (max-width:767px){
	.view_box .top {padding-top:28px;}
	.view_box .top .sttit {line-height:1;padding:5px 15px 0 15px;margin-bottom:28px;font-size:2.3rem;}
	.view_box .top .etc {padding:15px 15px;}
	.view_box .content_box {padding:20px 15px;font-size:1.6rem;}
	.view_box .file_box {flex-direction:column;gap:15px;padding:15px 15px;}
	.view_box .file_box .file_d {flex-direction:column;align-items: flex-start;gap:10px;}
	.view_box .file_box .file_d a img {margin-top:-2px;}
	.view_box .file_box .btn_down {height:30px;line-height:30px;}
	.view_box .file_box .btn_down img {margin-top:1px;}
}