@charset "utf-8";

ul {list-style:none; margin:0; padding:0;}
p {margin:0;}

body .checkup {position:relative;}

.checkup .bannerType1 {padding:13px 0 0; width:calc(100% - 45px); display:flex; background: linear-gradient(90deg, #320C6C 0%, #51228B 16.29%);position:relative;border-radius: 20px;}
.checkup .bannerType1:before {width:211px; height:216px; background:url(/images/medi/checkup_bg.svg)0 0 no-repeat; left:-5px; top:-15px; position:absolute; display:block; content:'';}
.checkup .bannerType1 .tit {width:305px; padding:0 0 20px 80px; gap:5px; display:flex; flex-direction:column; justify-content: center;}
.checkup .bannerType1 .tit p {color: #FFF;font-size: var(--fs16);font-weight: 400; line-height: 1.2;}
.checkup .bannerType1 .tit h4 {
	color:#FFF; font-size: var(--fs40); font-weight: 800; line-height: 1.2;
	display:inline-block;
}
.checkup .bannerType1 .con {width:calc(100% - 305px); padding:50px 55px; border-radius:20px 20px 20px 0;background:#fff;box-shadow: 12px 9px 30px 0px rgba(0, 0, 0, 0.15); position:relative; transform:translateX(45px);}
.checkup .bannerType1 .con img {height:300px; position:absolute; left:-120px; bottom:0;}
.checkup .bannerType1 .con p {font-size:var(--fs20); color:#000;}
.checkup .bannerType1 .con p b {font-weight:600;}

.checkup .checkup-tit {padding:80px; display:flex; gap:80px; border-radius: 40px;background: #FFF;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}
.checkup .checkup-tit-img {width:95px;}
.checkup .checkup-tit-con {width:calc(100% - 175px); display:flex; flex-direction:column; gap:15px;}
.checkup .checkup-tit-con-tit {padding:0 0 5; color: #777;font-size: var(--fs24);font-weight: 600;line-height: normal;}
.checkup .checkup-tit-con-txt {color: #000;font-size: var(--fs18);font-weight: 400;line-height: normal;}
.checkup .checkup-tit-con-list {padding:20px 0; display:flex; gap:10px; flex-direction:column;}
.checkup .checkup-tit-con-list li {display:flex; gap:10px;}
.checkup .checkup-tit-con-list li>* {padding:12px 27px; border-radius:100px; color:#fff; background-color:#444; line-height:1.2;}
.checkup .checkup-tit-con-list li p {
	padding-left:50px;
	background-image:url(/images/clinic/i-check.svg);background-position:27px 13px; background-repeat:no-repeat;}
.checkup .checkup-tit-con-list li span {}
.checkup .checkup-tit-con-list li:nth-child(even)>* {background-color:#848484;}

.checkup .checkup-find {}
.checkup .checkup-find h5 {padding:0 0 40px;  color: #000; font-size: var(--fs38);font-weight: 700;line-height: normal; text-align:center;}
.checkup .checkup-find-list {display:flex; gap:40px;}
.checkup .checkup-find-item {
	display:flex; width:calc((100% - 40px)/2); padding: 50px 80px;flex-direction: column; align-items: flex-start;gap: 20PX;
	border-radius: 40px;border: 5px solid #FFF;background: #F9F9F9; box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);
}
.checkup .checkup-find-item h6 {color: #3655A5;font-size: var(--fs22);font-weight: 700;line-height:1.3}
.checkup .checkup-find-item ul {}
.checkup .checkup-find-item ul li {color: #000;font-size: var(--fs16);font-weight: 400;line-height:1.75}

.checkup .checkup-warn {display:flex;}
.checkup .checkup-warn-tit {width:350px; align-self:start; position:sticky; top:80px;}
.checkup .checkup-warn-tit p {padding-left:12px; font-size:var(--fs22); font-weight:700; color:var(--base1); position:relative; line-height:1.3;}
.checkup .checkup-warn-tit h4 {padding:10px 0 0; color: #000;font-size: var(--fs38);font-weight: 700;line-height: normal;}
.checkup .checkup-warn-tit p:before,
.checkup .checkup-warn-tit p:after {width:5px; height:10px; left:0; position:absolute; display:block; content:'';}
.checkup .checkup-warn-tit p:before {top:3px; background:var(--base2);}
.checkup .checkup-warn-tit p:after {top:13px; background:var(--base1);}

.checkup .checkup-warn-con {width:calc(100% - 350px); display:flex; flex-direction:column; gap:40px;}
.checkup .checkup-warn-item {padding:60px; display:flex; border-radius: 40px;border: 1px solid #E5E5E5;background: #FFF;}
.checkup .checkup-warn-img {width:180px;}
.checkup .checkup-warn-img img {}
.checkup .checkup-warn-txt {width:calc(100% - 180px);}
.checkup .checkup-warn-txt h5 {color: var(--base1);font-size: var(--fs20);font-weight: 700;line-height: normal;}
.checkup .checkup-warn-txt p {padding:20px 0 0; color: #000;font-size: var(--fs18);font-style: normal;font-weight: 500;}

.checkup .cancer-tit {text-align: center;}
.checkup .cancer-tit h4 {color: #777;font-size: var(--fs22);font-weight: 600;line-height: normal;}
.checkup .cancer-tit p {padding:25px 0 0;color: #777;font-size: var(--fs18);line-height:1.4}
.checkup .cancer-inner {padding:90px 80px; border-radius: 40px;background: #FFF;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}

.checkup .cancer-item {}
.checkup .cancer-item .txt {color:#000; line-height:1.75;}
.checkup .cancer-item-tit {display:flex; gap:40px;}
.checkup .cancer-item-tit-icon {}
.checkup .cancer-item-tit-icon-img {display:flex; align-items:center; justify-content:center; width: 95px;height: 100px;border-radius: 40px;background: #FFF;box-shadow: 12px 9px 40px 0px rgba(24, 36, 70, 0.10);}
.checkup .cancer-item-tit-icon p {padding:18px 0 0; color:var(--purple);text-align: center;font-size:var(--fs20);font-weight: 600;line-height: normal;}
.checkup .cancer-item-tit-info {display:flex;height: 142px;padding: 40px 60px;justify-content: center;align-items: center; border-radius: 20px;background: #F8F8F8;}
.checkup .cancer-item-tit-info dl {}
.checkup .cancer-item-tit-info dl+dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(0, 0, 0, 0.10);}
.checkup .cancer-item-tit-info dl>* {color: #000;font-size: var(--fs20);line-height: normal;}
.checkup .cancer-item-tit-info dt {padding:0 0 10px; font-weight:600;}

.checkup .cancer-procedure {display:flex; flex-direction:column; gap:15px;}
.checkup .cancer-procedure li {display:flex; gap:5px; align-items: flex-start;
    flex-direction: column;}
.checkup .cancer-procedure li span {padding: 15px 20px; color:#000; font-weight:600; font-size:var(--fs16); border-radius:100px; border: 1px solid #DDD; background: #F8F9FA; line-height:1;}
.checkup .cancer-procedure li p {width:calc(100% - 365px); color: #000;font-size: var(--fs16);font-weight: 400;line-height:1.75}
.checkup .cancer-procedure li:nth-child(1) span {background:var(--purple); color:#fff;}
.checkup .cancer-procedure li:last-child span {background:#444; color:#fff;}

.checkup .category-table-desc {padding:20px 40px; text-align:left;}
.checkup .category-table-desc p {padding-left:38px;position:relative;}
.checkup .category-table-desc p span {left:0; position:absolute;}


.checkup .telInfo {margin-top:5px;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

	.checkup .bannerType1 {width:100%; padding:0; flex-direction:column;}
	.checkup .bannerType1 .tit {width:100%; padding:40px 50px 30px;}
	.checkup .bannerType1 .con {padding:30px 50px; width:100%; border-radius:0 0 20px 20px; transform:none;}
	.checkup .bannerType1 .con img {left:90%; }

	.checkup .checkup-tit {padding:60px; gap:60px;position:relative; display:block;}
	.checkup .checkup-tit-img {position:absolute; left:60px; top:60px;}
	.checkup .checkup-tit-img img {}
	.checkup .checkup-tit-con {width:100%; gap:10px;}
	.checkup .checkup-tit-con-tit {padding-left:120px;}
	.checkup .checkup-tit-con-txt {padding-left:120px;}
	.checkup .checkup-tit-con-list {padding:30px 0 10px;}


	.checkup .checkup-find {}
	.checkup .checkup-find h5 {padding:0 0 30px;}
	.checkup .checkup-find-item {padding:40px 50px;}

	.checkup .checkup-warn {flex-direction:column; gap:30px;}
	.checkup .checkup-warn-tit {width:100%; position:static;}
	.checkup .checkup-warn-tit p:before, .checkup .checkup-warn-tit p:after {
		height:8px;
	}
	.checkup .checkup-warn-tit p:before {top:4px;}
	.checkup .checkup-warn-tit p:after {top:12px;}
	.checkup .checkup-warn-tit h4 {padding:5px 0 0;}
	.checkup .checkup-warn-con {width:100%; gap:30px;}
	.checkup .checkup-warn-item {}
	
	
	.checkup .cancer-tit {}
	.checkup .cancer-tit h4 {}
	.checkup .cancer-tit p {}
	.checkup .cancer-inner {padding:60px 50px;}
	
	.checkup .cancer-item {}
	.checkup .cancer-item .txt {}
	.checkup .cancer-item-tit {}
	.checkup .cancer-item-tit-icon {}
	.checkup .cancer-item-tit-icon-img {}
	.checkup .cancer-item-tit-icon-img img {}
	.checkup .cancer-item-tit-icon p {}
	.checkup .cancer-item-tit-info {padding:20px 40px;}
	.checkup .cancer-item-tit-info dl {}
	.checkup .cancer-item-tit-info dl+dl {}
	.checkup .cancer-item-tit-info dl>* {}
	.checkup .cancer-item-tit-info dt {}
	
	.checkup .cancer-procedure {}
	.checkup .cancer-procedure li {}
	.checkup .cancer-procedure li span {padding:20px 30px;}
	.checkup .cancer-procedure li p {}
	
	.checkup .category-table-desc {}
	

	
	
	



}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	.checkup .bannerType1 {}
	.checkup .bannerType1 .tit {padding:30px 40px;}
	.checkup .bannerType1 .con {padding:30px 40px; width:100%;border-radius:0 0 20px 20px;}
	.checkup .bannerType1 .con img {height:150px; left:auto; bottom:100%; right:0;}

	.checkup .checkup-tit {padding:30px;}
	.checkup .checkup-tit-img {position:static;}
	.checkup .checkup-tit-img img {height:100px;}
	.checkup .checkup-tit-con {padding:10px 0 0;}
	.checkup .checkup-tit-con-tit {padding:0;}
	.checkup .checkup-tit-con-txt {padding:0;}
	.checkup .checkup-tit-con-list {padding:10px 0 0;}
	.checkup .checkup-tit-con-list li {flex-direction:column; gap:5px;}
	.checkup .checkup-tit-con-list li>* {padding:10px 16px; border-radius:10px;}
	.checkup .checkup-tit-con-list li p {padding-left:35px; background-position:16px 11px; background-size:14px;}

	.checkup .checkup-find {}
	.checkup .checkup-find h5 {padding:0 0 16px; }
	.checkup .checkup-find-list {flex-direction:column; gap:10px;}
	.checkup .checkup-find-item {padding:30px; width:100%; gap:10px;}


	.checkup .checkup-warn {}
	.checkup .checkup-warn-item {padding:60px 30px 30px; flex-direction:column; gap:20px; position:relative; border-radius:20px;}
	.checkup .checkup-warn-item img {height:60px;}
	.checkup .checkup-warn-img {left:30px; top:30px; position:absolute;}
	.checkup .checkup-warn-txt {width:100%;}
	.checkup .checkup-warn-txt h5 {padding-left:85px;}
	.checkup .checkup-warn-txt p {padding:25px 0 0;}



	
	
	.checkup .cancer-tit {}
	.checkup .cancer-tit h4 {}
	.checkup .cancer-tit p {}
	.checkup .cancer-inner {padding:40px;}
	
	.checkup .cancer-item {}
	.checkup .cancer-item .txt {}
	.checkup .cancer-item-tit {flex-direction: column; gap: 20px;}
	.checkup .cancer-item-tit-icon {display: flex; gap: 20px;}
	.checkup .cancer-item-tit-icon-img {border-radius:30px;}
	.checkup .cancer-item-tit-icon-img img {height:45%;}
	.checkup .cancer-item-tit-icon p {padding:15px 0 0; text-align:left;}
	.checkup .cancer-item-tit-info {height:auto; padding:20px 40px; max-width:100%; flex-direction:column;}
	.checkup .cancer-item-tit-info dl {width:100%; display:flex; gap:10px;}
	.checkup .cancer-item-tit-info dl+dl {padding:14px 0 0; margin:14px 0 0; border-top:1px solid rgba(0, 0, 0, 0.10); border-left:0;}
	.checkup .cancer-item-tit-info dl>* {}
	.checkup .cancer-item-tit-info dt {padding:0;}
	
	.checkup .cancer-procedure {align-items:start;}
	.checkup .cancer-procedure li {flex-direction:column; gap:5px; width:100%;align-items:start;}
	.checkup .cancer-procedure li span {padding:10px 20px;}
	.checkup .cancer-procedure li p {padding-left:5px; width:100%;}
	
	.checkup .category-table-desc {padding:10px 20px;}
	




















}