@font-face {
    font-family: 'Seongang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/SOGANGUNIVERSITYTTF.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* ========================================================================================================================================= */
/* 공통 */
body .txtBlack{color:#444;}

body .txt18{font-size:18px; font-weight:400; line-height:1.8;}
body .txt18 b{font-weight:600; line-height:1.8;}

body .txt20{font-size:20px; font-weight:400; line-height:1.8;}
body .txt20 b{font-weight:600; line-height:1.8;}

body .txt22{font-size:22px; font-weight:400; line-height:1.8;}
body .txt22 b{font-weight:600; line-height:1.8;}

body .txt24{font-size:24px; font-weight:400; line-height:1.8;}
body .txt24 b{font-weight:600; line-height:1.8;}

body .txt28{font-size:26px; font-weight:400; line-height:1.6;}
body .txt28 b{font-weight:600; line-height:1.6;}

body .txt40{font-size:36px; font-weight:500; line-height:1.6;}
body .txt40 b{font-weight:600; line-height:1.6;}

body .title{width:100%; text-align:center; margin-bottom:80px;}
body .title .twinkle{display:block; margin-bottom:10px;}
body .title p{margin-top:25px;}
body .title h5{font-weight:500; margin-bottom:10px;}

body .subSection{width:100%; position:relative; display:block; overflow:hidden;}
body .subSection .Inner{width:1400px; min-width:1400px;}

body .top80{margin-top:80px;}
body .top60{margin-top:60px;}

/*슬라이드 데코레이션*/
body .sldDecoWrap{position:relative; margin-top:60px; width: max-content; overflow: hidden; display: flex; white-space: nowrap}
body .sldDecoWrap .decoInner{width: max-content; display: flex; align-items:center; justify-content: flex-start; flex-shrink: 0; animation: tickerLoop 15s linear infinite;}
body .sldDecoWrap .decoInner p{font-family: 'Seongang'; font-weight:400; color:#E7E6EF; font-size:90px;}
body .sldDecoWrap .decoInner span{display:block; margin:0 50px;}

@keyframes tickerLoop { 0% {transform: translateX(0%); }  100% { transform: translateX(-100%); }
}

/* 키비주얼 */
body .keyVisualSection{}
body .keyVisualSection .Inner{width:100%; min-width:100%;}
body .keyVisualSection .txtBox{width:100%; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block;}
body .keyVisualSection .txtBox p{font-weight:500;} 
body .keyVisualSection .txtBox span{display:block; width:1px; height:50px; background:#999; margin:30px auto;}
body .keyVisualSection .txtBox h2{font-weight:600; position:relative;}
body .keyVisualSection .deco{position:absolute; left:50%; bottom:-110px; transform:translate(-50%,0); color:#fff; font-family: 'Seongang'; font-weight:400; z-index:100; font-size:270px; width:100%; opacity:0.4;}

/* ========================================================================================================================================= */
/* 병원소개 */
body .aboutAboutArea .subSection02{padding:150px 0;}
body .aboutAboutArea .subSection02 .Inner{width:100%; min-width:100%;}

body .aboutAboutArea .subSection03{padding:150px 0; background:url('/img/C00393/about_about03_bg.jpg')no-repeat center/cover;}
body .aboutAboutArea .subSection03 .imgWrap{width:100%; display:inline-flex; align-items:start; justify-content:center; text-align:center;}
body .aboutAboutArea .subSection03 .imgWrap .imgBox{margin:0 20px;}
body .aboutAboutArea .subSection03 .imgWrap .imgBox span{display:block;}
body .aboutAboutArea .subSection03 .imgWrap .imgBox p{display:block; margin:0 auto; margin-top:25px; width:60%; background: linear-gradient(90deg, #F3F3F4 -3.54%, #FFFFFF 47.29%, #F3F3F5 98.13%);}
body .aboutAboutArea .subSection03 .contWrap > p{text-align:center;}

body .aboutAboutArea .subSection04{padding:150px 0;}
body .aboutAboutArea .subSection04 .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start; position:relative;}
body .aboutAboutArea .subSection04 .contWrap:nth-child(n+2){margin-top:150px;}
body .aboutAboutArea .subSection04 .contWrap .imgBox{width:50%; border-radius:20px; overflow:hidden;}
body .aboutAboutArea .subSection04 .contWrap .imgBox img{width:100%;}
body .aboutAboutArea .subSection04 .contWrap .txtBox{width:50%; position:relative;}
body .aboutAboutArea .subSection04 .contWrap:nth-child(odd) .txtBox{padding-left:100px;}
body .aboutAboutArea .subSection04 .contWrap .txtBox span{display:block; margin:30px 0;}
body .aboutAboutArea .subSection04 .contWrap .num{position:absolute; top:-100px; font-family: 'Seongang'; font-weight:400; color:#F4F4F6; font-size:250px;}
body .aboutAboutArea .subSection04 .contWrap:nth-child(odd) .num{right:-150px;}
body .aboutAboutArea .subSection04 .contWrap:nth-child(even) .num{left:-150px;}

body .aboutAboutArea .subSection05{padding:150px 0; background:url('/img/C00393/about_about05_bg.jpg')no-repeat center/cover;}
body .aboutAboutArea .subSection05 .title{margin-bottom:50px;}
body .aboutAboutArea .subSection05 .contWrap a{margin:0 auto; display:block; width:max-content; background:#B19AB3; border-radius:500px; padding:0 35px; height: 44px; line-height: 44px; overflow: hidden; position: relative;}
body .aboutAboutArea .subSection05 .contWrap a .btnTxtWrap{display: flex; flex-direction: column; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
body .aboutAboutArea .subSection05 .contWrap a .btnTxtWrap .txt{display: block; height: 44px; line-height: 44px; white-space: nowrap; color:#fff; font-weight:500;}
body .aboutAboutArea .subSection05 .contWrap a:hover .btnTxtWrap{ transform: translateY(-50%); }

/* ========================================================================================================================================= */
/* 의료진소개 */
body .aboutDoctorArea .subSection02{padding:150px 0;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox{width:100%; display:inline-flex; align-items:end; justify-content:center;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox .imgBox{width:450px; border-radius:500px 500px 0 0; overflow:hidden;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox .txtBox{margin-left:150px; width:450px;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox .txtBox .Name{width:100%; display:inline-flex; align-items:center; justify-content:start; margin-top:20px;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox .txtBox .Name p{font-weight:500; margin-left:10px; padding-top:8px;}
body .aboutDoctorArea .subSection02 .contBox .doctorBox .txtBox .Career{margin-top:30px; line-height:2;}

/* ========================================================================================================================================= */
/* 장비소개 */
body .aboutDeviceArea .subSection02{padding:150px 0;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox{width:100%; display:flex; flex-wrap:wrap; align-items:start; justify-content:start;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner{width:23%; margin-right:2.5%; cursor:pointer;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner:nth-child(4n){margin-right:0;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner:nth-child(n+5){margin-top:60px;}

body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner .ImgBox{width:100%; overflow:hidden; border-radius:20px; background:#f3f4f6; max-height:422px;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner .ImgBox img{width:100%; transition: transform 0.4s ease;}
body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner:hover .ImgBox img{animation: popZoom 0.4s ease-in-out;}
@keyframes popZoom { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}

body .aboutDeviceArea .subSection02 .SectionAll .contBox .boxInner .Text{width:100%; text-align:center; font-weight:500; margin-top:20px;}
	/* 모달 */
	.ActiveFixed{overflow:hidden;}
	body .aboutDeviceArea .subSection02 .DeviceModal{position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; opacity:0; visibility:hidden; z-index:999;}
	body .aboutDeviceArea .subSection02 .DeviceModal.Active{opacity:1; visibility:visible;}
	body .aboutDeviceArea .subSection02 .DeviceModal.Active .ModalArea{opacity:1; visibility:visible; -webkit-transform:translateY(0); -ms-transform:translateY(0);  transform:translateY(0); -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	body .aboutDeviceArea .subSection02 .DeviceModal .ModalAreaBg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:1;}
	body .aboutDeviceArea .subSection02 .DeviceModal .ModalArea{position:absolute; left:50%; top:50%; width:1000px; height:600px; border-radius:20px; margin-left:-500px; margin-top:-300px; z-index:2; background-color:#fff; padding:0 115px; transform:translateY(15px); opacity:0; visibility:hidden; overflow:hidden;}
	body .aboutDeviceArea .subSection02 .DeviceModal .ModalArea .contWrap{width:100%; display:flex; align-items:center; justify-content:center; height:100%;}
	body .aboutDeviceArea .subSection02 .DeviceModal .ModalArea .deco{width:100%; color:#F4F4F6; font-size:140px; font-family: 'Seongang'; font-weight:400; position:absolute; left:50%; bottom:-40px; transform:translate(-50%,0);}

	body .aboutDeviceArea .subSection02 .DeviceModal .Close{position:absolute; display:block; text-align:right; top:40px; right:40px; cursor:pointer; transition:0.3s;}
	body .aboutDeviceArea .subSection02 .DeviceModal .Close:hover{opacity:0.5;}

	body .aboutDeviceArea .subSection02 .DeviceModal .TextBox{position:relative; display:block; width:100%;}
	body .aboutDeviceArea .subSection02 .DeviceModal .Text{position:relative; display:block; text-align:left;}
	body .aboutDeviceArea .subSection02 .DeviceModal .Text01{margin-top:20px;}
	body .aboutDeviceArea .subSection02 .DeviceModal .Text02{margin-top:40px;}
	body .aboutDeviceArea .subSection02 .DeviceModal .TextBox .twinkle{display:block; margin-left:0; margin-right:auto; text-align:left; width:100%;}

/* ========================================================================================================================================= */
/* 오시는길 */
body .aboutMapWrap .Company_Area{display:none;}

body .aboutMapArea .subSection02{padding:150px 0;}
body .aboutMapArea .subSection02 .topArea .aboutmap26{width:100%; height:350px; overflow:hidden; border-radius:25px;}
body .aboutMapArea .subSection02 .contWrap{width:100%; display:inline-flex; align-items:stretch; justify-content:start;}
body .aboutMapArea .subSection02 .contWrap .contBox{width:calc(100%/3); border-right:1px solid #DBC7DD;}
body .aboutMapArea .subSection02 .contWrap .contBox:last-child{border:none;}
body .aboutMapArea .subSection02 .contWrap .contBox h4{margin-bottom:20px;}
body .aboutMapArea .subSection02 .contWrap .contBox .boxInner{width:max-content; margin:0 auto; padding-top:15px;}
body .aboutMapArea .subSection02 .contWrap .contBox02 label{width:300px; display:inline-flex; align-items:start; justify-content:start;}
body .aboutMapArea .subSection02 .contWrap .contBox02 label .Left{width:50%;}
body .aboutMapArea .subSection02 .contWrap .contBox03 a{font-weight:500;}

/* ========================================================================================================================================= */
/* 시술이벤트수정 */
body .DefaultForm.PriceWrap section .Inner{width:1200px; min-width:1200px;}
body .DefaultForm.clinicViewWrap section .Inner{width:1000px; min-width:1000px;}
body .DefaultForm.PriceWrap .containerWrap{background-color:#fff;}
.DefaultForm .containerWrap > .LinkBtn{padding:0;}
.DefaultForm .containerWrap .ClinicLandDetail + .LinkBtn{padding-top:100px;}
.DefaultForm .containerWrap .ClinicLandDetail .Inner{border:none;}
body .DefaultForm.clinicViewWrap .TopVisual{display:none !important;}
body .DefaultForm.clinicViewWrap .SubMenuBar{display:none !important;}
body .DefaultForm.clinicViewWrap #contents{padding-top:60px;}

body .DefaultForm .ClinicCateList ul li a.Active{background-color:#B19AB3 !important;}
body .DefaultForm .ClinicCateList ul li a{padding:16px 20px;}
body .DefaultForm .ClinicAllList ul{display:flex; flex-wrap:wrap; gap:0; align-items:stretch; border-bottom: 1px solid #d9d9d9;}

body .DefaultForm .ClinicAllList ul li{width:calc(calc(100% / 3) - 20px); margin:40px 10px; display:block; padding:0; border-bottom:0;}
body .DefaultForm .ClinicAllList ul li:first-child{padding-left:0;}
body .DefaultForm .ClinicAllList ul li:nth-child(4n){padding-right:0;}
body .DefaultForm .ClinicAllList ul li:nth-child(5n){padding-left:0;}
body .DefaultForm .ClinicAllList ul li a{height:100%;}
body .DefaultForm .ClinicAllList ul li dl{height:100%;}
body .DefaultForm .ClinicAllList ul li dl dd{padding:0; display:table; width:100%; height:100%;}
body .DefaultForm .ClinicAllList ul li .Info{margin:0; font-size:12pt; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:keep-all; overflow-wrap:break-word; margin-bottom:0.7em;}
body .DefaultForm .ClinicAllList ul li .Price{color:#B19AB3 !important; font-size:25px; font-weight:bold; margin:auto 0 0 0;; letter-spacing:-1px; text-align:right;}
body .DefaultForm .ClinicAllList ul li .Price span{margin:0 3px;}
body .DefaultForm .ClinicAllList ul li .ClinicInfo{display:flex; width:100%; height:100%; flex-direction:column;}
body .DefaultForm .ClinicAllList ul li .Cate{font-size:11pt; height:auto; letter-spacing:-0.3px;}
body .DefaultForm .ClinicAllList ul li .Name{font-weight:600; display:block; overflow:hidden; text-overflow:ellipsis; margin:11px 0 10px 0; padding:0; letter-spacing:-0.5px; line-height:1.3; width:100%; max-width:316px; white-space:nowrap; color:#121212; width:370px; font-size:16pt;}
body .DefaultForm .ClinicDetailSelect small.InfoText{display:block; margin:1em 0 1.5em auto; color:#666; font-size:10pt; text-align:center;}
body .DefaultForm .ClinicDetailSelect .BtnArea button:nth-child(1){background-color:#B19AB3 !important; flex:1 1 calc(50% - 5px);}
body .DefaultForm .ClinicDetail .ClinicInfo .Info{white-space:normal; word-break:keep-all; overflow-wrap:break-word;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price span b{color:#B19AB3;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price span{color:#B19AB3;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price small{color:#B19AB3; background-color:rgb(222 214 234 / 40%);}
body .DefaultForm .ClinicDetailSelect .ClinicLabel{}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li:has(.CheckBox input:checked){border-color:#ddd;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li dl{cursor:auto;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Name{line-height:1.2; white-space:pre-line; word-break:keep-all; overflow-wrap:break-word;}
body .DefaultForm .ClinicListSort ul li{display:none;}
body .DefaultForm .ClinicDetailSelect .BtnArea{margin-top:20px;}

body .DefaultForm .ClinicAllList ul li dl{display:block;}
body .DefaultForm .ClinicAllList ul li dl dt{display:none;}
body .DefaultForm .ClinicAllList ul li dl dd{display:block;}
body .DefaultForm .ClinicAllList ul li dl dd .ClinicInfo{height:100%;}
body .DefaultForm .ClinicAllList ul li a{padding:20px;}
body .DefaultForm .ClinicAllList ul li .BadgeTxt span{color:#B19AB3; border:1px solid #B19AB3;;}

body .ClinicTogether .ListMore{display:none;}
body .DefaultForm .containerWrap > .LinkBtn{margin-top:60px;}

/* ========================================================================================================================================= */
/* 전후사진 */
.BnfWrap #contents{padding:150px 0;}
.bnfPopWrap .boardThumList .imgBox .After span{background:#a68ebc;}
.bnfPopWrap .bnfCont .AfterCont .infoBox{background:#a68ebc;}