@import url('https://cdn.jsdelivr.net/npm/@fontsource-variable/reddit-sans@5/index.css');
@import url('https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&display=swap');

/* ========================================================================================================================================= */
/* 공통 */
body .txtBlack{color:#191919;}
body .txtBlack70{color:rgba(25,25,25,70%);}
body .txtBlack50{color:rgba(25,25,25,50%);}
body .txtWhite{color:#fff;}
body .txtWhite90{color:rgba(255,255,255,80%);}

body .maru{font-family:'MaruBuri', 'Noto Sans KR', sans-serif; font-weight:400;}
body .reddit{font-family: 'Reddit Sans Variable', sans-serif; font-weight:600;}
body .kalnia{font-family: "Kalnia", serif;}
body .maru b{font-family:'MaruBuri', 'Noto Sans KR', sans-serif;}
body .reddit b{font-family: 'Reddit Sans Variable', sans-serif;}
body .kalnia b{font-family: "Kalnia", serif;}


body .txt15{font-size:15px;}
body .txt19{font-size:19px;}
body .txt22{font-size:22px;}
body .txt24{font-size:24px;}
body .txt28{font-size:28px;}
body .txt30{font-size:30px;}
body .txt40{font-size:40px;}
body .txt45{font-size:45px;}
body .txt55{font-size:55px;}

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

/* ========================================================================================================================================= */
/*키비주얼*/
body .keyVisualSection{width:100%; position:relative; overflow:hidden;}
body .keyVisualSection img{width:100%;}
body .keyVisualSection .Inner{width:100%; min-width:100%;}
body .keyVisualSection .txtBox{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
body .keyVisualSection .txtBox p{color:rgba(255,255,255,30%); letter-spacing:3%;}
body .keyVisualSection .txtBox h2{margin-top:25px;}

/*키비주얼-서브*/
body .subVisualSection{width:100%; position:relative; overflow:hidden;}
body .subVisualSection img{width:100%;}
body .subVisualSection .Inner{width:100%; min-width:100%;}
body .subVisualSection .txtBox{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
body .subVisualSection .txtBox em{font-weight:700; letter-spacing:3%; color:rgba(255,255,255,30%);}
body .subVisualSection .txtBox h2{font-weight:500; margin-top:20px;}
body .subVisualSection .txtBox span.line{display:block; width:40px; height:4px; background:rgba(217,217,217,50%); margin:40px auto;}
body .subVisualSection .txtBox h5{font-weight:500;}
body .subVisualSection .txtBox p{line-height:1.8; color:rgba(255,255,255,70%); margin-top:30px;}

/* ========================================================================================================================================= */
/*병원소개-병원소개*/
body .aboutAboutWrap{}

/*1번영역*/
body .aboutAboutWrap .subSection01{background:url('/img/C00394/about_about01_bg.jpg')no-repeat center/cover; padding:270px 0;}
body .aboutAboutWrap .subSection01 .contWrap{width:100%; text-align:center;}
body .aboutAboutWrap .subSection01 .contWrap em{font-weight:700; letter-spacing:3%; color:rgba(98,57,144,30%);}
body .aboutAboutWrap .subSection01 .contWrap h2{font-weight:500; margin-top:30px;}
body .aboutAboutWrap .subSection01 .contWrap p{margin-top:50px; line-height:1.8;}

/*2번영역*/
body .aboutAboutWrap .subSection02{background:url('/img/C00394/about_about02_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .aboutAboutWrap .subSection02 .innerWrap{width:100%; display:inline-flex; align-items:start; justify-content:space-between;}
body .aboutAboutWrap .subSection02 .title{text-align:left;}
body .aboutAboutWrap .subSection02 .title em{font-weight:700; letter-spacing:3%; color:rgba(98,57,144,30%);}
body .aboutAboutWrap .subSection02 .title h2{margin-top:30px;}
body .aboutAboutWrap .subSection02 .title h2 b{font-weight:500;}
body .aboutAboutWrap .subSection02 .title p{margin-top:40px; line-height:1.8;}
body .aboutAboutWrap .subSection02 .contWrap{width:870px; display:inline-flex; align-items:start; justify-content:space-between;}
body .aboutAboutWrap .subSection02 .contBoxWrap02{margin-top:200px;}
body .aboutAboutWrap .subSection02 .contWrap .contBox:nth-child(n+2){margin-top:100px;}
body .aboutAboutWrap .subSection02 .contWrap .txtBox{margin-top:30px; border-left:5px solid rgba(98,57,144,50%); padding-left:25px;}
body .aboutAboutWrap .subSection02 .contWrap .txtBox h5{font-weight:500;}
body .aboutAboutWrap .subSection02 .contWrap .txtBox p{line-height:1.6; margin-top:15px;}

/*3번영역*/
body .aboutAboutWrap .subSection03{padding:150px 0;}
body .aboutAboutWrap .subSection03 .title{text-align:center; width:100%;}
body .aboutAboutWrap .subSection03 .title em{font-weight:700; letter-spacing:3%; color:rgba(25,25,25,20%);}
body .aboutAboutWrap .subSection03 .title h2{margin-top:20px;}
body .aboutAboutWrap .subSection03 .title h2 b{font-weight:500;}
body .aboutAboutWrap .subSection03 .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:center; margin-top:60px; gap:40px;}
body .aboutAboutWrap .subSection03 .contWrap .contBox{width:400px; height:400px; border-radius:500px; background:rgba(222,222,222,20%); text-align:center; position:relative; padding-top:60px;}
body .aboutAboutWrap .subSection03 .contWrap .contBox span.deco{display:block; color:rgba(98,57,144,10%); font-weight:700; font-size:65px; position:absolute; width:100%; top:-30px; left:0;}
body .aboutAboutWrap .subSection03 .contWrap .contBox .iconBox{}
body .aboutAboutWrap .subSection03 .contWrap .contBox .txtBox{margin-top:15px;}
body .aboutAboutWrap .subSection03 .contWrap .contBox .txtBox p{margin-top:20px; line-height:1.7;}

/*4번영역*/
body .aboutAboutWrap .subSection04{background:url('/img/C00394/about_about04_bg.jpg')no-repeat center/cover; padding:250px 0;}
body .aboutAboutWrap .subSection04 .contWrap{width:100%; text-align:center;}
body .aboutAboutWrap .subSection04 h2{font-weight:500; margin-top:50px; color:rgba(25,25,25,30%);}
body .aboutAboutWrap .subSection04 p{line-height:1.8; margin-top:70px;}

/* ========================================================================================================================================= */
/*병원소개-오시는길*/
body .aboutMapWrap{}
body .aboutMapWrap .subSection01{}
body .aboutMapWrap .subSection01 .Inner{width:100%; min-width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .aboutMapWrap .subSection01 .topArea{width:50%;}
body .aboutMapWrap .subSection01 .topArea .aboutmap26{height:950px;}
body .aboutMapWrap .subSection01 .contWrap{width:50%; padding:0 130px;}
body .aboutMapWrap .subSection01 .contWrap h4{font-weight:500; color:#623990; margin-bottom:30px;}
body .aboutMapWrap .subSection01 .contWrap .contBox{padding:60px 0; border-bottom:1px solid rgba(0,0,0,20%);}
body .aboutMapWrap .subSection01 .contWrap .contBox:last-child{border-bottom:none;}
body .aboutMapWrap .subSection01 .contWrap .contBox label{display:inline-flex; align-items:start; justify-content:start; width:100%;}
body .aboutMapWrap .subSection01 .contWrap .contBox label pre{line-height:1.8;}
body .aboutMapWrap .subSection01 .contWrap .contBox label pre.Left{width:25%;}
body .aboutMapWrap .subSection01 .contWrap .contBox03 a{font-weight:700; color:rgba(25,25,25,30%);}
body .aboutMapWrap .Company_Area{display:none;}
body .aboutMapWrap .Bottom_Area{padding-top:60px; border-top:none;}

/* ========================================================================================================================================= */
/*병원소개-의료진소개*/
body .aboutDoctorWrap{}
body .aboutDoctorWrap .subSection01{padding:150px 0;}
body .aboutDoctorWrap .subSection01 .doctorBox{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .aboutDoctorWrap .subSection01 .doctorBox .txtBox{padding-left:70px;}
body .aboutDoctorWrap .subSection01 .doctorBox .txtBox em{color:rgba(98,57,144,50%); letter-spacing:3%;}
body .aboutDoctorWrap .subSection01 .doctorBox .txtBox .Name{display:inline-flex; align-items:center; justify-content:start; width:100%; margin-top:15px;}
body .aboutDoctorWrap .subSection01 .doctorBox .txtBox .Name p{font-size:35px; font-weight:600; margin-left:20px;}
body .aboutDoctorWrap .subSection01 .doctorBox .txtBox .Career p{color:#484848; margin-top:40px; line-height:1.8;}

/* ========================================================================================================================================= */
/*게시판 공통*/
body .boardWrap #contents{margin-top:80px;}
body .contactWrap #contents{margin-top:80px;}

/*칼럼게시판*/
.columnWrap.BoardNew .lisTable .Title{}
.columnWrap.BoardNew .lisTable .Thumb{display:none;}
.columnWrap.BoardNew .lisTable .Thumb ~ pre{padding:0;}
.columnWrap.BoardNew .lisTable .Thumb ~ pre .Title{font-size:14pt; letter-spacing:-0.5px; font-weight:600; color:#222; margin:0;}
.columnWrap.BoardNew .lisTable .Thumb ~ pre mark{display:none;}

/* ========================================================================================================================================= */
/*전후사진 소메뉴*/
body .bnfPopWrap #contents{background:#EFEFEF; margin-top:0; padding:80px 0;}
body .bnfPopWrap .SubNav_Small2 li{padding:0; border:0;}
body .bnfPopWrap .SubNav_Small2 li a{border-radius:5px; padding:12px 0; border:0; color:#191919; border:1px solid #fff;}
body .bnfPopWrap .SubNav_Small2 li a:hover{border:1px solid #623990; color:#623990; background:#fff;}
body .bnfPopWrap .SubNav_Small2 li.Action a{color:#fff; background:#623990; border:1px solid #623990;}
body .bnfPopWrap .boardThumList .titleBox p{font-size:16px; color:rgba(25,25,25,50%); text-align:left;}
body .bnfPopWrap .boardThumList .imgBox .Before span{display:none;}
body .bnfPopWrap .boardThumList .imgBox .After span{display:none;}
.bnfPopWrap .bnfCont .AfterCont .infoBox{background:#623990;}

	/*로그인*/
	body .bnfPopWrap .boardThumList .imgWrap{position:relative;}
	body .bnfPopWrap .boardThumList .imgBox .Before.NonLogin .pass{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; flex-direction:column; text-align:center; background:rgba(0,0,0,0.6); backdrop-filter: blur(15px);}
	body .bnfPopWrap .boardThumList .imgBox .Before.NonLogin .pass p{color:rgba(255,255,2550.5); line-height:1.6; margin-top:20px;}
	body .bnfPopWrap .boardThumList .imgBox .After.NonLogin .pass{display:none;}

/* ========================================================================================================================================= */
/*서브페이지 - 정의영역*/
body .aboutSection{}
body .aboutSection .Inner{width:100%; min-width:100%;}
body .aboutSection .contWrap{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .aboutSection .contWrap .txtBox{padding-left:120px;}
body .aboutSection .contWrap .txtBox em{color:rgba(98,57,144,50%); letter-spacing:3%;}
body .aboutSection .contWrap .txtBox h2{margin-top:15px; font-weight:500;}
body .aboutSection .contWrap .txtBox p{line-height:1.8; margin-top:40px;}
body .aboutSection .contWrap .txtBox p b{line-height:1.8; font-weight:600;}

/* ========================================================================================================================================= */
/*서브페이지 - 방법영역*/
body .howSection{background:url('/clinicInfoNeomio/img/field_how_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .howSection .title{text-align:center; width:100%;}
body .howSection .title em{letter-spacing:3%; color:rgba(255,255,255,40%);}
body .howSection .title h2{margin-top:20px;}
body .howSection .title h2 b{font-weight:500;}

body .howSection .contWrap{width:100%; margin-top:80px;}
body .howSection .contWrap .contBox{width:100%; display:inline-flex; align-items:center; justify-content:start;}
body .howSection .contWrap .contBox .imgBox{position:relative;}
body .howSection .contWrap .contBox .imgBox img{border-radius:500px;}
body .howSection .contWrap .contBox .imgBox span{display:block; font-size:100px; font-weight:700; color:rgba(255,255,255,10%); position:absolute; left:0; top:-20px;}
body .howSection .contWrap .contBox .txtBox h5{font-weight:500;}
body .howSection .contWrap .contBox .txtBox p{line-height:1.8; color:rgba(255,255,255,80%); margin-top:35px;}
body .howSection .contWrap .contBox .txtBox p b{line-height:1.8; font-weight:600;}

body .howSection .contWrap .contBox:nth-child(odd) .txtBox{padding-left:100px;}
body .howSection .contWrap .contBox:nth-child(even){justify-content:space-between;}
body .howSection .contWrap .contBox:nth-child(even) .txtBox{padding-left:150px;}
body .howSection .contWrap .contBox:nth-child(n+2){margin-top:60px;}

/* ========================================================================================================================================= */
/*서브페이지 - 장비영역*/
body .deviceSection{padding:150px 0; background:transparent;}
body .deviceSection .contWrap{width:100%; text-align:center;}
body .deviceSection .contWrap .txtBox{margin-top:50px;}
body .deviceSection .contWrap .txtBox h2{font-weight:500; background: linear-gradient(0deg, #6E6E6E -27.59%, #191919 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
body .deviceSection .contWrap .txtBox p{margin-top:50px; color:rgba(25,25,25,80%); line-height:1.8;}

/*장비배경*/
body .deviceSectionBack{background:url('/clinicInfoNeomio/img/field_device_bg.jpg')no-repeat center/cover;}
body .deviceWrapSection{background:url('/clinicInfoNeomio/img/field_device_bg_wrap.jpg')no-repeat center/cover;}

/* ========================================================================================================================================= */
/*서브페이지 - 원형영역*/
body .circleSection{background:url('/clinicInfoNeomio/img/field_circle_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .circleSection .title{text-align:center; width:100%; margin-bottom:70px;}
body .circleSection .contWrap{width:100%; text-align:center; display:inline-flex; align-items:center; justify-content:center; gap:25px;}
body .circleSection .contWrap .contBox{width:250px; height:250px; background:#fff; border-radius:500px;}
body .circleSection .contWrap .contBox em{display:block; font-weight:700; color:rgba(194,153,107,40%); padding-top:75px;}
body .circleSection .contWrap .contBox p{margin-top:25px; color:rgba(25,25,25,80%); line-height:1.5;}
	/*중앙정렬(텍스트 2줄이상)*/
	body .circleSection2 .contWrap .contBox{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column;}
	body .circleSection2 .contWrap .contBox em{padding-top:0;}

/* ========================================================================================================================================= */
/*서브페이지 - 가로 이미지 나열영역*/
body .widthSection{padding:150px 0;}
body .widthSection .Inner{width:1250px; min-width:1250px;}
body .widthSection .contWrap{width:100%; text-align:center; display:inline-flex; align-items:center; justify-content:start; background:#fff;}
body .widthSection .contWrap .txtBox{padding-left:100px; text-align:left;}
body .widthSection .contWrap .txtBox h2{font-weight:500; line-height:1.6;}
body .widthSection .contWrap .txtBox p{margin-top:40px; line-height:1.8;}
body .widthSection .contWrap .txtBox p b{font-weight:600; line-height:1.8;}

/* ========================================================================================================================================= */
/*서브페이지 - 효과 영역*/
body .effectSection{padding:150px 0;}
body .effectSection .title{text-align:center; width:100%;}
body .effectSection .title em{letter-spacing:3%; color:rgba(25,25,25,20%);}
body .effectSection .title h2{margin-top:20px;}
body .effectSection .title h2 b{font-weight:500;}
body .effectSection .contWrap{width:100%; margin-top:70px; text-align:center; display:inline-flex; align-items:stretch; justify-content:center; gap:30px;}
body .effectSection .contWrap .contBox{width:22%; border-radius:500px; background:rgba(216,209,224,20%); padding-top:50px; padding-bottom:100px; height:auto;}
body .effectSection .contWrap .contBox .txtBox{margin-top:20px;}
body .effectSection .contWrap .contBox .txtBox h5{font-weight:500; color:#623990; line-height:1.6;}
body .effectSection .contWrap .contBox .txtBox p{color:rgba(25,25,25,60%); line-height:1.8; margin-top:20px;}

/* ========================================================================================================================================= */
/*서브페이지 - 범위 영역*/
body .rangeSection{padding:150px 0; background:url('/clinicInfoNeomio/img/field_range_bg.jpg')no-repeat center/cover;}
body .rangeSection .title{text-align:center; width:100%;}
body .rangeSection .title em{letter-spacing:3%; color:rgba(255,255,255,40%);}
body .rangeSection .title h2{margin-top:20px;}
body .rangeSection .title h2 b{font-weight:500;}
body .rangeSection .contWrap{width:100%; text-align:center; display:inline-flex; align-items:start; justify-content:space-between; margin-top:70px;}
body .rangeSection .contWrap .contBox{width:48.5%; background:rgba(0,0,0,20%); display:inline-flex; align-items:center; justify-content:start;}
body .rangeSection .contWrap .contBox .imgBox{width:76%; overflow:hidden;}
body .rangeSection .contWrap .contBox .imgBox img{width:100%;}
body .rangeSection .contWrap .contBox .txtBox{width:24%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
body .rangeSection .contWrap .contBox .txtBox h5{font-weight:500; color:rgba(255,255,255,60%); margin-bottom:15px;}
body .rangeSection .contWrap .contBox .txtBox p{width:80%; border-bottom:1px solid rgba(255,255,255,20%); padding:13px 0;}
body .rangeSection .contWrap .contBox .txtBox p:last-child{border-bottom:0;}

/* ========================================================================================================================================= */
/*서브페이지 - 특수 영역*/
body .specialSection{padding:150px 0; background:url('/clinicInfoNeomio/img/field_special_bg.jpg')no-repeat center/cover;}
body .specialSection .title{text-align:center; width:100%;}
body .specialSection h2{line-height:1.6;}
body .specialSection h2 b{font-weight:400; color:rgba(25,25,25,40%);}
body .specialSection .contWrap{width:100%; margin-top:70px; text-align:center;}
body .specialSection .contWrap p{margin-top:60px; line-height:1.8; color:rgba(25,25,25,80%);}

/* ========================================================================================================================================= */
/*서브페이지 - qna영역*/
body .qnaSection{background:#F6F6F6; padding:150px 0;}
body .qnaSection .title{text-align:center; width:100%;}
body .qnaSection .title em{letter-spacing:3%; color:rgba(98,57,144,50%);}
body .qnaSection .title h2{font-weight:500; margin-top:20px;}
body .qnaSection .contWrap{width:1100px; margin:0 auto; margin-top:70px;}
body .qnaSection .contWrap .faqBox:nth-child(n+2){margin-top:15px;}

body .qnaSection .contWrap .Title{background:#A6A6A6; width:100%; display:inline-flex; align-items:center; justify-content:space-between; padding:20px 80px;}
body .qnaSection .contWrap .ui-icon{display:none;}
body .qnaSection .contWrap .Title .contTt{display:inline-flex; align-items:center; justify-content:start; width:80%;}
body .qnaSection .contWrap .Title .contTt span{color:rgba(255,255,255,35%); font-weight:700;}
body .qnaSection .contWrap .Title .contTt p{font-weight:600; margin-left:10px;}
body .qnaSection .contWrap .Title .btnBox{position:relative; cursor: pointer;}
body .qnaSection .contWrap .Title .btnBox .clickIcon {transition: transform 0.3s ease;}
body .qnaSection .contWrap .faqBox.active .Title .btnBox .clickIcon {transform: rotate(180deg);}

body .qnaSection .contWrap .answerArea{will-change:height; transform:translateZ(0); height:0; overflow:hidden; transition:height .45s cubic-bezier(.4,0,.2,1);}
body .qnaSection .contWrap .answerArea .contInner{width:100%; background:#fff; border-radius:0; padding:60px 80px; border:none;}

/* ========================================================================================================================================= */
/*서브페이지 - 장비 하단 영역 배경*/
body .deviceBottomSection{background:transparent; padding-top:50px; padding-bottom:150px;}

/* ========================================================================================================================================= */
/*서브페이지 - 공통하단*/
body .commonSection{background:url('/clinicInfoNeomio/img/field_common_bg.jpg')no-repeat center/cover; padding:150px 0;}
body .commonSection .title{text-align:center; width:100%;}
body .commonSection .title em{letter-spacing:3%; color:rgba(255,255,255,50%);}
body .commonSection .title h2{margin-top:20px; line-height:1.6;}
body .commonSection .title h2 b{font-weight:500; line-height:1.6;}
body .commonSection .contWrap{margin-top:60px; width:100%; display:inline-flex; align-items:center; justify-content:center;}
body .commonSection .contWrap .txtWrap{background:#fff; margin-left:70px; padding:80px 110px;}
body .commonSection .contWrap .txtWrap h5{font-weight:500;}
body .commonSection .contWrap .txtWrap p{margin-top:25px; line-height:1.8;}
body .commonSection .contWrap .txtWrap .txtBox01{width:100%; border-bottom:1px solid rgba(0,0,0,20%); padding-bottom:50px;}
body .commonSection .contWrap .txtWrap .txtBox02{width:100%; padding-top:50px;}