@charset "utf-8";

/* 공통 스타일 */
.content {margin-top:20rem;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.2;font-weight:700;font-size: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:#767676;}
.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:var(--main_color);}
.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-bottom:20px;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 .boardViewFile {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 .boardViewFile {flex-direction:column;gap:15px;padding:15px 15px;}
		.view_box .boardViewFile p {flex-direction:column;align-items: flex-start;gap:10px;}
		.view_box .boardViewFile p a img {margin-top:-2px;}
		.view_box .boardViewFile .btn_down {height:30px;line-height:30px;}
		.view_box .boardViewFile .btn_down img {margin-top:1px;}
	}

/* 비급여 */
.tableA {width:100%;border-bottom:1px solid #ccd6dd;word-break:normal;}
.tableA thead th {padding:12px 20px;background:#0071bc;border-left:1px solid #ccd6dd;border-top:1px solid #9ed5d5;color:#fff;}
.tableA thead th:first-child {border-left:0;}
.tableA tfoot th {padding:12px 20px;background:#e8e8e2;border-top:1px solid #ccd6dd;}
.tableA tfoot td {padding:12px 20px;border-left:1px solid #ccd6dd;border-top:1px solid #ccd6dd;background:#e8e8e2;}
.tableA tbody th {padding:12px 20px;border-left:1px solid #ccd6dd;border-top:1px solid #ccd6dd;vertical-align:middle;font-weight:700;color:#0071bc;background:#f2faff;}
.tableA tbody td {padding:15px 10px;border-left:1px solid #ccd6dd;border-top:1px solid #ccd6dd;}
.tableA tbody tr th:first-child,
.tableA tbody tr td:first-child {border-left:0;}
.tableA tbody tr:first-child th,
.tableA tbody tr:first-child td {border-top:1px solid #ccd6dd;}
.tableA tbody tr th.bd_none,.tableA tbody tr td.bd_none,
.tableA thead tr th.bd_none,.tableA thead tr td.bd_none {border-left:0;}
.tableA tbody tr th.bd_left,.tableA tbody tr td.bd_left {border-left:1px solid #ccd6dd;}
.tableA thead tr th.bd_left,.tableA thead tr td.bd_left {border-left:1px solid #ccd6dd;}
	@media only screen and (max-width:1023px){
	}
	@media only screen and (max-width:767px){
        .tableA thead th,
        .tableA thead td,
        .tableA tbody th, 
        .tableA tbody td {padding:10px 10px;font-size:1.4rem;}
	}