@charset "utf-8";

body .medi {position:relative;}


.medi .mediFix {
	position:absolute; left:0; top:0; width:120px;
	background:#fff; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.12);
	border-radius: 0px 5px 5px 0px; text-align:center;
}
.medi .mediFix.fixOn {position:fixed; top:100px;}
.medi .mediFix::before {width:4px; height:100%; border-radius:0 5px 5px 0; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.12); background:var(--base4); left:0; top:0; position:absolute; display:block; content:'';}
.medi .mediFix .img {margin:-20px auto 0; width:40px; height:40px; border-radius:50%; background:#fff url(/images/medi/i-calBig.svg)center no-repeat;box-shadow:4px 4px 8px rgba(0, 0, 0, 0.12);}
.medi .mediFix .part {padding:11px 0 0; color: #4E4E4E;font-size: var(--fs12); line-height:1.2;}
.medi .mediFix .part span {font-weight:600; display:block;}
.medi .mediFix .name {padding:10px 0 13px; margin:10px 0 0; border-top:1px solid rgba(78, 78, 78, 0.1); color:var(--base4);font-size: var(--fs15);line-height:1.2;}
.medi .mediFix .name b {font-weight: 700;display:block;}

.medi .infoText {padding:0 0 0 20px; background:url(/images/common/i-info.svg)0 3px no-repeat; line-height: normal; font-size:var(--fs18); font-weight:400;margin-bottom: 20px;}

.medi .medi-tit {margin:0 0 60px; width:calc(100% - 45px); border-radius: 20px; background: linear-gradient(90deg, #1D2F60 0%, #213E8B 16.29%); position:relative;}
.medi .medi-tit-item {padding:13px 0 0; display:flex; transform:translateX(45px); position:relative;}
.medi .medi-tit-item:before {width:211px; height:216px; background:url(/images/medi/bg.svg)0 0 no-repeat; left:-120px; top:-70px; position:absolute; display:block; content:'';}
.medi .medi-tit-item .tit {padding:0 0 13px 30px; gap:5px; display:flex; justify-content:center; flex-direction:column; width:300px; }
.medi .medi-tit-item .tit p {color: #FFF;font-size: var(--fs16);font-weight: 400; line-height: 1.2;}
.medi .medi-tit-item .tit a {
	color:#FFF; font-size: var(--fs40); font-weight: 800; line-height: 1.2;
	display:inline-block; background:url(/images/medi/i-plus.svg)145px 3px no-repeat;
}
.medi .medi-tit-item .con {width:calc(100% - 300px); padding:30px 50px; border-radius:20px 20px 20px 0;background:#fff;box-shadow: 12px 9px 30px 0px rgba(0, 0, 0, 0.15);}
.medi .medi-tit-item .con p {font-size:var(--fs18); font-weight:500;}
.medi .medi-tit-item .con p+p {padding:5px 0 0;}
.medi .medi-tit-item .con p span {width:140px; line-height:34px; margin-right:15px; border-radius:100px; display:inline-block; text-align:center;font-weight:600;}
.medi .medi-tit-item .con p.A span {color:var(--base1); background:#EEF3FF;}
.medi .medi-tit-item .con p.B span {color:var(--base2); background:#F8FFE9;}
.medi .medi-tit-item .con p.C span {}

/* 뷰페이지 */
.medi .medi-people {padding:70px 150px; border-radius: 10px;border: 1px solid #C2C2C2; position:relative;}
.medi .medi-people .img {width:900px; height:100%; position:absolute; right:0; bottom:0;}
.medi .medi-people .img .item {width:375px; height:auto; position:absolute;right:200px; bottom:0; transform:}
.medi .medi-people .img .bg {width:; height:; right:0; top:0;  position:absolute;}

.medi .medi-people .tit {gap:10px; display:flex; flex-direction:column; justify-content:center; height:100px;border-radius: 10px;}
.medi .medi-people .tit div {display:flex; align-items:end; line-height:1;}
.medi .medi-people .tit div:first-child {gap:5px;}
.medi .medi-people .tit span {}
.medi .medi-people .tit .work {color:var(--base1); font-weight:600;}
.medi .medi-people .tit .field {color:#fff; background:var(--base1); border-radius:5px; font-size:var(--fs14); font-weight:400; padding:2px 4px;}
.medi .medi-people .tit .name {color:var(--base4);font-size:var(--fs50); font-weight:700;}
.medi .medi-people .tit .position {color:#000;font-size:var(--fs18); font-weight:300; border-left:1px solid #d9d9d9; padding-left:11px; margin-left:10px;}
.medi .medi-people .tit+p {margin:25px 0 10px; width:200px; text-align:center; line-height:34px; color:var(--base1); font-size:var(--fs18); font-weight:600; background:#EEF3FF; border-radius:17px;}

.medi .medi-people .btnWrap {padding:65px 0 0; position:relative; gap:5px 20px; display:flex; align-items:center;}
/* .medi .medi-people .btnWrap::before {width:60px; height:60px; background:url(/images/medi/detailImg.svg)center no-repeat; left:-17px; top:28px; position:absolute; display:block; content:'';} */
.medi .medi-people .btnWrap a {font-size:var(--fs18); font-weight:600; position:relative;}
.medi .medi-people .btnWrap a:hover {color:#000;}
.medi .medi-people .btnWrap a::before {position:absolute; border-radius:50%; display:block; content:'';}
.medi .medi-people .btnWrap a.cal {
	padding-left:57px; width:237px; line-height:48px; border:8px solid #F4F4F8;
	border-radius:100px; color:#fff;font-size:var(--fs20);
	background:linear-gradient(to right, rgba(29, 47, 96, 1) 5%, rgba(33, 62, 139, 1));
}
.medi .medi-people .btnWrap a.cal::before {left:26px; top:calc(50% - 10px); width:22px; height:20px;background:url(/images/medi/i-cal.svg)center /100% no-repeat; border-radius:0;}
.medi .medi-people .btnWrap a.cal::after {width:10px; height:13px; background:url(/images/medi/btnArrow.svg)center no-repeat; right:28px; top:50%; position:absolute; display:block; content:''; transform:translateY(-50%); transition:var(--ani);}
.medi .medi-people .btnWrap a.cal:hover {}
.medi .medi-people .btnWrap a.cal:hover::after {right:20px;}
.medi .medi-people .btnWrap a.print {padding-left:33px;}
.medi .medi-people .btnWrap a.print::before {width:28px; height:28px; background:#F6F6F6 url(/images/medi/i-print.svg)center no-repeat; left:0;}
.medi .medi-people .btnWrap a.share {padding-left:33px;}
.medi .medi-people .btnWrap a.share::before {width:28px; height:28px; background:#F6F6F6 url(/images/medi/i-share.svg)center no-repeat; left:0;}

.medi .medi-cal {}
.medi .medi-cal-wrap {background:#F4F4F4; border-radius:20px; position:relative;}
.medi .medi-cal .tableInfo {margin-left:160px; padding:0 20px; height:45px; display:flex; align-items:center; justify-content:space-between; }
.medi .medi-cal .tableInfo .info {}
.medi .medi-cal .tableInfo ul {display:flex; gap:15px;}
.medi .medi-cal .tableInfo ul li {padding-left:13px; position:relative; color:#333;}
.medi .medi-cal .tableInfo ul li.A {}
.medi .medi-cal .tableInfo ul li.B {}
.medi .medi-cal .tableInfo ul li.C {padding-left:16px;}
.medi .medi-cal .tableInfo ul li::before {width:8px; height:8px; left:0; top:50%; position:absolute; display:block; content:''; font-size:var(--fs13); font-weight:400; transform:translateY(-50%);}
.medi .medi-cal .tableInfo ul li.A::before {background:#333; border-radius:50%;}
.medi .medi-cal .tableInfo ul li.B::before {background:var(--yellow);}
.medi .medi-cal .tableInfo ul li.C::before {width:11px; height:13px; content:'★'; color:var(--pink);}

.medi .medi-cal .curr {padding:26px 0 16px; width:160px; background:var(--base4); top:-44px; left:0; position:absolute; border-radius:20px;}
.medi .medi-cal .curr .year {padding:0 0 2px; color: #FFF;text-align: center;font-size: var(--fs15); line-height:1.2;}
.medi .medi-cal .curr .mon {display:flex; align-items:center; justify-content:center;}
.medi .medi-cal .curr .mon {display:flex; gap:20px;}
.medi .medi-cal .curr .mon .num {color: #FFF;text-align: center; font-size: var(--fs32); font-weight: 700;line-height: normal;}
.medi .medi-cal .curr .mon a {width:12px; height:12px; background:center /auto 100% no-repeat;opacity:.5;}
.medi .medi-cal .curr .mon a.prev {background-image:url(/images/medi/i-calPrev.svg)}
.medi .medi-cal .curr .mon a.next {background-image:url(/images/medi/i-calNext.svg)}
.medi .medi-cal .curr .mon a:hover {opacity:1;}

.medi .medi-cal .tableBox {text-align:center;width:100%;background:var(--base4); border-radius:20px; position:relative;}
.medi .medi-cal .tableWrap {width:100%; overflow-x: auto;}
.medi .medi-cal .tableBox table {width:100%; min-width:1600px;}
.medi .medi-cal .tableBox table tr {}
.medi .medi-cal .tableBox table tr>* {
	color:#fff; font-weight:600; font-size:var(--fs15); line-height:1.4;
	border-width:0 1px 1px 0; border-style:solid; border-color:rgba(255, 255, 255, 0.1);
}
.medi .medi-cal .tableBox table tr>*.tit {width:160px;}
.medi .medi-cal .tableBox table tr>*.red {color:var(--red);}
.medi .medi-cal .tableBox table tr>*.blue {color:var(--sky);}
.medi .medi-cal .tableBox table th {padding:7px 13px; }
.medi .medi-cal .tableBox table td {padding:11px 13px; }
.medi .medi-cal .tableBox table td span {width:; height:; position:relative;}
.medi .medi-cal .tableBox table td span::before {width:10px; height:10px; left:50%; top:50%; position:absolute; display:block; content:''; font-size:var(--fs13); font-weight:400; transform:translate(-50%,-50%);}
.medi .medi-cal .tableBox table td span.A::before {background:#fff; border-radius:50%;}
.medi .medi-cal .tableBox table td span.B::before {background:var(--yellow);}
.medi .medi-cal .tableBox table td span.C::before {width:13px; height:16px; content:'★'; color:var(--pink);}

.medi .medi-desc {padding:70px 0; background:#FAFAFA;}
.medi .medi-desc-wrap {display:flex; flex-direction:column; gap:50px;}
.medi .medi-desc-item {padding:40px 50px; border:3px solid #ddd; border-radius:20px; background:#fff; position:relative; z-index:1; transition:var(--ani);}
.medi .medi-desc-item:hover {border-color:var(--base1);}
.medi .medi-desc-item .tit {color:var(--base1);font-size:var(--fs26);font-weight: 600;line-height: ;}
.medi .medi-desc-item .txt {}
.medi .medi-desc-item .txt p {padding:15px 0 0;}

.medi .medi-pain {display:flex; flex-direction:column; gap:70px;}
.medi .medi-pain article {display:flex; gap:20px;}
.medi .medi-pain article .article-tit {padding-left:19px; width:153px; line-height:42px; color:var(--base2); border:2px solid #f1f1f1; border-radius:100px; position:relative; text-align:center; font-weight:500; font-size:var(--fs15); align-self:start;}
.medi .medi-pain article .article-tit::before,
.medi .medi-pain article .article-tit::after {background:var(--base2);border-radius:50%;top:50%; position:absolute; display:block; content:''; transform:translateY(-50%);}
.medi .medi-pain article .article-tit::before {width:19px; height:19px; opacity:.14;  left:10px; }
.medi .medi-pain article .article-tit::after {width:9px; height:9px;  left:15px; }
.medi .medi-pain-list {width:calc(100% - 173px); display:flex; flex-direction:column; gap:20px;}
.medi .medi-pain-item {padding:18px 25px;  display:flex; gap:20px; border:2px solid #F1F1F1; border-radius:100px; background: rgba(255, 255, 255, 0.80); position:relative; transition:var(--ani);}
.medi .medi-pain-item:hover {border-color:var(--base2);}
.medi .medi-pain-item:hover a {color:var(--base2);}
.medi .medi-pain-item .img {width:94px; height:94px; border-radius:50%; overflow:hidden;}
.medi .medi-pain-item .img img {}
.medi .medi-pain-item .con {padding-right:130px; width:calc(100% - 114px); display:flex; flex-direction:column; gap:2px;}
.medi .medi-pain-item .con p {}
.medi .medi-pain-item .con .head {color: var(--base2); font-size: var(--fs18); font-weight: 500;}
.medi .medi-pain-item .con .tit {color:#000; font-size:var(--fs20);font-weight: 600;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.medi .medi-pain-item .con .txt {color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:var(--fs14);font-weight: 500;line-height: 1.5;}
.medi .medi-pain-item a {
	color:#666; padding-right:13px; font-size:var(--fs16); font-weight: 500;line-height: 1.3;
	background:url(/images/medi/i-detail.svg)100% 50% no-repeat;
	right:50px; top:50%; position:absolute; transform:translateY(-50%);
}
.medi .medi-pain-item a:hover {padding-right:20px;}

.medi .medi-pain article.blue {}
.medi .medi-pain article.blue:hover {}
.medi .medi-pain article.blue .article-tit {color:var(--base1);}
.medi .medi-pain article.blue .article-tit::before {background:var(--base1);}
.medi .medi-pain article.blue .article-tit::after {background:var(--base1);}
.medi .medi-pain article.blue .medi-pain-item:hover {border-color:var(--base1);}
.medi .medi-pain article.blue .medi-pain-item:hover a {color:var(--base1)}
.medi .medi-pain article.blue .medi-pain-item .con .head {color:var(--base1);}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1200px) {
	
	
	
	.medi .medi-tit {}
	.medi .medi-tit-item {padding:25px 0 0; flex-direction:column;}
	.medi .medi-tit-item .tit {padding:0 0 10px 0; width:240px;}
	.medi .medi-tit-item .con {padding:25px 30px; width:100%;}
	
	.medi .medi-people {padding:50px;}
	.medi .medi-people .img {width:320px;}
	.medi .medi-people .img .item {width:100%; right:20px;}
	
	.medi .medi-cal .tableBox {}
	.medi .medi-cal .tableBox table {}
	
	.medi .medi-desc {padding:0; background:none;}
	.medi .medi-desc-wrap {gap:40px;}
	.medi .medi-desc-item {padding:30px 40px;}
	.medi .medi-desc-item .tit {}
	.medi .medi-desc-item .ulType2 {padding:10px 0 0;}
	
	.medi .medi-pain {gap:50px;}
	.medi .medi-pain article {flex-direction:column;}
	.medi .medi-pain-list {width:100%;}
	.medi .medi-pain-item {}
	
	
	
	
	
}





/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.medi .infoText {background-position:0 1px; font-size:15px;}
	
	
	
	.medi .medi-tit {}
	.medi .medi-tit-item {transform:translateX(25px);}
	.medi .medi-tit-item:before {}
	.medi .medi-tit-item .tit {padding:0 0 10px 0; width:100%;}
	.medi .medi-tit-item .tit p {}
	.medi .medi-tit-item .tit a {background-size:42px}
	.medi .medi-tit-item .con {padding:25px 30px; }
	.medi .medi-tit-item .con p {gap:5px 0; display: flex;flex-direction: column; text-overflow:; white-space:normal;}
	.medi .medi-tit-item .con p+p {}
	.medi .medi-tit-item .con p span {width:120px; line-height:30px;}
	.medi .medi-tit-item .con p.A span {}
	.medi .medi-tit-item .con p.B span {}
	.medi .medi-tit-item .con p.C span {}
	
	.medi .medi-people {padding: 30px;}
	.medi .medi-people .img {width:100%; height:300px; bottom:auto; top:0;position:static;}
	.medi .medi-people .img .item {width:auto; height:100%;position:static;}
	
	.medi .medi-people .tit {}
	.medi .medi-people .tit+p {margin:0 0 10px;}
	
	.medi .medi-people .btnWrap {padding:20px 0 0;}
	
	.medi .medi-cal .tableInfo {margin-left:0; height:auto; padding:10px; flex-direction:column;}
	.medi .medi-cal .tableInfo .infoText {}
	.medi .medi-cal .curr {padding:10px 0; top:0;}
	
	.medi .medi-cal .tableBox table th {padding:15px 13px}
	
	.medi .medi-desc {padding:0;}
	.medi .medi-desc-wrap {gap:20px;}
	.medi .medi-desc-item {padding:20px 30px;}
	
	.medi .medi-pain {gap:30px;}
	.medi .medi-pain article {gap:14px;}
	.medi .medi-pain article .article-tit {width:130px; line-height:34px;}
	.medi .medi-pain-item {padding:0 0 20px; border:0; gap:10px;}
	.medi .medi-pain-item .img {width:80px; height:80px;}
	.medi .medi-pain-item .con {padding-right:0;width:calc(100% - 90px);}
	.medi .medi-pain-item a {left:90px; bottom:0; top:auto; right:auto; transform:none;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}	




/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	
	.medi .medi-tab .tabBtn {width:calc((100% - 20px)/2); gap:10px;}
	
	.medi .medi-people .img {height:250px;}
	.medi .medi-people .img .item {}
	
	.medi .medi-people .btnWrap {flex-wrap:wrap;}
	.medi .medi-people .btnWrap a {}
	.medi .medi-people .btnWrap a.cal {width:100%;}
	
	
	
	
	
	
	
	
}