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

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.5;}
body .txt28 b{font-weight:600; line-height:1.5;}

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

body .txt50{font-size:48px; font-weight:400; line-height:1.5;}
body .txt50 b{font-weight:600; line-height:1.3;}

/*페이퍼로지*/
body .txtPaper{font-family: 'Paperlogy','Pretendard', 'Noto Sans SC' ; font-weight:400;}
body .txtPaper b{font-family: 'Paperlogy','Pretendard', 'Noto Sans SC' ; font-weight:600;}

body .title{width:100%; text-align:center; margin-bottom:80px;}
body .title h6{font-weight:400; line-height:1.5; display:block; margin-top:5px;}
body .title p{margin-top:40px;}
	/*시술페이지*/
	body .subSection .title h6{position:relative; width:max-content; margin:0 auto; margin-top:5px; isolation: isolate;}
	body .subSection .title h6::before{content:''; display:block; background:#f7cdd2; width:105%; height:60%; position:absolute; left:50%; bottom:-3px; transform:translate(-50%,0); z-index:-1;}
 
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 .moreImgBox{width:100%; position:relative; overflow:hidden;}
body .moreImgBox img{width:100%; transition:0.3s;}
body .moreImgBox .more-btn{display: block; position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; transition: opacity 0.4s ease;}
body .moreImgBox .more-btn .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: 600;}
body .moreImgBox .more-btn .more-svg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotate(-90deg);}
body .moreImgBox .more-btn .more-svg circle{fill: none; stroke-width: 2;}
body .moreImgBox .more-btn .more-svg .bg{stroke: rgba(255, 255, 255, 0.15);}
body .moreImgBox .more-btn .more-svg .progress{stroke: #ffffff; stroke-dasharray: 289.026; stroke-dashoffset: 289.026; transition: stroke-dashoffset 0.5s cubic-bezier(0.25, 1, 0.5, 1);}
body .moreImgBox:hover img{filter: brightness(0.7);}
body .moreImgBox:hover .more-btn{opacity: 1;}
body .moreImgBox:hover .more-btn .more-svg .progress{stroke-dashoffset: 0;}

/*키비주얼*/
body .keyVisualSection{width:100%; position:relative; overflow:hidden;}
body .keyVisualSection img{width:100%;}
body .keyVisualSection .Inner{width:100%; min-width:100%; position:relative;}
body .keyVisualSection .txtBox{width:100%; text-align:center; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%);}
	/*시술페이지*/
	body .clinicVisualSection .txtBox{text-align:left; top:55%; transform:translate(0,-50%);}
	body .clinicVisualSection .txtBox h5{color:#c03443;}
	body .clinicVisualSection .txtBox h2{margin-top:10px; position:relative;}
	body .clinicVisualSection .txtBox h2 span{position:absolute; display:block; width:19px; height:19px; border-radius:500px; background:#ffb7be; top:4px; left:-8px; z-index:-1;}
	body .clinicVisualSection .txtBox .circle img{width:65px; margin:40px 0;}

/* =================================================================================================================================== */
/*시술페이지-그래프영역*/
body .subGraphSection{padding:150px 0;}
body .subGraphSection .contWrap{width:100%; display:inline-flex; justify-content:space-between; align-items:center;}
body .subGraphSection .contWrap .title{text-align:left;}

/*시술페이지-공식영역*/
body .subFormulaSection{padding:150px 0; background:#ececec;}
body .subFormulaSection .contWrap{width:100%; display:inline-flex; justify-content:center; align-items:start;}
body .subFormulaSection .contWrap .contBox{width:28.5%;}
body .subFormulaSection .contWrap .contBox:nth-child(2){margin:0 20px; margin-top:-60px;}
body .subFormulaSection .contWrap .contBox .imgBox{width:100%; overflow:hidden; position:relative;}
body .subFormulaSection .contWrap .contBox .imgBox img{width:100%;}
body .subFormulaSection .contWrap .contBox .imgBox .num{width:60px; height:40px; background:#cb3644; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;}
body .subFormulaSection .contWrap .contBox .imgBox .num p b{color:#fff;}
body .subFormulaSection .contWrap .contBox .txtBox{width:100%; background:#fff; padding:50px 0; text-align:center;}
body .subFormulaSection .contWrap .contBox .txtBox p{margin-top:30px;}

/*시술페이지-과정영역*/
body .subProcessSection{padding:150px 0; background:#fff;}
body .subProcessSection .Inner{width:1820px; min-width:1820px;}
body .subProcessSection .lineWrap{width:100%; height:25px; background:#eaeae9; border-radius:500px; padding:0 47px; display:inline-flex; align-items:center; justify-content:space-between;}
body .subProcessSection .lineWrap .dot{width:40px; height:100%; border-radius:500px; display:block;}
body .subProcessSection .lineWrap .dot.dotActive{background:#c03443;}
body .subProcessSection .lineWrap .dot.dotGray1{background:#dadada;}
body .subProcessSection .lineWrap .dot.dotGray2{background:#c6c6c6;}
body .subProcessSection .lineWrap .dot.dotGray3{background:#b2b2b2;}
body .subProcessSection .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:center;}
body .subProcessSection .contWrap .contBox{text-align:center; width:483px; margin-top:25px;}
body .subProcessSection .contWrap .contBox h6{color:#c03443; margin-top:10px;}
body .subProcessSection .contWrap .contBox p{font-weight:500; margin-top:5px;}

/*시술페이지-비주얼영역*/
body .subVisualSection{} 
body .subVisualSection .Inner{width:100%; min-width:100%; position:relative;}
body .subVisualSection .imgBox img{width:100%;}
body .subVisualSection .txtBox{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center;} 
body .subVisualSection .txtBox h6{color:#fff; font-weight:500; line-height:2;}
body .subVisualSection .txtBox p{color:#e9b9be; margin-top:40px;}

/*시술페이지-중간메뉴*/
body .subMenuSection{padding-top:60px;}
body .subMenuSection .contWrap{width:100%; display:inline-flex; align-items:start; justify-content:center; text-align:center;}
body .subMenuSection .contWrap .contBox{width:15%; margin:0 10px; background:#cecece; color:#fff; border-radius:500px; position:relative; display:block; transition:0.3s;}
body .subMenuSection .contWrap .contBox:hover{background:#AAA;}
body .subMenuSection .contWrap .contBox.active{background:#cb3644;}
body .subMenuSection.is-fixed{position:fixed; top:80px; left:0; width:100%; z-index:500; padding:15px 0;}

/*시술페이지-의미영역*/
body .subMeanSection{padding:150px 0;}
body .subMeanSection .contWrap{width:100%; display:inline-flex; justify-content:start; align-items:center;}
body .subMeanSection .contWrap .imgBox{width:50%;}
body .subMeanSection .contWrap .imgBox img{width:100%;}
body .subMeanSection .contWrap .txtBox{width:50%; padding-left:110px;}

/*시술페이지-나열영역*/
body .subArraySection{padding:70px 0; background:#f7f7f7;}
body .subArraySection .contWrap{width:100%; display:inline-flex; justify-content:start; align-items:start; border-bottom:1px solid #cecece; padding:80px 0;}
body .subArraySection .contWrap:last-child{border-bottom:none;}
body .subArraySection .contWrap .titleBox{width:50%;}
body .subArraySection .contWrap .titleBox .num{width:40px; height:40px; border-radius:5px; background:#cb3644; display:flex; justify-content:center; align-items:center;}
body .subArraySection .contWrap .titleBox .num p{color:#fff;}
body .subArraySection .contWrap .titleBox h4{margin-top:20px;}

/*시술페이지-기대영역*/
body .suBenefitsSection{padding:150px 0; background:url('/clinicInfoHoo/img/sub_benefits_bg.jpg')no-repeat center/cover;}
body .suBenefitsSection .contWrap{width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:start;}
body .suBenefitsSection .contWrap .contBox{width:36%; background:#fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); padding:40px 50px;}
body .suBenefitsSection .contWrap .contBox:nth-child(2n){margin-left:30px;}
body .suBenefitsSection .contWrap .contBox:nth-child(n+3){margin-top:30px;}
body .suBenefitsSection .contWrap .contBox .boxInner{width:100%; display:inline-flex; justify-content:start; align-items:center;}
body .suBenefitsSection .contWrap .contBox .txtBox{margin-left:35px;}

/*시술페이지-전후사진*/
body .commonBnfSection{padding:150px 0;}
body .commonBnfSection .title{margin-bottom:40px;}
body .commonBnfSection .btnWrap{width:100%; text-align:right; margin-bottom:20px;}
body .commonBnfSection .more{margin-left:auto; margin-right:0; width:50px; height:50px; border:1px solid #595656; border-radius:500px; cursor:pointer; transition: transform 0.4s ease; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box;} 
body .commonBnfSection .more p{width:100%; text-align:center; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
body .commonBnfSection .more:hover{animation: circleBounce 0.5s ease forwards;}
body .commonBnfSection .more:hover p{transform: rotate(360deg);}

body .commonBnfSection .SubBnfSwiper .pswpCont{cursor:pointer;}
body .commonBnfSection .SubBnfSwiper .ThumbBox{position:relative; z-index:1; display:flex; width:100%; align-items:flex-start;}
body .commonBnfSection .SubBnfSwiper .ThumbBox > div{display:block; width:50%; height:350px;}
body .commonBnfSection .SubBnfSwiper .ThumbBox img{width:100%; height:100%; object-fit:fill;}
body .commonBnfSection .SubBnfSwiper .ThumbBox:after{content:''; position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; display:flex; background-color:#00000030; opacity:0; transition:300ms;}
body .commonBnfSection .SubBnfSwiper .ThumbBox:hover:after{opacity:1;}
body .commonBnfSection .SubBnfSwiper .ThumbBox span{position:absolute; z-index:2; display:inline-block; line-height:1; letter-spacing:0; font-size:11pt; color:#fff; font-weight:500; padding:5px 10px; bottom:0; min-width:65px; text-align:center;}
body .commonBnfSection .SubBnfSwiper .ThumbBox > div{position:relative; z-index:1;}
body .commonBnfSection .SubBnfSwiper .ThumbBox .Before{}
body .commonBnfSection .SubBnfSwiper .ThumbBox .Before span{left:0; background-color:#6d6d6d;}
body .commonBnfSection .SubBnfSwiper .ThumbBox .After{}
body .commonBnfSection .SubBnfSwiper .ThumbBox .After  span{right:0; background-color: #cb3644;}

/* ========================================================================================================================================= */
/* 시술이벤트수정 */
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.CateAllBtn{display:none !important;}
body .DefaultForm .ClinicCateList ul li a.Active{background-color:#cb3644 !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% / 4) - 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:#cb3644 !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; overflow:hidden; text-overflow:ellipsis; margin:13px 0 14px 0; padding:0; letter-spacing:-3%; line-height:1.4; white-space:normal; color:#121212; width:100%; font-size:14pt; max-height:2.6em; -webkit-line-clamp:2;}
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:#cb3644 !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:#cb3644;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price span{color:#cb3644;}
body .DefaultForm .ClinicDetailSelect .ClinicLabel ul li .Price small{color:#cb3644; background-color:rgb(175 87 39 / 12%);}
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:block; width:100%; height:auto; padding:0;}
body .DefaultForm .ClinicAllList ul li dl dt .ThumbBox{height:100%; position:relative; overflow:hidden;}
body .DefaultForm .ClinicAllList ul li dl dt .ThumbBox img{width:100%;}
body .DefaultForm .ClinicAllList ul li dl dd{margin-top:20px; display:block;}
body .DefaultForm .ClinicAllList ul li dl dd .ClinicInfo{height:auto;}

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

/* =================================================================================================================================== */
/* 게시판 */
body .contactWrap #contents{padding:120px 0;}
body .boardWrap #contents{padding:120px 0;}
body .ViewWrap.BoardNew #contents .ck-content p{margin-bottom:7px; display:block; line-height:1.7;}
body .ViewWrap.BoardNew #contents .ck-content p span{font-family:'Pretendard', 'Noto Sans SC' !important; line-height:1.7;}

/* 게시판 3차 메뉴 */
.boardWrap .SubNavApart{padding-bottom:50px;}
.boardWrap .SubNav_Small2{margin:0;}
.boardWrap .SubNav .SubNav_Small2{margin:0; display:none !important;}
.boardWrap .SubNav_Small2 ul{display:flex; align-items:center; gap:13px; justify-content:space-between; flex-wrap:wrap;}
.boardWrap .SubNav_Small2 li{display:flex; align-items:center; justify-content:center; width:calc((100% - 65px) / 6); background-color:#ededed; border-radius:8px; overflow:hidden;}
.boardWrap .SubNav_Small2 li.Action{background-color:#cb3644;}
.boardWrap .SubNav_Small2 li a{display:block; border:none; border-radius:0; width:100%; background-color:transparent; font-weight:600; font-size:13pt; color:#444; transition:200ms; padding:16px 0; letter-spacing:-0.5px; line-height:1;}
.boardWrap .SubNav_Small2 li:not(.Action) a:hover{background-color:#dddcdc; color:var(--color_12);}
.boardWrap .SubNav_Small2 li.Action a{background-color:transparent; color:#fff; font-weight:600;}

/* 전후사진 list3(20260728 han) */
.NC00366.bnfPopWrap .boardThumList .imgBox > div{height:315px;}
.NC00366.bnfPopWrap .boardThumList .imgBox img{}
.NC00366.bnfPopWrap .boardThumList .imgBox .Before span{left:0; background-color:#6d6d6d;}
.NC00366.bnfPopWrap .boardThumList .imgBox .After span{right:0; background-color: #cb3644;}
body.bnfPopWrap .bnfCont{background-color:#fff; padding:2em;}
body.bnfPopWrap .bnfCont + .textCont{background-color:#fff; margin-top:0 !important; padding:2em;}
body.bnfPopWrap .textCont pre *{color:unset;}
body .bnfPopWrap .bnfCont .BeforeCont .infoBox{background-color:#6d6d6d;}
body .bnfPopWrap .bnfCont .AfterCont .infoBox{ background-color:#cb3644;}