@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;
	}

}

.ba_list {
	display:flex;
	flex-wrap: wrap;
	margin:0 -24px;
	padding-top: 50px;
}

.ba_box {
	float: left;
	width: 25%;
	padding: 0 24px;
	margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
	.ba_box {
		width: 100%;
		padding: 0 12px;
		margin-bottom: 12px;
	}
}

.img_area {
	width: 100%;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	position: relative;
}

.img_area img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
}

.text_area {
	padding: 1rem 0.5rem;
	text-align: center;
	border-top: 1px solid #e7e7e7;
	background-color: #f5f5f5;
}

.text_area strong {
	line-height: 1.3;
	height: 3.0em;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow:hidden;
	font-weight: 500;
	font-size: 1.6rem;
}

.sub_text_area {
	opacity: 0.7;
	font-size: 1.5rem;
}

.sub_text_area .text_branch {
	padding-right: 0.5rem;
	position: relative;
	display: inline-block;
}
.text_branch::after {
	right: -0.5px;
	content:'';
	position: absolute;
	top: -25%;
	width: 3px;
	height: 1em;
	margin-top: 0.4em;
	background-color: #ccc;
}

.sub_text_area .text_date {
	padding-left: 0.25rem;
	position: relative;
	display: inline-block;
}

.list_empty {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-weight: 400;
	height: 400px;
	position: relative;
}

.list_empty span {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.photo_view .photo_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1.5rem;
	border-bottom: 2px solid #8c1217;
}

.photo_view .photo_header .title {
	max-width: calc(100% - 30px);
}

.photo_view .photo_header strong.tit {
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: -0.025em;
	color: #222;
}

.photo_view .photo_header .share {
	position: relative;
}

.photo_view .photo_header span.date {
	font-family: "Campton";
	font-size: 16px;
	color: #666;
	letter-spacing: 0.025em;
	margin-top: 12px;
}

.photo_view .photo_main {
	display: flex;
	flex-direction: row;
}

.photo_main .photo_right {
	width: 80%;
	padding: 1.5rem;
}

.photo_main .photo_left {
	width: 20%;
	padding: 3.5rem 1.5rem;
}

.photo_con {
	padding: 2rem;
	background-image: url(../../../../image/common/frame.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	margin: 0 auto;
	max-width: 960px;
	aspect-ratio: 1.4/1;
	align-items: center;
	gap: 10px;
}

.photo_con .photo_img_before,
.photo_con .photo_img_after {
	width: 50%;
	aspect-ratio: 1.4/1;
	overflow: hidden;
}

.photo_img {
	background-image: url(../../../../image/common/frame.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	margin: 0 auto;
	aspect-ratio: 2/1;
	max-width: 1000px;
	align-items: center;
	gap: 5px;
	padding: 1rem;
}

.photo_img .photo_img_before,
.photo_img .photo_img_after {
	width: 50%;
	aspect-ratio: 1.4/1;
	overflow: hidden;
}

.photo_img .img_area img {
	position:absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
}
.photo_video {
	background-image: url(../../../../image/common/frame2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	aspect-ratio: 2/1;
	max-width: 1000px;
	align-items: center;
	padding: 1rem;
}

.photo_video .photo_video_main {
	width:100%;
	aspect-ratio: 1.4/1;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.photo_video .photo_video_main .loginPlz_video::before { 
	content:"\f023";
	font-family: FontAwesome;
	width: 20px;
	font-size: 2.0rem;
}

.photo_video .photo_video_main .loginPlz_video {
	position: absolute;
	background: rgba(255,255,255,0.95);
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	font-size: 1.2rem;
}

.photo_video .photo_video_main video {
	width: 100%;
	height: 100%;
	object-fit: cover;      /* 핵심 */
	object-position: center;
}
.video_con {
	background-image: url(../../../../image/common/frame2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	aspect-ratio: 1.3/1;
	max-width: 960px;
	margin-top: 5rem;
	align-items: center;
	padding: 2rem;
}

.video_con .photo_video {
	width: 100%;
	aspect-ratio: 1.4/1;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

	.video_con {
		aspect-ratio: 1/2;
	}

	.video_con .photo_video {
		aspect-ratio: 1/2;
	}
}

.date_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
}

.photo_view .content_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
}

.photo_view .base_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 600;
	padding-top: 1.5rem;
	white-space: pre-line;
}

.photo_view .notice_con {
	text-align: center;
	font-size: 2.0rem;
	font-weight: 400;
	padding-top: 1.5rem;
	white-space: pre-line;
	opacity: 0.5;
}

.photo_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;
}

.photo_view .view_arrow {
	width: 34%;
	letter-spacing: -0.025em;
}

.photo_view .view_next {
	text-align: right;
}

.photo_view .list_btn a {
	display: block;
	width: 25px;
}

.photo_view .list_btn a span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #222;
	margin: 5px 0;
}

.branch_con > p {
	font-size: 2rem;
	font-weight: 600;
}

.photo_left .branch_con button {
	width: 100%;
	background-color: var(--emphasis);
	font-size: 1.7rem;
	font-weight: 600;
	text-align: left;
	position: relative;
	margin-top: 1.5rem;
	padding: 1.5rem 2rem;
}

.photo_left .link_name {
	color: #fff;
}

.photo_left .btn_img {
	position: absolute;
	top: 35%;
	right: 1.5rem;
	width: 16px;
	height: 13px;
	background: url('../../../../image/common/branch_arrow.png') no-repeat center / contain;
}