@charset "utf-8";

/*
 * content CSS Document
 * KOWEB
 */

/* 공통영역 */
.ready {display:flex; justify-content:center; align-items:center; min-height:300px;}
.ready i {display:flex; justify-content:center; align-items:center;  width:150px; height:150px; font-size:80px; font-weight:1000; color:#ddd; border-radius:100%; border:12px solid #ddd; box-sizing:border-box;}
.ready div {margin-left:50px;}
.ready h2 {font-size:42px; font-weight:400; }
.ready p {font-size:18px; color:#666; margin-top:15px; line-height:1.7;}

/* 서브비쥬얼 */
.area_subVisual{position:relative; height:450px; padding:0 15px; background-size: cover;  background-position: center; transition: 0.5s; overflow: hidden;}
.area_subVisual h2 {padding-top:230rem; color:#fff; font-size:52px; text-shadow: 2rem 2rem 10rem rgb(0 0 0 / 20%);}
.area_subVisual::before{ content: ''; position: absolute; inset: 0; background: var(--black); background-size: cover;  z-index: -10; background-position: 50% 10%;}
.area_subVisual.about::before {background-image: url(/images/content/sub_visual00.jpg)}
.area_subVisual.tumor::before  {background-image:url(/images/content/sub_visual08.jpg)}
.area_subVisual.cancer::before  {background-image:url(/images/content/sub_visual03.jpg)}
.area_subVisual.radiation::before  {background-image:url(/images/content/sub_visual04.jpg)}
.area_subVisual.operation::before  {background-image:url(/images/content/sub_visual09.jpg)}
.area_subVisual.treatment::before  {background-image:url(/images/content/sub_visual06.jpg)}
.area_subVisual.hospice::before  {background-image:url(/images/content/sub_visual07.jpg)}
.area_subVisual.common::before  {background-image:url(/images/content/sub_visual00.jpg)}

/* lnb */
.lnb {z-index:11;left:0;bottom:0;width:100%;height: 65px; background: #fff; border-bottom:1px solid #e5e5e5; text-align:center;}
.lnb ul {margin: 0 auto;width:100%;height: 65px;}
.lnb ul li {display:inline-block;padding: 19px 32px;}
.lnb ul li:first-child {padding-left:0 ;background :none}
.lnb ul li:last-child{padding-right:0;}
.lnb ul li a {font-weight: 500;font-size:18px;color: #ddd; transition: 0.2s;}
.lnb ul li:hover a,
.lnb ul li a.on {color: #cbb796;}

@media(prefers-reduced-motion:no-preference){
	.area_subVisual::before{ animation: subVisualBg 1.8s both;}
	.area_subVisual h2{ animation: subVisualText .8s both; }
}
@keyframes subVisualBg {
	0%{ transform: scale(1.05);}
	100%{ transform: scale(1);}
}
@keyframes subVisualText {
	0%{ transform: translateY(25px); opacity: 0; transition:1s;}
	100%{ transform: translateY(0); opacity: 1; }
}

div#content.sub{min-height:300px;}
.sub_title{margin-bottom:50rem; text-align: center;}
.sub_title strong {display: block; font-size: 25rem; opacity: 0.6; font-weight: 300;  margin-bottom:15rem;}
.sub_title span {display: block; font-size: 15rem; font-weight: 600; color: #cbb796; letter-spacing: 11rem; opacity: 0.6; text-transform: uppercase; margin-bottom: 15rem;}
.sub_title span { display: none; }
.sub_title p {margin-top: 15rem; font-size: 18rem; color: #666; font-weight: 300;}
.sub_title h2 {text-align:center; font-size:40rem; font-weight: 600;}
.sub_title h3 {text-align:center; font-size:40rem; font-weight: 600;}
.dot_list li {position: relative; padding-left: 13px; font-size: 18rem; font-weight: 300;}
.dot_list li + li {margin-top: 14rem;}
.dot_list li::before {content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: #ccc;}
.ss_h3 {position: relative; padding-left: 16px; font-size: 35rem; font-weight: 400;}
.ss_h3::before {content: ''; position: absolute; top: 0; left: 0; width: 11px; height: 11px; background: url(/images/content/icon_button.svg) no-repeat; }
.ss_h4 {position: relative; padding-left: 16px; font-size: 25rem; font-weight: 500; margin-bottom: 22rem;}
.ss_h4::before {content: ''; position: absolute; top: 0; left: 0; width: 11px; height: 11px; background: url(/images/content/icon_button.svg) no-repeat; }

@media all and (max-width:1080px){
	.sub_title h2{font-size:30rem}
	.sub_title h3{font-size:28rem}
}
@media all and (max-width:767px){
	.sub_title strong {font-size:18rem; margin-bottom:10rem;}
	.sub_title span {font-size: 12rem; letter-spacing: 5rem;}
	.area_subVisual{height:300px;}
	.area_subVisual h2{padding-top: 150rem; font-size:30rem; text-align: center;}
	.sub_title{margin-bottom:30rem;}
	.sub_title h2{font-size:25rem}
	.sub_title p {font-size: 15rem; margin-top: 10rem;}
	.sub_title h3{font-size:22rem}
	.ss_h3 {font-size: 28rem; padding-left: 14px;}
	.ss_h4 {font-size: 20rem; padding-left: 14px; margin-bottom: 15rem;}
	.ss_h4::before {width: 8px; height: 8px;}
	.dot_list li {padding-left: 10px; font-size: 15rem;}
	.dot_list li + li {margin-top: 10rem;}
	.dot_list li::before {width: 3px; height: 3px; }
}
@media all and (max-width:600px){
	.lnb{overflow-x:auto; width:100%; height: 58px; overflow-y: hidden;}
	.lnb ul{display:table; height: 58px; margin:0 auto; table-layout:fixed; overflow-y: hidden;}
	.lnb ul li{display:table-cell; padding:0 10px; vertical-align:middle;}
	.lnb ul li a{display:block; padding:0; font-size:15px; white-space:nowrap;}
	.lnb ul li:first-child{padding-left:10px;}
	.lnb ul li:last-child{padding-right:10px;}
}
@media all and (max-width:500px){
	.lnb ul{table-layout: auto;}
}

/* 공통영역 */
.sub_p {font-size: 18px; line-height: 1.8; color: #666; text-align: center;}
.ss01_video {width: 100%; max-width: 776rem; margin: 60px auto 0; box-sizing: border-box; padding: 40rem; background: #fff; border-radius: 10rem; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.ss01_video {width: 100%; max-width: 776rem; margin: 60px auto 0; box-sizing: border-box; padding: 40rem; background: #fff; border-radius: 10rem; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.ss01_video .box {max-width: 100%; padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;}
.ss01_video .box iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

/* about01 소개 */
.about01 {}
.about01 .ss01 {text-align: center; padding: 135rem 0; width: 100%; background: url(/images/content/img_pattern.jpg);}
.about01 .ss01 .ss01_video {width: 100%; max-width: 776rem; margin: 60px auto 0; box-sizing: border-box; padding: 40rem; background: #fff; border-radius: 10rem; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.about01 .ss01 .ss01_video .box {max-width: 100%; padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;}
.about01 .ss01 .ss01_video .box iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.about01 .ss02 {padding: 120rem 0;}
.about01 .ss02 .ss02_img {margin-bottom: 40rem;}
.about01 .ss02 .ss02_img img {max-width: 100%;}
.about01 .ss02 ul.list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40rem 40rem; transition: margin .3s;}
.about01 .ss02 ul.list li{transition:  all .3s;}
.about01 .ss02 ul.list li {display: flex; position: relative; box-sizing: border-box; padding: 35rem; border: 1px solid #eee; background: #fff;}
.about01 .ss02 ul.list li .img {width: 250rem; position: relative; height: 0; padding-bottom: 220rem; box-sizing: border-box; border: 1px solid #eee;}
.about01 .ss02 ul.list li .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; overflow: hidden;}
.about01 .ss02 ul.list li .img img.img_m {display: none;}
.about01 .ss02 ul.list li .info{width: calc(100% - 250px); box-sizing: border-box; padding-left: 40px; transition:  all .3s;}
.about01 .ss02 ul.list li .info strong{display: block; font-size:28rem; margin-bottom: 30px;padding-bottom: 9px;border-bottom: 1px solid #eee; position: relative;}
.about01 .ss02 ul.list li .info strong em{font-weight: 300; font-size:23rem; position: relative; margin-right: 6px;}
.about01 .ss02 ul.list li .info strong em::before{content: ""; width: 100%; height: 1px; background-color: #cbb796; position: absolute; bottom: -16px; left: 0;}
.about01 .ss02 ul.list li .contents p{position: relative; padding-left: 11px; opacity: 0.64;}
.about01 .ss02 ul.list li .contents p::before{content: ""; width: 2px; height: 2px; background-color: #666; border-radius: 6px; position: absolute; left: 0; top: 10px;}
.about01 .ss02 ul.list li .contents p + p {margin-top: 6px;}
.about01 .ss02 ul.list li:hover{box-shadow: 10px 20px 20px rgba(0,0,0,0.04);}
.about01 .ss02 ul.list li:hover .hover_line > span:nth-child(1){width: 100%;}
.about01 .ss02 ul.list li:hover .hover_line > span:nth-child(2){height: 100%;}
.about01 .ss02 ul.list li:hover .hover_line > span:nth-child(3){width: 100%;}
.about01 .ss02 ul.list li:hover .hover_line > span:nth-child(4){height: 100%;}
.about01 .ss03 {padding: 50rem 0 120rem;}
.about01 .ss03 .ss03_1 {margin-bottom: 60rem;}
.about01 .ss03 .scroll table {text-align: center; border-top: 1px solid #111;}
.about01 .ss03 .scroll table tr {border-bottom: 1px solid #e5e5e5;}
.about01 .ss03 .scroll table tr > * {border-right: 1px solid #e5e5e5;}
.about01 .ss03 .scroll table tr td:last-child {border-right: 0;}
.about01 .ss03 .scroll table tr th:last-child {border-right: 0;}
.about01 .ss03 .scroll table thead {background: #f8f8f8;}
.about01 .ss03 .scroll table th span {display: block; font-size: 16rem; font-weight: 400; }
.about01 .ss03 .scroll table th {padding: 15rem 10rem; box-sizing: border-box; font-weight: 600; font-size: 18rem;}
.about01 .ss03 .scroll table td {padding: 15rem;}
.about01 .ss03 .scroll table td em {display: inline-block; margin-right: 5rem;}
.about01 .ss03 .scroll table td span.notice {display: inline-block; padding-left: 5rem; color: #aaa; font-weight: 300;}
.about01 .ss03 .booking_list {padding: 30rem; margin-top: 2remx; display: grid; justify-items: center; grid-template-columns: repeat(3, 1fr);  box-sizing: border-box; border: 4px solid #f8f8f8;}
.about01 .ss03 .booking_list li {display: flex; justify-content: center; width: 100%; gap: 12px; align-items: center;}
.about01 .ss03 .booking_list li b {display: flex; gap: 10rem; font-weight: 500;}
.about01 .ss03 .booking_svg {width: 18px; fill: #cbb796;}

/* hover */
.hover_line > span{position: absolute;background-color: #cbb796; transition: all .3s;}
.hover_line{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.hover_line > span:nth-child(1){width: 0; height: 1px; left: 0; top: 0; }
.hover_line > span:nth-child(2){width: 1px; height: 0; right: 0; bottom: 0; }
.hover_line > span:nth-child(3){width: 0; height: 1px;  right:0; bottom: 0;}
.hover_line > span:nth-child(4){width: 1px; height: 0; left: 0; top: 0;}

/* area_tumor 종양진단센터 */
.area_tumor .ss01 {padding: 135rem 0; text-align: center; width: 100%; background: url(/images/content/img_pattern.jpg);}
.area_tumor .ss01 .box {max-width:830rem; text-align: center; padding: 40px; box-sizing: border-box; background: #fff; border-radius: 10rem; margin: 50rem auto 0; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.area_tumor .ss01 .box li .img {margin-bottom: 20rem;}
.area_tumor .ss01 .box li span {display: block; font-size: 20px; font-weight:400; margin-bottom: 20rem;}
.area_tumor .ss01 .box li + li {margin-top: 20rem;}
.area_tumor .ss02 {text-align: center; padding: 100rem 0;}
.area_tumor .ss02 .sub_p + .img{ margin-top: 60rem; }
.area_tumor .img {display: flex; justify-content: center; max-width: 1100rem; overflow: hidden; margin: 0 auto; gap: 10rem; margin-bottom: 40rem;}
.area_tumor .img img {max-width: 100%; width: 50%;}
.area_tumor .img.wide img{ width: 100%; }

/* area_cancer 암검진센터 */
.area_cancer {padding: 120rem 0;}
.area_cancer .ss01 ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.area_cancer .ss01 li {padding: 25px; box-sizing: border-box; background: #fff; border: 1px solid #f8f8f8;box-shadow: 10px 10px 20px 0px rgb(100 100 100 / 15%);}
.area_cancer .ss01 li .img {width: 100%; overflow: hidden; box-sizing: border-box;}
.area_cancer .ss01 li .img img {max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.area_cancer .ss01 li .txt {margin-top: 20rem;}
.area_cancer .ss01 li .txt em {display: block; font-size: 18rem; font-weight: 600; color: #cbb796;}
.area_cancer .ss01 dt {font-size: 23rem; font-weight: 600; margin: 10rem 0;}
.area_cancer .ss01 dd {font-size: 18rem; color: #666;}

/* .area_radiation 방사선치료 */
.area_radiation .ss01 {padding: 135rem 0; width: 100%; background: url(/images/content/img_pattern.jpg);}
.area_radiation .ss01_1 {display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); gap: 70rem; margin-bottom: 80rem;}
.area_radiation .ss01_1 h3 {position: relative; margin-bottom: 20rem;}
.area_radiation .ss01_1 h3 strong {font-weight: 600;}
.area_radiation .ss01_1 p {text-align: left;}
.area_radiation .ss01_1 li ul {margin-top: 35rem;}
.area_radiation .ss01_1 li strong {font-weight: 600;}
.area_radiation .ss01 .ss01_1 .img {width: 100%}
.area_radiation .ss01 .ss01_1 .img img {max-width: 100%; width: 100%;}
.area_radiation .ss01 .ss01_video {max-width: 100% !important; width: 100% !important; display: grid; align-items: center; gap: 20rem; grid-template-columns: repeat(3, 1fr) !important; box-sizing: border-box; padding: 30rem; background: #fff; border-radius: 10rem; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.area_radiation .ss01 .ss01_video .box {width: 100% !important; padding-bottom: 56.25% !important; position: relative; height: 0; overflow: hidden;}
.area_radiation .ss01 .ss01_video .box iframe {width: 100% !important; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.area_radiation .ss02 {padding: 120rem 0; background: #fff;}
.area_radiation .ss02 .ss02_1 .img {display: flex; gap: 10rem; justify-content: center; padding: 10rem; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;} 
.area_radiation .ss02 .ss02_1 .img img {max-width: 100%;}
.area_radiation .ss02 .ss02_1 ul {display: grid; margin-top: 30rem; text-align: center; grid-template-columns: repeat(3,1fr);}
.area_radiation .ss02 .ss02_1 li {padding: 0 15rem; box-sizing: border-box;}
.area_radiation .ss02 .ss02_1 li:nth-child(2) {border-left: 1px solid #ddd; border-right: 1px solid #ddd}
.area_radiation .ss02 .ss02_1 {padding-bottom: 100rem;}
.area_radiation .ss02 .ss02_1 li img {max-width: 100%; width: 100%; object-fit: cover;}
.area_radiation .ss02 .ss02_1 dt {position: relative; font-size: 22rem; padding: 0 2rem; font-weight: 600; margin-bottom: 25rem; display: inline-block; z-index: 2;}
.area_radiation .ss02 .ss02_1 dt::before {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(203, 183, 150,0.3); z-index: -1;}
.area_radiation .ss02 .ss02_1 dd {font-size: 17rem; color: #666 ;font-weight: 300;}
.area_radiation .ss02 .ss02_1 dd span {display: block;}
.area_radiation .ss02 .ss02_1 dd p {display: inline-block; font-weight: 500; color: #cbb796; border-bottom: 1px solid #cbb796; margin: 15rem 0 10rem;}
.area_radiation .ss02 .ss02_1 em {display: block; margin: 0 auto; font-size:16rem; font-weight: 400; width: 45px; height: 45px; line-height:45px; border-radius: 50%; background: #111; color: #fff; text-align: center;}
.area_radiation .ss02 .ss02_2 {padding: 100rem 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.area_radiation .ss02 .ss02_2 .img {display: flex;justify-content: center; margin: 0 auto; max-width: 1400rem; padding: 10rem; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;} 
.area_radiation .ss02 .ss02_2 .img img {max-width: 100%; width: 49%;}
.area_radiation .ss02 .ss02_2 ul {display: grid; gap: 15rem; grid-template-columns: repeat(2, 1fr); text-align: center;}
.area_radiation .ss02 .ss02_2 li p {position: relative; margin-top: 25rem; font-size: 22rem;  padding: 0 2rem; font-weight: 600; display: inline-block; z-index: 2;}
.area_radiation .ss02 .ss02_2 li p::before {content:''; position: absolute; bottom: 1rem; left: 0; width: 100%; height: 10px; background: rgba(203, 183, 150,0.3); z-index: -1;}
.area_radiation .ss02 .ss02_2 li img {max-width: 100%; object-fit: cover; padding: 15px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;}
.area_radiation .ss02 .ss02_3 {padding-top: 100rem;}
.area_radiation .ss02 .ss02_3 .img {display: flex; justify-content: center; margin: 0 auto; max-width: 1400rem; padding: 10rem; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;} 
.area_radiation .ss02 .ss02_3 .img img {max-width: 100%; width: 49%;}

/* area_operation  종양수술센터 */
.area_operation {}
.area_operation .ss01 .ss01_video {max-width: 100% !important; width: 100% !important; display: grid; align-items: center; gap: 30rem; grid-template-columns: repeat(2, 1fr) !important; box-sizing: border-box; padding: 40rem; background: #fff; border-radius: 10rem; box-shadow: 11px 19px 35px 0px rgb(123 123 123 / 17%);}
.area_operation .ss01 .ss01_video .box {width: 100% !important; padding-bottom: 56.25% !important; position: relative; height: 0; overflow: hidden;}
.area_operation .ss01 .ss01_video .box iframe {width: 100% !important; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.area_operation .ss01 {text-align: center; padding: 135rem 0; width: 100%; background: url(/images/content/img_pattern.jpg);}
.area_operation .ss02 {padding: 135rem 0;background: #fff;}
.area_operation .ss02 .box {margin-top: 40rem;}
.area_operation .ss02 .ss02_1 {padding-bottom: 135rem;  border-bottom: 1px dotted #ddd;}
.area_operation .ss02 .box p {margin-bottom: 30rem;}
.area_operation .img {display: flex; justify-content: center; max-width: 1100rem; gap: 10rem; margin: 0 auto;  padding: 15px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;}
.area_operation .img img {max-width: 100%; width: 49%;}
.area_operation .ss02 .ss02_2 {padding-top: 135rem; text-align: center;}
.area_operation .ss02 .ss02_2 .box {max-width: 1100rem; margin: 0 auto;}
.area_operation .ss02 .ss02_2 .box img {max-width: 100%; padding: 15px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;}
.area_operation .ss02 .ss02_2 .img + .box{ margin-top: 60rem; }

/* area_treament 항암센터 */
.area_treament .ss01 {padding: 135rem 0; width: 100%; background: url(/images/content/img_pattern.jpg);}
.area_treament p {text-align: center;}
.area_treament .ss02 {text-align: center; padding: 135rem 0;background: #fff;}
.area_treament .ss02 img {max-width: 100%; padding: 15px; box-sizing: border-box; background: #f8f8f8; border: 1px solid #eee;}

/* area_hospice 호스피스 */
.area_hospice .ss01 {padding: 135rem 0; }
.area_hospice .ss01 .img {display: flex; justify-content: center; max-width: 1100rem; gap: 10rem; margin: 0 auto 40rem auto;}
.area_hospice .ss01 .img img {max-width: 100%; width: 49%;}
.area_hospice .ss02 {padding: 135rem 0; background: #fff;}

@media all and (max-width:1280px){
	/* about01 소개 */
	.about01 .ss02 ul.list {gap: 25rem;}
	.about01 .ss02 ul.list li {padding: 30rem;}
	.about01 .ss02 ul.list li .img {width: 200rem;}
	.about01 .ss02 ul.list li .info{width: calc(100% - 200px);}
	.about01 .ss02 ul.list li .info strong {font-size: 25rem;}
	.about01 .ss02 ul.list li .info strong em {font-size: 20rem;}
	.about01 .ss02 ul.list li .info {padding-left: 25rem;}
	/* .area_radiation 방사선치료 */
	.area_radiation .ss01_1 {gap: 30rem; grid-template-columns: repeat(1, 1fr)}
}
@media all and (max-width:1080px){
	/* about01 소개 */
	.about01 .ss02 ul.list {grid-template-columns: repeat(1, 1fr)}
	.about01 .ss03 .booking_list {padding: 25rem;}
	.about01 .ss03 .booking_list li {flex-direction: column;}
	/* area_cancer 암검진센터 */
	.area_cancer .ss01 ul {grid-template-columns: repeat(2, 1fr); gap:20px;}
	.area_cancer .ss01 li {padding: 22px;}
	/* .area_radiation 방사선치료 */
	.area_radiation .ss01 .ss01_video {padding: 20rem; margin: 40px auto 0; gap: 10rem;}
	.area_radiation .ss02 .ss02_1 {padding-bottom: 40rem;}
	.area_radiation .ss02 .ss02_1 ul {grid-template-columns: repeat(1,1fr);}
	.area_radiation .ss02 .ss02_1 li {padding: 40rem 10rem}
	.area_radiation .ss02 .ss02_1 li:nth-child(1) {padding-top: 0;} 
	.area_radiation .ss02 .ss02_1 li:nth-child(2) {border-left: 0; border-right: 0; ; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd;}
	.area_radiation .ss02 .ss02_1 li:nth-child(3) {padding-bottom: 0;} 
}

@media all and (max-width:767px){
	.sub_p {font-size: 15rem; line-height: 1.7;}
	/* about01 소개 */
	.about01 .ss01 {padding: 80rem 0;}
	.about01 .ss01 p {font-size: 15rem;}
	.about01 .ss01 .ss01_video {margin: 40px auto 0; max-width: 100%; padding: 30rem;}
	.about01 .ss02 {padding: 60rem 0;}
	.about01 .ss02 .ss02_img {margin-bottom: 10rem; height: 300rem; text-align: center;}
	.about01 .ss02 .ss02_img img {height: 100%; object-fit: cover;}
	.about01 .ss02 ul.list {gap: 20rem;} 
	.about01 .ss02 ul.list li .info strong em::before {bottom: -14px;}
	.about01 .ss02 ul.list li .info strong {font-size: 20rem; margin-bottom: 20rem;}
	.about01 .ss02 ul.list li .img img {max-width: 100%;}
	.about01 .ss02 ul.list li .info strong em {font-size: 16rem; margin-right: 8rem;}
	.about01 .ss03 {padding: 35rem 0 60rem;}
	.about01 .ss03 .scroll table th {padding: 12rem 10rem; font-size: 16rem; font-weight: 500;} 
	.about01 .ss03 .scroll table th span {font-size: 15rem;}
	.about01 .ss03 .scroll table td {padding: 10rem;}
	.about01 .ss03 .ss03_1 {margin-bottom: 30rem;}
	.about01 .ss03 .booking_svg {width: 14rem;}
	.about01 .ss03 .booking_list {grid-template-columns:repeat(1, 1fr); padding: 0 15rem; border:3px solid #f4f4f4}
	.about01 .ss03 .booking_list li {flex-direction: inherit; padding: 20rem 0;}
	.about01 .ss03 .booking_list li b {gap: 6rem;}
	.about01 .ss03 .booking_list li:nth-child(2) {border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd}
	/* area_tumor 종양진단센터 */
	.area_tumor .ss01 {padding: 80rem 0;}
	.area_tumor .img {margin-bottom: 25rem;}
	.area_tumor .ss02 {padding: 60rem 0;}
	.area_tumor .ss02 .sub_p + .img {margin-top: 30rem;}
	/* area_cancer 암검진센터 */
	.area_cancer {padding: 80rem 0;}
	.area_cancer .ss01 ul {grid-template-columns: repeat(1, 1fr);}
	.area_cancer .ss01 li {padding: 22rem;}
	.area_cancer .ss01 li .txt em {font-size: 16rem;}
	.area_cancer .ss01 dt {font-size: 20rem; font-weight: 600; margin: 6rem 0;} 
	.area_cancer .ss01 dd {font-size: 15rem;}
	/* .area_radiation 방사선치료 */
	.area_radiation .ss01 {padding: 80rem 0;}
	.area_radiation .ss01_1 {margin-bottom: 40rem;}
	.area_radiation .ss01_1 h3 {font-size: 24rem; margin-bottom: 15rem;}
	.area_radiation .ss01_1 li ul {margin-top: 25rem;}
	.area_radiation .ss01 .ss01_video {grid-template-columns:repeat(1, 1fr) !important; padding: 20rem; gap: 10rem;}
	.area_radiation .ss02 {padding: 60rem 0; }
	.area_radiation .ss02 .ss02_1 .img {height: 200rem;}
	.area_radiation .ss02 .ss02_1 .img img {width: 100%; height: 100%; object-fit: cover; text-align: center;}
	.area_radiation .ss02 .ss02_1 dt {font-size: 20rem; margin-bottom: 15rem;}
	.area_radiation .ss02 .ss02_1 dt::before {height: 9rem;}
	.area_radiation .ss02 .ss02_1 dd {font-size: 15rem;}
	.area_radiation .ss02 .ss02_2 {padding: 60rem 0;}
	.area_radiation .ss02 .ss02_2 .img img {width: 100%;}
	.area_radiation .ss02 .ss02_3 {padding-top: 60rem;}
	.area_radiation .ss02 .ss02_2 li p {font-size: 18rem; font-weight: 600; margin-top: 12rem;}
	.area_radiation .ss02 .ss02_2 li p::before {height: 9rem;}
	.area_radiation .ss02 .ss02_3 .img img {width: 100%;}
	/* area_operation  종양수술센터 */
	.ss01_video {max-width: 100%; margin: 40px auto 0; padding: 30rem;}
	.area_operation .ss01 {padding: 80rem 0;}
	.area_operation .ss01 .ss01_video {grid-template-columns:repeat(1, 1fr) !important; margin: 40px auto 0; padding: 20rem; gap: 10rem;}
	.area_operation p {font-size: 15rem; line-height: 1.6;}
	.area_operation .ss02 {padding: 60rem 0;}
	.area_operation .ss02 .ss02_1 {padding-bottom: 60rem;}
	.area_operation .ss02 .ss02_2 {padding-top: 60rem;}
	.area_operation .ss02 .box {margin-top: 25rem;}
	.area_operation .ss02 .box p {margin-bottom: 25rem;}
	/* area_treament 항암센터 */
	.area_treament .ss01 {padding: 80rem 0;}
	.area_treament p {font-size: 15rem; line-height: 1.6;}
	.area_treament .ss02 {padding: 60rem 0;}
	/* area_hospice 호스피스 */
	.area_hospice .ss01 {padding: 80rem 0;}
	.area_hospice p {font-size: 15rem; line-height: 1.6;}
}
@media all and (max-width:600px){
	/* about01 소개 */
	.about01 .ss02 ul.list li {flex-direction: column; gap: 20rem; padding: 20rem;}
	.about01 .ss02 ul.list li .img {width: 100%; padding-bottom: 520rem;}
	.about01 .ss02 ul.list li .img img.img_m {display: block;}
	.about01 .ss02 ul.list li .img img.img_pc {display: none;}
	.about01 .ss02 ul.list li .info {width: 100%; padding-left: 0;}
	.about01 .ss01 .ss01_video {padding: 15rem;}
	/* area_tumor 종양진단센터 */
	.area_tumor .img {flex-wrap: wrap;}
	.area_tumor .img img {width: 100%;}
	/* area_cancer 암검진센터 */
	.area_cancer .ss01 li .img {height: 200rem;}
	/* .area_radiation 방사선치료 */
	.area_radiation .ss02 .ss02_1 .img {padding: 6rem;}
	.area_radiation .ss01 .ss01_video {padding: 15rem;}
	.area_radiation .ss02 .ss02_2 ul {grid-template-columns:repeat(1, 1fr) ; gap: 30rem;}
	.area_radiation .ss02 .ss02_2 li img {padding: 6rem;}
	.area_radiation .ss02 .ss02_3 .img {flex-wrap: wrap;  padding: 6rem; gap: 6rem;}
	/* area_operation  종양수술센터 */
	.ss01_video { padding: 15rem;}
	.area_operation .img {padding: 6rem; gap: 6rem; flex-wrap: wrap;}
	.area_operation .img img {width: 100%;}
	.area_operation .ss02 .ss02_2 .box img {padding: 6rem;}
	.area_treament .ss02 img {padding: 6rem;}
	.area_hospice .ss01 .img {flex-wrap: wrap; gap: 6rem; margin-bottom: 25rem;}
	.area_hospice .ss01 .img img {width: 100%;}
}
@media all and (max-width:460px){
	.about01 .ss02 ul.list li .img {padding-bottom: 340rem;}
	.scroll {overflow-x: scroll;}
	.scroll table {width: 500rem;}
}

/* show/hide */
@media(min-width:768px){
	.show-mo{ display: none; }
}
@media(min-width:1280px){
	.show-tab{ display: none; }
}
@media(max-width:767px){
	.hide-mo{ display: none; }
}

/* counsel banner */
.cBanner{ position: relative; margin-bottom: 60rem; padding: clamp(40rem, calc( 67 / 1400 * 100vw ), 67rem) clamp(20rem, calc( 99 / 1400 * 100vw ), 99rem); background: #f4f4f4 url('/images/content/cBanner-bg.png'); border-radius: 20rem; }
.cBanner__h4{ font-size: clamp(22rem, calc( 38 / 1400 * 100vw ), 38rem); font-weight: 800; line-height: 1.31578947; letter-spacing: -.023em; color: #111; }
.Cbanner__p{ margin-top: 13rem; font-size: 17rem; font-weight: 500; letter-spacing: -.019em; color: #444; }
.Cbanner__info{ margin-top: 4rem; font-size: 16rem; letter-spacing: -.014em; color: #b1966f; }
@media(max-width:1279px){
	.cBanner{ text-align: center; }
}

/* counsel caution */
.formCaution__p{color:#cca10b; font-weight:bold; }
.formCaution__ul{ margin-top: 10rem; }
.formCaution__li{ position: relative; padding-left: 1.2ch; }
.formCaution__li::before{ content: ''; position: absolute; top: .55em; left: 0; width: .3em; height: .3em; background: #cbb796; border-radius: 50%; }

/* counsel completed */
.cCompleted{ margin: 62rem auto 80rem; max-width: 730rem; text-align: center; }
.cCompleted__mark{ width: 92rem; }
.cCompleted__mark circle{fill:#cbb796;stroke-width:0px;}
.cCompleted__mark path{fill:#fff;stroke:#fff;stroke-miterlimit:10;stroke-width:.4px;}
.cCompleted__h3{ margin: .5em 0 0.73809524em; font-size: clamp(25rem, calc( 42 / 1400 * 100vw ), 42rem); color: #111; }
.cCompleted__p{ margin-top: 17rem; font-size: clamp(15rem, calc( 18 / 1400 * 100vw ), 18rem); line-height: 1.55555556; color: #444; }
a.cCompleted__a{ margin-top: 54rem; display: flex; align-items: center; justify-content: center; height: 64rem; padding-top: 1rem; background: #111; font-size: clamp(15rem, calc( 18 / 1400 * 100vw ), 18rem); color: #fff; }