body,html { font-family: 'NotoSansR'; font-size: 16px; color: #000000; letter-spacing: -0.3px;}

/* 25.10.24 공통 모든 폰트자간 -30 맞춰달라는 요청이 있었음*/

body.noScroll {overflow: hidden !important;}


/***
**************************************** 레이아웃 공통 ***********************************************
*/
.contentsWrap { width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box;}
.fullContentsWrap {width: 100%;}



/***
**************************************** header ***********************************************
*/
header.headerWrap {width: 100%; height: 57px; position: fixed; top: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.6);}
header.headerWrap .fullContentsWrap {height: 100%; display: flex; align-items: center; padding-inline: 60px; box-sizing: border-box;}
header.headerWrap .logo {position: relative; z-index: 5;}
header.headerWrap .logo a{width: 194px; display: block;}
header.headerWrap .logo a img{width: 100%;}
header.headerWrap .gnbWrap{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: 40px; padding-inline: 40px; box-sizing: border-box; margin-left: -194px;}
header.headerWrap .gnbWrap > li{width: 145px; height: 100%;position: relative;}
header.headerWrap .gnbWrap > li.on .gnbTitle a{font-family: 'SUITEB';}
header.headerWrap .gnbWrap > li:has(.depthList):hover .gnbTitle::after{content: ""; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); display: block; width: 77px; height: 3px; background-color: #c69c6d;}
header.headerWrap .gnbWrap .gnbTitle {width: 100%; height: 100%;}
header.headerWrap .gnbWrap .gnbTitle a{color: #000000; font-size: 15px; font-family: 'SUITR'; text-align: center; height: 100%; display: block; align-content: center; cursor: pointer;}
header.headerWrap .gnbWrap .gnbTitle a:hover{font-family: 'SUITEB';}
header.headerWrap .gnbWrap .depthList{display: none; width: 100%; position: absolute; top: 60px; padding: 16px 0; box-sizing: border-box; border-radius: 8px; background-color: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;}
header.headerWrap .gnbWrap .depthList .depth a {color: #292929; font-size: 15px; font-family: 'SUITB'; display: block; padding: 12px 5px 12px 22px; box-sizing: border-box;}
header.headerWrap .gnbMenuBtn {display: none;}

/* 모바일 메뉴 */
.gnbMenuWrapM {display: none;}


/***
**************************************** footer ***********************************************
*/
footer.footerWrap {padding: 65px 0 45px 0; box-sizing: border-box; background-color: #c69c6d;}
footer.footerWrap .contentsWrap {display: flex; justify-content: space-between;}
footer.footerWrap .fterLogo {display: block; width: 237px;}
footer.footerWrap .fterLogo img{width: 100%;}
footer.footerWrap .infoWrap {color: #fff; font-size: 14px; font-family: 'NotoSansR'; line-height: 2.14;}
footer.footerWrap .infoWrap .infoArea {display: flex;align-items: center; gap: 10px; margin-bottom: 10px;}
footer.footerWrap .infoWrap .infoArea span {line-height: 1.1; display: inline-block;}
footer.footerWrap .infoWrap .infoArea span:not(:last-of-type)::after{content: ""; display: inline-block; width: 1px; height: 15px; vertical-align: middle; margin-left:10px; background-color: #fff;}
footer.footerWrap .infoWrap .copy{margin-top: 20px;}
footer.footerWrap .termsWrap {display: flex; align-items: end; gap: 35px;}
footer.footerWrap .termsWrap .termsArea{color: #fff; font-size: 16px; font-family: 'NotoSansB';}



/***
**************************************** 퀵버튼 ***********************************************
*/
.quickBtnWrap {width: 105px; position: fixed;right: 65px;bottom: 140px;z-index: 100;}
.quickBtnWrap ul {border-radius: 52px; padding: 2px 8px; box-sizing: border-box; background-color: rgba(255, 255, 255, 1);box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;}
.quickBtnWrap ul li:not(:last-of-type) {border-bottom: 1px solid #cdcdcd;}
.quickBtnWrap ul li a { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 27px 0; box-sizing: border-box; cursor: pointer;}
.quickBtnWrap ul li:first-of-type a {padding-top: 50px;}
.quickBtnWrap ul li a .imgArea img{display: block;}
.quickBtnWrap ul li a .textArea .title{color: #292929; font-family: 'PretendardSB'; font-size: 13px; line-height: 1.23;}
.quickBtnWrap ul li a .textArea .text{color: #292929; font-family: 'PretendardB'; font-size: 25px; line-height: 1.23; margin-top: 20px;}


.btnFloatingWrap { position: fixed; right: 80px; bottom: 40px; z-index: 100; display: flex; flex-direction: column; gap: 20px; }
.btnFloatingWrap .btnQuick { display: none !important;}
.btnFloatingWrap .btnFloating { color:#ffffff; font-size:24px; font-family: 'FuturaM'; line-height:1; text-align:center; width: 70px; height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 50%; cursor:pointer; background-color: #c69c6d; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;}
.btnFloatingWrap .btnFloating.btnMoveTop .imgArea{ width: 24px; height: 14px; margin: 0 auto 4px auto; }
.btnFloatingWrap .btnFloating.btnMoveTop .imgArea img{ width: 100%; display: block;}



/***
****************************************상담신청버튼***********************************************
*/

.quickCounselWrap { position: fixed; bottom: -100px; width: 100%; height: 100px; z-index: 2; }
.quickCounselWrap.on { bottom: 0; }
.quickCounselWrap .btnQuickCounsel { color: #fff; font-size: 20px; font-family: 'SUITB'; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; height: 41px; position: absolute; top: -41px; left: 50%; transform: translateX(-50%); background-color: #c69c6d; padding: 0 22px; box-sizing: border-box; border-radius: 10px 10px 0 0; }
.quickCounselWrap .btnQuickCounsel img {margin-left: 12px;transform: scale(-1); }
.quickCounselWrap .btnQuickCounsel.on img { transform: none; }

.quickCounselWrap .fullContentsWrap {height: 100%; display: flex; align-items: center; background-color: #363636; }
.quickCounselWrap .contentsWrap .inputWrap { display: flex; align-items: center; gap: 12px; }
.quickCounselWrap .contentsWrap .inputWrap .inputArea {width: 50%; display: flex; align-items: flex-start; gap: 10px; }
.quickCounselWrap .contentsWrap .inputWrap .inputArea input { color: #282828; font-size: 14px; font-family: 'SUITR'; height: 44px; width: 263px;border-radius: 0; padding: 0 20px; box-sizing: border-box; background-color: #fff;}
.quickCounselWrap .contentsWrap .inputArea input::placeholder { color: #282828; }


.quickCounselWrap .contentsWrap .inputWrap .termsAgree {width: 15px; height: 16px; margin-right: 5px;}
.quickCounselWrap .contentsWrap .inputWrap .agreeBox {display: flex; align-items: center;margin-top: 5px;}
.quickCounselWrap .contentsWrap .inputWrap .agreeBox .agreeCheck > a { color: #fff; font-size: 12px; margin-left: 10px;}
.quickCounselWrap .contentsWrap .inputWrap .agreeBox .termsAgree[type="checkbox"] {width: 17px;height: 17px;accent-color: #c18746;}

.quickCounselWrap .contentsWrap .submitButtonWrap { width: 50%; position: relative; display: flex; align-items: center; justify-content: space-between; padding-inline: 50px; box-sizing: border-box;}
.quickCounselWrap .contentsWrap .submitButtonWrap .subText { color: #fff; font-family: 'SUITB'; font-size: 15px; }
.quickCounselWrap .contentsWrap .submitButtonWrap .submitButton { color: #fff; font-family: 'SUITB'; font-size: 18px; text-align: center; width: 260px; height: 60px; display: flex; align-items: center; justify-content: center;background-color: #c69c6d; cursor: pointer; }



/***
**************************************** 개인정보처리방침, 이용약관 ***********************************************
*/

.pageOutWrap.terms {padding: 230px; box-sizing: border-box;}
.terms .termsPart .titleWrap {text-align: center; margin-bottom: 100px;}
.terms .termsPart .titleWrap .mainTitle{color: #1b1b1b; font-size: 30px;font-family: 'kudryashev-d-excontrast-sans'; margin-bottom: 15px;}
.terms .termsPart .titleWrap .mainText{color: #232323; font-size: 40px;font-family: 'SUITB';}

.terms .termsPart .termsText{color: #333333;font-size: 22px;font-family: 'NotoSansL';}


/***
**************************************** main ***********************************************
*/
.main .section {padding: 140px 0; box-sizing: border-box;}

/* 타이틀 공통 */
.main .titleWrap {margin-bottom: 60px;}
.main .titleWrap.center {text-align: center;}
.main .titleWrap .mainTitle{color: #434343; font-size: 25px; font-family: 'NotoSansM'; margin-bottom: 5px;}
.main .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.42;}
.main .titleWrap .mainText .cPoint {color: #c69c6d;}

.main .swiper-pagination.swiper-pagination-progressbar {position: relative; background-color: #dadada !important;}
.main .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #454545 !important;}

.main .mainVisual {width: 100%; height: 950px; position: relative;}
.main .mainVisual .videoWrap{width: 100%;height: 100%;}
.main .mainVisual .videoWrap .videoArea{width: 100%; height: 100%;}
.main .mainVisual .videoWrap video { width: 100%; height: 100%; object-fit: cover; }
.main .mainVisual .imgWrap,
.main .mainVisual .imgArea{width: 100%;height: 100%;}
.main .mainVisual .imgWrap .imgArea img{width: 100%; height: 100%; object-fit: cover;}


.main .mainVisual .textWrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;} 
.main .mainVisual .textWrap .mainTitle {color: #363636; font-size: 25px; font-family: 'NotoSansB'; line-height: 1.6; margin-bottom: 20px;}
.main .mainVisual .textWrap .mainText {color: #1b1b1b; font-size: 65px; font-family: 'kudryashev-d-contrast-sans';}

.main .starShortPart {background-color: #f3f0ec;}
.main .starShortPart .contentsWrap {padding-inline: 0;}
.main .starShortPart .swiper-container .swiper-slide {padding: 0 0 50px;box-sizing: border-box;}
.main .starShortPart .swiper-container .swiper-slide video{width: 100%;height: 425px; display: block; object-fit: cover; border-radius: 16px; background-color: #17121c;}
.main .starShortPart.swiper-container-horizontal > .swiper-pagination-progressbar { top: auto !important; bottom: 20px !important;width: 100% !important;}

.main .starShortPart .paginationWrap {position: relative; height: 4px; }
.main .starShortPart .paginationWrap .swiper-pagination-progressbar { width: 100%; height: 100%; }


.main .causePart {background-color: #f8f8f8;}
.main .causePart .listWrap{max-width: 1210px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 120px;}
.main .causePart .listWrap .listArea {width: 50%; text-align: center; border-radius: 23px; padding: 50px 10px; box-sizing: border-box;}
.main .causePart .listWrap .listArea.list01 {background: url(/app/layout/web/images/main/main01_01bg.png) no-repeat top / cover;}
.main .causePart .listWrap .listArea.list02 {background: url(/app/layout/web/images/main/main01_02bg.png) no-repeat top / cover;}
.main .causePart .listWrap .listArea .titleArea{color: #fff; font-size: 26px; font-family: 'SUITEB'; margin-bottom: 30px;}
.main .causePart .listWrap .listArea .keywordArea{display: flex; align-items: center; justify-content: center; gap: 5px;}
.main .causePart .listWrap .listArea .keywordArea .keywordItem {width: 110px; height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; border-radius: 50%; background-color: #fff;}
.main .causePart .listWrap .listArea .keywordArea .keywordItem .imgArea {width: auto;}
.main .causePart .listWrap .listArea .keywordArea .keywordItem .imgArea img{width: 100%; display: block;}
.main .causePart .listWrap .listArea .keywordArea .keywordItem .textArea{font-size: 16px; font-family: 'SUITSB';}

.main .causePart .keywordWrap {display:flex; justify-content: space-between; margin-inline: auto; margin-bottom: 105px; padding-inline: 100px; box-sizing: border-box;}
.main .causePart .keywordWrap li {position: relative; width: calc(100% / 3); text-align: center;}
.main .causePart .keywordWrap li:not(:last-of-type)::before{content: ""; position: absolute; top: 50%; right: -80%;transform: translate(-50%, 40%);width: 100%;height: 1px;background-color: #a7a7a7;}
.main .causePart .keywordWrap li .textArea{font-size: 30px; font-family: 'SUITEB'; position: relative; z-index: 2; display: inline-block; padding-inline: 20px;box-sizing: border-box;background-color: #f8f8f8;}
.main .causePart .keywordWrap li .textArea::after{content: ""; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);z-index: -1; width: 138px; height: 138px; border-radius: 50%; background-color: #f8ece1;}

.main .causePart .descWrap { font-size: 35px; font-family: 'SUITR'; line-height: 1.42; text-align: center;}
.main .causePart .descWrap .bold{font-family: 'SUITEB';}
.main .causePart .descWrap .cPoint{color: #c69c6d;}


.main .startPart {padding: 100px 0 80px 0;}
.main .startPart .titleWrap {margin-bottom: 35px;}
.main .startPart .titleWrap .mainText{font-size: 50px;}
.main .startPart .bgWrap {height: 780px; margin-bottom: 70px; background: url("/app/layout/web/images/main/main02new_bg.png")no-repeat top / cover;}
.main .startPart .bgWrap .textArea{font-size: 35px; font-family: 'SUITEB'; padding-top: 75px; box-sizing: border-box;}
.main .startPart .descWrap {font-size: 35px; font-family: 'SUITB'; line-height: 1.42; text-align: center;}
.main .startPart .descWrap .cPoint{color: #c69c6d;}


.main .testPart .titleWrap .mainText {font-size: 50px;}
.main .testPart .testSwiper {display: flex; align-items: end; gap: 35px;}
.main .testPart .testSwiper .mainSwiperArea{width: 50%;}
.main .testPart .testSwiper .mainSwiperArea .swiper {height: 394px; margin: 0; overflow: hidden;}
.main .testPart .testSwiper .mainSwiperArea .swiper .swiper-slide img{width: 100%; height: 100%; border-radius: 25px; object-fit: cover;}

.main .testPart .testSwiper .subSwiperArea{width: 50%; position: relative; overflow: hidden;}
.main .testPart .testSwiper .subSwiperArea .textArea  {margin-bottom: 30px;}
.main .testPart .testSwiper .subSwiperArea .textArea .title{color: #1d1d1d; font-size: 35px; font-family: 'SUITB'; margin-bottom: 20px;}
.main .testPart .testSwiper .subSwiperArea .textArea .text{color: #1d1d1d; font-size: 26px; font-family: 'SUITM'; line-height: 1.56;}
.main .testPart .testSwiper .subSwiperArea .swiper-container-thumbs {display: flex;gap: 8px;}
.main .testPart .testSwiper .subSwiperArea .swiper-container-thumbs img {width: 100%; height: 95px; display: block; border-radius: 6px; object-fit: cover;cursor: pointer;}
.main .testPart .testSwiper .subSwiperArea .swiper-container-thumbs .slideText {display: none;}
.main .testPart .testSwiper .subSwiperArea .paginationWrap {position: relative; max-width: 240px; width: 100%; display: flex; align-items: center; margin-bottom: 45px;}
.main .testPart .testSwiper .swiper-button-prev {left: 0;}
.main .testPart .testSwiper .swiper-button-next {right: 0; }
.main .testPart .testSwiper .swiper-button-prev, .main .testPart .testSwiper .swiper-button-next {position: static; margin-top: 0; top:0;}
.main .testPart .testSwiper .swiper-button-prev:after{font-size: 0; width: 22px; height: 17px; background: url("/app/layout/web/images/main/main02_arrowL.png") no-repeat top / 100% auto;}
.main .testPart .testSwiper .swiper-button-next:after{font-size: 0; width: 22px; height: 17px; background: url("/app/layout/web/images/main/main02_arrowR.png")no-repeat top / 100% auto;}
.main .testPart .testSwiper .swiper-pagination {position: static; color: #434343; font-size: 21px; font-family: 'NotoSansM';}
.main .testPart .testSwiper .swiper-pagination .swiper-pagination-current{color: #000000; font-size: 26px; font-family: 'NotoSansB';}


.main .hairIvPart .titleWrap .mainText {line-height: 1.5;}
.main .hairIvPart .hairIvPartSwiper {max-width: 870px; width: 100%; margin: 0 auto; margin-bottom: 60px;}
.main .hairIvPart .hairIvPartSwiper .listWrap{display: flex; align-items: center; justify-content: center; gap: 35px;}
.main .hairIvPart .listWrap .listArea {color: #fff; aspect-ratio: 0.89; height: 100%; background-repeat: no-repeat; background-size: cover;}
.main .hairIvPart .listWrap .listArea.list01{background-image: url(/app/layout/web/images/main/main03_01.png);}
.main .hairIvPart .listWrap .listArea.list02{background-image: url(/app/layout/web/images/main/main03_02.png);}
.main .hairIvPart .listWrap .listArea.list03{background-image: url(/app/layout/web/images/main/main03_03.png);}

.main .hairIvPart .listWrap .listArea .textArea {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: start; justify-content: end; padding: 20px 32px; box-sizing: border-box; }
.main .hairIvPart .listWrap .listArea .title {font-size: 29px;font-family: 'SUITEB'; margin-bottom: 10px;}
.main .hairIvPart .listWrap .listArea .text {font-size: 18px;font-family: 'SUITSB'; line-height: 1.44;}

.main .hairIvPart .swiperArea .swiper-button-prev,
.main .hairIvPart .swiperArea .swiper-button-next {display: none;}
.main .hairIvPart .descWrap {color: #444444; font-size: 33px;font-family: 'SUITEB'; line-height: 1.51; text-align: center;}


.main .processPart .titleWrap .mainText {font-size: 50px;}
.main .processPart .stepWrap {display: flex;}
.main .processPart .stepWrap li {width: calc(100% / 4); min-height: 420px; padding: 55px 30px 30px 35px; box-sizing: border-box;}
.main .processPart .stepWrap li .title {color: rgba(67, 67, 67, 0.3); font-size: 28px; font-family: 'SUITM'; margin-bottom: 20px;}
.main .processPart .stepWrap li .text {color: #3b3b3b; font-size: 26px; font-family: 'NotoSansM'; line-height: 1.52; min-height: 80px; margin-bottom: 20px;}
.main .processPart .stepWrap li .desc {color: #434343; font-size: 17px; font-family: 'NotoSansR'; line-height: 1.52; }
.main .processPart .stepWrap li:nth-of-type(odd){background-color: #fff7ef;}
.main .processPart .stepWrap li:nth-of-type(even){background-color: #fff;}
.main .processPart .stepWrap li:hover {position: relative; z-index: 5; scale: 1.05; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;}
.main .processPart .stepWrap li:hover .title {font-size: 29px;}
.main .processPart .stepWrap li:hover .text {font-size: 27px;}
.main .processPart .stepWrap li:hover .desc {font-size: 18px;}


.main .bnaPart {background-color: #f3f0ec;}
.main .bnaPart .swiper-container {max-width: 1230px; margin: 0 auto;}
.main .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 50px;}
.main .bnaPart .swiper-slide .listWrap{display: flex; flex-wrap: wrap; gap: 30px 60px;}
.main .bnaPart .swiper-slide .listArea {position: relative; display: flex; width: calc(100% / 2 - 30px);text-align: center;}
.main .bnaPart .swiper-slide .listArea .item {width: 100%;}
.main .bnaPart .swiper-slide .listArea .item.before::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; background: url('/app/layout/web/images/main/main04_arrow.png') no-repeat top / 100% auto;}
.main .bnaPart .swiper-slide .listArea .item img{width: 100%; height: 177px; display: block; margin-bottom: 16px; object-fit: cover;}
.main .bnaPart .swiper-slide .listArea .item .text{font-size: 18px; font-family: 'SUITM';}
.main .bnaPart .swiper-pagination {width: 100%; position: relative; display: flex; align-items: center; justify-content: center; gap: 24px;}
.main .bnaPart .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background-color: #3b3b3b;}
.main .bnaPart .swiper-pagination-bullet-active{background-color: #c69c6d;}



.main .reviewPart .listWrap {width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; overflow: hidden;}
.main .reviewPart .listWrap .swiper{width: 100%;}
.main .reviewPart .listWrap .swiper .swiper-wrapper{width: 100%;}
.main .reviewPart .listWrap .listArea {width: max-content; display: flex; justify-content: center; gap: 22px;}
.main .reviewPart .listWrap .listItem {color: #434343; font-size: 18px; font-family: 'NotoSansL'; width: 527px; height: 255px; border: 1px solid #cecece; border-radius: 30px; padding: 50px 45px 30px 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.main .reviewPart .listWrap .listItem .textArea{text-align: center;}
.main .reviewPart .listWrap .listItem .infoArea{display: flex; align-items: center; justify-content: end; gap: 3px;}



.main .tvShortPart {background-color: #f6f6f6;}
.main .tvShortPart .contentsWrap {max-width: 1560px; position: relative;}
.main .tvShortPart .swiper-container {max-width: 1400px;}
.main .tvShortPart .swiper-container .swiper-slide {padding: 0 0 50px;box-sizing: border-box;}
.main .tvShortPart .swiper-container .swiper-slide video{width: 100%;height: 381px; display: block; object-fit: cover;background-color: #17121c;}
.main .tvShortPart.swiper-container-horizontal > .swiper-pagination-progressbar { top: auto !important; bottom: 20px !important;width: 100% !important;}

.main .tvShortPart .paginationWrap {position: relative; height: 4px; }
.main .tvShortPart .paginationWrap .swiper-pagination-progressbar { width: 100%; height: 100%; }
.main .tvShortPart .swiper-button-prev, 
.main .tvShortPart .swiper-button-next {color: #b2b2b2; width: 65px; height: 65px; border: 1px solid #b2b2b2; border-radius: 50%; background-color: #f6f6f6;}
.main .tvShortPart .swiper-button-prev::after, 
.main .tvShortPart .swiper-button-next::after {font-size: 30px;} 
.main .tvShortPart .swiper-button-prev {left: 0;}
.main .tvShortPart .swiper-button-next {right: 0;}

.main .tvShortPart .btnWrap {display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.main .tvShortPart .btnWrap .btnMore{color: #fff; font-size: 20px; font-family: 'SUITEB'; border-radius: 50px; padding: 10px 44px; box-sizing: border-box; background-color: #c69c6d;}


.main .locationPart .contentsWrap {padding: 0 60px 0 90px;}
.main .locationPart .titleWrap .mainText{font-size: 50px;}
.main .locationPart .infoWrap {display: flex;}
.main .locationPart .infoWrap .textWrap{width: 100%; display: flex; flex-direction: column; gap: 45px;}
.main .locationPart .infoWrap .textWrap .textArea{width: 100%;}
.main .locationPart .infoWrap .textWrap .textArea .title{color: #3b3b3b; font-size: 22px;font-family: 'NotoSansB'; border-left: 3px solid #c69c6d; margin-bottom: 20px; padding-left: 16px; box-sizing: border-box;}
.main .locationPart .infoWrap .textWrap .textArea .text{color: #434343; font-size: 20px;font-family: 'NotoSansM'; line-height: 1.6; padding-left: 16px; box-sizing: border-box;}
.main .locationPart .infoWrap .textWrap .textArea .timeText {display: flex; gap: 20px;}
.main .locationPart .infoWrap .textWrap .textArea .timeText .day{color: #333333; font-size: 18px;font-family: 'NotoSansL';}
.main .locationPart .infoWrap .textWrap .textArea .timeText .time{color: #333333; font-size: 18px;font-family: 'NotoSansM';}
.main .locationPart .infoWrap .textWrap .textArea .closedText{color: #333333; font-size: 12px;font-family: 'NotoSansL'; margin-top: 10px;}
.main .locationPart .mapWrap {min-width: 757px; width: 757px; height: 431px;} 
.main .locationPart .mapWrap img, 
.main .locationPart .mapWrap iframe{width: 100%; height: 100%; object-fit: cover;}
.main .locationPart .mapWrap .root_daum_roughmap {width: 100% !important; height: 100% !important;}
.main .locationPart .mapWrap .root_daum_roughmap .wrap_map{height: 100% !important;}
.main .locationPart .mapWrap .root_daum_roughmap .cont {display: none !important;}



/***
**************************************** INC ***********************************************
*/

/*페이지 준비중*/
.PreparingWrap {height: calc(100vh - 207.33px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.PreparingWrap .iconArea{color: #c69c6d; font-size: 200px; text-align: center; margin-bottom: 20px;}
.PreparingWrap .textArea{font-size: 40px; font-family: 'NotoSansM'; text-align: center;}


/*배너*/
.bannerWrap .bannerPart .videoWrap {height: 200px;}
.bannerWrap .bannerPart .videoWrap .videoArea {width: 100%; height: 100%;}
.bannerWrap .bannerPart .videoWrap .videoArea video{width: 100%; height: 100%; display: block; object-fit: cover;}


/***
**************************************** 모베러 클리닉 ***********************************************
*/
/*
***병원소개***
*/

.hospital .cl_subMainVisual{background-image: url("/app/layout/web/images/introduce/mainVisualHospital.png");}


.hospital .revivePart {padding: 85px 0; box-sizing: border-box;}
.hospital .revivePart .titleWrap::before {content: ""; width: 1px; height: 176px; display: block; margin: 0 auto 70px auto; background-color: #a4a4a4;}
.hospital .revivePart .titleWrap {text-align: center;}
.hospital .revivePart .titleWrap .mainTitle{color: #1b1b1b; font-size: 50px;font-family: 'kudryashev-d-excontrast-sans'; margin-bottom: 15px;}
.hospital .revivePart .titleWrap .mainText{font-size: 40px;font-family: 'SUITB'; line-height: 1.375;}
.hospital .revivePart .titleWrap .mainText .cPoint{color: #c69c6d; font-family: 'SUITEB';}


.hospital .descPart .contentsWrap {display: flex; align-items: center; justify-content: space-between; padding: 20px 60px;}
.hospital .descPart .titleWrap .mainText{font-size: 35px;font-family: 'SUITR'; line-height: 1.42; margin-bottom: 60px;}
.hospital .descPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.hospital .descPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.hospital .descPart .titleWrap .subText{color: #434343; font-size: 20px;font-family: 'NotoSansR'; line-height: 1.75;}

.hospital .descPart .swiperWrap {min-width: 538px; width: 538px; height: 750px; border-left: 1px solid #a4a4a4; border-right: 1px solid #a4a4a4; padding: 75px 30px 0 30px; box-sizing: border-box; }
.hospital .descPart .swiperWrap .swiper-container {height: 100%;}
.hospital .descPart .swiperWrap .swiper-slide {position: relative;}
.hospital .descPart .swiperWrap .swiper-slide .imgArea{width: 100%; height: 100%;}
.hospital .descPart .swiperWrap .swiper-slide .imgArea img{width: 100%; height: 100%; display: block; border-radius: 30px; object-fit: cover; }
.hospital .descPart .swiperWrap .swiper-slide .textArea{position: absolute; top: 40px; left: 30px; font-size: 24px;font-family: 'SUITR'; line-height: 1.58; }
.hospital .descPart .swiperWrap .swiper-slide .textArea .bold{font-family: 'SUITEB'; }

.hospital .circulationPart {padding: 150px 0; box-sizing: border-box;}
.hospital .circulationPart .titleWrap {margin-bottom: 70px;}
.hospital .circulationPart .titleWrap .mainTitle{color: #1b1b1b; font-size: 35px;font-family: 'kudryashev-d-excontrast-sans';}
.hospital .circulationPart .titleWrap .mainText{font-size: 35px;font-family: 'SUITR';}
.hospital .circulationPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.hospital .circulationPart .listWrap {display: flex; align-items: center; gap: 16px;}
.hospital .circulationPart .listWrap .listArea {width: calc(100% / 3 - 5px); /*height: 384px;*/ aspect-ratio: 1.19; display: flex; flex-direction: column; align-items: start; justify-content: end; padding: 35px; box-sizing: border-box; background-repeat: no-repeat; background-size: 100% auto;}
.hospital .circulationPart .listWrap .listArea.list01{background-image: url("/app/layout/web/images/introduce/hospital1_3_1.png");}
.hospital .circulationPart .listWrap .listArea.list02{background-image: url("/app/layout/web/images/introduce/hospital1_3_2.png");}
.hospital .circulationPart .listWrap .listArea.list03{background-image: url("/app/layout/web/images/introduce/hospital1_3_3.png");}

.hospital .circulationPart .listWrap .listArea .title{color: #fff; font-size: 24px;font-family: 'SUITEB'; margin-bottom: 15px;}
.hospital .circulationPart .listWrap .listArea .text{color: #fff; font-size: 18px;font-family: 'SUITR'; line-height: 1.38; min-height: 74px;}


.hospital .stepPart {padding: 240px 0; box-sizing: border-box; background-color: #faf9f7;}
.hospital .stepPart .stepWrap {display: flex; flex-direction: column; gap: 210px;}
.hospital .stepPart .stepWrap li{display: flex; align-items: center; justify-content: space-between;}
.hospital .stepPart .stepWrap li .textArea {width: 100%;}
.hospital .stepPart .stepWrap li .textArea .num{color: #c69c6d; font-size: 25px;font-family: 'kudryashev-d-excontrast-sans'; letter-spacing: 4px;}
.hospital .stepPart .stepWrap li .textArea .title{font-size: 40px;font-family: 'SUITB'; margin-bottom: 50px;}
.hospital .stepPart .stepWrap li .textArea .text{font-size: 20px;font-family: 'NotoSansR'; line-height: 1.75;}
.hospital .stepPart .stepWrap li .imgArea {max-width: 603px; width: 100%; height: 467px;}
.hospital .stepPart .stepWrap li .imgArea img{width: 100%; height: 100%; display: block; object-fit: cover;}
.hospital .stepPart .stepWrap li .imgArea + .textArea {padding-left: 80px; box-sizing: border-box;}


.hospital .philosophyPart {padding: 120px 0; box-sizing: border-box;}
.hospital .philosophyPart .titleWrap {text-align: center; margin-bottom: 70px;}
.hospital .philosophyPart .titleWrap .mainText{font-size: 40px;font-family: 'SUITEB';}
.hospital .philosophyPart .titleWrap .mainText .cPoint{color: #c69c6d;}

.hospital .philosophyPart .listWrap {display: flex;justify-content: center; gap: 40px; padding-inline: 45px; box-sizing: border-box;}
.hospital .philosophyPart .listWrap li{width: calc(100% / 3 - 10px); background-color: #fff; box-shadow: rgba(100, 100, 111, 0.11) 0 9px 16px 0;}
.hospital .philosophyPart .listWrap li a{ display: block; padding: 20px; box-sizing: border-box;}
.hospital .philosophyPart .listWrap li .imgArea {height: 298px;}
.hospital .philosophyPart .listWrap li .imgArea img {width: 100%; height: 100%; display: block; object-fit: cover;}
.hospital .philosophyPart .listWrap li .textArea {display: flex; flex-direction: column; justify-content: space-between; padding: 30px 10px 10px 10px; box-sizing: border-box;}
.hospital .philosophyPart .listWrap li .textArea .title{font-size: 30px;font-family: 'SUITEB'; margin-bottom: 45px;}
.hospital .philosophyPart .listWrap li .textArea .moreText{color: #c69c6d; font-size: 24px;font-family: 'SUITEB'; text-align: right; }





/*
***진료/안내 위치***
*/

.pageOutWrap.location {padding: 230px 0; box-sizing: border-box;}
.location .contentsWrap {max-width: 1028px;}


.location .locationPart .contentsWrap::after {content: ""; display: block; width: calc(100% - 16px); height: 1px; margin-top: 50px; margin-inline: auto; background-color: #b0b0b0;}
.location .locationPart .titleWrap {text-align: center; margin-bottom: 100px;}
.location .locationPart .titleWrap .mainTitle{color: #1b1b1b; font-size: 30px;font-family: 'kudryashev-d-excontrast-sans'; margin-bottom: 15px;}
.location .locationPart .titleWrap .mainText{color: #232323; font-size: 40px;font-family: 'SUITB';}

.location .locationPart .infoWrap {display: flex; justify-content: space-between;}
.location .locationPart .infoWrap .workWrap .title{color: #333333;font-size: 24px;font-family: 'NotoSansB'; margin-bottom: 20px;}
.location .locationPart .infoWrap .workWrap .weekArea {display: flex;}
.location .locationPart .infoWrap .workWrap .weekArea .week {color: #333333;font-size: 23px;font-family: 'NotoSansL'; min-width: 140px;}
.location .locationPart .infoWrap .workWrap .weekArea .time {color: #333333;font-size: 23px;font-family: 'NotoSansM';}
.location .locationPart .infoWrap .workWrap .closeArea {color: #333333;font-size: 18px;font-family: 'NotoSansL'; margin-top: 15px;}

.location .locationPart .callWrap {text-align: right;}
.location .locationPart .callWrap .callArea {color: #333333;font-size: 50px;font-family: 'kudryashev-d-contrast'; font-weight: 600; letter-spacing: 10px;}
.location .locationPart .callWrap .textArea {color: #333333;font-size: 30px;font-family: 'NotoSansL'; }


.location .mapPart {padding: 35px 0; box-sizing: border-box;}
.location .mapPart .mapWrap {width: 100%; height: 528px; margin-bottom: 20px;}
.location .mapPart .mapWrap .mapArea{width: 100%; height: 100%;}
.location .mapPart .mapWrap .mapArea.root_daum_roughmap .cont{display: none !important;}
.location .mapPart .mapWrap .mapArea.root_daum_roughmap .wrap_map{height: 100% !important;}
.location .mapPart .btnWrap {width: 100%; display: flex;}
.location .mapPart .btnWrap .btn {font-size: 20px; font-family: 'NotoSansM'; line-height: 1; width: 100%; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 13px 10px; box-sizing: border-box; cursor: pointer;}
.location .mapPart .btnWrap .btnNaver{color: #fff; background-color: #1dc800;}
.location .mapPart .btnWrap .btnKakao{color: #4c2b1a; background-color: #fae100;}


.location .infoPart .titleWrap {position: relative; margin-bottom: 35px; padding-left: 90px; box-sizing: border-box;}
.location .infoPart .titleWrap::before {content: "";position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 53px; height: 53px; background: url("/app/layout/web/images/introduce/location_icon_title.png") no-repeat top / 100% auto;}
.location .infoPart .titleWrap .mainText{color: #333333;font-size: 24px;font-family: 'NotoSansB';}
.location .infoPart .titleWrap .subText{color: #333333;font-size: 24px;font-family: 'NotoSansL';}
.location .infoPart .infoWrap {position: relative; width: 100%; display: flex; border-top: 1px solid #6c7076; padding: 35px 0; box-sizing: border-box;}
.location .infoPart .infoWrap .mainText{color: #333333;font-size: 24px;font-family: 'NotoSansB'; min-width: 175px; padding-left: 30px; box-sizing: border-box;}
.location .infoPart .infoWrap .mainText::before {content: ""; position: absolute; top: -2px; left: 0; width: 175px; height: 3px; background-color: #c69c6d;}
.location .infoPart .infoWrap .infoArea {display: flex; flex-direction: column; gap: 30px; padding-inline: 80px; box-sizing: border-box;}
.location .infoPart .infoWrap .infoArea .subText {color: #333333;font-size: 24px;font-family: 'NotoSansL';}
.location .infoPart .infoWrap .infoArea .textArea {display: flex; align-items: center;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle{color: #fff;font-size: 20px;font-family: 'NotoSansL'; line-height: 1; display: inline-block; border-radius: 50px; padding: 6px 12px; box-sizing: border-box; background-color: #1e1e1e;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle.bgYellow{background-color: #e4a92b;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle.bgBlue{background-color: #1f55b7;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle.bgGreen{background-color: #298e56;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle.bgSky{background-color: #2c9ede;}
.location .infoPart .infoWrap .infoArea .textArea .title .pointTitle.bgDGreen{background-color: #697215;}
.location .infoPart .infoWrap .infoArea .textArea .text {color: #333333;font-size: 24px;font-family: 'NotoSansL';}
.location .infoPart .infoWrap .infoArea .subTextArea .title{color: #484848;font-size: 20px;font-family: 'NotoSansM'; margin-bottom: 5px;}
.location .infoPart .infoWrap .infoArea .subTextArea .text{color: #484848;font-size: 18px;font-family: 'NotoSansR'; line-height: 1.6;}


.location .infoPart .infoWrap.type1 .infoArea .textArea .title {min-width: 124px; display: flex; align-items: center;}
.location .infoPart .infoWrap.type2 .infoArea .textArea .title {display: flex; align-items: center; gap:5px; margin-right: 20px;}
.location .infoPart .infoWrap.type3 .infoArea{ gap: 20px;}



/*
***의료진소개***
*/

.pageOutWrap.medicalTeam {width: 100%; height: 100%; padding: 300px 0; box-sizing: border-box; background: url("/app/layout/web/images/introduce/medicalTeam_bg.png") no-repeat top / cover;}

.medicalTeam .doctorPart .titleWrap {margin-bottom: 100px;}
.medicalTeam .doctorPart .titleWrap .mainTitle{color: #1b1b1b; font-size: 60px;font-family: 'kudryashev-d-excontrast-sans';}
.medicalTeam .doctorPart .titleWrap .mainText{color: #232323; font-size: 22px;font-family: 'SUITB';}
.medicalTeam .doctorPart .listWrap{max-width: 1080px; width: 100%; margin-inline: auto;}
.medicalTeam .doctorPart .listItem {display: flex; align-items: center; justify-content: space-between;}
.medicalTeam .doctorPart .listItem .textWrap .titleArea {margin-bottom: 100px;}
.medicalTeam .doctorPart .listItem .textWrap .titleArea .mainText{font-size: 40px;font-family: 'SUITB'; margin-bottom: 20px;}
.medicalTeam .doctorPart .listItem .textWrap .titleArea .mainText .cPoint{color: #c69c6d; font-size: 26px; margin-left: 30px;}
.medicalTeam .doctorPart .listItem .textWrap .titleArea .subText{color: #393f48; font-size: 26px;font-family: 'SUITB';}

.medicalTeam .doctorPart .listItem .textWrap .textArea{color: #120a20; font-size: 24px;font-family: 'SUITM'; line-height: 1.6;}
.medicalTeam .doctorPart .listItem .textWrap .textArea + .textArea{margin-top: 50px;}
.medicalTeam .doctorPart .listItem .imgWrap {min-width: 500px; width: 500px;}
.medicalTeam .doctorPart .listItem .imgWrap img{width: 100%; display: block;}




/*공지사항*/

.notice .cl_subMainVisual { display: flex; justify-content: center; align-items: center; height: 500px; width: 100%; background: url("/app/layout/web/images/introduce/mainVisual_notice.png") no-repeat; background-size: cover; background-position: bottom;}

.notice .cl_subMainVisual .titleWrap .mainText {font-size:90px; color:#000000; font-family: 'kudryashev-d-excontrast-sans'; line-height:1.2; text-align: center; margin-top: 20px ; }
.notice .cl_subMainVisual .titleWrap .subText {font-size:21px; color:#666666; font-family:'NotoSansR'; text-align:center;}
.notice .cl_subMainVisual .titleWrap .subText .boldText {font-family:'NotoSansB';}


.notice .noticeListPart {min-height: calc(100vh - 737px); padding-bottom: 100px; box-sizing: border-box;}
.notice .noticeListPart .cl_commonBoardGrid .grid .gridCell { width: calc(100% / 4); }
.notice .noticeListPart .cl_commonBoardGrid .grid .gridCell img { border-radius: 15px; }

.notice .noticeListPart .cl_commonBoardGrid .grid .gridCell .mainText {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice .noticeListPart .noticeBtn {text-align: center;}

.notice .noticeListPart .tblList {margin: 30px 0; border-top: 2px solid #000; }
.notice .noticeListPart .tblList .contentsCell,
.notice .noticeListPart .tblList .titleCell {display: flex; justify-content: space-between; border-bottom: 1px solid #eee; text-align: center;}
.notice .noticeListPart .tblList .rightArea {display: flex; flex: 1;}
.notice .noticeListPart .tblList .num {width: 80px;}
.notice .noticeListPart .tblList .type {width: 200px;}
.notice .noticeListPart .tblList .view {width: 120px;}
.notice .noticeListPart .tblList .titleCell {font-family: 'NotoSansB'; font-size: 18px;}
.notice .noticeListPart .tblList .contentsCell {font-family: 'NotoSansR'; font-size: 16px; flex: 1; height: 75px;}
.notice .noticeListPart .tblList .contentsCell .contentsTxt {color: #444;}
.notice .noticeListPart .tblList .contentsTxt {height: 75px; padding: 23px 0; box-sizing: border-box; }
.notice .noticeListPart .tblList .title {flex: 1;}
.notice .noticeListPart .tblList .contentsTxt span {display: none;}


/*리뷰 뷰페이지*/
.notice.noticeView .cl_boardTitle .subText { font-size: 20px; font-family:'NotoSansB'; color: #ae9059; margin-bottom: 20px; }
.notice.noticeView .cl_boardTitle .mainText { font-size: 45px; font-family:'NotoSansB'; color: #000000; line-height: 54px; }

.notice.noticeView .cl_boardViewContent.type1 {width: 100%; max-width: 550px; margin-inline: auto;}
.notice.noticeView .cl_boardViewContent.type1 .cl_boardTitle {margin-bottom: 15px;}
.notice.noticeView .cl_boardViewContent.type1 .flexArea {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.notice.noticeView .cl_boardViewContent.type1 .flexArea .leftZone {font-family:'NotoSansM'; font-size: 22px; }
.notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt{font-family:'NotoSansR'; font-size: 14px; }
.notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt:nth-child(2){position: relative; margin-left: 8px; }
.notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt:nth-child(2):before{position: absolute; left: -12px; top: 5px; content: ""; background: #eee; width: 1px; height: 13px;}
.notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt .rightSubTxt {font-family:'NotoSansL'; margin-left: 5px;}
.notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt .rightSubTxt:nth-child(1) {margin-right: 12px;}
.notice.noticeView .cl_boardViewContent.type1 .boardViewTxt {padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #eee;}
.notice.noticeView .cl_boardViewContent.type1 .boardViewTxt span.txtTitle {font-family:'NotoSansM'; font-size: 22px; color: #444;}
.notice.noticeView .cl_boardViewContent.type1 .boardViewTxt p.txtDesc {width: 100%; font-family:'NotoSansR'; font-size: 14px; color: #666; margin-top: 30px;}


.notice.noticeView .noticeViewPart {min-height: calc(100vh - 707px);display: flex; justify-content: space-around; padding: 0 15px; padding-bottom: 100px; margin: 0 auto; box-sizing: border-box;}
.notice.noticeView .cl_boardViewContent {flex: 1;margin-top: 35px; margin-left: 20px; box-sizing: border-box;}
.notice.noticeView .noticeViewContentImg {display: flex; justify-content: space-between; width: 50%;}
.notice.noticeView .noticeViewPart .thumbnailImg li {text-align: center;}
.notice.noticeView .noticeViewPart .thumbnailImg li.on img {border: 1px solid black;}
.notice.noticeView .noticeViewPart .thumbnailImg li img {cursor: pointer; box-sizing: border-box;  border: 1px solid #ccc;}
.notice.noticeView .noticeViewPart .noticeViewImg {display: none; flex: 1; margin-left: 40px; border-radius: 15px; }
.notice.noticeView .noticeViewPart .noticeViewImg.on {display: block;}
.notice.noticeView .noticeViewPart .noticeViewImg img {width: 100%; border-radius: 15px; box-shadow: 20px 5px 30px 15px rgba(0,0,0,.08);}
.notice.noticeView .noticeViewPart .lineBtn {text-align: center; margin-top: 45px;}

.notice.noticeView .noticeViewPart .cl_lineButton { display: inline-block; vertical-align: middle; font-size: 13px; color: #767676 !important; font-family: NotoSansL; line-height:1; padding: 15px 20px; border: solid 1px #767676; border-radius: 50px; cursor: pointer; background-color:#ffffff; }



/***
**************************************** 검사 ***********************************************
*/

.treatment section {box-sizing: border-box;}
.treatment .cl_subMainVisual{background-image: url("/app/layout/web/images/treatment/mainVisual_treatment01.png")}

.treatment .introPart {padding: 240px 0 160px 0;}
.treatment .introPart {display: flex; align-items: center; gap: 8%;}
.treatment .introPart .titleWrap {margin-bottom: 60px;}
.treatment .introPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375; margin-bottom: 10px;}
.treatment .introPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.treatment .introPart .titleWrap .subText{color: #444444; font-size: 24px; font-family: 'NotoSansB'; line-height: 1.458; }
.treatment .introPart .descWrap{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59; }
.treatment .introPart .imgWrap {min-width: 739px; width: 739px;}
.treatment .introPart .imgWrap img {width: 100%; display: block;}


.treatment .checkPart {padding: 120px 0 150px 0; background-color: #f9f9f9;}
.treatment .checkPart .contentsWrap {max-width: 1120px;}
.treatment .checkPart .titleWrap {text-align: center; margin-bottom: 70px;}
.treatment .checkPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITR'; line-height: 1.375;}
.treatment .checkPart .titleWrap .mainText .bold{ font-family: 'SUITEB';}
.treatment .checkPart .listWrap {display: flex; align-items: center; justify-content: center; gap: 45px;}
.treatment .checkPart .listWrap .listArea {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 30px;  }
.treatment .checkPart .listWrap .listArea .listItem::before {content: ""; display: inline-block; min-width: 31px; width: 31px; height: 26px; background: url("/app/layout/web/images/treatment/treatment1_2.png") no-repeat top / 100% auto;}
.treatment .checkPart .listWrap .listArea .listItem{ color: #151515; font-size: 22px;font-family: 'NotoSansM'; width: 100%;display: flex; align-items: center; gap: 30px; border-radius: 50px; padding: 8px 40px; box-sizing: border-box;  background-color: #fff;}


.treatment .stepPart {padding: 120px 0 150px 0;}
.treatment .stepPart .contentsWrap {max-width: 1240px;}
.treatment .stepPart .titleWrap {text-align: center; margin-bottom: 70px;}
.treatment .stepPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITR'; line-height: 1.375;}
.treatment .stepPart .titleWrap .mainText .bold{ font-family: 'SUITEB';}
.treatment .stepPart .titleWrap .mainText .cPoint{ color: #c69c6d;}
.treatment .stepPart .listWrap { display: flex; align-items: start; justify-content: center;}
.treatment .stepPart .listWrap .listArea { width: calc(100% / 5); position: relative; display: flex; flex-direction: column; align-items: center;}
.treatment .stepPart .listWrap .listArea .imgArea {max-width: 183px; margin-bottom: 10px;}
.treatment .stepPart .listWrap .listArea .imgArea img{width: 100%; display: block;}
.treatment .stepPart .listWrap .listArea .textArea {text-align: center;}
.treatment .stepPart .listWrap .listArea .textArea .title{color: #151515; font-size: 22px; font-family: 'NotoSansB'; margin-bottom: 10px;}
.treatment .stepPart .listWrap .listArea .textArea .text{color: #151515; font-size: 18px; font-family: 'NotoSansR';}
.treatment .stepPart .listWrap .iconArrow {width: 11px; height: 19px; position: relative; top: 100px;}
.treatment .stepPart .listWrap .iconArrow img{width: 100%; display: block;}


/***
**************************************** 유형별 시술 ***********************************************
*/
/*공통*/
.careType .introPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375; margin-bottom: 50px;}
.careType .introPart .titleWrap .mainText::after {content: ""; display: block; width: 84px; height: 3px; margin-top: 35px; background-color: #c69c6d;}
.careType .introPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.careType .introPart .titleWrap .subText{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59; }
.careType .introPart .titleWrap .subText{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59; }
.careType .introPart .imgWrap {min-width: 659px; width: 659px;}
.careType .introPart .imgWrap img {width: 100%; display: block;}


/*유형별 케어*/
.byType .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_byType01.png");}

.byType .listPart {padding: 170px 0 120px 0;}
.byType .listPart .contentsWrap{max-width: 1160px;}
.byType .listPart .listWrap{display: flex; flex-wrap: wrap; gap: 90px 70px;}
.byType .listPart .listWrap li{width: calc(100% / 2 - 35px); height: 100%; box-shadow: rgba(0,0,0,0.15) 0 0 10px 0;}
.byType .listPart .listWrap li:nth-of-type(2) {margin-top: 175px;}
.byType .listPart .listWrap li:nth-of-type(3) {margin-top: -175px;}
.byType .listPart .listWrap li .imgArea{width: 100%;}
.byType .listPart .listWrap li .imgArea img{width: 100%; display: block;}
.byType .listPart .listWrap li .textArea{min-height: 326px; padding: 50px 24px; box-sizing: border-box;}
.byType .listPart .listWrap li .textArea .title{font-size: 30px; font-family: 'SUITB'; margin-bottom: 20px;}
.byType .listPart .listWrap li .textArea .text{color: #292929; font-size: 17px; font-family: 'NotoSansR'; line-height: 1.66;}


/*모발새싹케어*/
.sprouts .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_sprouts01.png");}

.sprouts .introPart {display: flex; align-items: start; justify-content: center; gap: 8%; padding: 180px 0; position: relative;left: -5%;}
.sprouts .introPart .imgWrap {position: relative; left: 0;}


.sprouts .stepPart {padding: 110px 0; background-color:#f8f3ee;}
.sprouts .stepPart .titleWrap {text-align: center; margin-bottom: 80px;}
.sprouts .stepPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375; }
.sprouts .stepPart .imgWrap {max-width: 878px; margin-inline: auto;}
.sprouts .stepPart .imgWrap img{width: 100%; display: block;}


/*모발정착케어*/
.growth .contentsWrap{max-width: 1120px;}
.growth .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_growth01.png");}

.growth .introPart {padding: 180px 0;overflow-x: hidden;}
.growth .introPart .contentsWrap{display: flex; align-items: start; justify-content: center; gap: 4%;}
.growth .introPart .imgWrap { margin-right: -16%; }


.growth .listPart {padding: 100px 0; background-color: #f8f3ee;}
.growth .listPart .titleWrap {text-align: center; margin-bottom: 80px;}
.growth .listPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375;}
.growth .listPart .listWrap {display: flex;}
.growth .listPart .listWrap li{width: calc(100% / 3); text-align: center;}
.growth .listPart .listWrap li .imgArea {max-width: 196px; width: 100%; margin-inline: auto; margin-bottom: 30px;}
.growth .listPart .listWrap li .imgArea img{width: 100%; display: block;}
.growth .listPart .listWrap li .textArea {color: #292929; font-size: 20px;font-family: 'NotoSansR'; line-height: 1.5;}
.growth .listPart .listWrap li .textArea .bold{font-family: 'NotoSansB';}


/*두피 밸런스 케어*/
.balance .contentsWrap{max-width: 1120px;}
.balance .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_balance01.png");}

.balance .introPart {padding: 180px 0;overflow-x: hidden;display: flex; align-items: start; justify-content: center;  gap: 6%;}
.balance .introPart .imgWrap { margin-left: -5%; }


.balance .stepPart {padding: 150px 0 180px 0; background-color: #f9f9f9;}
.balance .stepPart .titleWrap {margin-bottom: 70px;}
.balance .stepPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375;}
.balance .stepPart .stepWrap {display: flex;}
.balance .stepPart .stepWrap li {width: calc(100% / 4); position: relative;}
.balance .stepPart .stepWrap li::before{content: ""; position: absolute; top: 7%; left: 0; width: 100%; height: 1px; background-color: #c69c6d;}
.balance .stepPart .stepWrap li:first-of-type::before {left: 10px;}
.balance .stepPart .stepWrap li:last-of-type::before {left: auto; right: 10px;}
.balance .stepPart .stepWrap li .num{color: #fff;font-size: 20px; font-family: 'NotoSansB'; width: 43px; height: 43px; position: relative; z-index: 5; margin-inline: auto; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #c69c6d;}
.balance .stepPart .stepWrap li .boxArea{position: relative; height: 216px; border-radius: 17px; padding: 20px 20px; box-sizing: border-box;}
.balance .stepPart .stepWrap li .boxArea .textArea{ color: #fff;font-size: 20px; font-family: 'NotoSansB'; position: relative; z-index: 5; }
.balance .stepPart .stepWrap li .boxArea .imgArea{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 5px; box-sizing: border-box;}
.balance .stepPart .stepWrap li:first-of-type .boxArea {padding: 20px 15px;}
.balance .stepPart .stepWrap li:first-of-type .boxArea .imgArea{padding-left: 0;}
.balance .stepPart .stepWrap li:last-of-type .boxArea {padding: 20px 15px;}
.balance .stepPart .stepWrap li:last-of-type .boxArea .imgArea{padding-right: 0;}
.balance .stepPart .stepWrap li .boxArea .imgArea img{width: 100%; height: 100%; display: block; border-radius: 17px; object-fit: cover;}


/***
**************************************** 공통 하단 페이지 ***********************************************
*/

/*
***INC_BtmContent***
*/

.btmContentWrap .section {padding: 120px 0; box-sizing: border-box;}
.btmContentWrap .contentsWrap{max-width: 1400px; margin-inline: auto;}
.btmContentWrap .titleWrap {text-align: center;}

.btmContentWrap .hairIntroPart .titleWrap {margin-bottom: 30px;}
.btmContentWrap .hairIntroPart .titleWrap .mainText{color: #151515; font-size: 45px;font-family: 'SUITEB'; }
.btmContentWrap .hairIntroPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.btmContentWrap .hairIntroPart .videoWrap {max-width: 1118px; width: 100%; height: 400px; margin-inline: auto; margin-bottom: 50px;}
.btmContentWrap .hairIntroPart .videoWrap video{width: 100%; height: 100%; object-fit: cover;}
.btmContentWrap .hairIntroPart .descWrap{ color:#404040; font-size: 30px;font-family: 'SUITB'; line-height: 1.5; text-align: center;}


.btmContentWrap .solutionPart {background-color: #fffcf9;}
.btmContentWrap .solutionPart .titleWrap {margin-bottom: 40px;}
.btmContentWrap .solutionPart .titleWrap .mainText{font-size: 40px;font-family: 'SUITR'; margin-bottom: 30px;}
.btmContentWrap .solutionPart .titleWrap .subText{color: #1e1e1e; font-size: 22px;font-family: 'NotoSansM'; line-height: 1.5;}

.btmContentWrap .solutionPart .swiper-container .swiper-wrapper { margin-bottom: 50px;}
.btmContentWrap .solutionPart .swiper-slide {position: relative;}
.btmContentWrap .solutionPart .swiper-slide .imgArea {width: 100%;}
.btmContentWrap .solutionPart .swiper-slide .imgArea img{width: 100%; display: block;}
.btmContentWrap .solutionPart .swiper-slide .textArea {position: absolute; bottom: 40px; right: 30px;text-align: right;}
.btmContentWrap .solutionPart .swiper-slide .textArea .title {color: #fff; font-size: 30px;font-family: 'SUITEB';margin-bottom: 10px;}
.btmContentWrap .solutionPart .swiper-slide .textArea .title .cPoint{color: #c69c6d;}
.btmContentWrap .solutionPart .swiper-slide .textArea .text {color: #fff; font-size: 20px;font-family: 'SUITB';}

.btmContentWrap .solutionPart .paginationWrap{height: 2px; }
.btmContentWrap .solutionPart .paginationWrap .swiper-pagination-progressbar { width: 100%; height: 100%; max-width: 707px;margin-inline: auto;left: 50%;transform: translateX(-50%);    background-color: #dadada !important;}
.btmContentWrap .solutionPart .paginationWrap .swiper-pagination-progressbar-fill {background-color: #555555 !important;}


.btmContentWrap .philosophyPart .titleWrap {text-align: center;margin-bottom: 70px;}
.btmContentWrap .philosophyPart .titleWrap .mainText{font-size: 40px;font-family: 'SUITEB';}
.btmContentWrap .philosophyPart .titleWrap .mainText .cPoint{color: #c69c6d;}

.btmContentWrap .philosophyPart .listWrap {display: flex;justify-content: center; gap: 40px; padding-inline: 45px; box-sizing: border-box;}
.btmContentWrap .philosophyPart .listWrap li{width: calc(100% / 3 - 10px); background-color: #fff; box-shadow: rgba(100, 100, 111, 0.11) 0 9px 16px 0;}
.btmContentWrap .philosophyPart .listWrap li a{ display: block; padding: 20px; box-sizing: border-box;}
.btmContentWrap .philosophyPart .listWrap li .imgArea {height: 298px;}
.btmContentWrap .philosophyPart .listWrap li .imgArea img {width: 100%; height: 100%; display: block; object-fit: cover;}
.btmContentWrap .philosophyPart .listWrap li .textArea {display: flex; flex-direction: column; justify-content: space-between; padding: 30px 10px 10px 10px; box-sizing: border-box;}
.btmContentWrap .philosophyPart .listWrap li .textArea .title{font-size: 30px;font-family: 'SUITEB'; margin-bottom: 45px;}
.btmContentWrap .philosophyPart .listWrap li .textArea .moreText{color: #c69c6d; font-size: 24px;font-family: 'SUITEB'; text-align: right; }



/***
**************************************** 솔루션 ***********************************************
*/

.solution section {box-sizing: border-box;}
.solution .contentsWrap {max-width: 1120px; width: 100%;}

.solution .cl_subMainVisual{background-image: url("/app/layout/web/images/solution/mainVisualSolution.png");}


.solution .introPart {padding: 180px 0 60px 0; overflow-x: hidden;}
.solution .introPart .contentsWrap{display: flex; align-items: center; gap: 85px;}
.solution .introPart .titleWrap {margin-bottom: 40px;}
.solution .introPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375; margin-bottom: 20px;}
.solution .introPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution .introPart .titleWrap .mainText .bold{font-family: 'SUITEB'; }
.solution .introPart .titleWrap .subText{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59; }
.solution .introPart .imgWrap {min-width: 659px; width:659px;}
.solution .introPart .imgWrap img {width: 100%; display: block;}
.solution .introPart .keywordWrap {display: flex;gap: 40px;}
.solution .introPart .keywordWrap li .imgArea {margin-bottom: 15px;}
.solution .introPart .keywordWrap li .imgArea img{display: block;}
.solution .introPart .keywordWrap li .textArea{ color: #292929; font-size: 20px; font-family: 'NotoSansR'; text-align: center;}


.solution .whatPart {padding: 80px 0 140px 0;}
.solution .whatPart .contentsWrap {max-width: 1200px;}
.solution .whatPart .titleWrap {text-align: center; margin-bottom: 50px;}
.solution .whatPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITR'; line-height: 1.375;}
.solution .whatPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution .whatPart .titleWrap .mainText.bold,
.solution .whatPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.solution .whatPart .listWrap {display: flex; align-items: start; justify-content: space-between; margin-bottom: 50px;}
.solution .whatPart .listWrap .listArea {position: relative; width: calc(100% / 3);}
.solution .whatPart .listWrap .listArea .imgArea{max-width: 283px; width: 100%; margin-inline: auto; margin-bottom: 25px;}
.solution .whatPart .listWrap .listArea .imgArea img{width: 100%; display: block;}
.solution .whatPart .listWrap .listArea .textArea{color: #151515; font-size: 22px; font-family: 'NotoSansM'; line-height: 1.36; text-align: center;}
.solution .whatPart .listWrap .iconArrow .iconArea{width: 24px; height: 38px; position: relative; top: 110px;}
.solution .whatPart .listWrap .iconArrow .iconArea img{width: 100%; height: 100%; display: block;}
.solution .whatPart .descWrap {font-size: 20px; font-family: 'NotoSansR'; line-height: 1.5; text-align: center; max-width: 1058px; width: 100%; border-radius: 20px; margin-inline: auto; padding: 35px 10px; box-sizing: border-box; background-color: #f8f3ee;}


.solution .effectPart {padding: 160px 0 150px 0; background-color: #fffbf6;}
.solution .effectPart .titleWrap {text-align: center; margin-bottom: 50px;}
.solution .effectPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB';}
.solution .effectPart .imgWrap{max-width: 788px; width: 100%; margin-inline: auto; margin-bottom: 40px;}
.solution .effectPart .imgWrap img{width: 100%; display: block;}
.solution .effectPart .textWrap {text-align: center; }
.solution .effectPart .textWrap .text{ color: #1e1e1e; font-size: 26px; font-family: 'NotoSansR'; }
.solution .effectPart .textWrap .bgPoint{ color: #fff; font-size: 26px; font-family: 'NotoSansB';line-height: 1.34; display: inline-block; padding: 10px 30px; box-sizing: border-box; border-radius: 50px; background-color: #c69c6d;}


.solution .processPart {padding: 160px 0; background-color: #f9f9f9;}
.solution .processPart .titleWrap {margin-bottom: 90px;}
.solution .processPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB';}
.solution .processPart .stepWrap::before {content: ""; position: absolute; top: 39%; width: 100%; height: 1px; z-index: 1; background-color: #c69c6d;}
.solution .processPart .stepWrap { position: relative; display: flex; justify-content: space-around;}
.solution .processPart .stepWrap li {position: relative; z-index: 5;}
.solution .processPart .stepWrap .imgArea {margin-bottom: 25px;}
.solution .processPart .stepWrap .imgArea img{display: block;}
.solution .processPart .stepWrap .textArea {text-align: center;}
.solution .processPart .stepWrap .textArea .num {color: #c69c6d; font-size:12px; font-family: 'NotoSansB'; line-height: 1.58; display: inline-block; margin-bottom: 5px; border: 1px solid #c69c6d; border-radius: 50px; padding: 1px 15px; box-sizing: border-box;}
.solution .processPart .stepWrap .textArea .title{color: #2e2e2e; font-size: 20px; font-family: 'NotoSansB';}


.solution .pointPart {padding: 160px 0; background-color: #f9f9f9;}
.solution .pointPart .titleWrap {text-align: center; margin-bottom: 90px;}
.solution .pointPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB';}
.solution .pointPart .stepWrap { display: flex; justify-content: space-around;}
.solution .pointPart .stepWrap .imgArea {max-width: 198px; width: 100%; margin-inline: auto; margin-bottom: 25px;}
.solution .pointPart .stepWrap .imgArea img{width: 100%; display: block;}
.solution .pointPart .stepWrap .textArea {text-align: center;}
.solution .pointPart .stepWrap .textArea .num {color: #c69c6d; font-size:12px; font-family: 'NotoSansB'; line-height: 1.58; display: inline-block; margin-bottom: 5px; border: 1px solid #c69c6d; border-radius: 50px; padding: 1px 15px; box-sizing: border-box;}
.solution .pointPart .stepWrap .textArea .title{color: #2e2e2e; font-size: 20px; font-family: 'NotoSansB';}


.solution .bgPart {width: 100%; height: 400px; background: url("/app/layout/web/images/solution/bettermoCELL1_5.png") no-repeat top / cover;}
.solution .bgPart .contentsWrap{height: 100%; display: flex; align-items: center; justify-content: center;}
.solution .bgPart .textArea{ color: #fff; font-size: 22px;font-family: 'NotoSansB'; line-height: 1.81; text-align: center;}


.solution .vsPart {padding: 60px 0 80px 0;}
.solution .vsPart .contentsWrap {padding-inline: 40px;}
.solution .vsPart .titleWrap {display: flex; align-items: center; justify-content: space-between;}
.solution .vsPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.solution .vsPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution .vsPart .titleWrap .imgArea{width: 414px; min-width: 414px;}
.solution .vsPart .titleWrap .imgArea img{width: 100%; display: block;}
.solution .vsPart .imgWrap { margin-bottom: 45px;}
.solution .vsPart .imgWrap img{width: 100%; display: block;}

.solution .vsPart .descWrap {font-size: 28px; font-family: 'NotoSansR'; line-height: 1.25; text-align: center;}
.solution .vsPart .descWrap .bold { font-family: 'NotoSansB';}


.solution .bnaPart {padding: 110px 0; background-color: #fffbf7;}
.solution .bnaPart .titleWrap {margin-bottom: 30px;}
.solution .bnaPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.25;}
.solution .bnaPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution .bnaPart .swiper-container {max-width: 1230px; margin: 0 auto;}
.solution .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 50px;}
.solution .bnaPart .swiper-slide .listWrap{display: flex; flex-wrap: wrap; gap: 30px 60px;}
.solution .bnaPart .swiper-slide .listArea {position: relative; display: flex; width: calc(100% / 2 - 30px);text-align: center;}
.solution .bnaPart .swiper-slide .listArea .item {width: 100%;}
.solution .bnaPart .swiper-slide .listArea .item.before::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; background: url('/app/layout/web/images/solution/solution_bna_arrow.png') no-repeat top / 100% auto;}
.solution .bnaPart .swiper-slide .listArea .item img{width: 100%; height: 177px; display: block; margin-bottom: 16px; object-fit: cover;}
.solution .bnaPart .swiper-slide .listArea .item .text{font-size: 18px; font-family: 'SUITM';}
.solution .bnaPart .swiper-pagination {width: 100%; position: relative; display: flex; align-items: center; justify-content: center; gap: 24px;}
.solution .bnaPart .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background-color: #3b3b3b;}
.solution .bnaPart .swiper-pagination-bullet-active{background-color: #c69c6d;}




/***
**************************************** 솔루션 개별 페이지***********************************************
*/

/* 두피문신/제거 */
.solution.smpRemoval .cl_subMainVisual {background-image: url(/app/layout/web/images/solution/mainVisual_smpRemoval01.png);}


.solution.smpRemoval .textWhatPart {padding: 100px 0 70px 0; background-color: #f9f9f9;}
.solution.smpRemoval .textWhatPart .titleWrap {text-align: center;}
.solution.smpRemoval .textWhatPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; margin-bottom: 30px;}
.solution.smpRemoval .textWhatPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution.smpRemoval .textWhatPart .titleWrap .subText{font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59;}

.solution.smpRemoval .browPart {padding: 100px 0;}
.solution.smpRemoval .browPart .titleWrap{margin-bottom: 55px;}
.solution.smpRemoval .browPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375;}
.solution.smpRemoval .browPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.solution.smpRemoval .browPart .titleWrap .subTitle {color: #414141; font-size: 25px; font-family: 'kudryashev-d-excontrast-sans';}
.solution.smpRemoval .browPart .listWrap {display: flex; flex-direction: column; gap: 35px;}
.solution.smpRemoval .browPart .listWrap li{display: flex; align-items: center; gap: 80px;}
.solution.smpRemoval .browPart .listWrap li .imgArea{min-width: 528px; width: 528px;}
.solution.smpRemoval .browPart .listWrap li .imgArea img{width: 100%; display: block;}
.solution.smpRemoval .browPart .listWrap li .imgArea + .textArea{text-align: left;}
.solution.smpRemoval .browPart .listWrap li .textArea {width: 100%; text-align: right;}
.solution.smpRemoval .browPart .listWrap li .textArea .title{color: #292929; font-size: 26px; font-family: 'NotoSansB'; line-height: 1.34; margin-bottom: 25px;}
.solution.smpRemoval .browPart .listWrap li .textArea .text{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59;}

.solution.smpRemoval .whatPart {padding: 150px 0; background-color: #f9f9f9;}
.solution.smpRemoval .whatPart .listWrap .listArea .imgArea {margin-bottom: 20px;}
.solution.smpRemoval .whatPart .listWrap .listArea .textArea .num {color: #c69c6d; font-size: 22px; font-family: 'NotoSansM'; margin-bottom: 10px;}
.solution.smpRemoval .whatPart .listWrap .listArea .textArea .title {color: #151515; font-size: 22px; font-family: 'NotoSansM'; line-height: 1.36; margin-bottom: 20px;}
.solution.smpRemoval .whatPart .listWrap .listArea .textArea .text {font-size: 20px; font-family: 'NotoSansR'; line-height: 1.5;}


.solution.smpRemoval .resultPart {padding: 80px 0;}
.solution.smpRemoval .resultPart .titleWrap{margin-bottom: 95px;}
.solution.smpRemoval .resultPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375;}
.solution.smpRemoval .resultPart .titleWrap .mainText .cPoint{color: #c69c6d;}

.solution.smpRemoval .resultPart .listWrap {display: flex; flex-direction: column; gap: 44px;}
.solution.smpRemoval .resultPart .listWrap .listArea {display: flex; align-items: center;}
.solution.smpRemoval .resultPart .listWrap .listArea .textArea {text-align: right;}
.solution.smpRemoval .resultPart .listWrap .listArea .imgArea + .textArea {text-align: left;}
.solution.smpRemoval .resultPart .listWrap .listArea .textArea .title {color: #292929; font-size: 26px; font-family: 'NotoSansB'; line-height: 1.34; margin-bottom: 25px;}
.solution.smpRemoval .resultPart .listWrap .listArea .textArea .text {color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59;}
.solution.smpRemoval .resultPart .listWrap .listArea.list01 .imgArea{width: 412px; min-width: 412px;}
.solution.smpRemoval .resultPart .listWrap .listArea.list01 .imgArea img{width: 100%; display: block;}
.solution.smpRemoval .resultPart .listWrap .listArea.list01 .textArea {width: 100%; padding-inline: 60px; box-sizing: border-box;}
.solution.smpRemoval .resultPart .listWrap .listArea.list02 {flex-direction: column; gap: 35px; margin-top: 30px;}
.solution.smpRemoval .resultPart .listWrap .listArea.list02 .imgArea{max-width: 811px; width: 100%;}
.solution.smpRemoval .resultPart .listWrap .listArea.list02 .imgArea img{width: 100%; display: block;}
.solution.smpRemoval .resultPart .listWrap .listArea.list02 .textArea{text-align: center;}
.solution.smpRemoval .resultPart .listWrap .listArea.list03 .imgArea{width: 412px; min-width: 412px;}
.solution.smpRemoval .resultPart .listWrap .listArea.list03 .imgArea img{width: 100%; display: block;}
.solution.smpRemoval .resultPart .listWrap .listArea.list03 .textArea {width: 100%; padding-inline: 90px; box-sizing: border-box;}


.solution.smpRemoval .recPart {padding: 150px 0;}
.solution.smpRemoval .recPart .titleWrap{margin-bottom: 30px;}
.solution.smpRemoval .recPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.solution.smpRemoval .recPart .flexWrap {display: flex; align-items: center; gap: 80px;}
.solution.smpRemoval .recPart .flexWrap .imgArea{width: 443px; min-width: 443px;}
.solution.smpRemoval .recPart .flexWrap .imgArea img{width: 100%; display: block;}
.solution.smpRemoval .recPart .flexWrap .textArea {width: 100%; display: flex; flex-direction: column; padding-right: 60px; box-sizing: border-box;}
.solution.smpRemoval .recPart .flexWrap .textArea .text:not(:last-of-type){border-bottom: 1px solid #c6c6c6;}
.solution.smpRemoval .recPart .flexWrap .textArea .text {font-size: 20px;font-family: 'NotoSansR'; padding: 21px 0; box-sizing: border-box;}
.solution.smpRemoval .recPart .flexWrap .textArea .text .num {color: #c69c6d; font-size: 22px;font-family: 'SUITEB'; margin-right: 20px;}




/* 약처방 */
.solution.prescribe .whatPart .titleWrap {margin-bottom: 35px;}
.solution.prescribe .whatPart .descWrap{margin-bottom: 30px;}
.solution.prescribe .whatPart .listWrap .listArea .imgArea {margin-bottom: 12px;}
.solution.prescribe .whatPart .listWrap .listArea .textArea .title { font-size:18px; font-family:'NotoSansM'; line-height: 1.44; display: inline-block; border: 1px solid #c69c6d; border-radius: 50px; margin-bottom: 20px; padding: 8px 30px; box-sizing: border-box;}
.solution.prescribe .whatPart .listWrap .listArea .textArea .title .cPoint{color: #c69c6d;}
.solution.prescribe .whatPart .listWrap .listArea .textArea .text {color: #151515; font-size:18px; font-family:'NotoSansR'; line-height: 1.44;}


.solution.prescribe .eatPart {padding: 100px 0; background-color: #f9f9f9;}
.solution.prescribe .eatPart .titleWrap{margin-bottom: 50px;}
.solution.prescribe .eatPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.solution.prescribe .eatPart .listWrap {display: flex; flex-direction: column; gap: 15px;}
.solution.prescribe .eatPart .listWrap li {display: flex; align-items: center; gap: 50px; padding: 10px 0;box-sizing: border-box; background-color: #fff;}
.solution.prescribe .eatPart .listWrap li .imgArea{width: 418px; min-width: 418px;}
.solution.prescribe .eatPart .listWrap li .imgArea img{width: 100%; display: block;}
.solution.prescribe .eatPart .listWrap li .textArea {display: flex; flex-direction: column; gap: 35px; padding: 0 10px; box-sizing: border-box;}
.solution.prescribe .eatPart .listWrap li .textArea .textItem .title{color: #151515; font-size:20px; font-family:'NotoSansB'; line-height: 1.3; margin-bottom: 15px;}
.solution.prescribe .eatPart .listWrap li .textArea .textItem .text{color: #151515; font-size:18px; font-family:'NotoSansR'; line-height: 1.44;}



/***
**************************************** 커스텀 링거 ***********************************************
*/

.customIV section {box-sizing: border-box;}
.customIV .contentsWrap {max-width: 1120px; width: 100%;}

.customIV.customIV .cl_subMainVisual{background-image: url("/app/layout/web/images/customIV/mainVisual_customIV01.png");}


.customIV .introPart {padding: 185px 0 155px 0; overflow-x: hidden;}
.customIV .introPart .contentsWrap{display: flex; align-items: center; gap: 80px;}
.customIV .introPart .titleWrap {margin-bottom: 40px; min-width: 560px;}
.customIV .introPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITB'; line-height: 1.375; margin-bottom: 20px;}
.customIV .introPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.customIV .introPart .titleWrap .mainText .bold{font-family: 'SUITEB'; }
.customIV .introPart .titleWrap .subText{color: #292929; font-size: 22px; font-family: 'NotoSansR'; line-height: 1.59;}
.customIV .introPart .imgWrap {min-width: 659px; width:659px;}
.customIV .introPart .imgWrap img {width: 100%; display: block;}
.customIV .introPart .keywordWrap {display: flex;gap: 40px;}
.customIV .introPart .keywordWrap li .imgArea {margin-bottom: 15px;}
.customIV .introPart .keywordWrap li .imgArea img{display: block;}
.customIV .introPart .keywordWrap li .textArea{ color: #292929; font-size: 20px; font-family: 'NotoSansR'; text-align: center;}


.customIV .solutionPart {padding: 120px 0 100px 0; background-color: #f7f7f7;}
.customIV .solutionPart .titleWrap {text-align: center; margin-bottom: 50px;}
.customIV .solutionPart .titleWrap .mainTitle {font-size: 30px; font-family: 'SUITR'; line-height: 1.66; margin-bottom: 5px; }
.customIV .solutionPart .titleWrap .mainText {font-size: 50px;font-family: 'SUITEB'; line-height: 1.25;}

.customIV .solutionPart .listWrap {display: flex; gap: 16px; margin-bottom: 30px;}
.customIV .solutionPart .listWrap li {width: calc(100% / 4);}
.customIV .solutionPart .listWrap li .imgArea{max-width: 268px; width: 100%; margin-bottom: 15px;}
.customIV .solutionPart .listWrap li .imgArea img{width: 100%; display: block;}
.customIV .solutionPart .listWrap li .textArea {text-align: center;}
.customIV .solutionPart .listWrap li .textArea .num{color: #b07c42; font-size: 23px; font-family: 'kudryashev-d-excontrast-sans'; font-style: italic;}
.customIV .solutionPart .listWrap li .textArea .title{color: #2f2f2f; font-size: 22px; font-family: 'NotoSansB'; line-height: 1.40;}

.customIV .solutionPart .imgWrap {margin-bottom: 20px; padding-inline: 24px; box-sizing: border-box;}
.customIV .solutionPart .imgWrap .imgArea{max-width: 943px; width: 100%;}
.customIV .solutionPart .imgWrap .imgArea img{width: 100%; display: block;}

.customIV .solutionPart .descWrap {font-size: 24px; font-family: 'NotoSansR'; line-height: 1.458; text-align: center;}
.customIV .solutionPart .descWrap .bold{ font-family: 'NotoSansB'; }



.customIV .whatPart {padding: 80px 0 140px 0;}
.customIV .whatPart .contentsWrap {max-width: 1200px;}
.customIV .whatPart .titleWrap {text-align: center; margin-bottom: 50px;}
.customIV .whatPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITR'; line-height: 1.375;}
.customIV .whatPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.customIV .whatPart .titleWrap .mainText.bold,
.customIV .whatPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.customIV .whatPart .listWrap {display: flex; align-items: start; justify-content: space-between; margin-bottom: 50px;}
.customIV .whatPart .listWrap .listArea {position: relative; width: calc(100% / 3);}
.customIV .whatPart .listWrap .listArea .imgArea{max-width: 283px; width: 100%; margin-inline: auto; margin-bottom: 25px;}
.customIV .whatPart .listWrap .listArea .imgArea img{width: 100%; display: block;}
.customIV .whatPart .listWrap .listArea .textArea{color: #151515; font-size: 22px; font-family: 'NotoSansM'; line-height: 1.36; text-align: center;}
.customIV .whatPart .listWrap .iconArrow .iconArea{width: 24px; height: 38px; position: relative; top: 110px;}
.customIV .whatPart .listWrap .iconArrow .iconArea img{width: 100%; height: 100%; display: block;}
.customIV .whatPart .descWrap {font-size: 20px; font-family: 'NotoSansR'; line-height: 1.5; text-align: center; max-width: 1058px; width: 100%; border-radius: 20px; margin-inline: auto; padding: 35px 10px; box-sizing: border-box; background-color: #f8f3ee;}


.customIV .effectPart {padding: 160px 0 150px 0; background-color: #fffbf6;}
.customIV .effectPart .titleWrap {text-align: center; margin-bottom: 50px;}
.customIV .effectPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB';}
.customIV .effectPart .imgWrap{max-width: 788px; width: 100%; margin-inline: auto; margin-bottom: 40px;}
.customIV .effectPart .imgWrap img{width: 100%; display: block;}
.customIV .effectPart .textWrap {text-align: center; }
.customIV .effectPart .textWrap .text{ color: #1e1e1e; font-size: 26px; font-family: 'NotoSansR'; }
.customIV .effectPart .textWrap .bgPoint{ color: #fff; font-size: 26px; font-family: 'NotoSansB';line-height: 1.34; display: inline-block; padding: 10px 30px; box-sizing: border-box; border-radius: 50px; background-color: #c69c6d;}


.customIV .checkPart {padding: 110px 0 120px 0;}
.customIV .checkPart .titleWrap {text-align: center; margin-bottom: 55px;}
.customIV .checkPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.customIV .checkPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.customIV .checkPart .listWrap {max-width: 650px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;}
.customIV .checkPart .listWrap .listItem { color: #151515; font-size: 22px;font-family: 'NotoSansM'; width: 100%; display: flex; gap: 20px;  border-radius: 50px; padding: 8px 25px 8px 40px; box-sizing: border-box;  background-color: #f7f7f7;}
.customIV .checkPart .listWrap .listItem::before {content: ""; display: inline-block; min-width: 31px; width: 31px; height: 26px; margin-top: 4px; background: url("/app/layout/web/images/customIV/customIV_checkIcon.png") no-repeat top / 100% auto;}


.customIV .bnaPart {padding: 110px 0; background-color: #fffbf7; display: none !important;}
.customIV .bnaPart .titleWrap {margin-bottom: 30px;}
.customIV .bnaPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.25;}
.customIV .bnaPart .titleWrap .mainText .cPoint{color: #c69c6d;}
.customIV .bnaPart .swiper-container {max-width: 1230px; margin: 0 auto;}
.customIV .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 50px;}
.customIV .bnaPart .swiper-slide .listWrap{display: flex; flex-wrap: wrap; gap: 30px 60px;}
.customIV .bnaPart .swiper-slide .listArea {position: relative; display: flex; width: calc(100% / 2 - 30px);text-align: center;}
.customIV .bnaPart .swiper-slide .listArea .item {width: 100%;}
.customIV .bnaPart .swiper-slide .listArea .item.before::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; background: url('/app/layout/web/images/customIV/customIV_bna_arrow.png') no-repeat top / 100% auto;}
.customIV .bnaPart .swiper-slide .listArea .item img{width: 100%; height: 177px; display: block; margin-bottom: 16px; object-fit: cover;}
.customIV .bnaPart .swiper-slide .listArea .item .text{font-size: 18px; font-family: 'SUITM';}
.customIV .bnaPart .swiper-pagination {width: 100%; position: relative; display: flex; align-items: center; justify-content: center; gap: 24px;}
.customIV .bnaPart .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background-color: #3b3b3b;}
.customIV .bnaPart .swiper-pagination-bullet-active{background-color: #c69c6d;}



/***
**************************************** 커스텀 링거 개별 페이지 ***********************************************
*/

/*커스텀 링거*/
.customIV.customIV01 .solutionPart {padding: 160px 0; background-color: #f7f7f7;}
.customIV.customIV01 .solutionPart .titleWrap {text-align: center; margin-bottom: 65px;}
.customIV.customIV01 .solutionPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.25;}
.customIV.customIV01 .solutionPart .listWrap {display: flex; gap: 16px; margin-bottom: 30px;}
.customIV.customIV01 .solutionPart .listWrap li {width: calc(100% / 4);}
.customIV.customIV01 .solutionPart .listWrap li .imgArea{max-width: 268px; width: 100%; margin-bottom: 15px;}
.customIV.customIV01 .solutionPart .listWrap li .imgArea img{width: 100%; display: block;}
.customIV.customIV01 .solutionPart .listWrap li .textArea {text-align: center;}
.customIV.customIV01 .solutionPart .listWrap li .textArea .num{color: #b07c42; font-size: 23px; font-family: 'kudryashev-d-excontrast-sans'; font-style: italic;}
.customIV.customIV01 .solutionPart .listWrap li .textArea .title{color: #2f2f2f; font-size: 22px; font-family: 'NotoSansB'; line-height: 1.40;}

.customIV.customIV01 .solutionPart .imgWrap {padding-inline: 24px; margin-bottom: 40px;}
.customIV.customIV01 .solutionPart .imgWrap .imgArea{max-width: 1101px; }

.customIV.customIV01 .solutionPart .bgWrap{color: #fff; font-size:26px; font-family: 'NotoSansR';line-height: 1.53; text-align: center; padding: 77px 10px; box-sizing: border-box; border-radius: 28px; background-repeat: no-repeat;  background-position: center; background-size: cover; background-image: url("/app/layout/web/images/customIV/customIV1_3_2.png");}
.customIV.customIV01 .solutionPart .bgWrap .bold{font-family: 'NotoSansB';}


/*헤어 링거*/
.customIV.hairIV .customListPart {padding: 150px 0;}
.customIV.hairIV .customListPart .titleWrap {margin-bottom: 50px;}
.customIV.hairIV .customListPart .titleWrap .mainText{font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.customIV.hairIV .customListPart .listWrap {display: flex; flex-direction: column; gap: 16px;}
.customIV.hairIV .customListPart .listWrap .listArea{display: flex; align-items: center; background-color: #f8f8f8;}
.customIV.hairIV .customListPart .listWrap .listArea .imgArea{width: 418px; min-width: 418px; height: -webkit-fill-available;}
.customIV.hairIV .customListPart .listWrap .listArea .imgArea img{width: 100%; height: 100%; display: block; object-fit: cover;}
.customIV.hairIV .customListPart .listWrap .listArea .textArea {width: 100%; padding: 40px 50px; box-sizing: border-box;}
.customIV.hairIV .customListPart .listWrap .listArea .textArea .title{font-size: 20px; font-family: 'NotoSansB'; line-height: 1.5; margin-bottom: 30px;}
.customIV.hairIV .customListPart .listWrap .listArea .textArea .title .num{color: #c69c6d;}
.customIV.hairIV .customListPart .listWrap .listArea .textArea .text{font-size: 18px; font-family: 'NotoSansM'; line-height: 1.66;}


/***
**************************************** 전후사진 ***********************************************
*/

.beforeAfter .cl_subMainVisual {height: 590px; background-image: url(/app/layout/web/images/bna/mainVisual_bna.png);}
.beforeAfter .cl_subMainVisual .contentsWrap {position: relative; height: 100%;}
.beforeAfter .cl_subMainVisual .titleWrap {width: auto; text-align: left; top: auto; left: 0; bottom: 85px; transform: translate(0, 0);}
.beforeAfter .cl_subMainVisual .titleWrap .mainTitle {color: #1b1b1b; font-size: 50px; line-height: 1.14;}
.beforeAfter .cl_subMainVisual .titleWrap .mainTitle .cPoint{color: #c69c6d;}
.beforeAfter .cl_subMainVisual .titleWrap .mainText {color: #1b1b1b; font-size: 22px;font-family: 'SUITB'; line-height: 1.36;}


.beforeAfter .listPart {padding: 80px 0; box-sizing: border-box;}
.beforeAfter .listPart .contentsWrap{max-width: 1170px; }
.beforeAfter .listPart .mainThumbWrap {margin-bottom: 80px;}
.beforeAfter .listPart .mainThumbWrap .imgArea{width: 100%; height: 483px; display: flex; align-items: center; margin-bottom: 20px;}
.beforeAfter .listPart .mainThumbWrap .textArea {font-size:24px; font-family:'SUITR'; line-height: 1.25;}
.beforeAfter .listPart .mainThumbWrap .textArea .title{font-family:'SUITB'; margin-right: 18px;}
.beforeAfter .listPart .mainThumbWrap .mainBefore,
.beforeAfter .listPart .mainThumbWrap .mainAfter{width: 100%; height: 100%; position: relative;}
.beforeAfter .listPart .mainThumbWrap .mainBefore img,
.beforeAfter .listPart .mainThumbWrap .mainAfter img{width: 100%; height: 100%; display: block; object-fit: cover;}
.beforeAfter .listPart .mainThumbWrap .mainAfter .count{position: absolute; bottom: 18px; right: 20px; color: #fff; font-size: 23px;font-family: 'SUITEB'; border-radius: 5px; display: inline-block; padding: 3px 14px; box-sizing: border-box;  background-color: #c69c6d;}
.beforeAfter .listPart .gridWrapper {margin-bottom: 50px;}
.beforeAfter .listPart .gridWrapper .grid{display: flex; flex-wrap:wrap; gap: 14px;}
.beforeAfter .listPart .gridWrapper .grid .gridCell {width: calc(100% / 3 - 10px); height: 177px; display: flex; align-items: center; position: relative; cursor: pointer;}
.beforeAfter .listPart .gridWrapper .grid .gridCell::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); backdrop-filter: blur(1px); opacity: 1; transition: 0.25s ease; pointer-events: none; }
.beforeAfter .listPart .gridWrapper .grid .gridCell.on::before { opacity: 0; }
.beforeAfter .listPart .gridWrapper .grid .gridCell .before,
.beforeAfter .listPart .gridWrapper .grid .gridCell .after {width: 100%; height: 100%;}
.beforeAfter .listPart .gridWrapper .grid .gridCell img{width: 100%; height: 100%; display: block; object-fit: cover;}
.beforeAfter .listPart .gridWrapper .grid .gridCell.on {border: 5px solid #c69c6d; box-sizing: border-box;}
.beforeAfter .listPart .descWrap {color: #555555; font-size: 18px;font-family: 'SUITR'; line-height: 1.5; text-align: center;}
.beforeAfter .listPart .pagination {margin-top: 60px;}
.beforeAfter .listPart .pagination a {color: #3e3e3e; font-size: 17px;font-family: 'SUITSB'; line-height: 1.58; border: 0; width: auto; height: auto;margin-inline: 12px;background-color: transparent;}
.beforeAfter .listPart .pagination a.num.on{color: #000000; font-family: 'SUITEB';}


@media (max-width: 1400px){
    /***
    **************************************** 레이아웃 공통 ***********************************************
    */
    .contentsWrap {padding-inline: 28px;}


    /***
    **************************************** header ***********************************************
    */
    header.headerWrap .fullContentsWrap {padding-inline: 28px;}
    header.headerWrap .logo a{width: 140px;}
    header.headerWrap .gnbWrap{gap: 10px; padding-inline: 10px; margin-left: -140px;}
    header.headerWrap .gnbWrap > li{width: 120px;}
    header.headerWrap .gnbWrap .depthList .depth a {font-size: 14px; padding: 12px 5px 12px 16px;}

    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap .fterLogo {width: 150px;}
    footer.footerWrap .termsWrap .termsArea {font-size: 14px;}
    

    /***
    ****************************************상담신청버튼***********************************************
    */
    .quickCounselWrap .contentsWrap .submitButtonWrap { padding-inline: 20px; }
    .quickCounselWrap .contentsWrap .submitButtonWrap .submitButton {width: 160px;}


    
    /***
    **************************************** main ***********************************************
    */

    .main .causePart .keywordWrap {padding-inline: 3%; }

    .main .hairIvPart .hairIvPartSwiper .listWrap{gap: 20px;}

    .main .processPart .stepWrap li {min-height: 350px; padding: 55px 15px 30px 17px;}
    .main .processPart .stepWrap li .title {font-size: 20px; margin-bottom: 20px;}
    .main .processPart .stepWrap li .text {font-size: 17px; min-height: 40px; margin-bottom: 20px;}
    .main .processPart .stepWrap li .desc {font-size: 13px;}

    .main .processPart .stepWrap li:hover .title {font-size: 21px;}
    .main .processPart .stepWrap li:hover .text {font-size: 18px;}
    .main .processPart .stepWrap li:hover .desc {font-size: 14px;}


    .main .tvShortPart .swiper-button-prev, 
    .main .tvShortPart .swiper-button-next {display: none;}


    .main .locationPart .contentsWrap {padding: 0 28px 0 28px;}
    .main .locationPart .mapWrap {min-width: 500px; width: 500px;}


    /***
    **************************************** 모베러 클리닉 ***********************************************
    */

    /*
    ***병원소개***
    */

    .hospital .descPart .contentsWrap {padding: 20px 28px;}
    .hospital .descPart .titleWrap .mainText {font-size: 30px;}
    .hospital .descPart .titleWrap .subText {font-size: 18px;}


    .hospital .philosophyPart .listWrap {padding-inline: 0;}
    .hospital .philosophyPart .listWrap li .textArea .title {font-size: 22px;}
    .hospital .philosophyPart .listWrap li .textArea .moreText {font-size: 18px;}

    /*공지사항 뷰페이지*/
    .notice.noticeView .noticeViewPart .noticeViewImg {margin-left: 10px; box-sizing: border-box;}


    /***
    **************************************** 검사 ***********************************************
    */
    .treatment .introPart {gap: 3%;}
    .treatment .introPart .imgWrap {min-width: 550px; width: 550px;}
    .treatment .introPart .titleWrap .mainText {font-size: 30px;}
    .treatment .introPart .titleWrap .subText {font-size: 20px;}
    .treatment .introPart .descWrap {font-size: 18px;}

    .treatment .checkPart .listWrap {gap: 20px;}
    .treatment .checkPart .listWrap .listArea .listItem {font-size: 18px;}


    .treatment .stepPart .listWrap .listArea .imgArea {max-width: 140px;}
    .treatment .stepPart .listWrap .listArea .textArea .title {font-size: 18px;}
    .treatment .stepPart .listWrap .listArea .textArea .text {font-size: 14px;}
    .treatment .stepPart .listWrap .iconArrow {top: 65px;}


    /***
    **************************************** 유형별 시술 ***********************************************
    */

    /*공통*/
    .careType .introPart .imgWrap {min-width: 500px; width: 500px;}


    /*모발새싹케어*/
    .sprouts .introPart {gap: 4%;}


    /*두피 밸런스 케어*/
    .balance .introPart {gap: 4%;}



    /***
    **************************************** 공통 하단 페이지 ***********************************************
    */

    /*
    ***INC_BtmContent***
    */
    .btmContentWrap .philosophyPart .listWrap {padding-inline: 0;}
    .btmContentWrap .philosophyPart .listWrap li .textArea .title {font-size: 22px;}
    .btmContentWrap .philosophyPart .listWrap li .textArea .moreText {font-size: 18px;}



    /***
    **************************************** 솔루션 ***********************************************
    */

    .solution .introPart .contentsWrap {gap: 40px;}
    .solution .introPart .imgWrap {min-width: 500px; width:500px;}

    .solution .whatPart .listWrap .listArea .textArea {font-size: 18px;}

    .solution .bgPart .textArea {font-size: 18px;}

    .solution .vsPart .contentsWrap {padding-inline: 28px;}


    /***
    **************************************** 솔루션 개별페이지 ***********************************************
    */
    /* 두피문신/제거 */
    .solution.smpRemoval .browPart .listWrap li {gap: 50px;}
    .solution.smpRemoval .browPart .listWrap li .imgArea {width: 480px; min-width: 480px;}
    .solution.smpRemoval .browPart .listWrap li .textArea .text {font-size: 18px;}


    .solution.smpRemoval .resultPart .listWrap .listArea .textArea .title {font-size: 22px;}
    .solution.smpRemoval .resultPart .listWrap .listArea .textArea .text {font-size: 18px;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list01 .textArea {padding-inline: 30px;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list03 .textArea {padding-inline: 30px;}

    .solution.smpRemoval .recPart .flexWrap {gap: 40px;}
    .solution.smpRemoval .recPart .flexWrap .imgArea {width: 400px; min-width: 400px;}
    .solution.smpRemoval .recPart .flexWrap .textArea {padding-right: 0;}
    .solution.smpRemoval .recPart .flexWrap .textArea .text {font-size: 18px;}


    /*약처방*/
    .solution.prescribe .whatPart .listWrap .listArea .textArea .text {font-size: 16px;}

    .solution.prescribe .eatPart .listWrap li {gap: 0;}



    /***
    **************************************** 커스텀 링거 ***********************************************
    */

    .customIV .introPart .contentsWrap {gap: 40px;}
    .customIV .introPart .imgWrap {min-width: 500px; width:500px;}

    .customIV .whatPart .listWrap .listArea .textArea {font-size: 18px;}





    /***
   **************************************** 전후사진 ***********************************************
   */
    .beforeAfter .cl_subMainVisual .titleWrap {left: 28px;}
}


@media (max-width: 1024px){

    /***
    **************************************** header ***********************************************
    */
    header.headerWrap .fullContentsWrap {justify-content: space-between;}
    header.headerWrap .gnbWrap {display: none;}
    header.headerWrap .logo a {width: 138px;}
    header.headerWrap .gnbMenuBtn {width: 34px; height: 26px; cursor: pointer;}
    header.headerWrap .gnbMenuBtn img{width: 100%;}
    header.headerWrap .gnbMenuBtn {display: block;}


    /* 모바일 메뉴 */
    .gnbMenuWrapM {position: fixed; display: none; right: 0; z-index: 400; width: 100%; height: 100vh;}
    .gnbMenuWrapM.on {display: block;}
    .gnbMenuWrapM .gnbMenuMAreaM {position: absolute; right: 0; width: calc(100% - 140px); height: 100%; padding: 50px 28px; box-sizing: border-box;background-color: #fff;}
    .gnbMenuWrapM .gnbHeader {margin-bottom: 50px;}
    .gnbMenuWrapM .gnbHeader .topArea {display: flex; align-items: center; justify-content: end; }
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn { width: 29px; cursor: pointer;}
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn img{ width: 100%;}


    .gnbMenuWrapM .gnbBody { text-align: left; height: 100%; overflow-y: auto;}
    .gnbMenuWrapM .gnbBody .gnbTitle { position: relative; border-bottom: 1px solid #d5d5d5; cursor: pointer;}
    .gnbMenuWrapM .gnbBody .gnbTitle a {color: #000000; font-size: 23px; font-family: 'SUITB'; display: block; width: 100%; height: 100%;padding: 12px 22px 12px 2px; box-sizing: border-box;}
    .gnbMenuWrapM .gnbBody .gnbTitle:has(+ .depthListM)::after {content: "";position: absolute;top: 50%;right: 25px;transform: translateY(-50%);width: 21px;height: 11px;background: url('/app/layout/web/images/common/gnbM_arrow.png') no-repeat top / 100% auto; transition: .3s;}
    .gnbMenuWrapM .gnbBody .gnbTitle.on a{color:#c69c6d;}
    .gnbMenuWrapM .gnbBody .gnbTitle.on:has(+.depthListM)::after {transform: translateY(-50%) rotate(180deg);filter:invert(79%) sepia(14%) saturate(1099%) hue-rotate(348deg) brightness(81%) contrast(89%);}
    .gnbMenuWrapM .gnbBody .depthListM { display: none; padding: 20px 10px; box-sizing: border-box; }
    .gnbMenuWrapM .gnbBody .depthListM .depth > a {color: #292929; font-size: 18px; font-family: 'SUITM'; width: 100%; display: block;padding: 25px 0; box-sizing: border-box;}


    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap {padding: 60px 0 45px 0}
    footer.footerWrap .contentsWrap {flex-direction: column-reverse;}
    footer.footerWrap .fterLogo {width: 205px;}
    footer.footerWrap .infoWrap {font-size: 16px; display: flex; flex-direction: column; margin-bottom: 40px;}
    footer.footerWrap .infoWrap .infoArea {display: block; margin-bottom: 0;}
    footer.footerWrap .infoWrap .infoArea:nth-of-type(1){order: 2;display: flex; align-items: start; flex-direction: column; gap: 0;}
    footer.footerWrap .infoWrap .infoArea span {display: block; margin-top: 5px;}
    footer.footerWrap .infoWrap .infoArea span:not(:last-of-type)::after {content: none;}
    footer.footerWrap .infoWrap .copy{font-size: 14px; margin-top: 15px; order: 3;}
    footer.footerWrap .termsWrap {gap: 40px; margin-bottom: 15px;}


    /***
    **************************************** 퀵버튼 ***********************************************
    */
    .quickBtnWrap {width: 94px;display: none;}
    .quickBtnWrap.open{display: block; right: 40px; bottom: 190px;}

    .quickBtnWrap ul {background-color: rgba(255, 255, 255, 0.5);}
    .quickBtnWrap ul li a {padding: 20px 0;}
    .quickBtnWrap ul li a .textArea .title {font-size: 15px;}
    .quickBtnWrap ul li a .textArea .text {font-size: 23px;}


    .btnFloatingWrap {right: 54px; bottom: 35px; gap: 10px;}
    .btnFloatingWrap .btnFloating {font-size: 23px; width: 63px; height: 63px;}
    .btnFloatingWrap .btnQuick{display: flex !important; align-items: center; justify-content: center;}
    .btnFloatingWrap .btnQuick.on .open{display: none;}
    .btnFloatingWrap .btnQuick.on .close{display: block;}
    .btnFloatingWrap .btnQuick .close{display: none;}


    /***
    ****************************************상담신청버튼***********************************************
    */
    .quickCounselWrap {height: 171px; bottom: -171px;}
    .quickCounselWrap .btnQuickCounsel {padding: 0 14px;}
    .quickCounselWrap .btnQuickCounsel img {width: 7px; margin-left: 4px;}
    .quickCounselWrap .contentsWrap .inputWrap {flex-direction: column; gap: 16px; padding-inline: 70px; box-sizing: border-box;}
    .quickCounselWrap .contentsWrap .inputWrap .inputArea {width: 100%; gap: 15px;}
    .quickCounselWrap .contentsWrap .inputWrap .inputArea input {font-size: 15px; width: 50%; height: 48px;}
    .quickCounselWrap .contentsWrap .submitButtonWrap {width: 100%; flex-direction: column; align-items: start; gap: 12px; padding: 0;}
    .quickCounselWrap .contentsWrap .submitButtonWrap .submitButton {width: 100%; height: 44px;}



    /***
    **************************************** main ***********************************************
    */
    .main .mainVisual {height: 1100px;}

    .main .starShortPart .paginationWrap {padding-inline: 28px; box-sizing: border-box;}


    .main .causePart .titleWrap .mainText {font-size: 50px;}
    .main .causePart .listWrap{flex-direction: column;}
    .main .causePart .listWrap .listArea {width: 100%; text-align: center; padding: 60px 10px;}
    .main .causePart .listWrap .listArea .titleArea{font-size: 28px; margin-bottom: 35px;}
    .main .causePart .listWrap .listArea .keywordArea .keywordItem {width: 121px; height: 121px; }
    .main .causePart .listWrap .listArea .keywordArea .keywordItem .textArea{font-size: 17px;}
    .main .causePart .keywordWrap {padding-inline: 0;}
    .main .causePart .keywordWrap li {width: auto;}
    .main .causePart .keywordWrap li:not(:last-of-type)::before {right: -140%;transform: translate(-50%, 70%);}


    .main .startPart .bgWrap .textArea {text-align: center;}


    .main .testPart .titleWrap {text-align: center;}
    .main .testPart .testSwiper {flex-direction: column;}
    .main .testPart .testSwiper .mainSwiperArea {width: 100%;}
    .main .testPart .testSwiper .subSwiperArea {width: 100%; display: flex; flex-direction: column;}
    .main .testPart .testSwiper .subSwiperArea .paginationWrap {order: 3; margin-inline: auto; margin-bottom: 0;}
    .main .testPart .testSwiper .subSwiperArea .textArea {order: 2;text-align: center; margin-top: 40px;}
    .main .testPart .testSwiper .subSwiperArea .swiper-container-thumbs {order: 1;}


    .main .hairIvPart .titleWrap {margin-bottom: 60px;}
    .main .hairIvPart .titleWrap .mainText {font-size: 55px;}
    .main .hairIvPart .swiperArea{position: relative; width: 100%;}
    .main .hairIvPart .hairIvPartSwiper {max-width: 100%; width: calc(100% - 12%); overflow: hidden;}
    .main .hairIvPart .hairIvPartSwiper .listWrap{justify-content: start; gap: 0;}
    .main .hairIvPart .listWrap .listArea { aspect-ratio: 1.76; display: flex; justify-content: end;}
    .main .hairIvPart .listWrap .listArea .textArea{ width: 60%; text-align: center; align-items: center; justify-content: center; padding: 20px; }
    .main .hairIvPart .listWrap .listArea .title {font-size: 40px; margin-bottom: 35px; }
    .main .hairIvPart .listWrap .listArea .text {font-size: 22px;}
    .main .hairIvPart .listWrap .listArea.list01 {background-image: url('/app/layout/web/images/main/main03_01M.png');}
    .main .hairIvPart .listWrap .listArea.list02 {background-image: url('/app/layout/web/images/main/main03_02M.png');}
    .main .hairIvPart .listWrap .listArea.list03 {background-image: url('/app/layout/web/images/main/main03_03M.png');}

    .main .hairIvPart .swiperArea .swiper-button-prev,
    .main .hairIvPart .swiperArea .swiper-button-next {top: 40%; display: flex;}
    .main .hairIvPart .swiperArea .swiper-button-prev:after{font-size: 0; width: 30px; height: 24px; background: url("/app/layout/web/images/main/main03_arrowL.png") no-repeat top / 100% auto;}
    .main .hairIvPart .swiperArea .swiper-button-next:after{font-size: 0; width: 30px; height: 24px; background: url("/app/layout/web/images/main/main03_arrowR.png")no-repeat top / 100% auto;}

    .main .hairIvPart .descWrap {font-size: 35px;}


    .main .processPart .titleWrap {text-align: center;}
    .main .processPart .stepWrap {flex-direction: column;border: 1px solid #d4d4d4;box-shadow: rgba(99, 99, 99, 0.2) 0 1px 1px 0;}
    .main .processPart .stepWrap li {width: 100%; min-height: auto; padding: 70px 60px;}
    .main .processPart .stepWrap li:not(:last-of-type){border-bottom: 1px solid #d4d4d4;}

    .main .processPart .stepWrap li .title {font-size: 28px !important;}
    .main .processPart .stepWrap li .text {font-size: 28px !important; min-height: auto; margin-bottom: 15px;}
    .main .processPart .stepWrap li .desc {font-size: 20px !important;}

    .main .processPart .stepWrap li:hover {scale: none; box-shadow: none;}
    .main .processPart .stepWrap li:hover .title {font-size: 28px !important;}
    .main .processPart .stepWrap li:hover .text {font-size: 28px !important; min-height: auto; margin-bottom: 15px;}
    .main .processPart .stepWrap li:hover .desc {font-size: 20px !important;}


    .main .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 40px;}
    .main .bnaPart .swiper-slide {padding-inline: 44px; box-sizing: border-box;}
    .main .bnaPart .swiper-slide .listWrap{flex-direction: column; gap: 30px;}
    .main .bnaPart .swiper-slide .listArea {width: calc(100% / 1);}
    .main .bnaPart .swiper-slide .listArea .item img{margin-bottom: 10px; }
    .main .bnaPart .swiper-slide .listArea .item .text{font-size: 22px;}


    .main .locationPart .titleWrap {text-align: center;}
    .main .locationPart .infoWrap {flex-direction: column-reverse; align-items: center; justify-content: center; gap: 50px;}
    .main .locationPart .infoWrap .textWrap{ gap: 50px;}
    .main .locationPart .infoWrap .textWrap .textArea {text-align: center;}
    .main .locationPart .infoWrap .textWrap .textArea .title{font-size: 24px; display: flex; flex-direction: column; align-items: center; gap: 14px; border-left: 0;  margin-bottom: 25px; padding-left:0;}
    .main .locationPart .infoWrap .textWrap .textArea .title::after{content: ""; display: inline-block; width: 37px; height: 3px; background-color: #c69c6d;}
    .main .locationPart .infoWrap .textWrap .textArea .text{font-size: 28px;padding-left: 0; }
    .main .locationPart .infoWrap .textWrap .textArea .timeText {justify-content: center;}
    .main .locationPart .infoWrap .textWrap .textArea .timeText .day{font-size: 22px;}
    .main .locationPart .infoWrap .textWrap .textArea .timeText .time{font-size: 22px;}
    .main .locationPart .infoWrap .textWrap .textArea .closedText{font-size: 15px; text-align: center; margin-top: 10px;}
    .main .locationPart .mapWrap {min-width: auto; width: 100%;}



    /***
     **************************************** INC ***********************************************
     */
    /*페이지 준비중*/
    .PreparingWrap {height: calc(100vh - 423.5px);}
    .PreparingWrap .iconArea{font-size: 160px; margin-bottom: 0;}
    .PreparingWrap .textArea{font-size: 30px; }


    /***
    **************************************** 모베러 클리닉 ***********************************************
    */

    /*
    ***병원소개***
    */


    .hospital .descPart {padding: 140px 0; box-sizing: border-box; background-color: #fffcf9;}
    .hospital .descPart .titleWrap {text-align: center;}
    .hospital .descPart .contentsWrap {padding: 20px 0; flex-direction: column; gap: 90px;}
    .hospital .descPart .swiperWrap {min-width: auto; width: 100%; height: 420px; border-right: 0; border-left: 0; padding: 0;}
    .hospital .descPart .swiperWrap .swiper-wrapper {left: 75px;}


    .hospital .circulationPart .titleWrap {text-align: center;}
    .hospital .circulationPart .listWrap {flex-wrap: wrap;}
    .hospital .circulationPart .listWrap .listArea{width: 100%;aspect-ratio: 2.4; justify-content: center; align-items: end;}
    .hospital .circulationPart .listWrap .listArea.list01 {background-image: url("/app/layout/web/images/introduce/hospital1_3_1M.png");}
    .hospital .circulationPart .listWrap .listArea.list02 {background-image: url("/app/layout/web/images/introduce/hospital1_3_2M.png");}
    .hospital .circulationPart .listWrap .listArea.list03 {background-image: url("/app/layout/web/images/introduce/hospital1_3_3M.png");}

    .hospital .circulationPart .listWrap .listArea .textArea {width: 55%;}
    .hospital .circulationPart .listWrap .listArea .text{min-height: auto;}


    .hospital .stepPart .stepWrap {gap: 140px;}
    .hospital .stepPart .stepWrap li {flex-direction: column; gap: 55px;}
    .hospital .stepPart .stepWrap li .imgArea {order: 1; max-width: 100%; padding-inline: 30px; box-sizing: border-box;}
    .hospital .stepPart .stepWrap li .imgArea + .textArea {padding-left: 0;}
    .hospital .stepPart .stepWrap li .textArea {order: 2; text-align: center;}
    .hospital .stepPart .stepWrap li .textArea .title {margin-bottom: 40px;}

    .hospital .philosophyPart .listWrap {max-width: 487px; width: 100%; margin-inline: auto; flex-direction: column;gap: 30px;}
    .hospital .philosophyPart .listWrap li {width: 100%;}


    /*
    ***진료/안내 위치***
    */

    .location .locationPart .infoWrap {text-align: center;flex-direction: column; align-items: center; justify-content: center; gap: 60px;}
    .location .locationPart .infoWrap .workWrap .weekArea .week {text-align: left;}
    .location .locationPart .callWrap {text-align: center;}


    .location .infoPart .titleWrap {display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 0;}
    .location .infoPart .titleWrap::before {position: relative; left: auto; top: auto; transform: translateY(0); margin-bottom: 20px;}
    .location .infoPart .titleWrap .mainText {margin-bottom: 10px;}

    .location .infoPart .infoWrap {width: calc(100% - 40px); margin-inline: auto; display: flex; flex-direction: column; gap: 30px;}
    .location .infoPart .infoWrap .infoArea {padding-inline: 0;}
    .location .infoPart .infoWrap .mainText {min-width: auto; padding-left: 0;}

    .location .infoPart .infoWrap.type2 {gap: 15px;}


    /*
    ***의료진소개***
    */

    .pageOutWrap.medicalTeam {padding: 130px 0;}

    .medicalTeam .contentsWrap {width: calc(100% - 60px);}

    .medicalTeam .doctorPart .titleWrap {margin-bottom: 60px;}
    .medicalTeam .doctorPart .listItem {flex-direction: column-reverse; align-items: start; gap: 60px;}
    .medicalTeam .doctorPart .listItem .textWrap .titleArea {margin-bottom: 80px;}
    .medicalTeam .doctorPart .listItem .imgWrap {min-width: auto; width: 100%;}


    /*공지사항*/
    .notice .tblList .titleCell .contentsTxt {font-size: 16px;}
    .notice .tblList .contentsCell .contentsTxt {font-size: 14px;}

    /*공지사항 뷰*/
    .notice.noticeView .cl_boardViewContent.type1 .flexArea {display: block; margin-bottom: 22px;}
    .notice.noticeView .cl_boardViewContent.type1 .flexArea .leftZone {font-size: 16px;margin-bottom: 10px;}
    .notice.noticeView .cl_boardViewContent.type1 .cl_boardTitle {text-align: center;margin-bottom: 35px;}
    .notice.noticeView .cl_boardTitle .mainText {font-size: 36px; margin-bottom: 48px;}
    .notice.noticeView .cl_boardTitle .subText {font-size: 16px; margin-bottom: 7px;}
    .notice.noticeView .cl_boardViewContent.type1 .boardViewTxt span.txtTitle {font-size: 16px;}
    .notice.noticeView .cl_boardViewContent {padding: 0;}



    /***
    **************************************** 검사 ***********************************************
    */
    .treatment .introPart {flex-direction: column; gap: 90px; padding: 100px 28px;}
    .treatment .introPart .imgWrap {min-width: auto; width: 100%;}
    .treatment .introPart .textWrap {width: 100%;}

    .treatment .introPart .titleWrap {margin-bottom: 40px;}

    .treatment .checkPart .listWrap {flex-direction: column; gap: 30px; padding-inline: 20px; box-sizing: border-box;}

    .treatment .stepPart .listWrap {flex-direction: column; align-items: center; gap: 28px;}
    .treatment .stepPart .listWrap .listArea {width: 100%;flex-direction: row; justify-content: center;}
    .treatment .stepPart .listWrap .listArea .imgArea {margin-bottom: 0;}
    .treatment .stepPart .listWrap .listArea .textArea {min-width: 240px;}
    .treatment .stepPart .listWrap .iconArrow{display: none;}


    /***
    **************************************** 유형별 시술 ***********************************************
    */

    /*공통*/
    .careType .introPart .titleWrap {text-align: center;}
    .careType .introPart .titleWrap .mainText::after {margin-inline: auto;}
    .careType .introPart .imgWrap {min-width: auto; width: 100%;}


    /*유형별 케어*/
    .byType .listPart {padding: 90px 0 50px 0;}
    .byType .listPart .listWrap {flex-direction: column; gap: 40px; padding-inline: 30px; box-sizing: border-box;}
    .byType .listPart .listWrap li{width: 100%;}
    .byType .listPart .listWrap li:nth-of-type(2),
    .byType .listPart .listWrap li:nth-of-type(3){margin-top: 0;}


    /*모발새싹케어*/
    .sprouts .introPart {padding: 80px 28px 90px 28px; flex-direction: column; align-items: center; gap: 60px; left: auto;}

    .sprouts .stepPart .imgWrap {max-width: 666px;}


    /*모발정착케어*/
    .growth .introPart {padding: 80px 0;}
    .growth .introPart .contentsWrap{flex-direction:column-reverse; gap: 60px;}
    .growth .introPart .textWrap{width: 100%; }
    .growth .introPart .imgWrap {margin-right:0; }


    .growth .listPart .titleWrap {margin-bottom: 60px;}
    .growth .listPart .listWrap {flex-direction: column; align-items: center; gap: 35px;}
    .growth .listPart .listWrap li{width: 100%; display: flex; align-items: center; justify-content: center;}
    .growth .listPart .listWrap li .imgArea{margin: 0;}
    .growth .listPart .listWrap li .textArea{min-width: 410px;}


    /*두피 밸런스 케어*/
    .balance .introPart {padding: 80px 28px 90px 28px; flex-direction: column; align-items: center; gap: 60px; left: auto;}
    .balance .introPart .imgWrap {margin-left: 0;}

    .balance .stepPart .titleWrap {text-align: center;}
    .balance .stepPart .stepWrap {flex-wrap: wrap; gap: 40px 0;}
    .balance .stepPart .stepWrap li {width: calc(100% / 2); box-sizing: border-box;}
    .balance .stepPart .stepWrap li:nth-of-type(odd){padding-left: 24px;}
    .balance .stepPart .stepWrap li:nth-of-type(even){padding-right: 24px;}
    .balance .stepPart .stepWrap li:first-of-type::before {left: 0;}
    .balance .stepPart .stepWrap li:last-of-type::before {right: 0;}
    .balance .stepPart .stepWrap li:first-of-type .boxArea { padding: 20px 20px;}
    .balance .stepPart .stepWrap li:last-of-type .boxArea { padding: 20px 20px;}
    .balance .stepPart .stepWrap li:nth-of-type(odd) .boxArea .imgArea {padding-left: 0;}
    .balance .stepPart .stepWrap li:nth-of-type(even) .boxArea .imgArea {padding-right: 0;}



    /***
    **************************************** 공통 하단 페이지 ***********************************************
    */

    /*
    ***INC_BtmContent***
    */
    .btmContentWrap .solutionPart .contentsWrap{padding-inline: 0;}
    .btmContentWrap .solutionPart .paginationWrap {padding-inline: 7px; box-sizing: border-box;}
    .btmContentWrap .solutionPart .paginationWrap .swiper-pagination-progressbar {max-width: 100%; width: calc(100% - 14px);}


    .btmContentWrap .philosophyPart .listWrap {max-width: 487px; width: 100%; margin-inline: auto; flex-direction: column;gap: 30px;}
    .btmContentWrap .philosophyPart .listWrap li {width: 100%;}



    /***
    **************************************** 솔루션 ***********************************************
    */

    .solution .introPart .contentsWrap {flex-direction: column-reverse; gap: 80px;}
    .solution .introPart .titleWrap {text-align: center;}
    .solution .introPart .keywordWrap {justify-content: center;}
    .solution .introPart .keywordWrap li {max-width: 152px; width: 100%;}


    .solution .introPart {padding: 80px 0;}
    .solution .introPart .imgWrap {width: 100%; min-width: auto;}

    .solution .whatPart .listWrap {max-width: 544px; width: 100%; margin-inline: auto; flex-direction: column; gap: 11px; }
    .solution .whatPart .listWrap .listArea{width: 100%; max-width: 100%; display: flex;align-items: center; justify-content: center;}
    .solution .whatPart .listWrap .listArea .imgArea {min-width: 231px; width: 231px; max-width: 100%; margin-inline: 0; margin-bottom: 0;}
    .solution .whatPart .listWrap .listArea .textArea {width:100%; text-align: center; padding-inline: 10px; box-sizing: border-box;}
    .solution .whatPart .listWrap .iconArrow {position: relative; width: 100%;}
    .solution .whatPart .listWrap .iconArrow .iconArea{width: 18px; height: 31px; position: absolute; top: 50%; right: 27%; transform: translateY(-50%) rotate(90deg);}

    .solution .processPart .titleWrap {text-align: center;}
    .solution .processPart .stepWrap {flex-wrap: wrap; gap: 50px;}
    .solution .processPart .stepWrap li {width: calc(100% / 2 - 25px); display: flex; flex-direction: column; align-items: center;}
    .solution .processPart .stepWrap::before {top: 16%;}
    .solution .processPart .stepWrap::after {content: "";position: absolute;bottom: 32%;width: 100%;height: 1px;z-index: 1;background-color: #c69c6d;}


    .solution .vsPart .titleWrap {text-align: center; flex-direction: column; justify-content: center;}


    .solution .bnaPart .titleWrap {text-align: center;}
    .solution .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 40px;}
    .solution .bnaPart .swiper-slide {padding-inline: 44px; box-sizing: border-box;}
    .solution .bnaPart .swiper-slide .listWrap{flex-direction: column; gap: 30px;}
    .solution .bnaPart .swiper-slide .listArea {width: calc(100% / 1);}
    .solution .bnaPart .swiper-slide .listArea .item img{margin-bottom: 10px; }
    .solution .bnaPart .swiper-slide .listArea .item .text{font-size: 22px;}



    /***
    **************************************** 솔루션 개별페이지 ***********************************************
    */

    /* 두피문신/제거 */
    .solution.smpRemoval .textWhatPart {padding: 70px 0;}
    .solution.smpRemoval .browPart .titleWrap {text-align: center;}
    .solution.smpRemoval .browPart .listWrap li {flex-direction: column; gap: 20px;}
    .solution.smpRemoval .browPart .listWrap li .textArea {text-align: center;order: 2;}
    .solution.smpRemoval .browPart .listWrap li .textArea .title {margin-bottom: 15px;}
    .solution.smpRemoval .browPart .listWrap li .imgArea + .textArea {text-align: center;}

    .solution.smpRemoval .browPart .listWrap li .imgArea {order: 1;}

    .solution.smpRemoval .whatPart {padding: 100px 0;}
    .solution.smpRemoval .whatPart .listWrap {max-width: 600px; gap: 24px;}
    .solution.smpRemoval .whatPart .listWrap .listArea .imgArea {margin-bottom: 0;}


    .solution.smpRemoval .resultPart .titleWrap {text-align: center;}
    .solution.smpRemoval .resultPart .listWrap .listArea {flex-direction: column; gap: 45px;}
    .solution.smpRemoval .resultPart .listWrap .listArea .imgArea{order: 1;}
    .solution.smpRemoval .resultPart .listWrap .listArea .textArea{order: 2; text-align: center;}
    .solution.smpRemoval .resultPart .listWrap .listArea .imgArea + .textArea {text-align: center;}
    .solution.smpRemoval .resultPart .listWrap .listArea .textArea .title {margin-bottom: 15px;}

    .solution.smpRemoval .resultPart .listWrap .listArea.list01 .textArea {padding-inline: 0;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list02 {margin-top: 0;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list03 .textArea {padding-inline: 0;}


    .solution.smpRemoval .recPart {padding: 100px 0;}
    .solution.smpRemoval .recPart .titleWrap {text-align: center;}
    .solution.smpRemoval .recPart .flexWrap {flex-direction: column; gap: 20px;}
    .solution.smpRemoval .recPart .flexWrap .imgArea {min-width: auto; max-width: 664px; width: 100%; padding-inline: 24px; box-sizing: border-box;}
    .solution.smpRemoval .recPart .flexWrap .textArea {max-width: 664px; margin-inline: auto;}


    /* 약처방 */
    .solution.prescribe .whatPart .listWrap {gap: 40px;}

    .solution.prescribe .eatPart .titleWrap {text-align: center;}
    .solution.prescribe .eatPart .listWrap li {justify-content: center; gap: 20px;padding: 15px 0; }
    .solution.prescribe .eatPart .listWrap li .imgArea {width: 220px; min-width: 220px;}
    .solution.prescribe .eatPart .listWrap li .textArea {min-width:450px;}




    /***
   **************************************** 커스텀 링거 ***********************************************
   */

    .customIV .introPart .contentsWrap {flex-direction: column-reverse; gap: 80px;}
    .customIV .introPart .titleWrap {text-align: center;}
    .customIV .introPart .keywordWrap {justify-content: center;}
    .customIV .introPart .keywordWrap li {max-width: 152px; width: 100%;}


    .customIV .introPart {padding: 80px 0;}
    .customIV .introPart .titleWrap {min-width: auto;}
    .customIV .introPart .imgWrap {width: 100%; min-width: auto;}

    .customIV .whatPart .listWrap {max-width: 544px; width: 100%; margin-inline: auto; flex-direction: column; gap: 11px; }
    .customIV .whatPart .listWrap .listArea{width: 100%; max-width: 100%; display: flex;align-items: center; justify-content: center;}
    .customIV .whatPart .listWrap .listArea .imgArea {min-width: 231px; width: 231px; max-width: 100%; margin-inline: 0; margin-bottom: 0;}
    .customIV .whatPart .listWrap .listArea .textArea {width:100%; text-align: center; padding-inline: 10px; box-sizing: border-box;}
    .customIV .whatPart .listWrap .iconArrow {position: relative; width: 100%;}
    .customIV .whatPart .listWrap .iconArrow .iconArea{width: 18px; height: 31px; position: absolute; top: 50%; right: 27%; transform: translateY(-50%) rotate(90deg);}

    .customIV .solutionPart .imgWrap {padding-inline: 0;margin-bottom: 50px;}

    .customIV .bnaPart .titleWrap {text-align: center;}
    .customIV .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 40px;}
    .customIV .bnaPart .swiper-slide {padding-inline: 44px; box-sizing: border-box;}
    .customIV .bnaPart .swiper-slide .listWrap{flex-direction: column; gap: 30px;}
    .customIV .bnaPart .swiper-slide .listArea {width: calc(100% / 1);}
    .customIV .bnaPart .swiper-slide .listArea .item img{margin-bottom: 10px; }
    .customIV .bnaPart .swiper-slide .listArea .item .text{font-size: 22px;}



    /***
   **************************************** 커스텀 링거 개별페이지***********************************************
   */

    /*커스텀 링거*/
    .customIV.customIV01 .solutionPart .listWrap {flex-wrap: wrap; gap: 30px; padding-inline: 50px; box-sizing: border-box; margin-bottom: 0;}
    .customIV.customIV01 .solutionPart .listWrap li {width: calc(100% / 2 - 15px);}
    .customIV.customIV01 .solutionPart .listWrap li .imgArea {max-width: 100%;}


    /*헤어 링거*/
    .customIV.hairIV .customListPart .titleWrap {text-align: center; margin-bottom: 170px;}
    .customIV.hairIV .customListPart .listWrap {gap: 170px;}
    .customIV.hairIV .customListPart .listWrap .listArea {position: relative;}
    .customIV.hairIV .customListPart .listWrap .listArea:nth-of-type(odd) .imgArea{ right: 15px;}
    .customIV.hairIV .customListPart .listWrap .listArea:nth-of-type(even) .imgArea{ left: 15px;}
    .customIV.hairIV .customListPart .listWrap .listArea:nth-of-type(even) .textArea{ text-align: right;}

    .customIV.hairIV .customListPart .listWrap .listArea .imgArea{position: absolute; top: -50%; z-index: 10; width: 297px; min-width: 297px; height: 209px;}



    /***
    **************************************** 전후사진 ***********************************************
    */
    .beforeAfter .cl_subMainVisual .titleWrap {bottom: 50%;transform: translateY(50%);}
    .beforeAfter .cl_subMainVisual .titleWrap .mainTitle {margin-bottom: 20px;}

    .beforeAfter .listPart .mainThumbWrap {margin-bottom: 55px;}
    .beforeAfter .listPart .mainThumbWrap .imgArea {height: 275px; margin-bottom: 10px;}
    .beforeAfter .listPart .mainThumbWrap .textArea {font-size: 16px;}

    .beforeAfter .listPart .gridWrapper .grid {gap: 7px;}
    .beforeAfter .listPart .gridWrapper .grid .gridCell {height: 100px;width: calc(100% / 3 - 5px);}
    .beforeAfter .listPart .gridWrapper .grid .gridCell.on {border-width: 4px;}

    .beforeAfter .listPart .mainThumbWrap .mainAfter .count {font-size: 13px; padding: 2px 8px;bottom: 10px; right: 12px;}

}


@media (max-width: 768px){
    /***
    **************************************** 레이아웃 공통 ***********************************************
    */
    .contentsWrap {padding-inline:14px;}


    /***
    **************************************** header ***********************************************
    */

    header.headerWrap {height: 29px;}
    header.headerWrap .fullContentsWrap {padding-inline: 14px;}
    header.headerWrap .logo a {width: 69px;}
    header.headerWrap .gnbMenuBtn {width: 17px;}


    /* 모바일 메뉴 */
    .gnbMenuWrapM .gnbMenuMAreaM {width: calc(100% - 20%);padding: 25px 14px;}
    .gnbMenuWrapM .gnbHeader {margin-bottom: 25px;}
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn { width: 14px;}


    .gnbMenuWrapM .gnbBody .gnbTitle a{ font-size: 12px; padding: 12px 22px 12px 2px;}
    .gnbMenuWrapM .gnbBody .gnbTitle:has(+ .depthListM)::after {width: 11px;height: 5px;right: 12px;}
    .gnbMenuWrapM .gnbBody .depthListM { padding: 10px 5px; }
    .gnbMenuWrapM .gnbBody .depthListM .depth > a { font-size: 9px; padding: 12px 0;}



    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap {padding: 30px 0 22px 0}
    footer.footerWrap .fterLogo {width: 102px;}
    footer.footerWrap .infoWrap {font-size: 8px; margin-bottom: 20px;}
    footer.footerWrap .infoWrap .copy{font-size: 7px; margin-top: 7px;}
    footer.footerWrap .termsWrap {gap: 20px; margin-bottom: 7px;}
    footer.footerWrap .termsWrap .termsArea {font-size: 8px;}


    
    /***
    **************************************** 퀵버튼 ***********************************************
    */
    .quickBtnWrap.open{right: 20px; bottom: 95px;}

    .quickBtnWrap {width: 47px;}
    .quickBtnWrap ul {padding: 10px 4px;}
    .quickBtnWrap ul li:first-of-type a {padding-top: 15px;}
    .quickBtnWrap ul li a {padding: 10px 0;}
    .quickBtnWrap ul li a .imgArea img {width: 50%; margin-inline: auto;}
    .quickBtnWrap ul li a .textArea .title {font-size: 8px;}
    .quickBtnWrap ul li a .textArea .text {font-size: 11px;}


    .btnFloatingWrap {right: 28px; bottom: 17px; gap: 5px;}
    .btnFloatingWrap .btnFloating {font-size: 11px; width: 31px; height: 31px; gap: 0;}
    .btnFloatingWrap .btnFloating img{width: 50%;}
    .btnFloatingWrap .btnFloating.btnMoveTop .imgArea {width: 12px; height: auto;}


    
    /***
    ****************************************상담신청버튼***********************************************
    */
    .quickCounselWrap {height: 90px; bottom: -90px;}
    .quickCounselWrap .btnQuickCounsel {font-size: 10px; padding: 0 7px; height: 24px; top: -24px; border-radius: 5px 5px 0 0;}
    .quickCounselWrap .contentsWrap .inputWrap { gap: 4px; padding-inline: 20px; }
    .quickCounselWrap .contentsWrap .inputWrap .inputArea {gap: 7px;}
    .quickCounselWrap .contentsWrap .inputWrap .inputArea input {font-size: 8px; height: 24px; padding: 0 10px;}
    .quickCounselWrap .contentsWrap .inputWrap .agreeBox .termsAgree[type="checkbox"] {width: 10px; height: 10px;}
    .quickCounselWrap .contentsWrap .inputWrap .agreeBox .agreeCheck > a {font-size: 8px; margin-left: 5px;}

    .quickCounselWrap .contentsWrap .submitButtonWrap {gap: 6px;}
    .quickCounselWrap .contentsWrap .submitButtonWrap .subText {font-size: 9px;}
    .quickCounselWrap .contentsWrap .submitButtonWrap .submitButton {font-size: 9px; height: 22px;}


    /***
    **************************************** 개인정보처리방침, 이용약관 ***********************************************
    */
    .pageOutWrap.terms {padding: 80px 0;}

    .terms .termsPart .contentsWrap::after {width: 100%; margin-top: 40px;}
    .terms .termsPart .titleWrap {margin-bottom: 40px;}
    .terms .termsPart .titleWrap .mainTitle {font-size: 15px;}
    .terms .termsPart .titleWrap .mainText {font-size: 30px;}
    .terms .termsPart .termsText{font-size: 14px;}


    /***
    **************************************** main ***********************************************
    */
    .main .section {padding: 60px 0; box-sizing: border-box;}

    /* 타이틀 공통 */
    .main .titleWrap {margin-bottom: 30px;}
    .main .titleWrap .mainTitle{font-size: 12px; }
    .main .titleWrap .mainText{font-size: 20px; }

    .main .mainVisual {height: 550px;}
    .main .mainVisual .textWrap .mainTitle {font-size: 12px; margin-bottom: 10px;}
    .main .mainVisual .textWrap .mainText {font-size: 32px;}

    .main .starShortPart .swiper-container .swiper-slide {padding: 0 0 25px;}
    .main .starShortPart .swiper-container .swiper-slide video{height: 215px; border-radius: 8px;}
    .main .starShortPart .paginationWrap {padding-inline: 15px;}


    .main .causePart .titleWrap .mainText {font-size: 25px;}
    .main .causePart .listWrap{gap: 7px; margin-bottom: 60px;}
    .main .causePart .listWrap .listArea {padding: 30px 5px; border-radius: 11px;}
    .main .causePart .listWrap .listArea .titleArea{font-size: 14px; margin-bottom: 17px;}
    .main .causePart .listWrap .listArea .keywordArea .keywordItem {width: 60px; height: 60px; gap: 5px;}
    .main .causePart .listWrap .listArea .keywordArea .keywordItem .imgArea {width: 50%;}
    .main .causePart .listWrap .listArea .keywordArea .keywordItem .textArea{font-size: 8px;}

    .main .causePart .keywordWrap {margin-bottom: 50px;}
    .main .causePart .keywordWrap li:not(:last-of-type)::before {right: -32vw;transform: translate(0, -50%);width: calc(100vw - 62vw);}
    .main .causePart .keywordWrap li .textArea {font-size: 15px;padding-inline: 6px;}
    .main .causePart .keywordWrap li .textArea::after {width: 69px; height: 69px;}
    .main .causePart .descWrap {font-size: 17px;}


    .main .startPart {padding: 50px 0 40px 0;}
    .main .startPart .titleWrap {margin-bottom: 15px;}
    .main .startPart .titleWrap .mainText {font-size: 25px;}
    .main .startPart .bgWrap{height: 390px; margin-bottom: 35px; background-image: url("/app/layout/web/images/main/main02new_bgM.png");}
    .main .startPart .bgWrap .textArea {font-size: 17px; padding-top: 25px;}
    .main .startPart .descWrap {font-size: 17px;}


    .main .testPart .titleWrap .mainText {font-size: 25px;}
    .main .testPart .testSwiper {gap: 17px;}
    .main .testPart .testSwiper .mainSwiperArea .swiper {height: 192px;}
    .main .testPart .testSwiper .mainSwiperArea .swiper .swiper-slide img {border-radius: 12px;}
    
    .main .testPart .testSwiper .subSwiperArea .textArea {margin-top: 20px;}
    .main .testPart .testSwiper .subSwiperArea .textArea .title {font-size: 25px; margin-bottom: 10px;}
    .main .testPart .testSwiper .subSwiperArea .textArea .text {font-size: 18px;}
    .main .testPart .testSwiper .subSwiperArea .paginationWrap{max-width: 160px;}
    .main .testPart .testSwiper .swiper-pagination {font-size: 15px;}
    .main .testPart .testSwiper .swiper-pagination .swiper-pagination-current {font-size: 18px;}
    .main .testPart .testSwiper .swiper-button-prev:after,
    .main .testPart .testSwiper .swiper-button-next:after{width: 15px; height: 11px;}
    .main .testPart .testSwiper .subSwiperArea .swiper-container-thumbs img {height: 46px; border-radius: 3px;}


    .main .hairIvPart .titleWrap {margin-bottom: 30px;}
    .main .hairIvPart .titleWrap .mainText {font-size: 27px;}
    .main .hairIvPart .hairIvPartSwiper {margin-bottom: 40px;}
    .main .hairIvPart .listWrap .listArea .title {font-size: 20px; margin-bottom: 17px;}
    .main .hairIvPart .listWrap .listArea .text {font-size: 11px;}

    .main .hairIvPart .swiperArea .swiper-button-prev {left: -6px;}
    .main .hairIvPart .swiperArea .swiper-button-next {right: -6px;}
    .main .hairIvPart .swiperArea .swiper-button-prev:after{width: 15px; height: 12px;}
    .main .hairIvPart .swiperArea .swiper-button-next:after{width: 15px; height: 12px; }

    .main .hairIvPart .descWrap {font-size: 17px;}


    .main .processPart .titleWrap .mainText {font-size: 25px;}
    .main .processPart .stepWrap li {padding: 35px 30px;}
    .main .processPart .stepWrap li .title {font-size: 14px !important; margin-bottom: 10px;}
    .main .processPart .stepWrap li .text {font-size: 14px !important; margin-bottom: 7px;}
    .main .processPart .stepWrap li .desc {font-size: 10px !important;}


    .main .processPart .stepWrap li:hover .title {font-size: 14px !important;margin-bottom: 10px;}
    .main .processPart .stepWrap li:hover .text {font-size: 14px !important; margin-bottom: 7px;}
    .main .processPart .stepWrap li:hover .desc {font-size: 10px !important;}

    .main .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 20px;}
    .main .bnaPart .swiper-slide {padding-inline: 22px; box-sizing: border-box;}
    .main .bnaPart .swiper-slide .listWrap{gap: 15px;}
    .main .bnaPart .swiper-slide .listArea .item.before::after {width: 21px; height: 21px;}
    .main .bnaPart .swiper-slide .listArea .item img{ height: 50px; margin-bottom: 5px; }
    .main .bnaPart .swiper-slide .listArea .item .text{font-size: 11px;}
    .main .bnaPart .swiper-pagination {gap: 12px;}
    .main .bnaPart .swiper-pagination-bullet {width: 6px; height: 6px;}


    .main .reviewPart .listWrap {gap: 11px;}
    .main .reviewPart .listWrap .listArea { gap: 11px;}
    .main .reviewPart .listWrap .listItem {font-size: 9px; width: 263px; height: 127px; border-radius: 15px; padding: 25px 22px 15px 22px; }
    .main .reviewPart .listWrap .listItem p,
    .main .reviewPart .listWrap .listItem span {font-size: 9px !important;}
    .main .reviewPart .listWrap .listItem .infoArea{ gap: 2px;}

    
    .main .tvShortPart .paginationWrap {height: 2px;}
    .main .tvShortPart .swiper-container .swiper-slide {padding: 0 0 25px;}
    .main .tvShortPart .swiper-container .swiper-slide video {height: 347px;}
    .main .tvShortPart .btnWrap {margin-top: 12px;}
    .main .tvShortPart .btnWrap .btnMore {font-size: 10px; padding: 5px 22px;}


    .main .locationPart .titleWrap .mainText {font-size: 25px;}
    .main .locationPart .contentsWrap {padding-inline: 14px;}
    .main .locationPart .infoWrap {gap: 25px;}
    .main .locationPart .infoWrap .textWrap{ gap: 25px;}
    .main .locationPart .infoWrap .textWrap .textArea .title{font-size: 12px; gap: 7px;margin-bottom: 12px;}
    .main .locationPart .infoWrap .textWrap .textArea .title::after{width: 18px; height: 2px; }
    .main .locationPart .infoWrap .textWrap .textArea .text{font-size: 14px; }
    .main .locationPart .infoWrap .textWrap .textArea .timeText .day{font-size: 11px;}
    .main .locationPart .infoWrap .textWrap .textArea .timeText .time{font-size: 11px;}
    .main .locationPart .infoWrap .textWrap .textArea .closedText{font-size: 8px;margin-top: 5px;}
    .main .locationPart .mapWrap {height: 215px;}


    /***
    **************************************** INC ***********************************************
    */
    /*페이지 준비중*/
    .PreparingWrap {height: calc(100vh - 226.55px);}
    .PreparingWrap .iconArea{font-size: 80px;}
    .PreparingWrap .textArea{font-size: 16px; }


    /*배너*/
    .bannerWrap .bannerPart .videoWrap {height: 100px;}




    /***
    **************************************** 모베러 클리닉 ***********************************************
    */

    /*
    ***병원소개***
    */
    .hospital .cl_subMainVisual{background-image: url("/app/layout/web/images/introduce/mainVisualHospitalM.png");}
    .hospital .revivePart {padding: 27px 0 60px 0;}
    .hospital .revivePart .titleWrap::before {height: 88px; margin: 0 auto 35px auto;}
    .hospital .revivePart .titleWrap .mainTitle {font-size: 25px; margin-bottom: 5px;}
    .hospital .revivePart .titleWrap .mainText {font-size: 20px;}


    .hospital .descPart {padding: 70px 0;}
    .hospital .descPart .contentsWrap {gap: 45px;}
    .hospital .descPart .titleWrap .mainText {font-size: 20px; margin-bottom: 30px;}
    .hospital .descPart .titleWrap .subText {font-size: 10px;}
    .hospital .descPart .swiperWrap {height: 210px;}
    .hospital .descPart .swiperWrap .swiper-wrapper {left: 37px;}
    .hospital .descPart .swiperWrap .swiper-slide .textArea {font-size: 12px; left: 15px; top: 25px;}
    .hospital .descPart .swiperWrap .swiper-slide .imgArea img {border-radius: 10px;}


    .hospital .circulationPart {padding: 75px 0;}
    .hospital .circulationPart .titleWrap {margin-bottom: 30px;}
    .hospital .circulationPart .titleWrap .mainTitle {font-size: 17px;}
    .hospital .circulationPart .titleWrap .mainText {font-size: 19px;}

    .hospital .circulationPart .listWrap {gap: 6px;}
    .hospital .circulationPart .listWrap .listArea {padding: 10px;}
    .hospital .circulationPart .listWrap .listArea .title {font-size: 13px;}
    .hospital .circulationPart .listWrap .listArea .text {font-size: 9px;}


    .hospital .philosophyPart {padding: 60px 0;}
    .hospital .philosophyPart .titleWrap {margin-bottom: 40px;}
    .hospital .philosophyPart .titleWrap .mainText {font-size: 25px;}
    .hospital .philosophyPart .listWrap {padding-inline: 46px; box-sizing: border-box; gap: 15px;}
    .hospital .philosophyPart .listWrap li a{padding: 12px;}
    .hospital .philosophyPart .listWrap li .imgArea {height: 177px;}
    .hospital .philosophyPart .listWrap li .textArea {padding: 17px 12px 12px 12px;}
    .hospital .philosophyPart .listWrap li .textArea .title {font-size: 18px; margin-bottom: 25px;}
    .hospital .philosophyPart .listWrap li .textArea .moreText {font-size: 14px;}


    .hospital .stepPart {padding: 80px 0;}
    .hospital .stepPart .stepWrap {gap: 70px;}
    .hospital .stepPart .stepWrap li {gap: 27px;}
    .hospital .stepPart .stepWrap li .textArea .num {font-size: 12px; letter-spacing: 2px;}
    .hospital .stepPart .stepWrap li .textArea .title {font-size: 20px; margin-bottom: 20px;}
    .hospital .stepPart .stepWrap li .textArea .text {font-size: 12px;}
    .hospital .stepPart .stepWrap li .imgArea {height: 233px; padding-inline: 15px;}



    /*
    ***진료/안내 위치***
    */

    .pageOutWrap.location {padding: 80px 0;}

    .location .locationPart .contentsWrap::after {width: 100%; margin-top: 40px;}
    .location .locationPart .titleWrap {margin-bottom: 65px;}
    .location .locationPart .titleWrap .mainTitle {font-size: 15px;}
    .location .locationPart .titleWrap .mainText {font-size: 30px;}

    .location .locationPart .infoWrap .workWrap .title {font-size: 15px; margin-bottom: 15px;}
    .location .locationPart .infoWrap .workWrap .weekArea .week {font-size: 14px; min-width: 85px;}
    .location .locationPart .infoWrap .workWrap .weekArea .time {font-size: 14px;}
    .location .locationPart .infoWrap .workWrap .closeArea {font-size: 9px; margin-top: 10px;}

    .location .locationPart .callWrap .callArea {font-size: 25px; letter-spacing: 5px; margin-bottom: 5px;}
    .location .locationPart .callWrap .textArea {font-size: 15px;}

    .location .mapPart {padding: 16px 0 30px 0;}
    .location .mapPart .mapWrap {/*height: 264px;*/ height: auto; aspect-ratio: 1.25; margin-bottom: 10px;}
    .location .mapPart .btnWrap .btn {font-size: 10px; gap: 10px; padding: 7px 10px;}
    .location .mapPart .btnWrap .btnNaver .icon{width: 12px;}
    .location .mapPart .btnWrap .btnKakao .icon{width: 10px;}


    .location .infoPart .titleWrap {margin-bottom: 27px;}
    .location .infoPart .titleWrap::before {width: 31px; height: 31px; margin-bottom: 10px;}
    .location .infoPart .titleWrap .mainText {font-size: 15px; margin-bottom: 0;}
    .location .infoPart .titleWrap .subText {font-size: 13px;}

    .location .infoPart .infoWrap {width: calc(100% - 20px); padding: 17px 0; gap: 15px;}
    .location .infoPart .infoWrap .mainText {font-size: 15px;}
    .location .infoPart .infoWrap .mainText::before {width: 87px;}
    .location .infoPart .infoWrap .infoArea {gap: 15px;}
    .location .infoPart .infoWrap .infoArea .textArea .title .pointTitle {font-size: 10px; padding: 4px 7px;}
    .location .infoPart .infoWrap .infoArea .textArea .text {font-size: 13px;}

    .location .infoPart .infoWrap .infoArea .subText {font-size: 13px;}
    .location .infoPart .infoWrap .infoArea .subTextArea .title {font-size: 10px;}
    .location .infoPart .infoWrap .infoArea .subTextArea .text {font-size: 9px;}

    .location .infoPart .infoWrap.type1 .infoArea .textArea .title {min-width: 65px;}
    .location .infoPart .infoWrap.type2 {gap: 7px;}
    .location .infoPart .infoWrap.type2 .infoArea .textArea .title {gap: 2px; margin-right: 10px;}
    .location .infoPart .infoWrap.type3 {gap: 10px;}
    .location .infoPart .infoWrap.type3 .infoArea {gap: 10px;}

    /*
    ***의료진소개***
    */

    .pageOutWrap.medicalTeam {padding: 65px 0;}

    .medicalTeam .contentsWrap {width: calc(100% - 30px);}

    .medicalTeam .doctorPart .titleWrap {margin-bottom: 30px;}
    .medicalTeam .doctorPart .titleWrap .mainTitle {font-size: 35px;}
    .medicalTeam .doctorPart .titleWrap .mainText {font-size: 15px;}
    .medicalTeam .doctorPart .listItem {gap: 30px;}
    .medicalTeam .doctorPart .listItem .textWrap .titleArea {margin-bottom: 40px;}

    .medicalTeam .doctorPart .listItem .textWrap .titleArea .mainText {font-size: 20px; margin-bottom: 10px;}
    .medicalTeam .doctorPart .listItem .textWrap .titleArea .mainText .cPoint {font-size: 13px; margin-left: 15px;}
    .medicalTeam .doctorPart .listItem .textWrap .titleArea .subText {font-size: 13px;}
    .medicalTeam .doctorPart .listItem .textWrap .textArea {font-size: 12px;}
    .medicalTeam .doctorPart .listItem .textWrap .textArea + .textArea {margin-top: 25px;}



    /*공지사항 페이지*/
    .notice .cl_subMainVisual{height: 280px;}
    .notice .cl_subMainVisual .titleWrap .mainText {font-size: 32px; margin-bottom: 10px;}
    .notice .cl_subMainVisual .titleWrap .subText {font-size: 14px;}

    .notice .cl_commonBoardGrid .grid .gridCell {width: calc(100% / 2);}
    .notice .reviewBtn {margin-top: 20px;}
    .notice .noticeListPart {min-height: calc(100vh - 522px);}
    .notice .noticeListPart .tblList {margin: 15px 0;}
    .notice .noticeListPart .tblList .view,
    .notice .noticeListPart .tblList .type {width: auto;}
    .notice .noticeListPart .tblList .type {margin-right: 15px;}
    .notice .noticeListPart .tblList .titleCell, .notice .noticeListPart .tblList .contentsCell {text-align: left;}
    .notice .noticeListPart .tblList .rightArea {flex-wrap: wrap; padding: 10px 10px;}
    .notice .noticeListPart .tblList .titleCell {display: none;}
    .notice .noticeListPart .tblList .contentsTxt {height: auto; padding: 0;}
    .notice .noticeListPart .tblList .contentsCell .contentsTxt.num {font-size: 16px; width: 75px; padding: 23px 10px;}
    .notice .noticeListPart .tblList .contentsTxt.title {order: 1; width: calc(100vw - 30px - 75px); font-family: 'NotoSansB'; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .notice .tblList .contentsTxt:not(.num) {flex : none;}

    .notice .tblList .type, .notice .tblList .view {order: 2;}
    .notice .tblList .contentsTxt span {display: inline-block;}

    /*뷰페이지*/
    .notice.noticeView .noticeViewPart {min-height: calc(100vh - 522px);}
    .notice.noticeView .cl_boardTitle .subText {font-size: 13px; margin-bottom: 8px;}
    .notice.noticeView .cl_boardTitle .mainText {font-size: 22px; line-height: 30px;}

    .notice.noticeView .cl_boardViewContent.type1 {padding: 0; box-sizing: border-box;}
    .notice.noticeView .cl_boardViewContent.type1 .cl_boardTitle {margin-bottom: 35px; text-align: center;}
    .notice.noticeView .cl_boardViewContent {max-width: 100%; width: 100%;}
    .notice.noticeView .cl_boardViewContent.type1 .flexArea {display: block; margin-bottom: 23px;}
    .notice.noticeView .cl_boardViewContent.type1 .flexArea .leftZone {font-size: 16px; margin-bottom: 10px;}
    .notice.noticeView .cl_boardViewContent.type1 .flexArea .rightZone .rightTxt{font-size: 12px; }
    .notice.noticeView .cl_boardViewContent.type1 .boardViewTxt {padding: 23px 0;}
    .notice.noticeView .cl_boardViewContent.type1 .boardViewTxt span.txtTitle {font-size: 16px;}



    .notice.noticeView .reviewViewContent {display: block;}
    .notice.noticeView .thumbnailImg {width: 25%; margin-top: 0;}
    .notice.noticeView .reviewViewimg {width: 75%;}
    .notice.noticeView .reviewViewContent .thumbnailImg li img {width: 60px;}
    .notice.noticeView .reviewViewContent .reviewViewContentImg {align-items: flex-end; width: 100%;}
    .notice.noticeView .cl_boardViewContent {width: 100%; margin-top: 20px; margin-left: 0;}

    .notice.noticeView .noticeViewPart .cl_lineButton{font-size: 12px;padding: 10px 15px;}






    /***
    **************************************** 검사 ***********************************************
    */
    .treatment .cl_subMainVisual{background-image: url("/app/layout/web/images/treatment/mainVisual_treatment01M.png")}

    .treatment .introPart {gap: 45px;padding: 50px 14px;}
    .treatment .introPart .titleWrap {margin-bottom: 20px;}
    .treatment .introPart .titleWrap .mainText {font-size: 25px; margin-bottom: 5px;}
    .treatment .introPart .titleWrap .subText {font-size: 13px;}
    .treatment .introPart .descWrap {font-size: 12px;}

    .treatment .checkPart { padding: 80px 0 70px 0;}
    .treatment .checkPart .titleWrap {margin-bottom: 35px;}
    .treatment .checkPart .titleWrap .mainText {font-size: 24px;}
    .treatment .checkPart .listWrap {gap: 18px;padding-inline: 10px;}
    .treatment .checkPart .listWrap .listArea {gap: 18px;}
    .treatment .checkPart .listWrap .listArea .listItem {font-size: 13px; gap: 15px; padding: 5px 25px;}
    .treatment .checkPart .listWrap .listArea .listItem::before {min-width: 18px; width: 18px; height: 15px;}

    .treatment .stepPart  { padding: 70px 0 60px 0;}
    .treatment .stepPart  .titleWrap {margin-bottom: 30px;}
    .treatment .stepPart  .titleWrap .mainText {font-size: 22px;}
    .treatment .stepPart  .titleWrap .mainText .bold{font-size: 25px;}
    .treatment .stepPart .listWrap {gap: 14px;}
    .treatment .stepPart .listWrap .listArea .textArea {min-width: 180px;}
    .treatment .stepPart .listWrap .listArea .textArea .title {font-size: 13px; margin-bottom: 5px;}
    .treatment .stepPart .listWrap .listArea .textArea .text {font-size: 11px;}
    .treatment .stepPart .listWrap .listArea .imgArea {max-width: 84px;}


    /***
    **************************************** 유형별 시술 ***********************************************
    */
    /*공통*/
    .careType .introPart .titleWrap .mainText {font-size: 25px; margin-bottom: 20px;}
    .careType .introPart .titleWrap .mainText::after {width: 42px; height: 2px; margin-top: 22px;}
    .careType .introPart .titleWrap .subText {font-size: 12px;}


    /*유형별 케어*/
    .byType .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_byType01M.png");}
    .byType .listPart {padding: 45px 0 25px 0;}
    .byType .listPart .listWrap {gap: 20px; padding-inline: 15px; box-sizing: border-box;}
    .byType .listPart .listWrap li .textArea {min-height: 182px; padding: 27px 20px;}
    .byType .listPart .listWrap li .textArea .title {font-size: 16px; margin-bottom: 10px;}
    .byType .listPart .listWrap li .textArea .text {font-size: 9px;}


    /*모발새싹케어*/
    .sprouts .introPart {padding: 40px 14px 45px 14px; gap: 30px;}

    .sprouts .stepPart {padding: 55px 0;}
    .sprouts .stepPart .titleWrap {margin-bottom: 25px;}
    .sprouts .stepPart .titleWrap .mainText {font-size: 22px;}
    .sprouts .stepPart .imgWrap {max-width: 666px;}


    /*모발정착케어*/
    .growth .cl_subMainVisual{background-image: url("/app/layout/web/images/careType/mainVisual_growth01M.png");}
    .growth .introPart {padding: 40px 0;}
    .growth .introPart .contentsWrap{gap: 30px;}


    .growth .listPart {padding: 60px 0;}
    .growth .listPart .titleWrap {margin-bottom: 30px;}
    .growth .listPart .titleWrap .mainText{font-size: 22px;}
    .growth .listPart .listWrap {gap: 17px;}
    .growth .listPart .listWrap li .imgArea {max-width: 98px;}
    .growth .listPart .listWrap li .textArea{min-width: 210px; font-size: 12px;}


    /*두피 밸런스 케어*/
    .balance .introPart {padding: 40px 14px 45px 14px; gap: 30px;}

    .balance .stepPart {padding: 70px 0;}
    .balance .stepPart .titleWrap {margin-bottom: 35px;}
    .balance .stepPart .titleWrap .mainText {font-size: 25px;}
    .balance .stepPart .stepWrap li:nth-of-type(odd) {padding-left: 12px;}
    .balance .stepPart .stepWrap li:nth-of-type(even) {padding-right: 12px;}
    .balance .stepPart .stepWrap li .num {font-size: 11px; width: 24px;height: 24px; margin-bottom: 15px;}
    .balance .stepPart .stepWrap li .boxArea {height: 118px;border-radius: 8px; padding: 10px;}
    .balance .stepPart .stepWrap li:first-of-type .boxArea {padding: 10px;}
    .balance .stepPart .stepWrap li:last-of-type .boxArea {padding: 10px;}
    .balance .stepPart .stepWrap li .boxArea .textArea {font-size: 12px;}
    .balance .stepPart .stepWrap li .boxArea .imgArea {padding: 0 2px;}
    .balance .stepPart .stepWrap li .boxArea .imgArea img {border-radius: 8px;}


    /***
    **************************************** 공통 하단 페이지 ***********************************************
    */

    /*
    ***INC_BtmContent***
    */

    .btmContentWrap .section {padding: 60px 0;}
    .btmContentWrap .hairIntroPart .titleWrap {margin-bottom: 35px;}
    .btmContentWrap .hairIntroPart .titleWrap .mainText {font-size: 25px;}

    .btmContentWrap .hairIntroPart .videoWrap {height: 205px; margin-bottom: 30px;}
    .btmContentWrap .hairIntroPart .descWrap {font-size: 16px;}


    .btmContentWrap .solutionPart .titleWrap {margin-bottom: 25px;}
    .btmContentWrap .solutionPart .titleWrap .mainText {font-size: 25px; margin-bottom: 15px;}
    .btmContentWrap .solutionPart .titleWrap .subText {font-size: 12px;}

    .btmContentWrap .solutionPart .swiper-container .swiper-wrapper {margin-bottom: 25px;}
    .btmContentWrap .solutionPart .swiper-slide .textArea {bottom: 15px; right: 12px;}
    .btmContentWrap .solutionPart .swiper-slide .textArea .title {font-size: 15px; margin-bottom: 5px;}
    .btmContentWrap .solutionPart .swiper-slide .textArea .text {font-size: 10px;}


    .btmContentWrap .philosophyPart .titleWrap {margin-bottom: 40px;}
    .btmContentWrap .philosophyPart .titleWrap .mainText {font-size: 25px;}
    .btmContentWrap .philosophyPart .listWrap {padding-inline: 46px; box-sizing: border-box; gap: 15px;}
    .btmContentWrap .philosophyPart .listWrap li .imgArea {height: 177px;}
    .btmContentWrap .philosophyPart .listWrap li a{padding: 12px;}
    .btmContentWrap .philosophyPart .listWrap li .textArea {padding: 17px 12px 12px 12px;}
    .btmContentWrap .philosophyPart .listWrap li .textArea .title {font-size: 18px; margin-bottom: 25px;}
    .btmContentWrap .philosophyPart .listWrap li .textArea .moreText {font-size: 14px;}


    /***
    **************************************** 솔루션 ***********************************************
    */
    
    .solution .introPart {padding: 40px 0;}
    .solution .introPart .contentsWrap {gap: 40px;}
    .solution .introPart .titleWrap {margin-bottom: 20px;}
    .solution .introPart .titleWrap .mainText {font-size: 25px; margin-bottom: 15px;}
    .solution .introPart .titleWrap .subText {font-size: 13px;}

    .solution .introPart .keywordWrap {gap: 20px;}
    .solution .introPart .keywordWrap li {max-width: 76px;}
    .solution .introPart .keywordWrap li .imgArea {width: 76px;}
    .solution .introPart .keywordWrap li .imgArea img{width: 100%;}
    .solution .introPart .keywordWrap li .textArea {font-size: 10px;}


    .solution .whatPart {padding: 40px 0;}
    .solution .whatPart .titleWrap {margin-bottom: 22px;}
    .solution .whatPart .titleWrap .mainText {font-size: 25px;}
    .solution .whatPart .listWrap {max-width: 316px; gap: 5px; margin-bottom: 20px;}
    .solution .whatPart .listWrap .listArea .imgArea {min-width: 115px; width: 115px;}
    .solution .whatPart .listWrap .listArea .textArea {font-size: 12px;}
    .solution .whatPart .listWrap .iconArrow .iconArea{width: 9px; height: 15px; right: 30%;}

    .solution .whatPart .descWrap {font-size: 11px;padding: 12px 5px; border-radius: 10px;}


    .solution .effectPart {padding: 70px 0;}
    .solution .effectPart .titleWrap {margin-bottom: 40px;}
    .solution .effectPart .titleWrap .mainText {font-size: 25px;}
    .solution .effectPart .textWrap .bgPoint {font-size: 12px; padding: 5px 15px;}
    .solution .effectPart .textWrap .text {font-size: 13px;}


    .solution .processPart {padding: 80px 0;}
    .solution .processPart .titleWrap {margin-bottom: 40px;}
    .solution .processPart .titleWrap .mainText {font-size: 25px;}
    .solution .processPart .stepWrap {gap: 25px 0;}
    .solution .processPart .stepWrap .imgArea {max-width: 120px; width: 100%; margin-inline: auto; margin-bottom: 15px;}
    .solution .processPart .stepWrap .imgArea img {width: 100%;}

    .solution .processPart .stepWrap .textArea .num {font-size: 8px; padding: 1px 7px;}
    .solution .processPart .stepWrap .textArea .title {font-size: 12px;}


    .solution .pointPart {padding: 80px 0;}
    .solution .pointPart .titleWrap {margin-bottom: 40px;}
    .solution .pointPart .titleWrap .mainText {font-size: 25px;}
    .solution .pointPart .stepWrap .imgArea {max-width: 103px; margin-bottom: 5px;}

    .solution .pointPart .stepWrap .textArea .num {font-size: 7px; padding: 1px 7px;}
    .solution .pointPart .stepWrap .textArea .title {font-size: 10px;}


    .solution .bgPart {height: 200px;}
    .solution .bgPart .textArea {font-size: 12px;}


    .solution .vsPart {padding: 50px 0;}
    .solution .vsPart .contentsWrap {padding-inline: 14px;}
    .solution .vsPart .titleWrap .mainText{font-size: 25px;}
    .solution .vsPart .titleWrap .imgArea{width: 207px; min-width: auto;}
    .solution .vsPart .imgWrap { margin-bottom: 15px;}
    .solution .vsPart .descWrap {font-size: 13px;}


    .solution .bnaPart {padding: 65px 0;}
    .solution .bnaPart .titleWrap {margin-bottom: 25px;}
    .solution .bnaPart .titleWrap .mainText{font-size: 25px;}
    .solution .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 20px;}
    .solution .bnaPart .swiper-slide {padding-inline: 22px; box-sizing: border-box;}
    .solution .bnaPart .swiper-slide .listWrap{gap: 15px;}
    .solution .bnaPart .swiper-slide .listArea .item.before::after {width: 21px; height: 21px;}
    .solution .bnaPart .swiper-slide .listArea .item img{ height: 50px; margin-bottom: 5px; }
    .solution .bnaPart .swiper-slide .listArea .item .text{font-size: 11px;}
    .solution .bnaPart .swiper-pagination {gap: 12px;}
    .solution .bnaPart .swiper-pagination-bullet {width: 6px; height: 6px;}



    /***
    **************************************** 솔루션 개별페이지 ***********************************************
    */
    /*두피/문신 제거*/
    .solution.smpRemoval .textWhatPart {padding: 35px 0;}
    .solution.smpRemoval .textWhatPart .titleWrap .mainText {font-size: 25px; margin-bottom: 10px;}
    .solution.smpRemoval .textWhatPart .titleWrap .subText {font-size: 12px;}

    .solution.smpRemoval .browPart {padding: 50px 0;}
    .solution.smpRemoval .browPart .titleWrap {margin-bottom: 20px;}
    .solution.smpRemoval .browPart .titleWrap .mainText {font-size: 24px;}
    .solution.smpRemoval .browPart .titleWrap .subTitle {font-size: 15px;}
    .solution.smpRemoval .browPart .listWrap {gap: 25px;}
    .solution.smpRemoval .browPart .listWrap li {gap: 10px;}
    .solution.smpRemoval .browPart .listWrap li .imgArea {min-width: auto; max-width: 264px; width: 100%;}
    .solution.smpRemoval .browPart .listWrap li .textArea .title {font-size: 15px; margin-bottom: 7px;}
    .solution.smpRemoval .browPart .listWrap li .textArea .text {font-size: 12px;}


    .solution.smpRemoval .whatPart {padding: 50px 0;}
    .solution.smpRemoval .whatPart .listWrap {max-width: 316px; gap: 12px;}
    .solution.smpRemoval .whatPart .listWrap .listArea .textArea .num {font-size: 11px; margin-bottom: 5px;}
    .solution.smpRemoval .whatPart .listWrap .listArea .textArea .title {font-size: 11px; margin-bottom: 10px;}
    .solution.smpRemoval .whatPart .listWrap .listArea .textArea .text {font-size: 10px;}


    .solution.smpRemoval .resultPart .titleWrap {margin-bottom: 40px;}
    .solution.smpRemoval .resultPart .titleWrap .mainText {font-size: 25px;}

    .solution.smpRemoval .resultPart .listWrap .listArea {gap: 27px;}
    .solution.smpRemoval .resultPart .listWrap .listArea .textArea .title {font-size: 15px; margin-bottom: 10px;}
    .solution.smpRemoval .resultPart .listWrap .listArea .textArea .text {font-size: 12px;}

    .solution.smpRemoval .resultPart .listWrap .listArea.list01 .imgArea {min-width: auto; max-width: 206px; width: 100%;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list02 {gap: 27px;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list02 .imgArea {max-width: 360px;}
    .solution.smpRemoval .resultPart .listWrap .listArea.list03 .imgArea {min-width: auto; max-width: 206px; width: 100%;}


    .solution.smpRemoval .recPart {padding: 50px 0;}
    .solution.smpRemoval .recPart .titleWrap {margin-bottom: 17px;}
    .solution.smpRemoval .recPart .titleWrap .mainText {font-size: 25px;}
    .solution.smpRemoval .recPart .flexWrap {gap: 10px;}
    .solution.smpRemoval .recPart .flexWrap .imgArea {max-width: 332px;padding-inline: 12px;}
    .solution.smpRemoval .recPart .flexWrap .textArea {max-width: 332px;}
    .solution.smpRemoval .recPart .flexWrap .textArea .text {font-size: 13px; padding: 10px 0;}
    .solution.smpRemoval .recPart .flexWrap .textArea .text .num {font-size: 13px; margin-right: 10px;}



    /* 약처방 */
    .solution.prescribe .whatPart .titleWrap {margin-bottom: 20px;}
    .solution.prescribe .whatPart .listWrap {gap: 20px;}
    .solution.prescribe .whatPart .listWrap .listArea .textArea .title {font-size: 11px;padding: 4px 13px; margin-bottom: 12px;}
    .solution.prescribe .whatPart .listWrap .listArea .textArea .text {font-size: 10px;}


    .solution.prescribe .eatPart .titleWrap {margin-bottom: 25px;}
    .solution.prescribe .eatPart .titleWrap .mainText {font-size: 25px;}

    .solution.prescribe .eatPart .listWrap li {justify-content: center; gap: 8px;padding: 7px 0; }
    .solution.prescribe .eatPart .listWrap li .imgArea {width: 142px; min-width: 142px;}
    .solution.prescribe .eatPart .listWrap li .textArea {min-width:200px; gap: 10px;}
    .solution.prescribe .eatPart .listWrap li .textArea .textItem .title {font-size: 10px; margin-bottom: 7px;}
    .solution.prescribe .eatPart .listWrap li .textArea .textItem .title img {width: 10px;}
    .solution.prescribe .eatPart .listWrap li .textArea .textItem .text {font-size: 9px;}


    /***
  **************************************** 커스텀 링거 ***********************************************
  */

    .customIV .introPart {padding: 40px 0;}
    .customIV .introPart .contentsWrap {gap: 40px;}
    .customIV .introPart .titleWrap {margin-bottom: 20px;}
    .customIV .introPart .titleWrap .mainText {font-size: 24px; margin-bottom: 15px;}
    .customIV .introPart .titleWrap .subText {font-size: 13px;}

    .customIV .introPart .keywordWrap {gap: 20px;}
    .customIV .introPart .keywordWrap li {max-width: 76px;}
    .customIV .introPart .keywordWrap li .imgArea {width: 76px;}
    .customIV .introPart .keywordWrap li .imgArea img{width: 100%;}
    .customIV .introPart .keywordWrap li .textArea {font-size: 10px;}


    .customIV .whatPart {padding: 40px 0;}
    .customIV .whatPart .titleWrap {margin-bottom: 22px;}
    .customIV .whatPart .titleWrap .mainText {font-size: 25px;}
    .customIV .whatPart .listWrap {max-width: 316px; gap: 5px; margin-bottom: 20px;}
    .customIV .whatPart .listWrap .listArea .imgArea {min-width: 115px; width: 115px;}
    .customIV .whatPart .listWrap .listArea .textArea {font-size: 12px;}
    .customIV .whatPart .listWrap .iconArrow .iconArea{width: 9px; height: 15px; right: 30%;}

    .customIV .whatPart .descWrap {font-size: 11px;padding: 12px 5px; border-radius: 10px;}


    .customIV .effectPart {padding: 70px 0;}
    .customIV .effectPart .titleWrap {margin-bottom: 40px;}
    .customIV .effectPart .titleWrap .mainText {font-size: 25px;}
    .customIV .effectPart .textWrap .bgPoint {font-size: 12px; padding: 5px 15px;}
    .customIV .effectPart .textWrap .text {font-size: 13px;}


    .customIV .solutionPart {padding: 70px 0;}
    .customIV .solutionPart .titleWrap {margin-bottom: 22px;}
    .customIV .solutionPart .titleWrap .mainTitle {font-size: 20px; margin-bottom: 0;}
    .customIV .solutionPart .titleWrap .mainText {font-size: 27px;}

    .customIV .solutionPart .imgWrap {margin-bottom: 25px;}
    .customIV .solutionPart .descWrap {font-size: 12px;}


    .customIV .checkPart {padding: 50px 0 35px 0;}
    .customIV .checkPart .titleWrap {margin-bottom: 25px;}
    .customIV .checkPart .titleWrap .mainText {font-size: 25px;}
    .customIV .checkPart .listWrap {max-width: 350px; gap: 15px;}
    .customIV .checkPart .listWrap .listItem {font-size: 12px; gap: 12px; padding: 3px 12px 3px 12px;}
    .customIV .checkPart .listWrap .listItem::before {min-width: 15px; width: 15px; height: 13px; margin-top: 2px;}


    .customIV .bnaPart {padding: 65px 0;}
    .customIV .bnaPart .titleWrap {margin-bottom: 25px;}
    .customIV .bnaPart .titleWrap .mainText{font-size: 25px;}
    .customIV .bnaPart .swiper-container .swiper-wrapper{margin-bottom: 20px;}
    .customIV .bnaPart .swiper-slide {padding-inline: 22px; box-sizing: border-box;}
    .customIV .bnaPart .swiper-slide .listWrap{gap: 15px;}
    .customIV .bnaPart .swiper-slide .listArea .item.before::after {width: 21px; height: 21px;}
    .customIV .bnaPart .swiper-slide .listArea .item img{ height: 50px; margin-bottom: 5px; }
    .customIV .bnaPart .swiper-slide .listArea .item .text{font-size: 11px;}
    .customIV .bnaPart .swiper-pagination {gap: 12px;}
    .customIV .bnaPart .swiper-pagination-bullet {width: 6px; height: 6px;}


    /***
    **************************************** 커스텀 링거 개별페이지 ***********************************************
    */

    /*커스텀 링거*/
    .customIV.customIV01 .solutionPart {padding: 70px 0;}
    .customIV.customIV01 .solutionPart .titleWrap {margin-bottom: 32px;}
    .customIV.customIV01 .solutionPart .titleWrap .mainText {font-size: 25px;}

    .customIV.customIV01 .solutionPart .listWrap {gap: 15px; padding-inline: 25px;}
    .customIV.customIV01 .solutionPart .listWrap li {width: calc(100% / 2 - 8px);}
    .customIV.customIV01 .solutionPart .listWrap li .imgArea {margin-bottom: 7px;}
    .customIV.customIV01 .solutionPart .listWrap li .textArea .num {font-size: 11px;}
    .customIV.customIV01 .solutionPart .listWrap li .textArea .title {font-size: 11px;}

    .customIV.customIV01 .solutionPart .imgWrap {margin-bottom: 40px;padding-inline: 12px; }

    .customIV.customIV01 .solutionPart .bgWrap {font-size: 13px; padding: 37px 10px; border-radius: 14px;}


    /*헤어 링거*/
    .customIV.hairIV .customListPart {padding: 50px 0 60px 0;}
    .customIV.hairIV .customListPart .titleWrap {margin-bottom: 85px;}
    .customIV.hairIV .customListPart .titleWrap .mainText {font-size: 25px;}
    .customIV.hairIV .customListPart .listWrap {gap: 85px;}
    .customIV.hairIV .customListPart .listWrap .listArea:nth-of-type(odd) .imgArea{ right: 7px;}
    .customIV.hairIV .customListPart .listWrap .listArea:nth-of-type(even) .imgArea{ left: 7px;}

    .customIV.hairIV .customListPart .listWrap .listArea .imgArea{position: absolute; top: -50%; z-index: 10; width: 148px; min-width: 148px; height: 104px;}
    .customIV.hairIV .customListPart .listWrap .listArea .textArea {padding: 22px 27px;}
    .customIV.hairIV .customListPart .listWrap .listArea .textArea .title {font-size: 11px; margin-bottom: 17px;}
    .customIV.hairIV .customListPart .listWrap .listArea .textArea .text {font-size: 9px;}

    

    /***
    **************************************** 전후사진 ***********************************************
    */

    .beforeAfter .cl_subMainVisual {height: 298px;}
    .beforeAfter .cl_subMainVisual .titleWrap .mainTitle {font-size: 35px; margin-bottom: 10px;}
    .beforeAfter .cl_subMainVisual .titleWrap .mainText {font-size: 15px;}


    .beforeAfter .listPart {padding: 40px 0;}
    .beforeAfter .listPart .mainThumbWrap {margin-bottom: 27px;}
    .beforeAfter .listPart .mainThumbWrap .imgArea {height: 137px;}
    .beforeAfter .listPart .mainThumbWrap .mainAfter .count {font-size: 7px; padding: 1px 4px; bottom: 5px;right: 6px; border-radius: 2px;}
    .beforeAfter .listPart .mainThumbWrap .textArea {font-size: 8px;}
    .beforeAfter .listPart .mainThumbWrap .textArea .title {margin-right: 9px;}

    .beforeAfter .listPart .gridWrapper .grid {gap: 3px;}
    .beforeAfter .listPart .gridWrapper .grid .gridCell {height: 50px;width: calc(100% / 3 - 2px);}
    .beforeAfter .listPart .gridWrapper .grid .gridCell.on {border-width: 2px;}

    .beforeAfter .listPart .descWrap {font-size: 9px;}

    .beforeAfter .listPart .pagination {margin-top: 30px;}
    .beforeAfter .listPart .pagination a {font-size: 8px; margin-inline: 6px;}


}