@charset "utf-8";

body .img img {width:100%; height:100%; object-fit:cover; transition:var(--ani);}

/* ***** agreeBox ***** */
body .agreeBox {padding:33px 44px; border-radius: 30px; background: #F6F6F6;}
body .agreeBox pre {display:block; overflow-y:auto; height:220px;}
body .agreeBox pre {}

/* checkBox */
/* agree */
body .checkBox.agree {text-align:center;}
body .checkBox.agree input {position:absolute; left:-9999px;}

body .checkBox.agree input+label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
	background: #f6f6f6;
	padding: 15px 30px;
	border-radius: 100px;
	width: 30%;
	margin: 20px auto 0;
	color:#000;
	font-weight:500;
}
body .checkBox.agree input+label:before {
	content: '';
	width: 18px; height: 18px;
	border: 1px solid #000;
	background: 50% 50% /100% no-repeat;
}
body .checkBox.agree input:checked+label:before {
	border: none;
	background-image: url(/images/common/i-checkOn.svg);
}



/* checkBox */
/* agree2 */
body .checkBox.agree2 input+label:before {
	width:18px; height:18px; background:#fff 50% 50% /100% no-repeat; border:1px solid #fff;
	position:absolute; left:0;top:2px; display:block; content:''; border-radius:4px;
}
body .checkBox.agree2 input:checked+label:before {border:none; background-image:url(/images/common/i-checkOn2.svg);}


