@charset "utf-8";

/* 
원내소식1 / 2025-02-07 전성용 추가 
참고사이트 : 우딘 (list, view)
*/
.subtabarea{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0vw 40px;
	position: relative;
	z-index: 60;
	box-sizing: border-box;
	border-bottom:1px solid #000;
}

.subtabarea .subtab{display: block;}
.subtabarea .subtab>li{display: inline-block;height:50px;width:auto;border-radius:20px;margin-right:10px;box-sizing:content-box;background:#eaeaea;}
.subtabarea .subtab>li>a{ padding:0 26px;display: flex;width:100%;height:100%;align-items:center;justify-content:center;letter-spacing:-0.02em;
font-size:20px;color:rgba(0,0,0,0.85);font-weight: 400;}
.subtabarea .subtab>li.on{background: #1f1f1f;}
.subtabarea .subtab>li.on>a{font-size:20px;color:rgba(255,255,255,1);font-weight: 300;}
.subtabarea .subtab>li{opacity:1;}


.news_list{
	margin:50px 0 100px;
	display: flex;
	flex-wrap: wrap;
}

.news_list .hover .more {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	letter-spacing: -0.025em;
	opacity: 0.8;
	padding-right: 15px;
	margin-top: 25px;
	background: url(../../../../image/icon/more_icon.png) no-repeat center right;
}

.news_list li {position: relative;width:calc(33.333% - 27px);margin: 40px 40.5px 0 0;cursor:pointer;}
@media screen and (min-width: 1280px) {
	.news_list li:nth-child(3n) {margin-right: 0;}
	.news_list li:nth-child(-n + 3) {margin-top: 0;} 
	.news_list li .img {position: relative;padding-bottom: 100%;border-radius:5px;overflow: hidden;}
	.news_list li .hover {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,0.6);
		opacity: 0;
		visibility: hidden;
		transition:0.5s;
		border-radius: 5px;
	}
	.news_list li:hover .hover {opacity: 1;visibility: visible;}
	.news_list li .hover p.hover_txt {font-size: 22px;color: #fff;line-height: 1.75;text-align: center;letter-spacing: -0.025em;}
}

/* view */
.view {}
.view .inner {border-top: 1px solid #ccc;}
.view .view_header {display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding-top: 37px;}
.view .view_header .cate_g {width:100%;}
.view .view_header .cate_g {display: flex;flex-wrap:wrap;margin-bottom: 15px;}
.view .view_header .cate_g .cate {display: block;padding: 5px 12px;font-size:14px;color: #fff;letter-spacing: -0.025em;margin-right:5px;border-radius:5px;}
.view .view_header .cate_g .cate1 {background:#467f5a;}
.view .view_header .cate_g .cate2 {background:#103837;}

.view .view_header .title {max-width: calc(100% - 30px);}
.view .view_header .title>* {display:block;}
.view .view_header strong.tit {font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#222;}
.view .view_header span.date {font-family:"Campton";font-size:16px;color:#666;letter-spacing: 0.025em;margin-top: 12px;} 
.view .share {position: relative;}
.view .share a.file_down {margin-right:30px;}
.view .share_g {position: absolute;top: -85px;left: -105px;display: flex;background: #fff;padding:16px 20px;border-radius: 5px;box-shadow: 4px 3px 12px 4px #00000014;transform: scale3d(0, 0, 0);transition:transform 0.3s;}
.view .share_g:after {content:"";position: absolute;bottom: -7px;left: 50%;width:13px;height: 13px;background: #fff;margin-left: -6px;transform: rotate(45deg);}
.view .share_g.on {transform: scale3d(1, 1, 1);}
.view .share_g a {margin: 0 3px;}
.view .view_con {padding: 100px 0; font-size:1.6rem;}
.view .view_con img {max-width: 100%;}

.view .view_control {display: flex;justify-content:space-between;align-items:center;padding: 40px 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.view .view_arrow {width: 34%;letter-spacing:-0.025em;}
.view .view_arrow a {display: block;}
.view .view_arrow span.page_arrow {display: inline-block;font-family:"Campton";font-size:17px;font-weight: 600;color: #222;}
.view .view_arrow p {height: 25px;font-size: 17px;font-weight: 300;color: #555;margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .view_next {text-align: right;}
.view .list_btn a {display: block;width:25px;}
.view .list_btn a span {display: block;width: 100%;height:2px;background: #222;margin:5px 0;}

.view .img{width:100%; overflow:hidden; margin-top:30px; text-align:center;}

.view .img img{ margin:0 auto;}

.view .notice_area{

	padding:10px;
	margin-top:20px;
	text-align:center;
}


@media screen and (min-width:768px) and (max-width:1279px) {

/*태블릿*/
.news_list {display: flex;flex-wrap:wrap;}
.news_list li {width: calc(50% - 20px);margin: 40px 40px 0 0;cursor:pointer;}
.news_list li:nth-child(even) {margin-right: 0;}
.news_list li:nth-child(-n + 2) {margin-top: 0;} 
.news_list li .img {position: relative;padding-bottom: 100%;border-radius:5px;overflow: hidden;}
.news_list li .hover {}
.news_list li .hover p.hover_txt {font-size: 22px;color: #333;line-height: 1.75;text-align: center;letter-spacing: -0.025em;margin-top:15px;}

/* view */
.view {}
.view .view_header {display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;padding-top: 37px;border-top: 1px solid #ccc;}
.view .view_header .cate_g {width:100%;}
.view .view_header .cate_g {display: flex;flex-wrap:wrap;margin-bottom: 15px;}
.view .view_header .cate_g .cate {display: block;padding: 5px 12px;font-size:14px;color: #fff;letter-spacing: -0.025em;margin-right:5px;border-radius:5px;}
.view .view_header .cate_g .cate1 {background:#467f5a;}
.view .view_header .cate_g .cate2 {background:#103837;}
.view .view_header .title {max-width: calc(100% - 30px);}
.view .view_header .title>* {display:block;}
.view .view_header strong.tit {font-size:24px;font-weight: 500;letter-spacing:-0.025em;color:#222;}
.view .view_header span.date {font-family:"Campton";font-size:16px;color:#666;letter-spacing: 0.025em;margin-top: 12px;} 
.view .share {position: relative;}
.view .share a.file_down {margin-right:30px;}
.view .share_g {position: absolute;top: -85px;left: -105px;display: flex;background: #fff;padding:16px 20px;border-radius: 5px;box-shadow: 4px 3px 12px 4px #00000014;transform: scale3d(0, 0, 0);transition:transform 0.3s;}
.view .share_g:after {content:"";position: absolute;bottom: -7px;left: 50%;width:13px;height: 13px;background: #fff;margin-left: -6px;transform: rotate(45deg);}
.view .share_g.on {transform: scale3d(1, 1, 1);}
.view .share_g a {margin: 0 3px;}
.view .view_con {padding: 100px 0;}
.view .view_con img {max-width: 100%;}
.view .view_slide {margin-bottom: 90px;}
.view .view_slide .slide_tit {display: block;font-size:30px;font-weight: 500;color: #222;letter-spacing:-0.025em;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 60px;}
.view .view_slide_g {overflow: hidden;}
.view .view_slide_g .slide_item {width: calc(25% - 24px);margin-right: 32px;}
.view .view_slide_g .slide_item:last-child {margin-right: 0;}
.view .view_slide_g .slide_item .img {width: 100%;padding-bottom: 119.5%;border-radius:5px;}
.view .view_slide_g .slide_item .hover_img {display: none;}
.view .view_slide_g .slide_item p {font-size: 20px;font-weight: 300;color: #111;letter-spacing: -0.025em;margin-top: 15px;}
.view .view_slide .slide_arrow {position:relative;display:flex;width: 78px;float: right;margin-top: 30px;}
.view .view_slide .slide_arrow:before {content:"";position:absolute;top:50%;left:50%;width:1px;height:20px;background:#ccc;margin-top:-10px;}
.view .view_slide .slide_arrow>div {width:14px;height:27px;cursor:pointer;}
.view .view_slide .slide_arrow>div.slide_prev {background:url(/images/page/slide_prev.png) no-repeat center / contain;margin-right: 25px;}
.view .view_slide .slide_arrow>div.slide_next {background:url(/images/page/slide_next.png) no-repeat center / contain;margin-left: 25px;}
.view .view_control {display: flex;justify-content:space-between;align-items:center;padding: 40px 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.view .view_arrow {width: 34%;letter-spacing:-0.025em;}
.view .view_arrow a {display: block;}
.view .view_arrow span.page_arrow {display: inline-block;font-family:"Campton";font-size:17px;font-weight: 600;color: #222;}
.view .view_arrow p {height: 25px;font-size: 17px;font-weight: 300;color: #555;margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.view .view_next {text-align: right;}
.view .list_btn a {display: block;width:25px;}
.view .list_btn a span {display: block;width: 100%;height:2px;background: #222;margin:5px 0;}

}

@media screen and (max-width: 767px) {

.subtabarea{
width:100%;margin:0 auto;padding:30px 4vw 30px; position: relative;z-index:60; box-sizing:border-box;
overflow-x: auto;
	overflow-y: hidden;
}
.subtabarea .subtab{display: block;}
.subtabarea .subtab>li{display: inline-block;height:48px;width:auto;border-radius:27px;margin-right:10px; box-sizing:content-box; background:#eaeaea;}
.subtabarea .subtab>li>a{font-family: "Campton"; padding:0 26px;display: flex;width:100%;height:100%;align-items:center;justify-content:center;letter-spacing:-0.02em; font-size:15px;color:rgba(0,0,0,0.85);font-weight: 500;}
.subtabarea .subtab>li.on{background: #1f1f1f;}
.subtabarea .subtab>li.on>a{font-size:15px;color:rgba(255,255,255,1);font-weight: 300;font-family: "Campton";}


/*모바일*/
.news_list {display: flex;flex-wrap:wrap;}
.news_list li {width: 100%;margin:45px 0 0 0;cursor:pointer;}
.news_list li:nth-child(1) {margin-top: 0;} 
.news_list li .img {position: relative;padding-bottom: 136.5%;border-radius:5px;overflow: hidden;}
.news_list li .hover {}
.news_list li .hover p.hover_txt{font-size:14px;font-weight:500;color: #333;opacity: 0.9;line-height: 1.75;text-align: center;margin-top:15px;}

/* view */
.view {}
.view .view_header {display:flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;padding-top: 35px;border-top: 1px solid #ccc;}
.view .view_header .cate_g {display: flex;flex-wrap:wrap;margin-bottom: 10px;width: 100%;}
.view .view_header .cate_g .cate {display: block;padding: 3px 7px;font-size: 12px;color: #fff;letter-spacing: -0.025em;margin-right: 5px;border-radius: 3px;}
.view .view_header .cate_g .cate1 {background:#467f5a;}
.view .view_header .cate_g .cate2 {background:#103837;}
.view .view_header .title {
    width: 100%;
    margin-bottom: 10px;
}
.view .view_header .title>* {display:block;}
.view .view_header strong.tit {font-size: 17px;font-weight: 500;letter-spacing:-0.025em;color:#222;}
.view .view_header span.date {font-family:"Campton";font-size: 12px;color:#666;letter-spacing: 0.025em;margin-top: 12px;} 
.view .share {position: relative;}
.view .share a.file_down {margin-right:20px;}
.view .share_g {position: absolute;top: -65px;right: 0;display: flex;background: #fff;padding: 9px 10px;border-radius: 5px;box-shadow: 4px 3px 12px 4px #00000014;transform: scale3d(0, 0, 0);transition:transform 0.3s;}
.view .share_g:after {content:"";position: absolute;bottom: -7px;right: 20px;width:13px;height: 13px;background: #fff;transform: rotate(45deg);}
.view .share_g.on {transform: scale3d(1, 1, 1);}
.view .share_g a {margin: 0 3px;}
.view .share_g a img {width: 25px;}
.view .view_con {padding: 70px 0;}
.view .view_con img {max-width: 100%;height: auto !IMPORTANT;}
.view .view_slide {margin-bottom: 50px;}
.view .view_slide .slide_tit {display: block;font-size: 21px;font-weight: 500;color: #222;letter-spacing:-0.025em;padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 40px;}
.view .view_slide_g {overflow: hidden;}
.view .view_slide_g .slide_item {width: calc(50% - 8px);margin-right: 16px;}
.view .view_slide_g .slide_item:last-child {margin-right: 0;}
.view .view_slide_g .slide_item .img {width: 100%;padding-bottom: 119.5%;border-radius:5px;}
.view .view_slide_g .slide_item .hover_img {display: none;}
.view .view_slide_g .slide_item p {font-size: 12px;font-weight: 300;color: #111;letter-spacing: -0.025em;margin-top: 15px;}
.view .view_slide .slide_arrow {position:relative;display:flex;/* width: 78px; */float: right;margin-top: 30px;}
.view .view_slide .slide_arrow:before {content:"";position:absolute;top:50%;left:50%;width:1px;height:20px;background:#ccc;margin-top:-10px;}
.view .view_slide .slide_arrow>div {width: 10px;height: 17px;cursor:pointer;}
.view .view_slide .slide_arrow>div.slide_prev {background:url(/images/page/slide_prev.png) no-repeat center / contain;margin-right: 17px;}
.view .view_slide .slide_arrow>div.slide_next {background:url(/images/page/slide_next.png) no-repeat center / contain;margin-left: 17px;}
.view .view_control {display: flex;justify-content:space-between;align-items:center;padding: 24px 12px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.view .view_arrow {width: 34%;letter-spacing:-0.025em;}
.view .view_arrow a {display: block;}
.view .view_arrow span.page_arrow {display: inline-block;font-family:"Campton";font-size: 12px;font-weight: 600;color: #222;}
.view .view_arrow p {height: 25px;font-size: 17px;font-weight: 300;color: #555;margin-top:10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: none;}
.view .view_next {text-align: right;}
.view .list_btn a {display: block;width: 18px;}
.view .list_btn a span {display: block;width: 100%;height:2px;background: #222;margin: 3px 0;}

}


.paging {display:flex;justify-content:center;align-items:center;text-align:center;margin-top:100px; margin-bottom:50px;}
.paging * {display:block;width:40px;height:40px;font-family:"Campton";font-size:15px;font-weight:600;color:#403e41;line-height:38px;margin:0 2px;}
.paging strong {position: relative;color:#000;}
.paging strong:before {content:"";position: absolute;bottom: 8px;left:50%;width: 13px;height:2px;background:#000;margin-left: -6px;}
.paging a.page_begin {border:1px solid #ddd;border-radius: 3px;background:url(../../../../image/page/page_start.png) no-repeat center;}
.paging a.page_prev {border:1px solid #ddd;border-radius: 3px;background:url(../../../../images/page/page_prev.png) no-repeat center;}
.paging a.page_next {border:1px solid #ddd;border-radius: 3px;background:url(../../../../images/page/page_next.png) no-repeat center;}
.paging a.page_end {border:1px solid #ddd;border-radius: 3px;background:url(../../../../images/page/page_end.png) no-repeat center;}

/* 
전후사진 / 2025-02-07 전성용 추가 
참고사이트 : 우딘 (list, view)
*/

/* 비급여수가표 */
.non-reim-cont{

	overflow: auto;
    width: 100%;
	max-width:1280px;
	margin:100px auto;

}

.non-reim-cont .non-reim-cont-txt{

	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;

}

.non-reim-cont .non-reim-cont-txt .text{
	
}

.non-reim-cont .non-reim-cont-img{
	width:100%;
}

.non-reim-cont .non-reim-cont-img img{
	width:100%;
}

.inner-table-wrap {
	position: relative;
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 10rem;
	padding-bottom: 10rem;
}

@media screen and (max-width: 767px) {

	.non-reim-cont{
		overflow: auto;
		width: 100%;
		max-width:760px;
		margin:50px auto;
	}

}