/* 버튼 */
.btn_more { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 2rem; height: 2rem; background: #f6f6f6; color: #000000; font-size: 1.1rem; position: absolute; }
/* 버튼 : active */
.btn_more i { transition: 0.2s; }
.btn_more:hover i,
.btn_more:focus i { transform: rotate(180deg); }

/* 타이틀 */
h2.heading { flex: 1; white-space: nowrap; overflow: hidden; color: #000000; font-weight: bold; font-size: 1.3rem; line-height: 1; }

/* 아이콘이 들어간 타이틀 */
.titWrap.hasIco { padding-right: 2.5rem; }
.titWrap.hasIco span { display: flex; gap: 0.75rem; align-items: center; color: #000000; font-size: 1.1rem; font-weight: bold; line-height: 1.3rem; height: 2rem; overflow: hidden; white-space: nowrap; }
.titWrap.hasIco span > i { font-size: 1.3rem; font-weight: 400 !important; }

/* 비주얼 */
.Mvisual {position:relative; border-radius: 1.5rem; isolation: isolate; overflow: hidden; }
.Mvisual .control { display: flex; align-items: center; gap: 0.5rem; position: absolute; bottom: 2.5rem; right: 2.5rem; }
.Mvisual .control > a { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #f6f6f6; color: #000000; font-size: 1.3rem; width: 2.5rem; height: 2.5rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.06); }
.Mvisual .control > a.play { display: none; }
.Mvisual .item a { font-size: 0; line-height: 0; display:block; width:100%; }
.Mvisual .item a img { max-width: 100%; width:100%; }
/* 비주얼 : active */
.Mvisual .control > a { transition: 0.2s; }
.Mvisual .control > a:hover,
.Mvisual .control > a:focus { background: #90c31f; color: #fff; }

/* 부서별 안내전화 */
.callLst { position: relative; display: flex; align-items: center; justify-content: end; width: 100%; }
.callLst ul { display: flex; align-items: center; gap: 1.25rem; }
.callLst ul li { display: flex; align-items: baseline; color: #000000; font-size: 1rem; font-weight: 300; }
.callLst ul li > span { font-weight: bold; font-size: 2rem; }
.callLst ul li:first-child > span { color: #1463dd; }
.callLst ul li:last-child > span { color: #007158; }
.callLst ul li > em { margin: 0 0.35rem; }
.callLst > a {width: 27rem; margin-left: 2.5rem; border-radius: 1.5rem; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); padding: 0.75rem 2.75rem 0.75rem 1rem; display: inline-flex; align-items: center; gap: 0.5rem; color: #000000; font-size: 0.9rem; position: relative; }
.callLst > a::before { position: absolute; content: "\f2e5"; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 1rem; font-family: 'remixicon'; }
.callLst > a > i { font-size: 1.2rem; }

@keyframes arrowMove {
	0% { opacity: 0; transform: translate(-5px, -50%); }
	100% { opacity: 1; transform: translate(0, -50%); }
}

/* 부서별 안내전화 : active */
.callLst > a:hover::before,
.callLst > a:focus::before { animation: arrowMove 1s infinite ease-in-out; }

/* 바로가기 */
.linkC1 {position: relative; }
.linkC1 ul { display: flex; justify-content: space-between; gap: 0.95rem; }
.linkC1 ul li { flex: 1; }
.linkC1 ul li a { position:relative; display: flex; flex-direction: column; border-radius: 1.5rem; height: 13.5rem; padding: 1.5rem 2rem 2rem; } 
.linkC1 ul li a > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 1.1rem; color: #000000; }
.linkC1 ul li a > p { word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 2.4rem; line-height: 1.2rem; margin-top: 0.75rem; color: #444444; }
.linkC1 ul li a > em { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; position: absolute; bottom: 2rem; left: 2rem; width: 2rem; height: 2rem; background: #fff; color: #000000; }
.linkC1 ul li a > img { position: absolute; }

@keyframes alarmClock {
	0%, 100% {
	  transform: translateY(0)
	}

	50% {
		transform: translateY(-5px)
	  }

  }

.linkC1 ul li.lst01 a { background: rgba(63,120,233,0.2); }
.linkC1 ul li.lst01 a > img { bottom: -0.5rem; right: -0.25rem; }
.linkC1 ul li.lst02 a { background: rgba(24,178,136,0.15); }
.linkC1 ul li.lst02 a > img { bottom: -0.55rem; right: -0.4rem; }
/* 바로가기 : active */
.linkC1 ul li a > span,
.linkC1 ul li a > p,
.linkC1 ul li a > em { transition: 0.2s; }
.linkC1 ul li a { transition: background-color 0.2s; }
.linkC1 ul li a:hover > img,
.linkC1 ul li a:focus > img { animation: alarmClock 1s infinite ease-in-out; }
.linkC1 ul li a:hover span,
.linkC1 ul li a:focus span,
.linkC1 ul li a:hover p,
.linkC1 ul li a:focus p { color: #fff !important; }
.linkC1 ul li a:hover > em,
.linkC1 ul li a:focus > em { background: rgba(0,0,0,0.2); color: #fff; }
.linkC1 ul li.lst01 a:hover,
.linkC1 ul li.lst01 a:focus { background: #3f82e9 url('/images/bohun/template/C1/main/link01_Bg.png') no-repeat right bottom; }
.linkC1 ul li.lst02 a:hover,
.linkC1 ul li.lst02 a:focus { background: #18b288 url('/images/bohun/template/C1/main/link01_Bg.png') no-repeat right bottom; color: #fff !important; }

/* 의료진 소개 */
.introduce { position: relative; width: 100%; } 
.introduce .btn_more { height: 2.3rem; right: 1.1rem; }
.introduce .titWrap { display: flex; align-items: center; margin-bottom: 0.75rem; }
.introduce .titWrap .control { display: flex; align-items: center; border-radius: 1.5rem; background: #f4f4f4; padding: 0 2.75rem 0 1.25rem; height: 2.3rem; }
.introduce .titWrap .control a { display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; color: #000000; }
.introduce .titWrap .control a.play { display: none; }
.introduce .titWrap .control a.play,
.introduce .titWrap .control a.stop { margin: 0 0.15rem; } 
.introduce .titWrap .control .page { display: flex; align-items: center; margin-right: 0.5rem; font-weight: 200; color: #000000; }
.introduce .titWrap .control .page > strong { font-weight: bold; color: #3f82e9; }
.introduce .titWrap .control .page > span { position: relative; margin-left: 0.6rem; padding-left: 0.6rem; }
.introduce .titWrap .control .page > span::before { position: absolute; content: ""; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); background: #cccccc; width: 0.2rem; height: 0.2rem; } 
.introduce .introBox { display: flex;  padding-right: 1rem; }
.introduce .introBox .img { display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border:1px solid #ccc; border-radius: 50%; background: #f4f4f4; overflow: hidden; font-size: 0; line-height: 0; }
.introduce .introBox .img img{ width:100%; height:auto;}
.introduce .introBox .txt { width: calc(100% - 5rem); padding-left: 1rem; display: flex; justify-content: center; flex-direction: column; }
.introduce .introBox .txt li { position: relative; padding-left: 3.9rem; color: #444444; font-size: 0.9rem; line-height: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.introduce .introBox .txt li > span  { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #000000; font-weight: bold; }

/* 서비스 */
.service { position: relative; }
.service > span { display: block; font-size: 1.5rem; color: #111111; font-weight: 300; }
.service > span em { font-weight: bold; }
.service > p{ color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.service ul { display: flex; flex-wrap: wrap; gap: 0.5rem 0; margin-top: 1rem; }
.service ul li { width: 50%; }
.service ul li:nth-child(n + 7) { display: none; }
.service ul li a { display: flex; align-items: center; }
.service ul li a .img { border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #ecf3ff; width: 4rem; height: 4rem; } 
.service ul li a .txt { padding: 0 0.75rem; display: block; overflow: hidden; line-height: 1rem; max-height: 2rem; color: #000000; width: calc(100% - 4rem); }
/* 서비스 : active */
.service ul li a .img img { transition: 0.2s; }
.service ul li a:hover .img img,
.service ul li a:focus .img img { transform: rotateY(180deg); }
.service ul li a:hover .txt,
.service ul li a:focus .txt { font-weight: bold; }

/* 요양병원 방문이 처음이신가요? */
.visit { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 1rem 4rem 1rem 13rem; z-index: 1; }
.visit::before { position: absolute; content: ""; left: calc((100vw - 80rem) / -2); top: 0; width: 0; background: linear-gradient(to right, #2763de, #18b289); height: 100%; border-radius: 0 5rem 5rem 0; z-index: -1; }

.active .visit::before { width: calc(100vw - ((100vw - 80rem) / 2)); transition: 0.4s ease-in-out; }

@media screen and (min-width: 1921px) {
	.active .visit::before { transition-delay: 1s; }
	.active .visit > img { transition-delay: 1.5s !important; }
	.active .visit > span { transition-delay: 1.5s !important; }
	.active .visit > ul { transition-delay: 1.7s !important; }
	.active .visit > a { transition-delay: 1.9s !important; }

	.active .notice .titWrap { transition-delay: 1.9s !important; }
	.active .notice .tabWrap { transition-delay: 2.1s !important; }
	.active .notice .tabWrap .btn_more { transition-delay: 2.3s !important; }
}

.visit > img { position: absolute; bottom: 0; left: -0.95rem; }
.visit > span { display: block; font-size: 1.5rem; font-weight: 300; color: #fff; }
.visit > span > em { font-weight: bold; }
.visit > ul { position: relative; display: flex; align-items: center; color: #fff; padding: 0 3rem 0 4.55rem; width: 45rem; justify-content: space-between; }
.visit > ul::before { position: absolute; content: "\f2e5"; font-size: 1.3rem; color: #fff; top: 50%; transform: translateY(-50%); left: 1.75rem; font-family: 'remixicon'; }
.visit > ul li { max-width: calc((100% - 2rem) / 3); }
.visit > ul li a { display: flex; align-items: center; gap: 0.45rem; font-size: 0.9rem; font-weight: 500; white-space: nowrap; position: relative; transition: all 0.2s; }
.visit > ul li a::before { content: ''; display: block; width: calc(100% + 2rem); height: calc(100% + 1rem); background: #fff; border-radius: 3rem; position: absolute; left: -1rem; top: -0.5rem; z-index: -1; transition: all 0.2s; opacity: 0;}
.visit > ul li a > i { font-size: 1.3rem; font-weight: 400; position: relative; z-index: 2;} 
.visit > a > i { font-size: 1.3rem; }
.visit > ul li a:hover,
.visit > ul li a:focus { color: #007158; }
.visit > ul li a:hover::before,
.visit > ul li a:focus::before { opacity: 1; }

/* 공지사항 */
	/* 공지사항 공통 */
	.notice { position: relative; display: flex; }
	.notice .titWrap { width: 11rem; }
	.notice .tabWrap { position: relative; width: calc(100% - 11rem); padding-left: 2rem; }
	.notice .tabWrap .btn_more { top: 0; right: 100%; background: #ffffff; box-shadow: 0 0 1rem rgba(0,0,0,0.06);}

  	/* 공지사항 typeA */	
	.notice.typeA .titWrap h2 { color: #000000; font-size: 2rem; font-weight: bold; padding-right: 2.5rem; white-space: nowrap; overflow: hidden; line-height: 1; display: block; }
	.notice.typeA .titWrap .tabLst { display: flex; width: 100%; flex-direction: column; gap: 1rem; margin-top: 1.25rem; }
	.notice.typeA .titWrap .tabLst li a { display: block; width: 100%; line-height: 3rem; border-radius: 1.5rem; padding: 0 3rem 0 1.5rem; position: relative; color: #434343; font-size: 1rem; }
	.notice.typeA .titWrap .tabLst li a::before { position: absolute; content: "\ea6e"; top: 50%; transform: translateY(-50%); right: 1.5rem; font-size: 1.1rem; color: #656565; font-family: 'remixicon'; font-weight: 400 !important; }
	.notice.typeA .titWrap .tabLst li a span { display: block; overflow: hidden; white-space: nowrap; }
	.notice.typeA .tabBox { display: none; }
	.notice.typeA .tabBox.on { display: block; }
	.notice.typeA .tabBox ul { display: flex; gap: 1.25rem; }
	.notice.typeA .tabBox ul li { width: calc((100% - 2.5rem) / 3); }
	.notice.typeA .tabBox ul li:nth-child(n + 4) { display: none; }
	.notice.typeA .tabBox ul li.no_data { width: 100% !important; background: #f6f6f6; border-radius: 1.5rem; height: 12.5rem; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 500; }
	.notice.typeA .tabBox ul li a { display: block; background: #fff; border-radius: 1.5rem; padding: 2rem 2.5rem 2rem 2rem; box-shadow: 0 0 1rem rgba(0,0,0,0.06); }
	.notice.typeA .tabBox ul li a > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #000000; font-weight: bold; font-size: 1rem; line-height: 1.4rem; height: 2.8rem; }
	.notice.typeA .tabBox ul li a > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #555555; line-height: 1.4rem; height: 2.8rem; margin: 1rem 0 0.8rem; } 
	.notice.typeA .tabBox ul li a > em { display: block; font-size: 0.75rem; color: #666666; }

  	/* 공지사항 typeB */
	.notice.typeB .tabWrap ul { display: flex; flex-direction: column; width: 100%; }
	.notice.typeB .tabWrap ul li { position: relative; padding: 0 4.5rem 0 0.75rem; }
	.notice.typeB .tabWrap ul li:nth-child(n + 5) { display: none; }
	.notice.typeB .tabWrap ul li::before { position: absolute; content: ""; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); width: 0.2rem; height: 0.2rem; background: #666666; }
	.notice.typeB .tabWrap ul li.no_data { width: 100% !important; background: #f6f6f6; height: 8rem; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 500; padding: 0; border-radius: 1.5rem; }
	.notice.typeB .tabWrap ul li.no_data::before { display: none; }
	.notice.typeB .tabWrap ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.85rem; color: #000000; line-height: 2rem; }
	.notice.typeB .tabWrap ul li a > span.date { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0.75rem; color: #666666; font-weight: 300; }

  /* 공지사항 typeC */
  .notice.typeC { align-items: center; }
  .notice.typeC .btn_more { top: 50%; transform: translateY(-50%); }
  .notice.typeC .tabWrap .question { position: relative; padding: 0 5rem 0 4.35rem; height: 3rem; background: #fff; border-radius: 1.5rem; }
  .notice.typeC .tabWrap .question > span { display: inline-flex; font-size: 1.5rem; color: #fff; font-weight: bold; position: absolute; width: 3rem; height: 3rem; border-radius: 50%; background: #1aac8c; left: 0; top: 0; align-items: center; justify-content: center; z-index: 1; }
  .notice.typeC .tabWrap .question > span::before { position: absolute; content: ""; border-radius: 50%; background: rgba(42,200,165,0.2); width: calc(100% + 0.5rem); height: calc(100% + 0.5rem); left: -0.25rem; top: -0.25rem; z-index: -1; }
  .notice.typeC .questionBox .item > a { position: relative; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 3rem; color: #000000; font-size: 0.85rem; }
  .notice.typeC .questionBox .item > a::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 2px solid #000000; background: transparent; display: none; }
  .notice.typeC .control { position: absolute; right: 1.25rem; top: 0; height: 3rem; display: flex; align-items: center; }
  .notice.typeC .control > a.play { display: none; }
  .notice.typeC .control > a { color: #000000; font-size: 1.1rem; }
  .notice.typeC .notQsn p { line-height: 3rem; font-weight: 500; }

/* 공지사항 : active */
.notice.typeA .tabBox ul li a,
.notice.typeA .tabBox ul li a span,
.notice.typeA .tabBox ul li a em,
.notice.typeA .tabBox ul li a p,
.notice.typeA .titWrap .tabLst li a::before,
.notice.typeA .titWrap .tabLst li a { transition: 0.2s; }
.notice.typeA .titWrap .tabLst li a.current,
.notice.typeA .titWrap .tabLst li a:hover,
.notice.typeA .titWrap .tabLst li a:focus { background: #2667da; font-weight: bold; color: #fff; }
.notice.typeA .titWrap .tabLst li a:hover::before,
.notice.typeA .titWrap .tabLst li a:focus::before,
.notice.typeA .titWrap .tabLst li a.current::before { color: #fff; }
.notice.typeA .tabBox ul li a:hover,
.notice.typeA .tabBox ul li a:focus { background: #2667da; }
.notice.typeA .tabBox ul li a:hover > span,
.notice.typeA .tabBox ul li a:focus > span,
.notice.typeA .tabBox ul li a:hover em,
.notice.typeA .tabBox ul li a:focus em,
.notice.typeA .tabBox ul li a:hover p,
.notice.typeA .tabBox ul li a:focus p { color: #fff; } 
.notice.typeB .tabWrap ul li a:hover,
.notice.typeB .tabWrap ul li a:focus { text-decoration: underline; }
.notice.typeC .questionBox .item > a:focus::before { display: block; }

/* 팝업존 */
.popupzone { position: relative; isolation: isolate; border-radius: 1.5rem 1.5rem 0 1.5rem; overflow: hidden; }
.popupzone .item a { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; background: #e1e1e1; height: 13.5rem; position: relative; }
.popupzone .item a::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 1.5rem 1.5rem 0 1.5rem; background: transparent; border: 2px solid #000000; opacity: 0; }
.popupzone .item a > img { max-width: 100%; }
.popupzone .control { position: absolute; bottom: 0; right: 0; display: flex; align-items: end; background: #f7f7f7; border-radius: 0.75rem 0 0 0; height: 1.5rem; padding-left: 0.75rem; z-index: 1; }
.popupzone .control .page { display: flex; gap: 0.95rem; align-items: end; font-size: 0.75rem; color: #666666; font-weight: 300; margin-right: 0.5rem; }
.popupzone .control .page strong { font-weight: bold; color: #3f82e9; }
.popupzone .control .page span { position: relative; }
.popupzone .control .page span::before { position: absolute; content: ""; background: #cccccc; width: 0.15rem; height: 0.15rem; border-radius: 50%; top: 50%; transform: translateY(-50%); left: -0.5rem; }
.popupzone .control > a { font-size: 1.1rem; color: #000000; display: inline-flex; align-items: center; justify-content: center; }
.popupzone .control > a.play { display: none; }
.popupzone .item a:focus::before { opacity: 1; }

/****** 반응형 *******/

@media screen and (max-width: 1640px) {
	
	/* 메인비주얼 */
	.Mvisual .item p { height: 100%; width: 100%; }
	.Mvisual .item p > img { max-width: 100%; height: 100%; }

	/* 요양병원 방문이 처음이신가요? */
	.visit { padding: 1rem 3rem 1rem 9rem; }
	.visit::before { width: calc(100vw - 1rem); left: -1rem; }
	.active .visit::before { width: calc(100vw - 1rem); }
	.visit > span { font-size: 1.35rem; }
	.visit > img { max-width: 10rem; }

}

@media screen and (max-width: 1540px) {
	/* 부서별 안내전화 */
	.callLst { flex-direction: column; height: 100%; padding-bottom: 4rem; }
	.callLst ul { gap: 0; flex-direction: column; }
	.callLst > a { margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; }
	.callLst ul li {flex-wrap:wrap;}
	.callLst ul li > span {width:100%;}

	/* 바로가기 */
	.linkC1 ul li a { height: auto; }
	.linkC1 ul li a > em { display: none; }
	.linkC1 ul li a > span { -webkit-line-clamp: 1; }

	/* 서비스 */
	.service > span { text-align: center; }
	.service > p { display: none; }
	.service ul li { flex: 1; width: auto; min-width: 0px;} 
	.service ul li a { flex-direction: column; justify-content: center; }
	.service ul li a .txt { text-align: center; margin-top: 1rem; height: 2rem; width: 100%; }

	/* 요양병원 방문이 처음이신가요? */
	.visit { flex-wrap: wrap; padding: 1rem 3rem 1rem 11rem; }
	.visit::before { border-radius: 0 2rem 2rem 0; }
	.visit > img { max-width: 9rem; }
	.visit > span { width: 100%; margin-bottom: 0.35rem; } 
	.visit > ul::before { display: none; }
	
	.visit > ul {display:flex; align-items:center; justify-content:flex-start; padding:0; gap:3rem;}
}

@media screen and (max-width: 1240px) {
	/* 바로가기 */
	.linkC1 ul li a { padding: 1.5rem 2rem; }

	/* 요양병원 방문이 처음이신가요? */
	.visit { padding: 1rem 1.5rem 1rem 8rem; }
	.visit > img { max-width: 7.35rem; left: -1.5rem; }
	.visit > a { height: 2.5rem;  }

	/* 공지사항 typeA */	
	.notice.typeA .tabBox ul li:nth-child(n + 3) { display: none; }
	.notice.typeA .tabBox ul li {width: calc((100% - 1.25rem) / 2); }

	/* 공지사항 typeB */	
	.notice.typeB { flex-direction: column; }
	.notice.typeB .btn_more { right: 0; transform: none; top: auto; bottom: calc(100% + 0.75rem); }
	.notice.typeB .titWrap { width: 100%; }
	.notice.typeB .tabWrap { width: 100%; padding: 0; margin-top: 0.75rem; }
	.notice.typeB .tabWrap ul li:nth-child(n + 3) { display: none; }
	.notice.typeB .tabWrap ul li.no_data { height: 4rem; font-size: 0.8rem; }

	/* 공지사항 typeC */	
	.notice.typeC { flex-direction: column; }
	.notice.typeC .btn_more { right: 0; transform: none; top: auto; bottom: calc(100% + 0.75rem); }
	.notice.typeC .titWrap { width: 100%; }
	.notice.typeC .tabWrap { width: 100%; padding: 0; margin-top: 0.75rem; }
	.notice.typeC .tabWrap .question > span { width: 2.5rem; height: 2.5rem; }
	.notice.typeC .tabWrap .question,
	.notice.typeC .control { height: 2.5rem; }
	.notice.typeC .questionBox .item > a { line-height: 2.5rem; }
	
}

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

	/* 부서별 안내전화 */
	.callLst { padding: 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
	.callLst ul { flex: 1; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
	.callLst ul li { flex: 1; }
	.callLst > a { width: auto; position: relative; bottom: auto; left: auto; }

	/* 바로가기 */
	.linkC1 ul li a { padding: 1rem 4rem 1rem 1.5rem; border-radius: 1rem; }
	.linkC1 ul li a > p { -webkit-line-clamp: 1; height: 1.2rem; margin-top: 0.35rem; }
	.linkC1 ul li a > img { max-width: 3.6rem !important; }

	/* 서비스 */ 
	.service ul li a .txt { margin-top: 0.5rem; }

	/* 요양병원 방문이 처음이신가요? */
	.visit > ul { padding: 0 3rem 0 0; }
	.visit::before { border-radius: 0 1.5rem 1.5rem 0; }

	/* 공지사항 typeA */	
	.notice.typeA .tabBox ul li a { padding: 1.5rem 1.15rem 1.5rem 1.4rem; }
	.notice.typeA .tabBox ul li a > span { font-size: 0.9rem; }
	.notice.typeA .tabBox ul li.no_data { height: 11.5rem; }

	/* 공지사항 typeB */	
	.notice.typeB .tabWrap ul li a { line-height: 1.8rem; }

	/* 공지사항 typeC */	
	.notice.typeC .tabWrap .question { padding: 0 5rem 0 3.5rem; }

}

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

	/* 요양병원 방문이 처음이신가요? */
	.visit > ul { gap: 1rem 1rem; flex-wrap: wrap; padding-right: 1rem; }
	.visit > ul li { max-width: 100%; }

	/* 팝업존 */
	.popupzone .control { align-items: center; height: 2rem; }
	.popupzone .item a { height: auto; }

	/* 부서별 안내전화 */
	.callLst ul li > span { font-size: 1.6rem; }
}

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

	/* 부서별 안내전화 */
	.callLst ul li > span { font-size: 1.35rem; }

	/* 공지사항 typeA */	
	.notice.typeA .titWrap { width: 10rem; }
	.notice.typeA .titWrap h2 { font-size: 1.75rem; line-height: 2rem; }
	.notice .tabWrap { padding-left: 1.5rem; width: calc(100% - 10rem); }
	.notice.typeA .titWrap .tabLst { gap: 0.5rem; }
	.notice.typeA .titWrap .tabLst li a { line-height: 2.5rem; padding: 0 2.5rem 0 1rem; font-size: 0.9rem; }
	.notice.typeA .titWrap .tabLst li a::before { right: 1rem; }

}

@media screen and (max-width: 768px) {
	/* 부서별 안내전화 */
	.callLst ul li { flex-direction: column; }
	.callLst ul li > em { display: none; }
	.callLst ul li > span { font-size: 1.2rem; }

	/* 바로가기 */
	.linkC1 ul li a { background-size: 35% !important; }
	.linkC1 ul li a > img { max-width: 3.25rem !important; }

	/* 의료진 소개 */
	.introduce .introBox .img { width: 4rem; height: 4rem; }
	.introduce .introBox .txt { width: calc(100% - 4rem); }

	/* 서비스 */
	.service > span { font-size: 1.3rem; }

	/* 요양병원 방문이 처음이신가요? */
	.visit { padding: 1rem 1rem 1rem 2rem; }
	.visit > img { display: none; }
	.visit > span { margin-bottom: 0.75rem; }

	/* 공지사항 typeA */	
	.notice.typeA { flex-wrap: wrap; }
	.notice.typeA .titWrap h2 { padding: 0; }
	.notice.typeA .btn_more { right: 0; top: auto; bottom: calc(100% + 1.8rem); }
	.notice.typeA .titWrap .tabLst { width: 70%; flex-direction: row; margin-top: 0; margin-left: 1.5rem; }
	.notice.typeA .titWrap .tabLst li { max-width: 50%; }
	.notice.typeA .titWrap { width: 100%; display: flex; align-items: center; padding-right: 3rem; }
	.notice.typeA .tabWrap { width: 100%; padding: 0; margin-top: 1.5rem; }
}

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

	/* 요양병원 방문이 처음이신가요? */
	.visit > span { text-align: center; }
	.visit > a { position: absolute; bottom: 1rem; right: 1rem; height: 2rem; width: 7.75rem; font-size: 0.8rem; gap: 0.25rem; }
	.visit > ul { gap: 1rem; width: 100%; }
	.visit > ul li { width: 47%; }
	.visit > a > i { font-size: 1rem; }
	.visit > ul li a::before {width:calc(100% + 1rem);}
	/* 부서별 안내전화 */
	.callLst ul { width: 100%; }
	.callLst > a { width: 100%; margin-top: 0.5rem; }

	/* 바로가기 */
	.linkC1 ul li a { border-radius: 0.75rem; padding: 1rem 3rem 1rem 1rem; }
	.linkC1 ul li a > p { display: none; }
	.linkC1 ul li a > img { max-width: 2.75rem !important; }
}

@media screen and (max-width: 580px) {
	/* 비주얼 */
	.Mvisual .control { bottom: 1rem; right: 1rem; }

	/* 공지사항 typeA */	
	.notice.typeA .titWrap h2 { font-size: 1.5rem; }
	.notice.typeA .tabBox ul li a > span { -webkit-line-clamp: 1; height: 1.4rem; }
	.notice.typeA .tabBox ul li a > p { display: none; }
	.notice.typeA .tabBox ul li a > em { margin-top: 0.5rem; }
	.notice.typeA .tabBox ul { flex-wrap: wrap; gap: 0.75rem; }
	.notice.typeA .tabBox ul li { width: 100%; }
	.notice.typeA .tabBox ul li a { padding: 1rem; border-radius: 0.75rem; }
	.notice.typeA .titWrap .tabLst li a { padding: 0 2rem 0 1rem; }
	.notice.typeA .titWrap .tabLst li a::before { right: 0.75rem; }
	.notice.typeA .tabBox ul li.no_data { height: 9.5rem; }

	/* 서비스 */
	.service ul li { width: calc(100% / 2); flex: none; }
}

@media screen and (max-width: 480px) {
	/* 비주얼 */
	.Mvisual { border-radius: 0.75rem 0 0 0; }
	.Mvisual .control > a { width: 2rem; height: 2rem; font-size: 1.1rem; }

	/* 부서별 안내전화 */
	.callLst > a { padding: 0.75rem 2.75rem 0.75rem 1.4rem; }

	/* 바로가기 */
	.linkC1 ul li a > img { max-width: 2.5rem !important; }

	/* 요양병원 방문이 처음이신가요? */
	.visit { padding: 1rem; } 
	.visit > span { font-size: 1.15rem; }
	.visit > ul li a { font-size: 0.8rem; }
	.visit::before { border-radius: 0 0.5rem 0.5rem 0; }

	/* 의료진 소개 */
	.introduce .btn_more,
	.introduce .titWrap .control { height: 2rem; }

	/* 공지사항 typeA */	
	.notice.typeA .titWrap { flex-wrap: wrap; }
	.notice.typeA .titWrap .tabLst { width: 100%; margin: 0.5rem 0 0 0; }
	.notice.typeA .btn_more { bottom: calc(100% + 3.5rem); }
	.notice.typeA .tabWrap { margin-top: 0.65rem; }

	/* 팝업존 */
	.popupzone { border-radius: 1rem 1rem 0 1rem; }
}

@media screen and (max-width: 390px) {
	.visit > ul {padding-right:0; gap:1rem 0.5rem;}
}

@media screen and (max-width: 380px) {	
	/* 버튼 */
	.btn_more { width: 1.5rem; height: 1.5rem; font-size: 0.9rem; }

	/* 비주얼 */
	.Mvisual .control > a { width: 1.5rem; height: 1.5rem; font-size: 0.9rem; }

	/* 부서별 안내전화 */
	.callLst ul li { font-size: 0.7rem; }
	.callLst ul li > span {font-size: 1rem; }
	.callLst > a { padding: 0.5rem 2.75rem 0.5rem 1.4rem; font-size: 0.75rem; }
	.callLst > a > i { font-size: 1rem; }
	.callLst > a::before { font-size: 0.9rem; }

	/* 바로가기 */
	.linkC1 ul { gap: 0.5rem; }
	.linkC1 ul li a { padding: 0.8rem 1.5rem 0.8rem 0.7rem; border-radius: 0.5rem; }
	.linkC1 ul li a > img { max-width: 2.15rem !important; }
	.linkC1 ul li a > span { font-size: 0.8rem; }

	/* 요양병원 방문이 처음이신가요? */
	.visit > span { font-size: 0.9rem; }
	.visit::before { width: calc(100vw - 0.75rem); left: -0.75rem; }
	.active .visit::before { width: calc(100vw - 0.75rem); }
	.visit > ul li a { font-size: 0.75rem; }
	.visit > ul li a > i { font-size: 0.9rem; }
	.visit > a { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 1rem; }
	.visit > ul { padding: 0; }

	/* 의료진 소개 */
	.introduce .titWrap .control { padding : 0 1.75rem 0 1rem; }
	.introduce .titWrap .control .page { font-size: 0.7rem; margin-right:0}
	.introduce .btn_more { right: 0.75rem; }
	.introduce .titWrap .control a { font-size: 0.9rem; }
	.introduce .btn_more, 
	.introduce .titWrap .control { height: 1.75rem; }
	.introduce .titWrap .control a.play, 
	.introduce .titWrap .control a.stop{ margin:0;}
	.introduce .titWrap .control a.next{ min-width:1.2rem;}
	.introduce .introBox .txt li { line-height: 1.5rem; font-size: 0.7rem; }

	/* 서비스 */
	.service > span { font-size: 0.9rem; }
	.service ul { gap: 0.5rem; margin-top: 0.5rem; }
	.service ul li { width: calc((100% - 1rem) / 2); }
	.service ul li a .img { display: none; } 
	.service ul li a .txt { margin: 0; background: #ecf3ff; border-radius: 0.5rem; padding: 0.65rem 0.35rem; font-size: 0.7rem; height: auto; max-height: none; }

	/* 공지사항 typeA */	
	.notice.typeA .titWrap { padding-right: 2rem; }
	.notice.typeA .titWrap h2 { font-size: 1rem; line-height: 1.5rem; }
	.notice.typeA .titWrap .tabLst { flex-wrap: wrap; }
	.notice.typeA .titWrap .tabLst li { max-width: 100%; }
	.notice.typeA .titWrap .tabLst li a { line-height: 2rem; padding: 0 2rem 0 0.7rem; font-size: 0.9rem; }
	.notice.typeA .tabBox ul li a > span { font-size: 0.75rem; }
	.notice.typeA .tabBox ul li a { padding: 0.75rem; border-radius: 0.5rem; }
	.notice.typeA .tabBox ul li a > em { margin-top: 0.35rem; font-size: 0.65rem; }
	.notice.typeA .tabBox ul li.no_data { height: 8rem; font-size: 0.75rem; border-radius: 1rem; }

	/* 공지사항 typeB */	
	.titWrap.hasIco { padding-right: 2rem; }
	.titWrap.hasIco span { font-size: 0.9rem; height: 1.5rem; gap: 0.35rem; }
	.titWrap.hasIco span > i { font-size: 1rem; }
	.notice.typeB .tabWrap ul li a { font-size: 0.75rem; line-height: 1.3rem; }
	.notice.typeB .tabWrap ul li a > span.date { font-size: 0.65rem; }
	.notice.typeB .tabWrap ul li { padding: 0 3.5rem 0 0.75rem; }
	.notice.typeB .tabWrap ul li.no_data { height: 3.5rem; font-size: 0.75rem; }

	/* 공지사항 typeC */	
	.notice.typeC .tabWrap .question > span { width: 2rem; height: 2rem; font-size: 1rem; }
	.notice.typeC .tabWrap .question, 
	.notice.typeC .control { height: 2rem; }
	.notice.typeC .control { right: 0.75rem; }
	.notice.typeC .tabWrap .question { padding: 0 5rem 0 2.5rem; border-radius: 0.5rem; }
	.notice.typeC .questionBox .item > a { line-height: 2rem; font-size: 0.7rem; }

	/* 팝업존 */
	.popupzone { border-radius: 0.5rem 0.5rem 0 0.5rem; }	
	.visit > ul {flex-direction:column; align-items:flex-start;}
	.visit > ul li {width:100%;}	
}

@media screen and (max-width: 360px) {
	/* 의료진 소개 */
	.introduce .titWrap .control { padding: 0 1.5rem 0 0.75rem; }
	.introduce .btn_more { right: 0.5rem; }

	/* 서비스 */
	.service ul li { width: calc((100% - 0.5rem) / 2); }

	/* 바로가기 */
	.linkC1 ul li a > img { max-width: 2rem !important; }
}