
/* ========================================================================================================================================= */
/* 공통 */
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 .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 .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 .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 .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; display:block; overflow:hidden; text-overflow:ellipsis; margin:11px 0 10px 0; padding:0; letter-spacing:-0.5px; line-height:1.3; max-width:100%; white-space:nowrap; color:#121212; width:100%; 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:#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{max-height:max-content; margin-bottom:0;}
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 .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;}

body .contactWrap #contents{padding:120px 0;}