/* 팝업 오늘하루열지않기 */
body .popInner .checkBox.agree2 {text-align:right;}
body .popInner .checkBox.agree2 input {position:absolute; left:-9999px;}
body .popInner .checkBox.agree2 input+label {padding-left:28px; position:relative; cursor:pointer;}
body .popInner .checkBox.agree2 input+label:before {width:16px; height:16px; border-radius: 0; border: none;}
body .popInner .checkBox.agree2 input+label:before {
	width:16px !important; height:16px !important; background:#fff;
	position:absolute; left:0;top:2px; display:block; content:'';
}
body .popInner .checkBox.agree2 input:checked+label:before {background:#fff url(/images/common/i-checkOn2.svg) no-repeat center / cover;}




/* ***** checkType ***** */
/* type1 */
body .checkType1 input[type='checkbox'], body .checkType1 input[type='radio'] {
	position:absolute; left:-9999px;
}
body .checkType1 input[type='checkbox']:disabled+label:before {
    border: 1px solid #cdcdcd;
	background: #cdcdcd;
	cursor: default;
}
body .checkType1 input[type='checkbox']+label, body .checkType1 input[type='radio']+label {
	color:var(--base5); font-size:var(--fs18); font-weight:600;
	padding-left:28px; position:relative; cursor:pointer; margin-right: 15px;
}
body .checkType1 input[type='checkbox']+label:before, body .checkType1 input[type='radio']+label:before {
	width:18px; height:18px; background:50% 50% /100% no-repeat; border:1px solid #000;
	position:absolute; left:0;top:2px; display:block; content:'';
}
body .checkType1 input[type='checkbox']:checked+label:before, body .checkType1 input[type='radio']:checked+label:before {
	border:none; background-image:url(/images/common/i-checkOn.svg);
}
body .checkType1.none input[type='checkbox']+label, body .checkType1.none input[type='radio']+label {
	padding-left:0px;
}

/* type2 */
body .checkType2 input[type='checkbox'], body .checkType2 input[type='radio'] {
	position:absolute; left:-9999px;
}
body .checkType2 input[type='checkbox']+label, body .checkType2 input[type='radio']+label {
	padding:11px 17px; color:var(--base5); font-weight:500; cursor:pointer; color:#000;
	border:1px solid #ccc; background:#fff; font-size:var(--fs16); display:block; line-height:1;
}
body .checkType2 input[type='checkbox']:disabled+label, body .checkType2 input[type='radio']:disabled+label {
	color:#C5C5C7;
}
body .checkType2 input[type='checkbox']:checked+label, body .checkType2 input[type='radio']:checked+label {
	border-color:var(--base5); background:var(--base5); color:#fff;
}

/* type3 */
body .checkType3 input[type='checkbox'], body .checkType3 input[type='radio'] {
	position:absolute; left:-9999px;
}
body .checkType3 input[type='checkbox']+label, body .checkType3 input[type='radio']+label {
	display:flex; align-items:center; justify-content:center;line-height:66px; border-radius: 7.5px; border: 2px solid #999; background: #FFF; cursor:pointer;
	font-weight:600; color:#999;
}
body .checkType3 input[type='checkbox']:checked+label, body .checkType3 input[type='radio']:checked+label {
	border-color:var(--base5); color:var(--base5);
}
body .checkType3 input[type='checkbox']:disabled+label, body .checkType3 input[type='radio']:disabled+label {
	border-color:#ddd; color:#ddd;
}

/* ***** layerWrap ***** */
.layer {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:99999;}
.layer .cover {background:rgb(0,0,0,.7); position:absolute; left:0; top:0; right:0; bottom:0; z-Index:-1;}
.layer.on {display:block;}
.layer .layerWrap {display:flex; align-items:center; justify-content: center; width:700px; height:100%; max-width:calc(100% - 40px); margin:0 auto; }
.layer .layerInner {width:700px; position:relative; overflow:hidden;}
.layer .layerTit {position:relative; width:100%; padding:16px 40px; padding-bottom: 70px; border-radius:50px 50px 0 0; background:var(--base1); color:#fff;}
.layer .layerTit .tit {font-size:var(--fs22); font-weight:600; text-align:center;}
.layer .layerTit .layerClose {position:absolute; right:30px; top:15px; width:36px; height:36px; background:url(/images/common/layerClose.svg) no-repeat center right; font-size:var(--fs14);}
.layer .layerCon {position:relative; z-Index:1; max-height:calc(100vh - 160px); overflow-y:auto; background:#fff; border-radius:50px; margin-top:-55px; font-size:var(--fs16); padding:50px 70px;}
.layer .layerCon p {color:#000; font-weight:500;}
.layer .layerCon .inputWrap {display:grid; grid-template-columns:140px auto; padding:15px 0; border-bottom:1px dashed #e5e5e5;}

.layer .layerCon .commentWrap {padding:25px 0; border-bottom:1px dashed #e5e5e5;}
.layer .layerCon .commentWrap .comment {max-height:80px; overflow-y:scroll; border:1px solid #e5e5e5; margin-top:5px; padding:15px;}
.layer .layerCon .inputWrap:first-child {padding-top:0;}
.layer .layerCon .commentWrap:last-child {border-bottom:none; padding-bottom:0;}
.layer .layerCon .inputWrap .confirm {color: var(--base4);}
.layer .layerCon .inputWrap .wait {color: #999;}
.layer .layerCon .inputWrap .cancelled {color: var(--red);}




/* ***** tabWrap ***** */
body .tabWrap {}
body .tabInner .tabItem {display:none;}
body .tabInner .peopleItem.tabItem {display:block !important;}
body .tabInner .tabItem.on {display:block;}

/* type1 */
body .tabWrap.type1 {display:flex; width:1300px; margin:0 auto; max-width:100%; text-align:center;}
body .tabWrap.type1 .tabBtn {
	width:50%; padding:10px 0 24px; border-bottom:1px solid #BFC3C6;
	color:#999; font-size:var(--fs18); font-weight:600;
}
body .tabWrap.type1 .tabBtn.on {color:#000; border-color:#000;}

/* type2 */
body .tabWrap.type2 {padding:8px 10px; width:750px; max-width: 100%; margin:0 auto; display:flex; background:#EDEDED; border-radius:100px; text-align:center;}
body .tabWrap.type2 .tabBtn {width:50%; font-size:var(--fs18); font-weight:600; color:#aeaeae; line-height:48px; border-radius:100px;}
body .tabWrap.type2 .tabBtn.on {background:#fff; color:var(--base5);}

/* type3 */
body .tabWrap.type3 {display:flex;}
body .tabWrap.type3 .tabBtn {width:50%; line-height:55px; background:#fff; text-align:center; border-width:0 1px 1px 0; border:1px solid #E3E5ED; font-size:var(--fs18); font-weight:600; color:#000;}
body .tabWrap.type3 .tabBtn+.tabBtn {margin-left:-1px;}
body .tabWrap.type3 .tabBtn.on {background:var(--base4); color:#fff;}




/* type4 */
body .tabWrap.type4 {display:flex; gap:10px; flex-direction:column;}
body .tabWrap.type4 .tabBtn {
	color:#3655A4; font-size:var(--fs18);font-weight:500; position:relative;
	border:2px solid #F1F1F1; border-radius:100px; line-height:56px; text-align:center;
}
body .tabWrap.type4 .tabBtn:before, body .tabWrap.type4 .tabBtn:after {border-radius:50%; background:#3655A4; top:50%; position:absolute; transform:translateY(-50%); display:block; content:'';}
body .tabWrap.type4 .tabBtn:before {width:20px; height:20px; left:10px; opacity:.14;}
body .tabWrap.type4 .tabBtn:after {width:10px; height:10px; left:15px;}
body .tabWrap.type4 .tabBtn.on {background:#3655A4; color:#fff;border-color:transparent; }
body .tabWrap.type4 .tabBtn.on:before, body .tabWrap.type4 .tabBtn.on:after {
	background:#fff;
}

/* type5 */
body .tabWrap.type5 {display:flex; border-width:1px 0 0 1px; border-style:solid; border-color:#E3E5ED;}
body .tabWrap.type5 .tabBtn {width:100%; padding:16px 10px; color: #000;text-align: center;font-size: var(--fs18);font-weight: 500;line-height: normal; border-width:0 1px 1px 0; border-style:solid; border-color:#E3E5ED;}
body .tabWrap.type5 .tabBtn.on {background:var(--purple); color:#fff;}


/* btn-tab */
.testpadding {height:500px;}
body .btn-tab {max-width:1300px; margin:0 auto; display:flex;}
body .btn-tab .btn-tab-item {
	display:inline-block; width:100%; padding:10px 0 24px; border-bottom:1px solid #BFC3C6;
	color:#999; font-size:var(--fs18); font-weight:600; text-align:center; margin-bottom:70px;
	}
body .btn-tab .btn-active {color: #000; border-color: #000;}


/* clinic-tab */
body .clinic-tab {max-width:100%; justify-content: center;color:#AEAEAE; margin-bottom:50px;}
body .clinic-tab .clinic-tab-wrap {height:70px; padding:10px; background:#EDEDED; border-radius:100px; }
body .clinic-tab .btn-tab-item {width:300px; border:0; padding:0; margin-bottom:0; height:100%;}
body .clinic-tab .btn-tab-item:hover {color:var(--base1);}
body .clinic-tab .btn-active {background:#fff; border-radius:100px; color:var(--base1); font-weight: 700;}




/* ***** formWrap ***** */
body .formWrap {display:flex; gap:20px; flex-direction:column;}
body .formGroup {display:flex; position: relative;}
body .formGroup .tit {width:160px; color: #000; line-height:50px; font-size: var(--fs16);font-weight: 500;line-height: 1.5; align-self:start;}
body .formGroup .inputWrap {width:calc(100% - 160px); display:flex; align-items:center;}
body .formGroup .inputWrap input {}
body .formGroup .inputWrap textarea {height:155px;}
body .formGroup .inputWrap.tel {gap:8px;}
body .formGroup .inputWrap.tel>* {width:140px;}
body .formGroup .inputWrap.tel select {}
body .formGroup .inputWrap.tel input {}
body .formGroup .inputWrap .bar {width:13px; height:1px; background:#ccc; display:inline-block;}



/* ***** btnWrap ***** */
body .btnWrap {}
body .btnWrap.type1 {display:flex; justify-content:center;}
body .btnWrap.type1 button {width:300px; line-height:70px; border-radius:100px; font-size:var(--fs28); font-weight:600;text-align:center;}
body .btnWrap.type1 button.brown {background:var(--base5); color:#fff;}

/* ***** btnType ***** */
/* type1 */
body .btnType1 {
	width:270px; max-width:100%; line-height:60px; font-size: var(--fs20); font-weight: 600; color:#fff; border-radius:100px;
	background: linear-gradient(90deg, #1D2F60 0%, #502289 100%); position:relative; text-align:center;
}
body .btnType1 img {right:20px; top:50%; position:absolute; transform:translateY(-50%); transition:var(--ani);}
body .btnType1:hover img {right:30px;}

/* type2 */
body .btnType2 {padding:0 0 0 55px; width:100%; display:flex; gap:13px; align-items:center; color:#fff; font-weight:600; font-size:var(--fs18); line-height:44px; border-radius:100px; background:#444;position:relative; transition: all .5s ease-in-out;}
body .btnType2.blue {background:var(--base4);}
body .btnType2 .arrow {width:45px; height:2px; background:#fff; border-radius:3px; transition:all .5s ease-in-out; position:relative;}
body .btnType2 .arrow:after {width:9px; height:15px; content: ''; position:absolute; right:-2px; top:43%; display:block; transform:translateY(-50%); display:block; background: url(/images/common/arrow_right.svg)0 0 /contain no-repeat; transition:all .5s ease-in-out;}
body .btnType2:hover .arrow {width:100px;}
body .btnType2:before {width:18px; height:18px; background:url(/images/reservation/i-check.svg)50% no-repeat; left:27px; top:50%; position:absolute; display:block; content:''; transform:translateY(-50%);}




/* ***** boxType ***** */
/* type1 */
body .boxType1 {padding:20px 0 0; width:calc(100% - 70px); display:flex; border-radius:20px; background:#977F72;}
body .boxType1 .box-tit {width:140px; padding:34px 0 0; transform:translateX(35px); font-size:var(--fs24); font-weight:700; line-height:1; text-align:center; align-self:start; color:#fff;}
body .boxType1 .box-inner {
	padding:70px 100px; width:calc(100% - 140px); border-radius:20px; background:#fff;
	transform:translateX(70px); border-radius: 20px 20px 20px 0px; box-shadow: 12px 9px 30px 0px rgba(0, 0, 0, 0.15);
}

/* type2 */
body .boxType2 {padding:70px 200px; border-radius: 40px;border: 5px solid #F9F9F9;background: #FFF;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}

/* type3 */
body .boxType3 {padding:70px 200px; border-radius: 40px;border: 5px solid #FFF;background: #F9F9F9;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}
body .boxType3 .tit {color: #000;text-align: center;font-size: var(--fs28);font-weight: 600;line-height: normal;}

/* type4 */
body .boxType4 {padding:54px 44px;border-radius: 30px; background: #F6F6F6;}
/* type5 */
body .boxType5 {padding:60px 70px; border-radius: 40px;border: 5px solid #FFF;background: #F9F9F9;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10);}

/* infoText */
body .infoTextType1 {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;}
body .infoTextType2 {padding:0 0 0 20px; background:url(/images/common/i-info.svg)0 1px no-repeat; line-height: normal; font-size:var(--fs16); font-weight:400;}

body .contactType1 {}


/* ***** tableWrap ***** */
body .tableWrap {}
/* type1 */
body .tableWrap.type1 {overflow:hidden;}
body .tableWrap.type1 table {width:100%;border-radius:10px;border-width:1px 0 0 1px;  border-style:solid; border-color:var(--border1); }
body .tableWrap.type1 table tr {}
body .tableWrap.type1 table tr>* {
	height:40px; color:#000;text-align: center;font-size:var(--fs15);font-weight: 600;line-height:1.2;
	border-width:0 1px 1px 0; border-style:solid; border-color:var(--border1);
}
body .tableWrap.type1 table th {background:#F9F9F9;}
body .tableWrap.type1 table td {}
body .tableWrap.type1 table td span {}
body .tableWrap.type1 table td span.A {color:var(--base3);}
body .tableWrap.type1 table td span.B {color:var(--base1);}
body .tableWrap.type1 table td span.C {color:var(--base2);}
body .tableWrap.type1 table td span.D {color:var(--gray3);}
body .tableWrap.type1 table td.con {font-size:var(--fs17); background: var(--base1); color:#fff; padding:15px 0;}
body .peopleList.type2 table td.con {background: #977F72;}

/* type2 */
body .tableWrap.type2 {overflow:hidden;}
body .tableWrap.type2 table {width:100%;border-width:1px 0 0 1px; border-style:solid; border-color:#EDE5E3;}
body .tableWrap.type2 table tr {}
body .tableWrap.type2 table tr>* {
	background:#fff; height:40px; color:#000; text-align: center;font-size:var(--fs15);font-weight: 600;line-height:1.2;
	border-width:0 1px 1px 0; border-style:solid; border-color:#EDE5E3;
}
body .tableWrap.type2 table th {background:#F3F4F9 ;}
body .tableWrap.type2 table td {padding:10px;}
body .tableWrap.type2 table td a {line-height:30px; border-radius:100px; text-align:center; display:block; color:#fff;}
body .tableWrap.type2 table td a.print {padding-left:20px; background:var(--base4) url(/images/reservation/i-print.svg)20px center no-repeat;}
body .tableWrap.type2 table td a.modify {background:var(--base2);}
body .tableWrap.type2 table td a.cancel {background:var(--red);}
body .tableWrap.type2 table td a.more {background:var(--base4);}
body .tableWrap.type2 table td a.down {background:var(--base1);}
body .tableWrap.type2 table td.wait {color:#999;}
body .tableWrap.type2 table td.confirm {color:var(--base4);}
body .tableWrap.type2 table td.cancelled {color:var(--red);}

/* type3 */
body .tableWrap.type3 {overflow-x:auto;}
body .tableWrap.type3 table {width:100%; min-width:1000px; border-width:1px 0 0 1px; border-style:solid; border-color:#EDE5E3;}
body .tableWrap.type3 table tr {}
body .tableWrap.type3 table tr>* {
	height:40px; color:#000; text-align: center;font-size:var(--fs15);font-weight: 500;line-height:1.2;
	border-width:0 1px 1px 0; border-style:solid; border-color:#EDE5E3;
}
body .tableWrap.type3 table th {background:#F3F4F9;}
body .tableWrap.type3 table td {padding:10px;}
body .tableWrap.type3 table td a {line-height:30px; border-radius:100px; text-align:center; display:block; color:#fff;}
body .tableWrap.type3 table td a.print {padding-left:20px; background:var(--base4) url(/images/reservation/i-print.svg)20px center no-repeat;}
body .tableWrap.type3 table td a.modify {background:var(--base2);}
body .tableWrap.type3 table td a.cancel {background:var(--red);}

/* type4 */
body .tableWrap.type4 {background:#fff; width:100%; max-width:100%;}
body .tableWrap.type4 table {width:100%; text-align:center; border-top:1px solid #000;}
body .tableWrap.type4 thead {background:#edf0f2;}
body .tableWrap.type4 tr {border-bottom:1px solid #e5e5e5;}
body .tableWrap.type4 tr>* {font-size:var(--fs16); font-weight:400;}
body .tableWrap.type4 th {padding:10px 20px;  color:#000;}
body .tableWrap.type4 td {padding:20px 20px; }

/* type4-반응형테이블 */
body .tableWrap.type4 .mTable th {border-right:1px solid #e5e7eb;}
body .tableWrap.type4 .mTable td {border-right:1px solid #e5e7eb;}
body .tableWrap.type4 .mTable td:last-child {border-right:0;}
body .tableWrap.type4 .mTable td.mo {display:none;}
body .tableWrap.type4 .mTable td.boderLeft {border-left:1px solid #e5e7eb;}


/* ***** ulType ***** */
/* type1 */
body .ulType1 {}
body .ulType1 li {padding-left:14px; position:relative; font-size:var(--fs16); line-height:1.3;}
body .ulType1 li:before {width:4px; height:4px; background:#d9d9d9; left:0; top:8px; position:absolute; display:block; content:''; border-radius:50%;}
body .ulType1 li+li {margin:5px 0 0;}

/* type2 */
body .ulType2 {}
body .ulType2 li {width:100%; display:flex; gap:15px;color: #000;font-size: var(--fs17);font-weight: 400;line-height: 2;}
body .ulType2 li span {font-weight: 700;}

/* type3 */
body .ulType3 {}
body .ulType3 li {padding-left:14px; position:relative; font-size:var(--fs16); line-height:1.3; color:#000;}
body .ulType3 li:before {width:3px; height:3px ; background:#000; left:0; top:8px; position:absolute; display:block; content:''; border-radius:50%;}
body .ulType3 li+li {margin:5px 0 0;}

/* type4 */
body .ulType4 {}
body .ulType4 li {padding-left:14px; /*color: #999;*/ font-size: var(--fs18);font-weight: 600; line-height: 1.7; position:relative;}
body .ulType4 li:before {width:4px; height:4px; border-radius:50%; background:#999; left:0; top:11px; position:absolute; display:block; content:''; }
body .ulType4.none li {padding:0;}
body .ulType4.none li:before {display:none;}
/* body .ulType4 li+li {margin:5px 0 0;} */


/* ***** dlType ***** */
/* type1 */
body .dlType1 {}
body .dlType1 dt {}
body .dlType1 dd {}

/* ***** titType ***** */
/* type1 */
body .titType1 {padding:0 0 17px 30px; color:var(--base5); font-size:var(--fs22);font-weight: 700; position:relative; line-height:1.2; margin:0;}
body .titType1:before, .titType1:after {border-radius:50%;  background:var(--base5); position:absolute; display:block; content:'';}
body .titType1:before {width:20px; height:20px; left:0; top:3px; opacity:.14;}
body .titType1:after {width:10px; height:10px; left:5px; top:8px;}
body .titType1.blue {color:var(--base4);}
body .titType1.blue:before, .titType1.blue:after {background:var(--base4);}

/* type2 */
body .titType2 {padding:0 0 0 15px; color: #000; font-size:var(--fs20); font-weight: 600;line-height: normal; position:relative;}
body .titType2:before {width:4px; height:4px; left:0; top:9px; border-radius:50%; background:#000; position:absolute; display:block; content:'';}

/* type3 */
body .titType3 {padding:0 0 0 15px; color: #000; font-size:var(--fs20); font-weight: 600;line-height: normal; position:relative;}
body .titType3:before {width:6px; height:6px; left:0; top:9px; border-radius:50%; background:#000; position:absolute; display:block; content:'';}

/* type4 */
body .titType4 {margin:0; color: #000;text-align: center;font-size: var(--fs30);font-weight: 700;line-height: normal;}



body .spaceType1 {height:70px;}
body .spaceType2 {height:50px;}
body .spaceType3 {height:40px;}
body .spaceType4 {height:30px;}
body .spaceType5 {height:100px;}
body .spaceType6 {height:120px;}
body .spaceType7 {height:150px;}
body .spaceType8 {height:20px;}

body .lineType1 {height:1px; background: rgba(151, 127, 114, 0.40);}
body .lineType2 {}
body .lineType3 {}


/* ***** 분야탭 ***** */
body .mediTab {}
body .mediTab {margin:0 0 60px; display:flex; justify-content:center; height:245px; border-radius: 20px; background: #FFF; box-shadow: 12px 9px 40px 0px var(--bgcGray1);}
body .mediTab .tabBtn {display:flex; flex-direction:column; gap:20px; align-items:center; justify-content:center; position:relative;font-size:var(--fs20);font-weight:600;}
body .mediTab .tabBtn+.tabBtn {padding-left:53px; margin-left:53px; }
body .mediTab .tabBtn+.tabBtn:after {
	width:1px; height:33px; background:var(--bgcGray2);
	left:0; top:80px; position:absolute; content:''; display:block;
}
body .mediTab .tabBtn span {
	display: flex; align-items: center; justify-content: center; position:relative;
	width:95px; height:100px; border-radius:40px;
	box-shadow: 12px 9px 40px 0px var(--bgcGray1);
}
body .mediTab .tabBtn span img {position:relative;}
body .mediTab .tabBtn.on {color:var(--base2);}
body .mediTab .tabBtn.on span {background:linear-gradient(#3655A5 0%,#8FC31F 100%);}
body .mediTab .tabBtn.on span::before {
	width:calc(100% - 8px); height:calc(100% - 8px);
	position:absolute; left:4px; top:4px; border-radius: 36px;
	content:''; display:block; background:#fff;

}

/* ***** 분야탭::input 적용 ***** */
.selectCenter.mediTab {margin:0 0 60px; display:flex; justify-content:center; height:245px; border-radius: 20px; background: #FFF; box-shadow: 12px 9px 40px 0px var(--bgcGray1); gap:5vw; align-items: center;}
.selectCenter.mediTab .inputWrap {cursor: pointer;}

.selectCenter.mediTab .centerImg {text-align: center;}
.selectCenter.mediTab .centerImg .imgWrap {width: 95px; height: 100px; border-radius: 40px; box-shadow: 12px 9px 40px 0px var(--bgcGray1); margin-bottom:15px; display: flex; align-items: center; justify-content: center;}
.selectCenter.mediTab .centerImg span {font-size:20px; font-weight:600;}

.selectCenter input[type="radio"] {
  accent-color: var(--base1);
}
.selectCenter input[type="radio"]:checked + .centerImg {color: var(--base5);}
.selectCenter input[type="radio"]:checked + .centerImg .imgWrap {border:4px solid var(--base5);}

.selectCenter .item {position:relative;}
.selectCenter .item:first-child:after {content:none;}
.selectCenter .item:after {
    width: 1px;
    height: 33px;
    background: var(--bgcGray2);
    left: -2.5vw;
    top: 40px;
    position: absolute;
    content: '';
    display: block;
}





/* ***** 툴팁 박스 ***** */
.inputWrap .checkType1{position:relative;}
[data-tooltip]{position:relative;}
[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-15%);white-space:nowrap;transition:all .2s ease;font-size:16px;}
[data-tooltip]:before{content:attr(data-tooltip);height:auto;top:-70px;padding:5px 10px;border-radius:5px;color:#fff;background:var(--base5);box-shadow:0 3px 8px rgba(165,165,165,.5);}
[data-tooltip]:after{content:'';border-left:5px solid transparent;top:-44px;border-right:5px solid transparent;border-top:5px solid var(--base5);}
[data-tooltip].active:before{visibility:visible;opacity:1;top:-80px;}
[data-tooltip].active:after{visibility:visible;opacity:1;top:-44px;}


/* ***** 의료진소개 ***** */
body .peopleList.type1 {gap:60px; display:flex; flex-wrap:wrap;}

body .peopleList.type1 .peopleItem {position: relative; padding: 30px; width: calc((100% - 60px)/2); border: 3px solid #ddd; border-radius: 10px; background: #fff; transition:.5s;}
body .peopleList.type1 .peopleItem:hover {border: 3px solid var(--base1);}

body .peopleList.type1 .peopleItem .top {display:flex; gap:50px;  justify-content:space-between;}
body .peopleList.type1 .peopleItem .top .people {width:270px;}
body .peopleList.type1 .peopleItem .top .people .img {text-align: center;}
body .peopleList.type1 .peopleItem .top .people .img img {width:80%; margin:0 auto;}
body .peopleList.type1 .peopleItem .top .people .txt {gap:5px; display:flex; flex-direction:column; justify-content:center; height:100px;border-radius: 10px;background: #F4F4F8;}
body .peopleList.type1 .peopleItem .top .people .txt div {display:flex; align-items:center; justify-content:center; line-height:1;}
body .peopleList.type1 .peopleItem .top .people .txt div:first-child {gap:5px;}
body .peopleList.type1 .peopleItem .top .people .txt .work {color:var(--base1); font-weight:600;}
body .peopleList.type1 .peopleItem .top .people .txt .field {color:#fff; background:var(--base1); border-radius:5px; font-size:var(--fs14); font-weight:400; padding:2px 4px;}
body .peopleList.type1 .peopleItem .top .people .txt .name {color:#000;font-size:var(--fs24); font-weight:600;}
body .peopleList.type1 .peopleItem .top .people .txt .position {color:#000;font-size:var(--fs18); font-weight:300; border-left:1px solid #d9d9d9; padding-left:11px; margin-left:10px;}
body .peopleList.type1 .peopleItem .top .con {width:calc(100% - 320px); display:flex; flex-direction:column; justify-content:space-between;}
body .peopleList.type1 .peopleItem .top .con .info {}
body .peopleList.type1 .peopleItem .top .con .info p {padding:0 0 10px; color: #000;font-size: var(--fs18);font-weight: 600;}
body .peopleList.type1 .peopleItem .top .con .info ul {}
body .peopleList.type1 .peopleItem .top .con .info ul li {}
body .peopleList.type1 .peopleItem .btnWrap {display:flex; gap:10px;}
body .peopleList.type1 .peopleItem .btnWrap a {width:135px; line-height:40px; border-radius:100px;border:1px solid #203572; text-align:center; font-size:var(--fs15); font-weight:600;}
body .peopleList.type1 .peopleItem .btnWrap a:hover {background-color:#f0f4ff;}
body .peopleList.type1 .peopleItem .btnWrap a.cal {padding-left:20px; color:#fff; background:#203572 url(/images/medi/i-cal.svg)28px 50% no-repeat;}
body .peopleList.type1 .peopleItem .btnWrap a.cal:hover {background:#203572 url(/images/medi/i-cal.svg)28px 40% no-repeat;}
body .peopleList.type1 .peopleItem .btnWrap a.view {color:#203572;}

body .peopleList.type1 .peopleItem .bot {padding:30px 0 0;}
body .peopleList.type1 .peopleItem .bot .tableWrap {}

/* type2 */
body .peopleList.type2 {gap:30px; display:flex; flex-wrap:wrap;}
body .peopleList.type2 .peopleItem {width:calc((100% - 30px)/2); position:relative; overflow:hidden;}




body .peopleList.type2 .peopleCard .cardBox {border-radius: 10px; border:3px solid #c2c2c2; padding:30px; cursor:pointer; transition:.2s;}
body .peopleList.type2 .peopleCard .cardBox:hover {border:3px solid #977F72;}
body .peopleList.type2 .peopleCard > input[type="radio"]:checked + .cardBox {border:3px solid var(--base5); background:#fff9f6;}
body .peopleList.type2 .peopleCard > input[type="radio"]:checked + .cardBox {
	border:3px solid var(--base5);
	position: relative;
}
body .peopleList.type2 .peopleCard > input[type="radio"]:checked + .cardBox::after {
	content: "✓ 선택";
	position: absolute;
	top: 10px;
	right: 10px;
	background: var(--base5);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 20px;
	animation: selectFade .3s ease;
}
@keyframes selectFade {
	from {opacity: 0; transform: scale(0.8);}
	to {opacity: 1; transform: scale(1);}
}




/* body .peopleList.type2 .peopleItem:hover {padding:27px 27px 70px; border:4px solid var(--base5);} */
body .peopleList.type2 .peopleItem .top {display:flex; gap:37px; justify-content:space-between;}
body .peopleList.type2 .peopleItem .top .people {width:200px;}
body .peopleList.type2 .peopleItem .top .people .img {text-align:center;}
body .peopleList.type2 .peopleItem .top .people .img img {width:80%; margin:0 auto;}
body .peopleList.type2 .peopleItem .top .people .txt {height:75px; gap:5px; display:flex; flex-direction:column; justify-content:center; border-radius: 10px;background: #F4F4F8;}
body .peopleList.type2 .peopleItem .top .people .txt div {display:flex; align-items:center; justify-content:center; line-height:1;}
body .peopleList.type2 .peopleItem .top .people .txt div:first-child {gap:5px;}
body .peopleList.type2 .peopleItem .top .people .txt .work {color:#977F72; font-size:var(--fs12); font-weight:600;}
body .peopleList.type2 .peopleItem .top .people .txt .field {color:#fff; font-size:var(--fs12); background:#977F72; border-radius:5px; font-size:var(--fs14); font-weight:400; padding:2px 4px;}
body .peopleList.type2 .peopleItem .top .people .txt .name {color:#000; font-size:var(--fs18); font-weight:600;}
body .peopleList.type2 .peopleItem .top .people .txt .position {color:#000; font-size:var(--fs14); font-weight:300; border-left:1px solid #d9d9d9; padding-left:11px; margin-left:10px;}
body .peopleList.type2 .peopleItem .top .con {width:calc(100% - 237px); display:flex; flex-direction:column; justify-content:space-between;}
body .peopleList.type2 .peopleItem .top .con .info {}
body .peopleList.type2 .peopleItem .top .con .info p {padding:0 0 10px; color: #000;font-size: var(--fs18);font-weight: 600;}
body .peopleList.type2 .peopleItem .top .con .info ul {}
body .peopleList.type2 .peopleItem .top .con .info ul li {}
body .peopleList.type2 .peopleItem .btnWrap {display:flex; gap:10px;}
body .peopleList.type2 .peopleItem .btnWrap a {width:100%; line-height:35px; border-radius:100px; color:#977F72; border:1px solid #977F72; text-align:center; font-size:var(--fs15); font-weight:600;}
body .peopleList.type2 .peopleItem .btnWrap a:hover {color:#fff; background-color:var(--base5); border-color:transparent;}

body .peopleList.type2 .peopleItem .bot {padding:22px 0 0;}

body .peopleList.type2 .peopleItem .fot {
	height:52px; border-top:1px solid #C2C2C2; background:#F8F8F8; display:flex; gap:20px;
	position:absolute; left:0;bottom:0; width:100%; justify-content:center; align-items:center;
}
body .peopleList.type2 .peopleItem .fot .inputWrap {}


/* 예약안내 */
body .reservInfo {}
body .reservInfo .info div {display:flex; gap:15px; align-items: center; font-size:17px; color:#000; font-weight:400;}
body .reservInfo .info div+div {margin-top:10px;}
body .reservInfo .info .tit {font-size:15px; color:#000; font-weight:600; display:flex; gap:15px; align-items: center; background:#efefef; padding:10px 20px; border-radius:100px;}


/*{display:flex; flex-direction:column; gap:8px; align-items: flex-start;}
body .reservInfo .info>div {width:100%; display:flex; gap:10px;align-items:center; }
body .reservInfo .info .tit {
	width:100%; padding:0 30px; line-height:42px; border-radius:100px; color:#000; font-size:var(--fs15); font-weight:600;
	display:flex; gap:10px; align-items:center; justify-content:center; background:#F9F9F9;
	justify-content: flex-start;
}
body .reservInfo .info .tit img {}
body .reservInfo .info .tit span {}
body .reservInfo .info .txt {width:calc(100% - 133px); color: #000;font-size: var(--fs17);line-height: 1.4;}
*/
body .reservIcon {
	width:133px; line-height:42px; border-radius:100px; color:#000; font-size:var(--fs15); font-weight:600;
	display:flex; gap:10px; align-items:center; justify-content:center; background:#F9F9F9;
	align-self:start;
}

/* 달력 */
body .calArea {}
body .calArea .top {padding:30px 0 20px; display:flex; justify-content:center; align-items:center;}
body .calArea .top button {width:24px; height:24px; background:50% 50% no-repeat;}
body .calArea .top button.prev {background-image:url(/images/common/i-calPrev.svg);}
body .calArea .top button.next {background-image:url(/images/common/i-calNext.svg);}
body .calArea .top p {padding:0 20px; color:#000; font-size:var(--fs20); font-weight:500;}

body .calTable {}
body .calTable table {width:100%;font-size:var(--fs14); color:#000;}
body .calTable table thead {}
body .calTable table tr {}
body .calTable table tr>* {padding:5px 0;font-weight:500;}
body .calTable table tr th {}
body .calTable table tr td {}
body .calTable table tr td button {width:100%; height:32px;}
body .calTable table tr td button:hover {background:#f1f1f1;}
body .calTable table tr td button:disabled {background:#F2F2F2;}
body .calTable table tr td button.on {background:var(--base5); color:#fff;;}



/* 카카오지도 */
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap .wrap_map {height:100%; border-bottom: 1px solid #ddd;}
.root_daum_roughmap {width:100% !important; height:100%; overflow:hidden;}
.root_daum_roughmap_landing {border-radius:20px;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

	/* ***** tabWrap ***** */
	body .tabWrap {}
	/* type1 */
	body .tabWrap.type1 {}
	body .tabWrap.type1 .tabBtn {padding:10px 0 16px;}
	body .tabWrap.type1 .tabBtn.on {}

	/* type2 */
	body .tabWrap.type2 {}
	body .tabWrap.type2 .tabBtn {}
	body .tabWrap.type2 .tabBtn.on {}

	/* type3 */
	body .tabWrap.type3 {display:grid; grid-template-columns:auto auto;}
	body .tabWrap.type3 .tabBtn {width:100%;}
	body .tabWrap.type3 .tabBtn.on {}

	/* type4 */
	body .tabWrap.type4 {flex-direction:row;}
	body .tabWrap.type4 .tabBtn {}
	body .tabWrap.type4 .tabBtn.on {}


	/* ***** formWrap ***** */
	body .formWrap {gap:10px;}
	body .formGroup .tit {width:140px;}
	body .formGroup .inputWrap {width:calc(100% - 140px);}

	/* ***** btnWrap ***** */
	body .btnWrap {}
	/* type1 */
	body .btnWrap.type1 {}
	body .btnWrap.type1 button {width:260px; line-height:60px;}


	/* ***** btnType ***** */
	/* type1 */
	body .btnType1 {}
	body .btnType1 img {}
	/* type2 */
	body .btnType2 {padding:0 20px 0 50px; justify-content: space-between;}
	body .btnType2:before {left:25px;}
	body .btnType2:hover .arrow {width:45px;}
	

	/* ***** boxType ***** */
	/* type1 */
	body .boxType1 {padding:0; display:block;width:100%;}
	body .boxType1 .box-tit {padding:30px 0 25px; transform:none;}
	body .boxType1 .box-inner {padding:50px 60px; width:calc(100% - 60px); margin:0 auto; transform:none; border-radius:20px;}

	/* type2 */
	body .boxType2 {padding:70px; border-width:4px;}

	/* type3 */
	body .boxType3 {padding:70px; border-width:4px;}

	/* type4 */
	body .boxType4 {padding:45px 35px;}

	/* type5 */
	body .boxType5 {padding:40px 50px;}


	/* ***** tableWrap ***** */
	body .tableWrap {}
	/* type1 */
	body .tableWrap.type1 {}
	body .tableWrap.type1 table {}
	body .tableWrap.type1 table tr {}
	/* type1 */
	body .tableWrap.type2 {overflow-x:auto;}
	body .tableWrap.type2 table {min-width:900px;}
	body .tableWrap.type2 table tr {}
	body .tableWrap.type2 table th {}
	body .tableWrap.type2 table td {}



	/* ***** ulType ***** */
	/* type1 */
	body .ulType1 {}
	body .ulType1 li {}
	body .ulType1 li:before {}
	body .ulType1 li+li {}

	/* type2 */
	body .ulType2 {}
	body .ulType2 li {}
	body .ulType2 li span {}

	/* ***** dlType ***** */
	/* type1 */
	body .dlType1 {}
	body .dlType1 dt {}
	body .dlType1 dd {}

	/* ***** titType ***** */
	/* type1 */
	body .titType1 {}
	body .titType1:before, .titType1:after {}
	body .titType1:before {}
	body .titType1:after {}
	/* type2 */
	body .titType2 {}


	body .spaceType1 {height:50px;}
	body .spaceType2 {height:30px;}
	body .spaceType3 {height:30px;}
	body .spaceType4 {height:20px;}
	body .spaceType5 {height:80px;}
	body .spaceType6 {height:100px;}
	body .spaceType7 {height:120px;}
	body .spaceType8 {height:15px;}

	/* ***** 분야탭 ***** */
	body .mediTab {padding:0 20px; margin:0 0 50px;}
	body .mediTab .tabBtn {}
	body .mediTab .tabBtn+.tabBtn {padding-left:20px; margin-left:20px;}


	/* ***** 의료진소개 ***** */
	body .peopleList.type1 {gap:50px;}
	body .peopleList.type1 .peopleItem {width:100%;}
	body .peopleList.type1 .peopleItem:hover {padding:30px; border-width:1px ;}
	body .peopleList.type1 .peopleItem .top {gap:40px;}
	body .peopleList.type1 .peopleItem .top .people .img {}
	body .peopleList.type1 .peopleItem .top .people .img img {width:80%;}
	body .peopleList.type1 .peopleItem .top .people .txt {height:auto; padding:20px 5px;}
	body .peopleList.type1 .peopleItem .top .con {width:calc(100% - 290px)}


	body .peopleList.type1 .peopleItem .btnWrap {}

	body .peopleList.type1 .peopleItem .bot {}

	body .peopleList.type2 {gap:20px;}
	body .peopleList.type2 .peopleItem {width:100%;}


	/* 예약안내 */
	body .reservInfo {}
	body .reservInfo .info {display:flex; flex-direction:column; gap:8px;}
	body .reservInfo .info>div {display:flex; gap:10px;align-items:center; }
	body .reservInfo .info .tit {
		width:133px; line-height:42px; border-radius:100px; color:#000; font-size:var(--fs15); font-weight:600;
		display:flex; gap:10px; align-items:center; justify-content:center; background:#F9F9F9;
		align-self:start;
	}
	body .reservInfo .info .tit img {}
	body .reservInfo .info .tit span {}
	body .reservInfo .info .txt {width:calc(100% - 133px); color: #000;font-size: var(--fs17);line-height: 1.4;}
	
	
	/* 클리닉 탭메뉴 */
	body .clinic-tab .clinic-tab-wrap {width:100%; text-align:center; padding:5px;}
	body .clinic-tab .btn-tab-item {width: calc((100% / 3) - 4px);}
	
	
	body .checkBox.agree input+label {width:100%;}
	

}





/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	/* ***** agreeBox ***** */
	body .agreeBox {padding:20px 30px;}
	body .agreeBox pre {line-height:1.3;}

	body .checkBox.agree {margin-top:10px;}
	body .checkBox.agree input+label {font-size:16px;}

	body .btn-tab .btn-tab-item {margin-bottom:30px;}

	/* ***** checkType ***** */
	/* type1 */
	body .checkType1 input[type='checkbox']+label, body .checkType1 input[type='radio']+label {
		padding-left: 20px;
	}
	body .checkType1 input[type='checkbox']+label:before, body .checkType1 input[type='radio']+label:before {
		width:16px; height:16px;
	}

	/* type2 */
	body .checkType2 input[type='checkbox']+label, body .checkType2 input[type='radio']+label {
		padding:;
	}

	/* type3 */
	body .checkType3 input[type='checkbox']+label, body .checkType3 input[type='radio']+label {
		padding:;
	}


	/* ***** tabWrap ***** */
	body .tabWrap {}
	/* type1 */
	body .tabWrap.type1 {}
	body .tabWrap.type1 .tabBtn {padding:5px 10px;}
	body .tabWrap.type1 .tabBtn.on {}
	/* type2 */
	body .tabWrap.type2 {padding:5px;}
	body .tabWrap.type2 .tabBtn {line-height:40px;}
	body .tabWrap.type2 .tabBtn.on {}
	/* type3 */
	body .tabWrap.type3 .tabBtn {width:100%; margin:0 !important;}
	body .tabWrap.type3 .tabBtn.on {}
	/* type4 */
	body .tabWrap.type4 .tabBtn {line-height:38px;}
	body .tabWrap.type4 .tabBtn.on {}


	/* ***** formWrap ***** */
	body .formWrap {}
	body .formGroup {flex-direction:column; gap:5px;}
	body .formGroup .tit {width:100%;}
	body .formGroup .inputWrap {width:100%;}
	body .formGroup .inputWrap input {width:100%;}

	body .formGroup .inputWrap {align-items: flex-start;
    flex-direction: column;
    gap: 5px;}


	/* ***** btnWrap ***** */
	body .btnWrap {}
	/* type1 */
	body .btnWrap.type1 {}
	body .btnWrap.type1 button {width:200px; line-height:50px; font-size:18px;}

	/* ***** btnType ***** */
	/* type1 */
	body .btnType1 {width:240px; line-height:50px;}
	body .btnType1 img {}
	/* type2 */
	body .btnType2 {width:100%; padding:0 14px 0 35px;}
	body .btnType2:before {left:14px;}
	body .btnType2 .arrow {width:35px;}
	body .btnType2:hover .arrow {width:35px;}

	/* ***** boxType ***** */
	/* type1 */
	body .boxType1 {}
	body .boxType1 .box-tit {padding:20px 0 18px;}
	body .boxType1 .box-inner {padding:30px; width:calc(100% - 10px);}
	/* type2 */
	body .boxType2 {padding:30px; border:0;}
	/* type3 */
	body .boxType3 {padding:30px; border-width:2px;}
	/* type4 */
	body .boxType4 {padding:30px; border-radius:15px;}
	/* type5 */
	body .boxType5 {padding:40px 30px;}

	/* ***** tableWrap ***** */
	body .tableWrap {}
	/* type1 */
	body .tableWrap.type1 {}
	body .tableWrap.type1 table {}
	body .tableWrap.type1 table tr {}

	/* type4 - 반응형 테이블 */
	body .tableWrap.type4 .mTable td.mo {display:flex;}
	body .tableWrap.type4 .mTable {width:100%; border: 0; margin-top:10px;}
	body .tableWrap.type4 .mTable thead {border: none; height: 0; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	body .tableWrap.type4 .mTable th {display: block; background: #edf0f2;}
	body .tableWrap.type4 .mTable tr {border-top: 1px solid #000; border-bottom: 2px solid #eee; display: block; margin-bottom: 30px;}
	body .tableWrap.type4 .mTable tr:last-child {margin-bottom:0;}
	body .tableWrap.type4 .mTable td {border-bottom: 1px solid #eee; border-right:0; display: flex; flex-direction: column; gap:5px; text-align:left;}
	body .tableWrap.type4 .mTable td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase;}
	body .tableWrap.type4 .mTable td:last-child {border-bottom: 0;}


	/* ***** ulType ***** */
	/* type1 */
	body .ulType1 {}
	body .ulType1 li {}
	body .ulType1 li:before {}
	body .ulType1 li+li {}

	/* type2 */
	body .ulType2 {display:flex; flex-direction:column; gap:10px;}
	body .ulType2 li {flex-direction:column; gap:0;}
	body .ulType2 li span {line-height:1.2;}

	/* ***** dlType ***** */
	/* type1 */
	body .dlType1 {}
	body .dlType1 dt {}
	body .dlType1 dd {}

	/* ***** titType ***** */
	/* type1 */
	body .titType1 {padding:0 0 14px 25px;}
	body .titType1:before, .titType1:after {}
	body .titType1:before {width:18px; height:18px; top:2px;}
	body .titType1:after {width:8px; height:8px; top:7px;}
	/* type2 */
	body .titType2 {}

	body .spaceType1 {height:30px;}
	body .spaceType2 {height:20px;}
	body .spaceType3 {height:20px;}
	body .spaceType4 {height:10px;}
	body .spaceType5 {height:50px;}
	body .spaceType6 {height:60px;}
	body .spaceType7 {height:80px;}
	body .spaceType8 {height:10px;}

	/* ***** 분야탭 ***** */
	body .mediTab {padding:20px; margin:0 0 30px; height:auto; flex-wrap:wrap; gap:20px}
	body .mediTab .tabBtn {width:calc((100% - 40px)/3); gap:10px;}
	body .mediTab .tabBtn+.tabBtn {padding:0; margin:0; font-size:16px;}
	body .mediTab .tabBtn+.tabBtn:after {display:none;}

	/* ***** 분야탭::input 적용 ***** */
	.selectCenter.mediTab {height:auto; display:grid; grid-template-columns:auto auto;}
	.selectCenter .item:after {content:none;}


	/* ***** 의료진소개 ***** */
	body .peopleList.type1 {gap:30px;}
	body .peopleList.type1 .peopleItem {width:100%;}

	body .peopleList.type1 .peopleItem .top {gap:20px; flex-direction:column;}
	body .peopleList.type1 .peopleItem .top .people {width:250px; margin:0 auto; max-width:100%;}
	body .peopleList.type1 .peopleItem .top .people .txt {}
	body .peopleList.type1 .peopleItem .top .con {width:100%;}
	body .peopleList.type1 .peopleItem .top .con .info {padding:0 0 20px;}

	body .peopleList.type1 .peopleItem .btnWrap {}

	body .peopleList.type1 .peopleItem .bot {}

	body .peopleList.type2 .peopleItem .top {gap:20px; flex-direction:column;}
	body .peopleList.type2 .peopleItem .top .people {width:250px; margin:0 auto; max-width:100%;}
	body .peopleList.type2 .peopleItem .top .people .img img {width:66%;}
	body .peopleList.type2 .peopleItem .top .people .txt {}
	body .peopleList.type2 .peopleItem .top .con {width:100%;}
	body .peopleList.type2 .peopleItem .top .con .info {padding:0 0 20px;}

	body .peopleList.type2 .peopleItem .fot {height:46px;}


	/* 예약안내 */
	body .reservInfo .info {gap:10px;}
	body .reservInfo .info>div {flex-direction:column; gap:5px;}
	body .reservInfo .info .tit {width:120px; line-height:35px;}
	body .reservInfo .info .txt {width:100%;}



	/* ***** 툴팁 박스 ***** */
	[data-tooltip].active:after {content:none;}
	[data-tooltip].active:before {top:-65px;}

}


/* ************************ 모바일 ************************ */
@media (max-width: 500px) {


	/* ***** layerWrap ***** */
	.layer .layerTit {border-radius: 25px 25px 0 0;}
	.layer .layerCon {padding: 30px; border-radius: 25px;}
	.layer .layerTit .layerClose {top:10px; right:15px;}


	/* ***** formWrap ***** */
	body .formGroup .inputWrap {}
	body .formGroup .inputWrap.tel {}



	body .peopleList.type1 .peopleItem {padding:20px;}
	
	body .clinic-tab {margin-bottom:20px;}
	body .clinic-tab .clinic-tab-wrap {height:60px;}
	body .clinic-tab .btn-tab-item {font-size:15px;} 




}
