/*이벤트 페이지*/
.pageOutWrap.event .eventList {margin: 30px auto 0; padding: 0 15px; box-sizing: border-box}
.pageOutWrap.event .eventList .subText {font-family: 'NotoSansR'; font-size: 13px; color: #767676;}
.pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell .mainText {padding: 30px 0 15px; }
.pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell .subText span {position: relative; margin-left: 10px; }
.pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell .subText span::before {position: absolute; left: -8px; top: 4px; content: ""; width: 1px; height: 10px; background: #eee;}
.pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell img { border-radius: 15px; }
.pageOutWrap.event .eventList .eventBtn {text-align: center;}


/*이벤트 뷰페이지*/
.pageOutWrap.eventView .eventViewContent {margin: 30px auto 0; padding: 0 15px; box-sizing: border-box}
.pageOutWrap.eventView .eventViewContent {text-align: center;}
.pageOutWrap.eventView .eventViewContent .cl_boardViewContent {display: inline-block;}
.pageOutWrap.eventView .eventViewContent .cl_boardTitle .subText {text-align: left;}
.pageOutWrap.eventView .eventViewContent .cl_boardViewContent .boardViewImg img { border-radius: 15px; }
.pageOutWrap.eventView .eventViewBtn {text-align: center; margin-top: 45px;}


/*리뷰 페이지*/
.pageOutWrap.review .cl_commonBoardGrid .grid .gridCell { width: calc(100% / 4); }
.pageOutWrap.review .cl_commonBoardGrid .grid .gridCell img { border-radius: 15px; }

.cl_commonBoardGrid .grid .gridCell .mainText {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pageOutWrap.review .reviewBtn {text-align: center;}

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


    /*리뷰 뷰페이지*/
.pageOutWrap.reviewView .reviewViewContent {display: flex; justify-content: space-around; padding: 0 15px; margin: 0 auto; box-sizing: border-box;}
.pageOutWrap.reviewView .cl_boardViewContent {margin-top: 35px; margin-left: 20px; box-sizing: border-box;}
.pageOutWrap.reviewView .reviewViewContentImg {display: flex; justify-content: space-between; width: 50%;}
.pageOutWrap.reviewView .cl_boardViewContent {flex: 1;}
.pageOutWrap.reviewView .reviewViewContent .thumbnailImg li {text-align: center;}
.pageOutWrap.reviewView .reviewViewContent .thumbnailImg li.on img {border: 1px solid black;}
.pageOutWrap.reviewView .reviewViewContent .thumbnailImg li img {cursor: pointer; box-sizing: border-box;  border: 1px solid #ccc;}
.pageOutWrap.reviewView .reviewViewContent .reviewViewImg {display: none; flex: 1; margin-left: 40px; border-radius: 15px; }
.pageOutWrap.reviewView .reviewViewContent .reviewViewImg.on {display: block;}
.pageOutWrap.reviewView .reviewViewContent .reviewViewImg img {width: 100%; border-radius: 15px; box-shadow: 20px 5px 30px 15px rgba(0,0,0,.08);}
.pageOutWrap.reviewView .reviewViewContent .lineBtn {text-align: center; margin-top: 45px;}


/*BNA 페이지*/
.pageOutWrap.bna .bnaImg {display: flex;}
.pageOutWrap.bna .bnaImg .imgZone {display: none; flex: 1;}
.pageOutWrap.bna .bnaImg .imgZone.on {display: flex; justify-content: center; gap: 40px;}
.pageOutWrap.bna .bnaImg .photoCell {position: relative; display: inline-block; text-align: center; width: calc(100% / 2); max-width: 400px;}
.pageOutWrap.bna .bnaImg .photoCell img {display: block; width: 100%; /*border-radius: 50%;*/ }
.pageOutWrap.bna .bnaImg .photoCell .loginCover {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(0,0,0,.7);}
.pageOutWrap.bna .bnaImg .photoCell .loginCover span {position: absolute; top: 50%; left: 50%; width: 100%; font-family: 'NotoSansB'; font-size: 25px; color: white; transform: translate(-50%, -50%);}
.pageOutWrap.bna .bnaImg .photoCell.after {margin-left: 10px;}
.pageOutWrap.bna .bnaImg .photoCell .afterImg {position:relative; /*border-radius:50%;*/ overflow: hidden;}
.pageOutWrap.bna .bnaImg .photoCell .volumeLayer {position:absolute; left:0; bottom:0; display:flex; justify-content: center; align-items: center; width:100%; height:60px; font-size:24px; color:#ffffff; font-family:NotoSansM; background-color:rgba(0,0,0,0.5);}


.pageOutWrap.bna .bnaImg .bnaTab {display: flex; align-items: center; margin-left: 58px;}
.pageOutWrap.bna .bnaImg .bnaTab li {font-family: 'NotoSerifB'; font-size: 65px; color: white; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444; cursor: pointer;}
.pageOutWrap.bna .bnaImg .bnaTab li.on {font-family: 'NotoSerifB';  color: #444; text-shadow: none;}

.pageOutWrap.bna .bottomTitle.cl_subVisual {height: 400px; background: none;}
.pageOutWrap.bna .bottomTitle.cl_subVisual .mainText {display: block; font-size: 65px; margin-bottom: 15px;}
.pageOutWrap.bna .bottomTitle.cl_subVisual .subText {font-size: 20px;}

.pageOutWrap.bna .cl_commonBoardGrid .gridCell {display: flex; border-width: 0 10px 100px 0;}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .leftImg {position:relative; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .leftImg .volumeLayer {position: absolute; left: 50%; bottom: -30px; width: 100%; height: 30px; transform: translate(-50%); /*border-bottom-left-radius: 10px;*/ background: rgba(0,0,0,.3);}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .leftImg .volumeLayer span {display:block; text-align:center; color:#fff; line-height:30px; font-size:15px; background: rgba(0,0,0,.3);}

.pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg {position: relative; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .loginBtn {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: rgba(0,0,0,0.9);}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .loginBtn .cl_lineButton {position: absolute; left: 50%; top: 50%; font-family: 'NotoSansR'; font-size: 13px; color: white; transform: translate(-50%, -50%); padding: 9px 18px; border: solid 1px white; background: none;}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .volumeLayer {position: absolute; left: 50%; bottom: -30px; width: 100%; height: 30px; transform: translate(-50%); /*border-bottom-right-radius: 10px;*/ background: rgba(0,0,0,.3);}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .volumeLayer span {display:block; text-align:center; color:#fff; line-height:30px; font-size:15px; background: rgba(0,0,0,.3);}
.pageOutWrap.bna .cl_commonBoardGrid .gridCell img {vertical-align: middle;}

.pageOutWrap.bna .bnaBtn {text-align: center;}

/*
    ******************** 가슴성형보정필러 ********************
*/
.bodyVolumeNew .cl_subVisualTitle .subPageSub {color: #444; margin-bottom: 5px;}
.bodyVolumeNew .cl_subVisualTitle .subPageMain  {color: #000;line-height: 1.1;}
.bodyVolumeNew .volumeSelfie {display: flex; align-items: flex-start; width: 100%; margin: 0 auto; padding-top: 180px; }
.bodyVolumeNew .volumeSelfie .cl_subContentsTitle {width: auto; padding-left: 260px; margin-right: 100px; box-sizing: border-box;}
/*.bodyVolumeNew .volumeSelfie .swiper-slide {width: auto;}*/
.bodyVolumeNew .volumeSelfie .swiperArea {width: auto; overflow: hidden;}
.bodyVolumeNew .volumeSelfie .swiperArea .selfieSLide {/*width: 440px;*/}
.bodyVolumeNew .volumeSelfie .swiperArea .selfieSLide img {width: 100%; border-radius: 15px;}
.bodyVolumeNew .cl_solutionContents .txtArea .bottomArea .featureContents li {padding: 20px; }
.bodyVolumeNew .cl_bNa .loginTxt {bottom: 20%;}
.bodyVolumeNew .cl_solutionContents .thumbnailImg li {width: 100%; border-bottom: 0;}
/*.bodyVolumeNew .cl_filler .layOutImg2 {right: 0; top: 220px; width: 50%;}*/
.bodyVolumeNew .cl_filler .layOutImg2 img {width: 100%;}
.bodyVolumeNew .cl_filler .layOutImg2 { position: absolute; right: 100px; top: 100px; text-align: center; }
.bodyVolumeNew .cl_realSelfie .imgArea {align-items: flex-start;}
.bodyVolumeNew .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 300px;}


/*.bodyVolumeNew .swiper-slide {width: 440px;}
.bodyVolumeNew .swiper-slide img { display: block; width: 100%; border-radius: 15px;}*/

/*
    ******************** 뼈가슴필러 ********************
*/

.chestFiller .cl_subPageMain {background: url("/app/layout/web/images/renewal/bustFillerMain.png") no-repeat; background-size: cover; background-position: center center;}
.chestFiller .cl_bNa .loginTxt {bottom: 20%;}
.chestFiller .cl_pageLayout.type1 .layOutImg .imgArea ul {flex-direction: row;}
.chestFiller .cl_solutionContents .thumbnailImg li {width: 100%; border-bottom: 0;}
.chestFiller .cl_filler .layOutImg2 {
    position: absolute;
    right: 100px;
    top: 105px;
    text-align: center;
}
.chestFiller .cl_filler .layOutImg2 img { width: 100%; }
.chestFiller .cl_realSelfie .imgArea {align-items: flex-start;}
.chestFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 300px;}



/*
    ******************** 골반힙딥필러 ********************
*/
.hipFiller .cl_subPageMain {background: url("/app/layout/web/images/renewal/hipFiller1.png") no-repeat; background-size: cover; background-position: center center;}
.hipFiller .cl_pageLayout.type1 {padding-top: 280px;}
.hipFiller .cl_solutionContents .thumbnailImg li img {padding: 3px;}
.hipFiller .cl_bNa .rightArea .desc .br2 {display: none;}
.hipFiller .cl_bNa .rightArea .desc {font-size: 15px;}
.hipFiller .cl_solutionContents .thumbnailImg li {border-bottom: 0;width: calc(100% / 4);}
.hipFiller .cl_GowoonmomTv {padding-bottom: 1px;}
.hipFiller .variousTypes {position: relative; padding-top: 320px;}
.hipFiller .variousTypes .cl_subContentsTitle {text-align: center;}
.hipFiller .cl_gowoonmomSays .contentsArea .imgArea.bottomArea .iframeWrap { padding-top: 27% !important; }
.hipFiller .cl_gowoonmomSays .contentsArea .txtArea .txtWrap .rightTxt .questionTitle { margin-bottom: 60px;}

.hipFiller .variousTypes .swiper-button-next {
    left: auto;
    right: 0px;
    top: auto;
    bottom: -75px;
    width: 50px;
    height: 50px;
    background: url(/app/layout/web/images/renewal/docterRight.png) no-repeat;
    background-position: center center;
}
.hipFiller .variousTypes .swiper-button-prev {
    left: auto;
    right: 4vw;
    top: auto;
    bottom: -75px;
    width: 50px;
    height: 50px;
    background: url(/app/layout/web/images/renewal/docterLeft.png) no-repeat;
    background-position: center center;
}
.hipFiller .variousTypes .swiper-paginationM {
    text-align: center;
}
.hipFiller .variousTypes .swiper-pagination-progressbar {
    background: #ddd;
}
.hipFiller .variousTypes .swiper-pagination-progressbar {
    bottom: -50px !important;
    width: 85% !important;
    height: 2px;
}
.hipFiller .variousTypes .swiper-pagination-progressbar-fill {
    background-color: #bfa05e !important;
}
.hipFiller .variousTypes .swiper-slide {display: flex; flex-direction: column; align-items: center;}
.hipFiller .variousTypes .swiper-slide img {position: relative; width: 80%; z-index: 1; box-shadow: 0px 16px 19px 6px rgba(0,0,0,.1); }
.hipFiller .variousTypes .swiper-slide .swiperDesc {
    font-family: 'NotoSansR';
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    color: #222;
    width: 100%;
    letter-spacing: -.5px;
    background: #f1f1f1;
    border-radius: 10px;
    padding: 150px 15px 0 15px;
    z-index: 0;
    margin-top: -130px;
    box-sizing: border-box;
    min-height: 400px;
}
.hipFiller .variousTypes .swiper-slide .swiperDesc .under{ border-bottom: 1px solid #000;}
.hipFiller .variousTypes .swiper-slide .swiperDesc .bold{ font-family: 'NotoSansB';}
.hipFiller .variousTypes .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
    margin-right: 10px;
}
.hipFiller .variousTypes .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.hipFiller .variousTypes .swiper-pagination-bullet-active {
    background: #bfa05e;
    opacity: 1;
}
.hipFiller .youtubeList { width: 100%; max-width: 1400px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; padding-bottom: 100px;  }

.hipFiller .youtubeList .iframeWrap { width: 49%; padding-top: 27%; margin-bottom: 20px; }
.hipFiller .youtubeList iframe { width: 100%; max-width: 540px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.hipFiller .cl_gowoonmomSays .contentsArea .txtArea .txtWrap .rightTxt .questionDesc { margin-bottom: 100px; }

.hipFiller .cl_realSelfie .imgArea {align-items: flex-start;}
.hipFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 300px;}

.hipFiller .cl_realSelfie .cl_subContentsTitle.topArea {width: 100%; text-align: center;}
.hipFiller .cl_realSelfie .cl_subContentsTitle.topArea .mainTxt { display: flex; align-items: center; justify-content: center; }
.hipFiller .cl_realSelfie {display: block; margin-top: 320px !important;}
.hipFiller .cl_realSelfie .realSelfieWrap { display: flex; }


.hipFiller .cl_drKimColumnCard.type2 .cl_subContentsTitle { text-align: center; }

.hipFiller .cl_solutionContents .txtArea .bottomArea .AdvantagesContents ul li .imgArea img { width: 100%; }
.hipFiller .cl_solutionContents .txtArea .bottomArea .AdvantagesContents ul li .imgArea2 img { width: 70%; }
.hipFiller .cl_solutionContents .txtArea .bottomArea .AdvantagesContents ul li {display: flex; flex-direction: column; align-items: center; }
.hipFiller .cl_solutionContents .txtArea .bottomArea .AdvantagesContents ul li ml {margin-left: 5px; }
.hipFiller .cl_medicalProcess .contentsArea { top: 600px; }

.hipFiller .cl_medicalProcess .subMain { position: relative;  background: url("/app/layout/web/images/renewal/medicalProcessMain_2.jpg") no-repeat;
    background-size: cover; background-position: center center; }

/*
    *** what is
*/
.whatIsHipDip {max-width: 1560px; margin-top:390px; overflow: hidden; padding: 0 0;}
.whatIsHipDip .cl_subContentsTitle {text-align:center; margin-bottom:100px !important;}
.whatIsHipDip .cl_subContentsTitle .mainTxt {margin-bottom:10px;}
.whatIsHipDip .cl_subContentsTitle .subTxt .bold {font-size:24px;}
.whatIsHipDip .cl_subContentsTitle .subTxt .underline {text-decoration: underline;}

.whatIsHipDip .chartImgArea {text-align:center;}
.whatIsHipDip .chartImgArea .chartImgPc {display:block; font-size:0;}
.whatIsHipDip .chartImgArea .chartImgPc img{width: 91%;}
.whatIsHipDip .chartImgArea .chartImgM {display:none; font-size:0;}

/*.whatIsHipDip .swiperArea {margin-left:-50px; margin-right:-50px;}*/
.whatIsHipDip .swiperArea {position: relative; top: -15px;}
.whatIsHipDip .swiperArea .swiper-container {height:600px; padding:15px 20px; box-sizing: border-box;}
.whatIsHipDip .swiperArea .swiper-slide .box {height:100%; border-radius:10px; overflow:hidden; box-shadow:0 0 50px rgba(0,0,0,0.1);}
.whatIsHipDip .swiperArea .swiper-slide .box .imgCell {position:relative;}
.whatIsHipDip .swiperArea .swiper-slide .box .imgCell img {display:block; width:100%;}
.whatIsHipDip .swiperArea .swiper-slide .box .imgCell .addedImg {position:absolute; top:40%; left:50%; transform: translateX(-50%); width:90%;}
.whatIsHipDip .swiperArea .swiper-slide .box .textCell {height:100%; padding:10px; padding-top:90px; background-color:#ffffff;}
.whatIsHipDip .swiperArea .swiper-slide .box .textCell .titleBar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    font-size: 22px;
    color: #444444;
    font-family: NotoSansB;
    border-radius: 30px;
    border: solid 1px rgba(0, 0, 0, 0.8);
    margin:0 auto 45px auto;
}
.whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText {font-size:17px; color:#666666; font-family:NotoSansR; text-align:center; letter-spacing: -0.6px;}
.whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText .underline {text-decoration: underline;}
.whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText .bold {font-family:NotoSansB;}

.whatIsHipDip .swiperArea .swiper-slide:nth-of-type(2) .box .textCell .titleBar {background-color:#d4dfe4;}
.whatIsHipDip .swiperArea .swiper-slide:nth-of-type(1) .box .textCell .titleBar {position:relative; z-index:10; background-color:#ede1c6;}
.whatIsHipDip .swiperArea .swiper-slide:nth-of-type(3) .box .textCell .titleBar {background-color:#c5e2ef;}
.whatIsHipDip .swiperArea .swiper-slide:nth-of-type(4) .box .textCell .titleBar {background-color:#e1e1e1;}

.whatIsHipDip .swiperArea .cardNavigation {display:none; position:absolute; bottom:90px; right:70px; z-index:11; width:100px;}
.whatIsHipDip .swiperArea .cardNavigation .swiperArrow {
    display: block;
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 30px;
    font-size: 18px;
    color: #444444;
}


/*
    *** HipDipZoom
*/

.HipDipZoom { max-width: 1560px;margin-top: 320px; }
.HipDipZoom .cl_subContentsTitle { text-align: center; }
.HipDipZoom .cl_subContentsTitle .mainTxt { margin-bottom: 30px; }
.HipDipZoom .cl_subContentsTitle.type1 .subTxt { font-size: 22px; }
.HipDipZoom .cl_subContentsTitle.type1 .subTxt .underline {border-bottom: 1px solid; }
.HipDipZoom .textBoxWrap { display: flex; justify-content: space-between; text-align: center; gap: 10px; }
.HipDipZoom .textBoxWrap img { width: 100%; margin-bottom: 20px; }
.HipDipZoom .textBoxWrap .textBox {position: relative; background-color: #ffffff; border-radius: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; box-sizing: border-box; padding: 50px 30px; letter-spacing: -0.8px; min-width: 380px;}
.HipDipZoom .textBoxWrap .textBox .textBoxTitle {position: absolute; left: 50%; top: -15px; transform: translateX(-50%); font-family:NotoSansB; font-size: 22px; color: #444; line-height: 1.7;
    padding: 0 120px; border-radius: 20px; border: 1px solid #767676; background: linear-gradient(to right, #ede1c6, #d4dfe4);  }
.HipDipZoom .textBoxWrap .textBox .textBoxTitle2 {width: 37%; max-width: 212px; padding: 0 60px; background: #e1e1e1;}
.HipDipZoom .textBoxWrap .textBox1 {display: flex; justify-content: space-around; gap: 40px; width: 58%;}

.HipDipZoom .textBoxWrap .textBox .title { font-size: 45px; color: #ffffff; font-family: 'NotoSerifB';   text-shadow: -1px 0 #bfa05e, 0 1px #bfa05e, 1px 0 #bfa05e, 0 -1px #bfa05e; margin-bottom: 30px;}
.HipDipZoom .textBoxWrap .textBox .box2 .title {text-shadow: -1px 0 #75a3b5, 0 1px #75a3b5, 1px 0 #75a3b5, 0 -1px #75a3b5;}
.HipDipZoom .textBoxWrap .textBox2 .title { text-shadow: -1px 0 #72a7c9, 0 1px #72a7c9, 1px 0 #72a7c9, 0 -1px #72a7c9; }
.HipDipZoom .textBoxWrap .textBox3 .title { text-shadow: -1px 0 #aaa, 0 1px #aaa, 1px 0 #aaa, 0 -1px #aaa; }
.HipDipZoom > .buttonCell {text-align: center; margin-top: 100px;}
.HipDipZoom > .buttonCell .bold {font-family: 'NotoSansB';}
.HipDipZoom .hipDeepPop {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.7);
    z-index: 200000000;
}
.HipDipZoom .hipDeepPop.on {display: flex;}
.HipDipZoom .popWrap {display: flex; box-sizing: border-box; flex-direction: column; justify-content: space-evenly; align-items: center;position: relative; width: 100%; max-width: 800px; height: 800px; border-radius: 10px; background: #fff; }
.HipDipZoom .closeBtn {position: absolute; right: 10px; top: 10px; font-size: 50px; cursor: pointer;}
.HipDipZoom .hipDeepPop .popTitle  { font-size: 60px; color: #ffffff; font-family: 'NotoSerifB'; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.HipDipZoom .hipDeepPop img {width: 100%;max-width: 370px;}
.HipDipZoom .hipDeepPop .boxText {
    max-width: 350px;
    margin: 0 auto;
    font-size: 20px;
    font-family: NotoSansB;
    color: #444444;
    border: 1px solid #767676;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 0 50px;
    line-height: 2;
}
.HipDipZoom .hipDeepPop .subText {
    font-size: 17px;
    color: #666666;
    font-family: NotoSansR;
}
.HipDipZoom .hipDeepPop .bold {
    font-family: NotoSansB;
}
.HipDipZoom .hipDeepPop .underline {
    border-bottom: 1px solid #666;
}
.HipDipZoom .textBoxWrap .textBox .boxText { width: 100%; max-width: 350px; margin: 0 auto; font-size: 19px;font-family:NotoSansB; color: #444444; border: 1px solid #767676; box-sizing: border-box; border-radius: 30px; padding: 10px 0px; margin-bottom: 15px;}
.HipDipZoom .textBoxWrap .textBox .boxText .grey { color: #aaaaaa;}
.HipDipZoom .textBoxWrap .textBox .boxText .blue { color: #72a7c9;}
.HipDipZoom .textBoxWrap .textBox .boxText .darkBlue { color: #75a3b5;}
.HipDipZoom .textBoxWrap .textBox .boxText .beige { color: #bfa05e;}



.HipDipZoom .textBoxWrap .textBox .subText { font-size: 17px; color: #666666; font-family:NotoSansR; margin-bottom: 35px; }
.HipDipZoom .textBoxWrap .textBox .subText .bold{ font-family:NotoSansB; }



/*
    ******************** 고운몸story ********************
*/
.brandStory .cl_subPageMain {background: url("/app/layout/web/images/renewal/brandMain.png") no-repeat; background-size: cover; background-position: center center;}
.brandStory .cl_subVisualTitle .subPageMain {font-family: 'NotoSerifL'; font-size: 60px;}
.brandStory .cl_subContentsTitle.oneLine .mainTxt .main1 {font-family: 'NotoSerifB';}
.brandStory .why {position: relative; width: 100%; height: 100%; margin-top: 280px; background: url("/app/layout/web/images/renewal/bustFillerImg4.png") no-repeat; background-position: center 50%;}
.brandStory .why .topArea {display: flex; justify-content: space-between; margin-bottom: 200px;}
.brandStory .why .topArea2 {margin-bottom: 0px;}
.brandStory .why .question {display: block; font-family: 'NotoSerifB'; font-size: 90px; color: #fff; text-shadow: -1px 0 #6e6e6e, 0 1px #6e6e6e, 1px 0 #6e6e6e, 0 -1px #6e6e6e;}
.brandStory .why .rightArea {margin-left: 15px; box-sizing: border-box;}
.brandStory .why .subTitle {display: block; font-family: 'NotoSansB'; font-size: 20px; color: #ae9059; margin-bottom: 30px;}
.brandStory .why .title {display: block; font-family: 'NotoSerifM'; font-size: 40px; margin-bottom: 30px;}
.brandStory .why .bottomTxt {display: block; font-family: 'NotoSansL'; font-size: 17px; color: #666; margin-bottom: 50px;}
.brandStory .why .bottomTxt .bold {font-weight: bold; }
.brandStory .why .rightArea img {width: 100%; border-radius: 25px; box-shadow: 20px 5px 30px 15px rgba(0,0,0,.08); vertical-align: top; }
.brandStory .why .bottomArea ul {display: flex; justify-content: space-between;}
.brandStory .why .bottomArea li {text-align: center; margin-right: 10px;}
.brandStory .why .bottomArea li:last-child {margin-right: 0px;}
.brandStory .why .bottomArea li img {height: 75px;}
.brandStory .why .bottomArea .title {font-family: 'NotoSansL'; font-size: 22px; color: #444;}
.brandStory .why .bottomArea .title .bold {font-family: 'NotoSansM'; }
.brandStory .why .bottomArea .desc {font-family: 'NotoSansR'; font-size: 16px; color: #666; }

.brandStory .cl_drKim .subTitle {font-size: 22px; color: #666; margin-bottom: 45px;}
.brandStory .cl_drKim .subTitle span {font-family: 'NotoSansM'; font-size: 22px; color: #666;}
.brandStory .cl_drKim .contentArea {margin-bottom: 50px; justify-content: center;}
.brandStory .cl_drKim .contentArea .iframeWrap {  position: relative; width: 100%; height: 0; padding-top: 56.25%; }
.brandStory .cl_drKim .contentArea iframe {  width: 100%; position: absolute; top: 0; left: 50%;transform: translateX(-50%);}
.brandStory .cl_drKim .cl_subContentsTitle {margin-bottom: 30px !important;}
.brandStory .drKimBtn {text-align: center;}
.brandStory .cl_drKim .contentArea { display: block; }

.brandStory .why2 .bottomArea ul {justify-content: space-around;}
.brandStory .why2 .bottomArea li {width: calc(100% / 8); text-align: center; margin-right: 0;}
.brandStory .why2 .bottomArea li .topImg {height: 300px; margin-bottom: 30px; }
.brandStory .why2 .bottomArea li .topImg img {width: 100%; height: auto; border-top-left-radius: 87px; border-top-right-radius: 87px; margin-bottom: 20px;}
.brandStory .why2 .bottomArea li .dotArea {position: relative; vertical-align: middle; font-family: 'NotoSansR'; font-size: 16px; color: #666;}
.brandStory .why2 .bottomArea li .dotArea img {height: auto; margin-bottom: 1px;}
.brandStory .why2 .bottomArea li .dotArea::after {content: ""; position: absolute; left: 0; top: 50%; z-index: -1; background: #eaeaea; width: 100%; height: 1px;}
.brandStory .why2 .bottomArea li:first-child .dotArea::after {width:50%; transform:translateX(100%)}
.brandStory .why2 .bottomArea li:last-child .dotArea::after {width:50%;}
.brandStory .why2 .bottomArea .title {font-family: 'NotoSerifL'; font-size: 17px; white-space: nowrap; }
.brandStory .why2 .bottomArea .title .bold {font-family: 'NotoSerifB';}


.brandStory .cl_swiperLayout .middleTxt {font-family: 'NotoSerifM';}
.brandStory .cl_swiperLayout .bottomTxt {font-family: 'NotoSansL'; }
.brandStory .cl_swiperLayout .bottomTxt .bold {font-family: 'NotoSansM';}
.brandStory .swiper-slide .bg1 {background: url("/app/layout/web/images/renewal/brandSwiper1_1.png") no-repeat; background-size: cover; background-position: center center;}
.brandStory .swiper-slide .bg2 {background: url("/app/layout/web/images/renewal/brandSwiper1_2.png") no-repeat; background-size: cover; background-position: center center;}
.brandStory .swiper-slide .bg3 {background: url("/app/layout/web/images/renewal/brandSwiper1_3.png") no-repeat; background-size: cover; background-position: center center;}
.brandStory .swiper-slide .bg4 {background: url("/app/layout/web/images/renewal/brandSwiper1_4.png") no-repeat; background-size: cover; background-position: center center;}
.brandStory .swiper-slide .bg5 {background: url("/app/layout/web/images/renewal/brandSwiper1_5.png") no-repeat; background-size: cover; background-position: center center;}


/*
    *** 히스토리
*/
.historyArea {padding-top:240px;}
.historyArea .historyChartArea {position:relative; display:flex; margin-top:-240px;}
.historyArea .historyChartArea > div {flex:1;}
.historyArea .historyChartArea .chartCell {border-left:solid 2px #eaeaea; padding-top:200px; padding-bottom:200px;}
.historyArea .historyChartArea .historyUnit {margin-bottom:90px; padding-left:100px; box-sizing: border-box;}
.historyArea .historyChartArea .historyUnit .yearCell {position:relative; font-size:60px; color:#ffffff; font-family:NotoSerifB; font-style: italic; line-height:1; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; margin-bottom:10px;}
.historyArea .historyChartArea .historyUnit .yearCell:before {content:""; position:absolute; top:35px; left:-100px; width:90px; height:1px; background-color:#555555;}
.historyArea .historyChartArea .historyUnit .yearCell:after {content:""; position:absolute; top:30px; left:-107px; width:12px; height:12px; border-radius:50%; background-color:#555555;}
.historyArea .historyChartArea .historyUnit .textCell {font-size:22px; color:#444444; font-family:NotoSansM; line-height:1.2; margin-bottom:15px;}
.historyArea .historyChartArea .historyUnit .textCell .headText {font-size:30px; font-family:NotoSansB; line-height:1.6;}
.historyArea .historyChartArea .historyUnit .imgCell .imgPc {display:block;}
.historyArea .historyChartArea .historyUnit .imgCell .imgM {display:none;}

.historyArea .historyChartArea .historyUnit.leftType {position:absolute; text-align:right; transform:translateX(-100%); padding-left:0; padding-right:100px;}
.historyArea .historyChartArea .historyUnit.leftType .yearCell:before {top:35px; left:auto; right:-100px;}
.historyArea .historyChartArea .historyUnit.leftType .yearCell:after {top:30px; left:auto; right:-105px;}

.historyArea .historyChartArea .historyUnit:nth-of-type(2) {top:520px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(4) {top:1100px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(6) {top:1880px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(8) {top:2530px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(10) {top:2940px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(12) {top:3550px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(14) {top:4130px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(16) {top:4820px;}
.historyArea .historyChartArea .historyUnit:nth-of-type(18) {top:5630px;}



/*
    ******************************************* leg Line Filter ****************************
*/

.leglineFiller .cl_subPageMain {background: url("/app/layout/web/images/renewal/leg1.png") no-repeat; background-size: cover; background-position: center center;}
.leglineFiller .cl_subVisualTitle .subPageSub {color: #444;}
.leglineFiller .cl_subVisualTitle .subPageMain {color: #191919;}
.leglineFiller .cl_pageLayout.type1 .layOutImg .imgArea ul {bottom: 15%;}

/*
    ******************** 제시라인 ********************
*/
.xessieline .cl_subPageMain {background: url("/app/layout/web/images/renewal/xessieMain.png") no-repeat; background-size: cover; background-position: center center;}
.xessieline .cl_pageLayout.type1 {padding-top: 280px;}

/*
    ******************** 의료진 소개 ********************
*/
.doctorPage {display: flex; justify-content: space-between; align-items: center; padding: 200px 0 100px;}
.doctorPage .title {font-family: 'NotoSerifB'; font-size: 50px; margin-bottom: 35px; white-space: nowrap;}
.doctorPage .subTitle {font-family: 'NotoSerifB'; font-size: 34px; color: #fff; text-shadow: -1px 0 #767676, 0 1px #767676, 1px 0 #767676, 0 -1px #767676; line-height: 1.5; margin-left: 45px; margin-bottom: 35px;}
.doctorPage .desc  {font-family: 'NotoSansM'; font-size: 17px; line-height: 30px; color:#444; margin-left: 45px;}

.doctorPage .txtArea {margin-left: 200px;}
.doctorPage .txtArea2 {display: none;}
.doctorPage .imgAreaPc {width: 50%; overflow: hidden; margin-left: 20px;}
.doctorPage .swiper {position: relative;}
.doctorPage .swiper-slide img {width:100%; opacity: 0.4;}
.doctorPage .swiper-slide-active img {opacity: 1; }
.doctorPage .swiper-slide .doctorTitle {position: absolute; right: 24px; font-family: 'NotoSansM'; font-size: 22px; color: #444; margin-bottom: 140px; }
.doctorPage .swiper-slide .doctorName {font-family: 'NotoSerifB'; font-size: 30px;}
.doctorPage .imgAreaM li {display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #ccc; padding: 50px 0 5px; box-sizing: border-box;}
.doctorPage .imgAreaM img {width: 100%;}
.doctorPage .imgAreaM .doctorInfoWrap { border-bottom: 1px solid #cccccc; margin-top: 40px; }
.doctorPage .swiper-button-prev {left: auto; right: 7vw; top: auto; bottom: 6vw; width: 50px; height: 50px; background: url("/app/layout/web/images/renewal/docterLeft.png") no-repeat;}
.doctorPage .swiper-button-next {left: auto; right: 2vw; top: auto; bottom: 6vw; width: 50px; height: 50px; background: url("/app/layout/web/images/renewal/docterRight.png") no-repeat;}


/*
    ******************** 오시는길 ********************
*/

.location .cl_subPageMain {background: url("/app/layout/web/images/renewal/locationMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.location .topTxt {position: relative; top: -100px;}
.location .topTxt .title {font-family: 'NotoSerifB'; font-size: 72px; color: white; text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444; margin-bottom: 65px;}
.location .subTxt {font-family: 'NotoSerifR'; font-size: 27px; margin-bottom: 35px; line-height: 40px;}
.location .bold {font-weight: bold;}
.location .desc {font-family: 'NotoSansR'; font-size: 16px; color: #666; line-height: 28px;}
.location .desc .bold {font-family: 'NotoSansM'; color: #191919;}
.location .mapImgWrap { width: 100%; max-width: 1400px; display: flex; align-items: flex-start; justify-content: space-between; margin: 0 auto; margin-bottom: 40px;padding: 0 30px; box-sizing: border-box; }
.location .mapImg { width: 49%; height: auto; margin: 0 auto;  box-sizing: border-box;}
.location .mapImg > img {width: 100%; display:block;}
.location .mapVideo { width: 49%; }
.location .mapVideo .iframeWrap {position:relative; height:0; width:100%; padding-bottom:56.25%;}
.location .mapVideo .iframeWrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.location .bottomTxt .title {font-family: 'NotoSerifB'; font-size: 40px; margin-bottom: 25px;}
.location .bottomTxt .desc {font-family: 'NotoSansR'; font-size: 16px; color: #666;}
.location .address, .location .number, .location .time, .location .parking {margin-bottom: 55px;}
.location .bottomTxt .number .desc {font-family: 'NotoSansB'; font-size: 27px; color: #444;}
.location .time .desc span {font-family: 'NotoSansL';}

/*
    ******************** 바프솔루션 ********************
*/
.baopSolution .cl_subPageMain {background: url("/app/layout/web/images/renewal/baopSolutionMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.baopSolution .cl_subVisualTitle .subPageSub {color: #444;}
.baopSolution .cl_subVisualTitle .subPageSub span {font-family: 'NotoSansB'}
.baopSolution .cl_subVisualTitle .subPageMain {color: #191919;}
.baopSolution .swiper-slide .bg1 {background: url("/app/layout/web/images/renewal/baopSolution9_1.png") no-repeat; background-size: cover; background-position: center center;}
.baopSolution .swiper-slide .bg2 {background: url("/app/layout/web/images/renewal/baopSolution9_2.png") no-repeat; background-size: cover; background-position: center center;}
.baopSolution .swiper-slide .bg3 {background: url("/app/layout/web/images/renewal/baopSolution9_3.png") no-repeat; background-size: cover; background-position: center center;}
.baopSolution .swiper-slide .bg4 {background: url("/app/layout/web/images/renewal/baopSolution9_4.png") no-repeat; background-size: cover; background-position: center center;}
.baopSolution .solutionEffect {padding-top: 320px;}
.baopSolution .solutionEffect .effectImg {margin-bottom: 20px;}
.baopSolution .solutionEffect .effectImg img {width: 100%; vertical-align: text-bottom;}
.baopSolution .solutionEffect .effectTxt {font-family:'NotoSansL'; font-size: 17px; color: #444; letter-spacing: -1px; padding: 40px; margin-bottom: 30px; background: #f7f8fa;}
.baopSolution .solutionEffect table {width: 100%;}
.baopSolution .solutionEffect table th {width: calc(100% / 6); color: #ae9059; font-family:'NotoSansB'; text-align: center; font-size: 18px; padding: 30px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background: #f7f8fa;}
.baopSolution .solutionEffect table th:first-child {border-right: 0; background: transparent;}
.baopSolution .solutionEffect table th:last-child {border-right: 0;}
.baopSolution .solutionEffect table td {font-family:'NotoSansB'; font-size: 21px; color: #fff; width: calc(100% / 6); text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;
    padding: 30px 0;}
.baopSolution .solutionEffect table td:first-child {color: #fff; background: #91733c;}
.baopSolution .solutionEffect table tr td:not(.baopSolution .solutionEffect table .td) {background: url("/app/layout/web/images/renewal/effect02.png") no-repeat; background-position: center center;}
.baopSolution .solutionEffect table td:last-child {border-right: 0;}
.baopSolution .solutionEffect table tr:last-child td {border-bottom: 0;}

/*
    ******************** 볼륨힙필러 ********************
*/
.voluimeHipFiller .cl_subPageMain {background: url("/app/layout/web/images/renewal/volumehipMain_1.jpg") no-repeat; background-size: cover; background-position: bottom center;}
.voluimeHipFiller .cl_subVisualTitle .subPageSub {color: #444;}
.voluimeHipFiller .cl_subVisualTitle .subPageMain {color: #191919;}
.voluimeHipFiller .cl_bNa .loginTxt {bottom: 20%;}
.voluimeHipFiller .cl_solutionContents .txtArea .bottomArea .featureContents li {padding: 20px; }
.voluimeHipFiller .cl_solutionContents .thumbnailImg li {width: 100%; border-bottom: 0;}
.voluimeHipFiller .cl_realSelfie .imgArea { align-items: flex-start; }
.voluimeHipFiller .cl_realSelfie .imgArea .rightArea { margin-top: 300px; }

/*
    ******************** 가슴골필러 ********************
*/
.ChestGolFiller .cl_subPageMain {background: url("/app/layout/web/images/renewal/chestGolFillerMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.ChestGolFiller .cl_bNa .loginTxt {bottom: 20%;}
.ChestGolFiller .cl_solutionContents .thumbnailImg li {width: 100%; border-bottom: 0;}
.ChestGolFiller .cl_solutionContents .txtArea .bottomArea .featureContents li { width: 100%; }
.ChestGolFiller .cl_filler .layOutImg2 {position: absolute; right: 130px; top: 75px;}

.ChestGolFiller .cl_realSelfie .imgArea {align-items: flex-start;}
.ChestGolFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 300px;}

/*
    ******************** 고운빛주사 ********************
*/
.bodyWhitening .cl_subPageMain {background: url("/app/layout/web/images/renewal/whiteningMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.bodyWhitening .cl_solutionContents .thumbnailImg li {width: calc(100% / 3); border-bottom: 0;}
.bodyWhitening .cl_cardSwiper .swiper-slide .cardSlide { height: 610px; }
.bodyWhitening .cl_cardSwiper .swiper-wrapper { height: 610px; box-sizing: border-box; }
.bodyWhitening .cl_cardSwiper .swiper-slide .swiperTxt { height: 120px; }

.bodyWhitening .cl_specialist .textArea ul li{ text-align: center; }
.bodyWhitening .cl_specialist .textArea ul li img { width: 100%; }
.bodyWhitening .cl_specialist .textArea ul li .desc { color: #666666; }
.bodyWhitening .cl_specialist .subTitle { margin-bottom: 90px; }

.bodyWhitening .cl_drKimColumnCard .swiperWrap2 .swiper-slide:nth-last-child(1) { background-color: #f0f0f0; width: 220px; height: 220px; }
.bodyWhitening .singleLinePs { margin-top: 0; }
.bodyWhitening .cl_gowoonmomShorts { padding-top: 200px; padding-bottom: 0; margin-top: 320px; }
.bodyWhitening .cl_gowoonmomShorts .swiper-wrapper { margin: 0 auto; justify-content: center; }

/*
    ******************** 바디보톡스 ********************
*/
.bodyBotox .cl_subPageMain {background: url("/app/layout/web/images/renewal/botoxMain.png?v=1") no-repeat; background-size: cover; background-position: bottom center;}
.bodyBotox .cl_solutionContents .txtArea .bottomArea .featureContents li {padding: 28px;}

/*
    ******************** 쁘띠양악 ********************
*/
.petitSurgery .cl_subPageMain {background: url("/app/layout/web/images/renewal/petitSurgeryMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.petitSurgery .cl_pageLayout.type1 {background-position: center 100%;}
.petitSurgery .cl_solutionContents .topArea {border-bottom: none; }
.petitSurgery .cl_solutionContents .solutionDesc {border-top: 2px solid #eee;}
.petitSurgery .cl_solutionContents .txtArea .solutionDesc .smallTitle {margin-top: 35px;}

.petitSurgery .ifNecessary {margin-top:320px; text-align: center;}
.petitSurgery .ifNecessary .cl_subContentsTitle {text-align: center;}
.petitSurgery .ifNecessary .mainTxt {margin-bottom: 20px;}
.petitSurgery .ifNecessary .subTxt {font-size: 26px;}
.petitSurgery .ifNecessary .contents ul {display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; }
/*.petitSurgery .ifNecessary .contents li {display: flex; flex-wrap: wrap; justify-content: center; align-content: center; text-align: center; width: calc((100% / 3) - 100px); height: 320px; margin-right: 100px;  border-radius: 50%; background: #ae9059;  }*/
.petitSurgery .ifNecessary .contents li {width: calc((100% - 160px) / 3); margin-right: 80px; margin-bottom: 40px;}
.petitSurgery .ifNecessary .contents li:nth-child(3) {margin-right: 0;}
.petitSurgery .ifNecessary .contents li:last-child {margin-right: 0;}
.petitSurgery .ifNecessary .contents li:nth-child(4), .petitSurgery .contents li:nth-child(5), .petitSurgery .contents li:nth-child(6) {margin-bottom: 0;}
.petitSurgery .ifNecessary .contents li .circle {position:relative; height:0; width:100%; padding-bottom: 100%; border-radius:50%; background-color:#ae9059;}
.petitSurgery .ifNecessary .contents li .circle .wrap {display:flex; justify-content: center; align-items: center; flex-direction: column; position:absolute; top:0; left:0; width:100%; height:100%;}
.petitSurgery .ifNecessary .contents li .bigTxt {font-family: 'NotoSerifB'; font-size: 35px; color: #fff; margin-bottom: 30px;}
.petitSurgery .ifNecessary .contents li .bigTxt span {font-family: 'NotoSerifBlk'; color: #ae9059; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.petitSurgery .ifNecessary .contents li .smallTxt {font-family: 'NotoSansR'; color: #fff; font-size: 18px;}
.petitSurgery .cl_solutionContents .thumbnailImg li {width: calc(100% / 3); border-bottom: 0;}

.petitSurgery .cl_filler .layOutImg img {box-shadow: none;}


/*
    ******************** 실리프팅 ********************
*/
.silLifting .cl_subPageMain {background: url("/app/layout/web/images/renewal/silLiftingMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.silLifting  .cl_solutionContents .thumbnailImg ul {border: 0;}
.silLifting  .cl_solutionContents .thumbnailImg li {width: calc(100% / 3); border: 1px solid #000;}
.silLifting  .cl_solutionContents .thumbnailImg li:nth-of-type(1),
.silLifting  .cl_solutionContents .thumbnailImg li:nth-of-type(4){border-right: 0;}
.silLifting  .cl_solutionContents .thumbnailImg li:nth-of-type(3){border-left: 0;}
.silLifting  .cl_solutionContents .thumbnailImg li:nth-of-type(1),
.silLifting  .cl_solutionContents .thumbnailImg li:nth-of-type(2){border-bottom: 0;}
.silLifting  .cl_filler .layOutImg img {box-shadow: none;}



/*
    ******************** 넥타이트닝 ********************
*/
.neckTightening .cl_special .cl_subContentsTitle .titleTxt::after {height: 200px;}
.neckTightening .cl_solutionContents .thumbnailImg li {width: calc(100% / 2); border-bottom: 0;}


/*
    ******************** 바디재건 ********************
*/
.afterFat .cl_subPageMain {background: url("/app/layout/web/images/renewal/afterFatMain.png") no-repeat; background-size: cover; background-position: bottom center;}
.afterFat .cl_subVisualTitle { color: #191919; }
.afterFat .cl_filler .layOutImg2 { right: 150px; }

.afterFat .cl_since .contentsArea .sinceBox { align-items: center; }
.afterFat .cl_since .contentsArea .sinceBox .right { box-shadow: none; }
.afterFat .cl_since .contentsArea .sinceBox .left { width: 890px; margin-left: -130px;}
.afterFat .cl_since .contentsArea .sinceBox .left .num {
    font-family: 'NotoSerifM';
    font-size: 27px;
    color: #fff;
    text-shadow: -1px 0 #bea67a, 0 1px #bea67a, 1px 0 #bea67a, 0 -1px #bea67a;
}
.afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon p {font-family: 'NotoSansR'; font-size: 17px;}
.afterFat .cl_since .contentsArea .sinceBox .left .iconArea { margin-right: 0; }
.afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon { width: 280px; height: 200px; }
.afterFat .cl_since .contentsArea .sinceBox:last-child .right img { width: 100%; }
.afterFat .cl_since .contentsArea .sinceBox .left .textArea .subText { text-align: center; font-family: 'NotoSansR'; }
.afterFat .cl_since .contentsArea .sinceBox .leftTitle { font-family: 'NotoSerifB'; font-size: 40px; text-align: center; margin-bottom: 50px; }


.afterFat .cl_subContentsTitle.type1 .mainTxt .main2 {font-size: 60px; line-height: 2;}

.afterFat .contentsArea .bnaImg { display: flex; justify-content: space-evenly; margin-top: 60px;}
.afterFat .contentsArea .bnaImg .imgArea {position: relative; border-radius: 25px; overflow: hidden;}
.afterFat .contentsArea .bnaImg .imgArea:first-child {margin-right: 15px;}
.afterFat .contentsArea .bnaImg .imgArea img {width: 100%;}
.afterFat .contentsArea .bnaImg .imgArea .topTxt {position: absolute; top: 8%; left: 5%; font-family: 'NotoSansB'; font-size: 23px; background: rgba(246,246,242,0.8); padding:8px 25px; border-radius: 50px; }
.afterFat .contentsArea .bnaImg .imgArea .bottomTxt {position: absolute; bottom: 4px; left: 0px; width: 100%; height: 80px;
    font-family: 'NotoSerifB'; color: #fff; font-size: 35px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; line-height: 80px; background: rgba(0,0,0,.8); }
.afterFat .contentsArea .bnaImg .imgArea:last-child .bottomTxt {background: rgba(174,144,89,0.8); }
.afterFat .cl_solutionContents .txtArea .solutionDesc .smallDesc {display: flex; color: #666; letter-spacing: -1.3px;}
.afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li {
    width: calc((100% /3) - 10px);}
.afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li:nth-child(1),
.afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li:nth-child(2),
.afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li:nth-child(3) {
    margin-bottom: 20px;
}
.afterFat .cl_solutionContents .txtArea .solutionTitle .mainTxt.lt{letter-spacing: -3.4px;}

.afterFat .bodyCase {text-align: center;  margin-top: 320px;}
.afterFat .bodyCase .mainTxt {margin-bottom: 30px;}
.afterFat .bodyCase .desc {font-family: 'NotoSansL'; font-size: 22px; color: #222;}
.afterFat .subTitle {font-family: 'NotoSansM'; font-size: 28px; color: #222; margin-top: 15px; margin-bottom: 60px;}
.afterFat .case img {width: 100%;}
.afterFat .case .caseTxt {font-family: 'NotoSansR'; font-size: 17px; margin-top: 35px; margin-bottom: 50px;  }
.afterFat .case .caseTxt span {font-family: 'NotoSansM'; font-size: 17px;  }
.afterFat .case a {padding: 15px 76px; margin-top: 60px; }
.afterFat .ps {font-family: 'NotoSansL'; font-size: 18px; text-align: right;}
.afterFat .mt {margin-top: 30px !important;}



/*
    ******************** 한뼘튼살 ********************
*/
.stretchMark .cl_subPageMain {background: url("/app/layout/web/images/renewal/stretchBg1.png") no-repeat; background-size: cover; background-position: bottom center;}

.stretchMark .cl_cardSwiper .cl_subContentsTitle .subText { font-size: 22px; font-family:NotoSansL; margin-top: 20px; }
.stretchMark .cl_cardSwiper .cl_subContentsTitle .subText span {  font-family:NotoSansM; }

.stretchMark .cl_cardSwiper .swiper-slide .swiperTxt { height: auto;}
.stretchMark .cl_cardSwiper .swiper-slide .swiperTxt.swiperTxt3 { line-height: 1.4; padding: 23px 50px;}
.stretchMark .swiper-slide .swiperTxt span { margin-bottom: 0;}

.stretchMark .cl_filler .cl_subContentsTitle.type2 { padding: 0 0 0 10px;}
.stretchMark .cl_filler .cl_subContentsTitle.type2 .subTxt { line-height: normal}
.stretchMark .cl_filler .subText { font-size: 17px; font-family:NotoSansR; color: #444; margin-top: 60px;}
.stretchMark .cl_filler .subText .bold{ font-family:NotoSansB;}
.stretchMark .cl_filler .layOutTxt .imgWrap.imgWrap2 { margin-top: 20px;}

.stretchMark .cl_filler .layOutTxt .imgWrap { position: relative;}
.stretchMark .cl_filler .subImgArea .imgArea ul { position: absolute; top: 0; left: 10px}
.stretchMark .cl_filler .subImgArea .imgArea li { position: static}


.stretchMark .cl_solutionContents .thumbnailImg li { width: 100%}
.stretchMark .cl_solutionContents .flexArea { padding: 0;}
.stretchMark .cl_solutionContents .txtArea .solutionTitle .mainTxt.letter { letter-spacing: -0.7px}
.stretchMark .cl_solutionContents .txtArea .solutionDesc .smallDesc .bold { font-family:NotoSansB;}

.stretchMark .cl_solutionContents .rightArea .flexBox { display: flex; text-align: center; font-size: 14px;  font-family:NotoSansM; color: #666; margin-bottom: 20px;}
.stretchMark .cl_solutionContents .rightArea .flexBox:last-child { margin-bottom: 0;}
.stretchMark .cl_solutionContents .rightArea .flexBox .box{ margin-right: 10px;}
.stretchMark .cl_solutionContents .rightArea .flexBox .box:last-child { margin-right: 0;}
.stretchMark .cl_solutionContents .rightArea .flexBox .box .imgArea { margin-bottom: 10px;}
.stretchMark .cl_solutionContents .rightArea .flexBox .box img { width: 100%;}

.stretchMark .cl_specialist { padding-left: 0 !important; padding-right: 0 !important;}

.stretchMark .cl_specialist .cl_subContentsTitle .subText { font-size: 27px; font-family:NotoSansB; color: #222; margin-top: 20px; }

.stretchMark .cl_specialist   .cl_choiceTipBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    height: 275px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    margin: 0 auto;
    padding: 0px 60px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.stretchMark .cl_specialist .cl_choiceTipBox .quotes{
    color: #666666;
    font-size: 60px;
    font-family: 'NotoSansB';
    opacity: 0.16;
}

.stretchMark .cl_specialist .cl_choiceTipBox .subTxt {
    flex: 1;
    color: #666666;
    font-size: 22px;
    font-family: 'NotoSansR';
    text-align: center;
}

.stretchMark .cl_specialist .cl_choiceTipBox .subTxt .bold {  font-family: 'NotoSansB';}


.stretchMark .cl_specialist .textArea li .title { border-color: #000; padding: 0;}

.stretchMark .cl_specialist .textArea ul li { text-align: left;}
.stretchMark .cl_specialist .textArea li { margin-left: 70px; text-align: left}
.stretchMark .cl_specialist .textArea li:first-child { margin-left: 0;}
.stretchMark .cl_specialist .textArea li .img { margin-top: 30px;}
.stretchMark .cl_specialist .textArea li .desc.long { letter-spacing: -1.2px;}
.stretchMark .cl_specialist .textArea li .desc span {font-family: 'NotoSansB'; color: #ae9059; }



.stretchMark .solenoidWrap { display: flex; justify-content: space-between;  align-items: flex-end; margin-bottom: 80px;}
.stretchMark .solenoidWrap .leftArea { font-family: 'NotoSerifM'; }
.stretchMark .solenoidWrap .leftArea .bold { font-family: 'NotoSerifB';}
.stretchMark .solenoidWrap .leftArea .title { font-size: 45px; color: #000; margin-bottom: 50px;}
.stretchMark .solenoidWrap .leftArea .subTit { font-size: 32px; margin-bottom: 30px;}
.stretchMark .solenoidWrap .leftArea .subTit .icon { width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center;background-color: #ae9059; border-radius: 100%; ;font-size: 25px; color: #ffffff; }
.stretchMark .solenoidWrap .leftArea .subText {font-family: 'NotoSansL'; font-size: 22px; color: #666666;}
.stretchMark .solenoidWrap .rightArea img { width: 100%;}


.stretchMark .advantageWrap { margin-top: 200px;}

.stretchMark .advantageWrap .advantage { width: 100%; max-width: 1100px; margin: 0 auto;}
.stretchMark .advantageWrap .flexBox { display: flex; justify-content: center; margin-bottom: 100px;}
.stretchMark .advantageWrap .flexBox:last-child { margin-bottom: 0;}
.stretchMark .advantageWrap .flexBox .imgArea { margin-bottom: 40px;}
.stretchMark .advantageWrap .flexBox img { width: 100%}
.stretchMark .advantageWrap .flexBox .textArea .bold{ font-family: 'NotoSansB';}
.stretchMark .advantageWrap .flexBox .textArea .title { font-size: 24px; color: #444; font-family: 'NotoSansM'; margin-bottom: 20px;}
.stretchMark .advantageWrap .flexBox .textArea .text { font-size: 20px; color: #666; font-family: 'NotoSansR'}
.stretchMark .advantageWrap .flexBox .leftArea { width: 42%; margin-right: 80px;}
.stretchMark .advantageWrap .flexBox .rightArea { width: 50%;}
.stretchMark .advantageWrap .flexBox .leftArea,
.stretchMark .advantageWrap .flexBox .rightArea { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.stretchMark .advantageWrap .cl_pageLayout.type1 { padding-top: 40px;}




.stretchMark .technology { background: none;}
.stretchMark .technology .contentsArea .txtArea .txtWrap:last-child { margin-top: 0; padding-top: 0;}

.stretchMark .technology .contentsArea .txtArea .txtWrap .rightTxt .questionTitle .bold { font-family: 'NotoSerifB';}
    /*
        ******************** 머핀주사 ********************
    */
.muffin .cl_special .cl_subContentsTitle .bigTxt {margin-bottom: 110px;}
.muffin .cl_solutionContents .thumbnailImg li {width: 100%; border-bottom: 0;}


/*
    ******************** 뱃살핏 ********************
*/
.bellyFit .cl_subPageMain {background: url("/app/layout/web/images/renewal/bellyFit_visual.png") no-repeat; background-size: cover; background-position: bottom center;}
.bellyFit .cl_subPageMain .subPageSub {color:#000000;}
.bellyFit .cl_subPageMain .subPageMain {color:#000000; line-height:1.1;}

/*
    *** 뱃살핏 솔루션
*/
.bellyFit .bellyFitSolution {margin-top:300px; margin-bottom:300px;}
.bellyFit .bellyFitSolution .solutionTextWrap {color:#222222; text-align:center; margin-bottom:90px;}
.bellyFit .bellyFitSolution .solutionTextWrap .textType1 {font-size:22px; font-family:NotoSansL; line-height:15px;}
.bellyFit .bellyFitSolution .solutionTextWrap .textType2 {font-size:30px; font-family:NotoSansL;}
.bellyFit .bellyFitSolution .solutionTextWrap .textType3 {font-size:50px; font-family:NotoSansB;}

.bellyFit .diagramArea .gridWrapper {overflow:hidden;}
.bellyFit .diagramArea .grid {display:flex; flex-wrap:wrap; padding:50px 0 0 50px; margin:-50px}
.bellyFit .diagramArea .grid .gridCell {
    position:relative;
    height:0;
    padding-bottom:calc((100% / 4) - 50px);
    box-sizing:border-box;
    width:calc(100% / 4);
    border:0 solid transparent;
    border-width:0 50px 50px 0;
}
.bellyFit .diagramArea .circle {
    position:absolute;
    top:0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align:center;
    border-radius: 50%;
    border: solid 1px #dad3c2;
    box-sizing: border-box;
    background-color: #faf7ef;
}
.bellyFit .diagramArea .circle .num {font-size:28px; color:#bfa05e; font-family:NotoSerifB;}
.bellyFit .diagramArea .circle .subText {font-size:22px; color:#222222; font-family:NotoSansL;}
.bellyFit .diagramArea .circle .titleText {font-size:28px; color:#222222; font-family:NotoSansB;}

/*
    *** 성공케이스
*/
.bellyFit .successCase {}
.bellyFit .successCase .slideArea {position:relative; display:flex; width:90%; max-width:1240px; margin:0 auto; margin-bottom:45px;}
.bellyFit .successCase .slideArea .swiperArrow {position:absolute; top:50%; transform:translateY(-50%); font-size:54px; color:#7f7f7f; z-index:11; cursor:pointer;}
.bellyFit .successCase .slideArea .swiperArrow.arrowPrev {left:-60px;}
.bellyFit .successCase .slideArea .swiperArrow.arrowNext {right:-60px;}
.bellyFit .successCase .slideArea .swiper-slide img {width:100%;}

.bellyFit .successCase .slideInfoArea {position:relative; display:flex; justify-content: center; width:100%; max-width:1280px; margin:0 auto; margin-bottom:170px;}
.bellyFit .successCase .slideInfoArea .infoWrap {display:flex; flex-direction: column; align-items: center; width:100%;}
.bellyFit .successCase .slideInfoArea .boxTitle {display:flex; justify-content: center; align-items: center; width:100%;}
.bellyFit .successCase .slideInfoArea .boxTitle .titleCell {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 80px;
    font-size: 26px;
    color: #ffffff;
    font-family: NotoSansB;
    border-radius: 50px;
    box-sizing: border-box;
}
.bellyFit .successCase .slideInfoArea .boxTitle .titleCell.title1 {background-color:#646464;}
.bellyFit .successCase .slideInfoArea .boxTitle .titleCell.title2 {position:relative; color:#ae9059; border:solid 1px #ae9059; margin:0 -20px; z-index:10;}
.bellyFit .successCase .slideInfoArea .boxTitle .titleCell.title3 {background-color:#7c653c;}
.bellyFit .successCase .slideInfoArea .boxContent {display:none; justify-content: center; align-items: center; width:100%;}
.bellyFit .successCase .slideInfoArea .boxContent .textCell {
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 80px;
    font-size: 22px;
    color: #ffffff;
    font-family: NotoSansB;
    box-sizing: border-box;
}
.bellyFit .successCase .slideInfoArea .boxContent .textCell.text1 {color:#444444;}
.bellyFit .successCase .slideInfoArea .boxContent .textCell.text2 {color:#ae9059; margin:0 -20px;}
.bellyFit .successCase .slideInfoArea .boxContent .textCell.text3 {color:#7c653c;}
.bellyFit .successCase .slideInfoArea .boxContent .textCell i {position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:35px; color:#d2d2d2;}

.bellyFit .successCase .slidePagination {display:none; position:absolute; width:100%; bottom:-50px;}
.bellyFit .successCase .slidePagination .swiper-pagination {left:50%; transform:translateX(-50%); bottom:0;}
.bellyFit .successCase .slidePagination .swiper-pagination-bullet {width:10px; height:10px; opacity:1; margin-left:7px; margin-right:7px; background:#dddddd;}
.bellyFit .successCase .slidePagination .swiper-pagination-bullet-active {background: #bfa05e;}

.bellyFit .successCase .boxInfo {
    display: flex;
    justify-content: center;
    align-items: center;
    height:275px;
    font-size: 32px;
    color: #000000;
    font-family: NotoSansB;
    text-align:center;
    border: solid 1px #d2d2d2;
    border-radius: 20px;
    margin-bottom:20px;
}
.bellyFit .successCase .boxNotice {font-size:18px; color:#444444; font-family:NotoSansL; text-align:center;}


/*
    *** 진료정보
*/
.bellyFit .treatmentInfoArea.bodyInmode .cl_treatmentInfo .treatmentImg {position: relative; overflow: visible;}
.bellyFit .cl_treatmentInfo .treatmentImg .sideImg {position:absolute; top:-15px; left:-35%; width:35%;}

.bellyFit .threeLayerLifting {display:flex; justify-content:center; align-items:center; position:relative; height:350px; border:solid 1px #d2d2d2; border-radius:20px; white-space: nowrap;}
.bellyFit .threeLayerLifting .boxTitle {position:absolute; top:0; left:50%; transform:translate(-50%, -50%); font-size:50px; color:#000000; font-family:NotoSansB; padding:0 30px; background-color:#ffffff;}
.bellyFit .threeLayerLifting .boxContent {display:flex; align-items: flex-start; justify-content: center; padding:0 30px; box-sizing: border-box;}
.bellyFit .threeLayerLifting .boxContent .textCell {text-align:center; margin-right:100px;}
.bellyFit .threeLayerLifting .boxContent .textCell:last-child {margin-right:0;}
.bellyFit .threeLayerLifting .boxContent .textCell .num {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 18px;
    color: #ffffff;
    font-family: NotoSerifB;
    margin-bottom: 25px;
    border-radius:50%;
    background-color:#bfa05e;
}
.bellyFit .threeLayerLifting .boxContent .textCell .detailText {font-size:22px; color:#444444; font-family:NotoSansM;}



.bellyFit .iconCircle .gridWrapper {overflow:hidden;}
.bellyFit .iconCircle .grid {display:flex; flex-wrap:wrap; padding:50px 0 0 50px; margin:-50px}
.bellyFit .iconCircle .grid .gridCell {
    position:relative;
    height:0;
    padding-bottom:calc((100% / 4) - 50px);
    box-sizing:border-box;
    width:calc(100% / 4);
    border:0 solid transparent;
    border-width:0 50px 50px 0;
}
.bellyFit .iconCircle .circle {
    position:absolute;
    top:0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align:center;
    border-radius: 50%;
    border: solid 1px #d2d2d2;
    box-sizing: border-box;
}
.bellyFit .iconCircle .circle .iconCell {margin-bottom:15px;}
.bellyFit .iconCircle .circle .textCell {font-size:20px; color:#444444; font-family:NotoSansM;}




/* 골반필러 한뼘주사 */
.oneSpanInjection.pageContentWrap { padding: 0;}
.oneSpanInjection .cl_choiceTip { padding-top: 310px;}
.oneSpanInjection .cl_choiceTip .tipBoxWrap { background: none;}
.oneSpanInjection .cl_subContentsTitle { margin-bottom: 80px !important;}
.oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox { margin-bottom: 95px;}
.oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt {  font-family:NotoSansM; }
.oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt .block { display: block; margin-bottom: 15px;}
.oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt .fontL { font-family:NotoSansL;}

.oneSpanInjection .subTitle { text-align: center; font-size: 22px; font-family:NotoSansL; color: #222; margin-bottom: 30px;}
.oneSpanInjection .subTitle .bold{ font-family:NotoSansB;}

.oneSpanInjection .injectionArea .injectionM { display: none;}
.oneSpanInjection .injectionArea .injectionPc { display: flex; justify-content:center; align-items: center;}
.oneSpanInjection .injectionArea .imgArea { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 50px; border-radius: 10px; box-shadow: 5px 5px 54px rgba(0,0,0,0.1)}
.oneSpanInjection .injectionArea .imgArea:last-child { margin-right: 0;}
.oneSpanInjection .injectionArea .imgArea .img { position: relative;}
.oneSpanInjection .injectionArea .imgArea img { width: 100%}
.oneSpanInjection .injectionArea .imgArea .text { font-size: 22px; font-family:NotoSansB; color: #444; padding: 40px 0;}
.oneSpanInjection .injectionArea .imgArea .text.cor { color: #ae9059;}
.oneSpanInjection .injectionArea .imgArea .posText { position: absolute; font-size: 17px; font-family:NotoSansR; color: #444;}
.oneSpanInjection .injectionArea .imgArea .posText1 { text-align: right; top:50%;left: -20px; margin-top: -50px}
.oneSpanInjection .injectionArea .imgArea .posText2 { top: 50%; right: -50px; margin-top: 50px;}

/* ******************** caution ******************** */
.cautionPage .mainSection{padding: 30px 20px 20px 20px; box-sizing: border-box; background-color: white; border-bottom: 1px solid #e1e1e1; }
.cautionPage .langWrap{ width: 100%; display: flex; justify-content: end; margin-bottom: 10px;}
.cautionPage .langArea {min-width: 87px; position: relative;}
.cautionPage .langArea .btnLang { color: #323232; min-height: 30px; font-size: 12px; font-family: 'PretendardM'; display: flex; align-items: center; padding: 0 26px 0 8px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; cursor: pointer; background-color: #fff;}
.cautionPage .langArea .btnLang::after {content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 7px; height: 4px;background: url("../images/arrowDown.png") no-repeat top /100% auto;filter: grayscale(100%) brightness(0);}
.cautionPage .langArea .langList {display: none; position: absolute; top: 30px; left: 0; z-index: 999; width: 100%; padding: 4px 0; box-sizing: border-box; border: 1px solid rgb(214, 214, 214);background-color: #fff; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;}
.cautionPage .langArea .langList li a {color: #292929; font-size: 16px; font-family: 'PretendardM';word-break: keep-all; display: flex; align-items: center; justify-content: start; padding: 8px; box-sizing: border-box; cursor: pointer;}
.cautionPage .langArea .langList li a:hover {font-family: "PretendardSB";}
.cautionPage .btnLang.on::after {transform: translateY(-50%) rotate(180deg);}
.cautionPage .btnLang.on + .langList {display: block;}

.cautionPage .imgArea {display: flex; justify-content: center; padding-bottom: 40px; box-sizing: border-box;}

.cautionPage .ctrTitle {text-align: center; padding-bottom: 50px; box-sizing: border-box;}
.cautionPage .ctrTitle .mainTitle{ color: #000000; font-size: 20px; font-family: "SUITB"; margin-bottom: 10px;}
.cautionPage .ctrTitle .mainText{color: #304140; font-size: 68px; font-family: "SUITEB"; font-weight: bold;}
.cautionPage .btnWrap {display: flex; align-items: center; justify-content: center; gap: 8px;}
.cautionPage .btnWrap a {color: #fff; width: 50%; display: flex; align-items: center;  justify-content: center; gap:14px; padding: 15px; box-sizing: border-box; border-radius: 4px; background-color: #aa4e97;}
.cautionPage .btnWrap a .text{font-size: 16px; font-family: "SUITSB";}
.cautionPage .btnWrap a .img01{width: 12px;}
.cautionPage .btnWrap a .img02{width: 20px;}

/* select 버튼 */
.cautionPage .accordionWrap .btnSelect{ color: #2b2b2b; font-size: 20px; font-family: "SUITSB"; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-bottom: 1px solid #e1e1e1; cursor: pointer;}
.cautionPage .btnSelect::after{content: ""; width: 15px; height: 18px; display: block; background: url("/app/layout/web/images/sub/caution/arrowCaution.png") no-repeat center / 100% auto;}
.cautionPage .btnSelect.on + .accorList {display: block;}
.cautionPage .btnSelect.on::after{transform: rotate(180deg);}
.cautionPage .accorList { display: none;}
.cautionPage .accorList li {width: 100%;}
.cautionPage .accorList li .desc {
    color: #2b2b2b;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 80px;
    padding: 25px 15px 25px 40px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 20px;
}

/* 베트남 언어*/
.cautionPage.cautionPage_vie .ctrTitle .mainText{font-family: 'roboto', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}
.cautionPage.cautionPage_vie .btnWrap a .text{font-family: 'roboto', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}
.cautionPage.cautionPage_vie  .accordionWrap .btnSelect{font-family: 'roboto', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}
.cautionPage.cautionPage_vie  .accorList li .desc{font-family: 'roboto', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;}

/* 중국어 언어*/
.cautionPage.cautionPage_chi .ctrTitle .mainText{font-family: 'NotoSansScSB';}
.cautionPage.cautionPage_chi .btnWrap a .text{font-family: 'NotoSansScSB';}
.cautionPage.cautionPage_chi .accordionWrap .btnSelect{font-family: 'NotoSansScR';}
.cautionPage.cautionPage_chi .accorList li .desc{font-family: 'NotoSansScR';}

@media(max-width:1400px){
    /*BNA 페이지*/
    .pageOutWrap.bna .bnaImg .bnaTab li {font-size: 55px;}
    .cl_commonBoardGrid .grid .gridCell .leftImg {margin-right: 1px;}

    /*리뷰 뷰페이지*/
    .pageOutWrap.reviewView .reviewViewContent .reviewViewImg {margin-left: 10px; box-sizing: border-box;}

    /* BodyVolume Filter */
    .BodyVolume .bodyVolumeDoctor {display:block; height: 100%; min-height: 1021px; background-image: url("/app/layout/web/images/sub/BodyVolume_05_content2.jpg")}
    .BodyVolume .bodyVolumeDoctor .mobileContent {display: none}

    /* 가슴필러 */
    .bodyVolumeNew .volumeSelfie .cl_subContentsTitle {padding: 0 100px 0 150px; margin-right: 30px;}


    /* 의료진 소개 */
    .doctorPage .txtArea {margin-left: 60px;}
    .doctorPage .title {font-size: 30px; margin-bottom: 20px;}
    .doctorPage .subTitle {font-size: 28px; margin-left: 27px; margin-bottom: 20px;}
    .doctorPage .desc {margin-left: 27px; font-size: 14px; letter-spacing: -1px; white-space: nowrap;}
    .doctorPage .swiper-button-prev {right: 6vw;}
    .doctorPage .swiper-button-prev, .doctorPage .swiper-button-next {left: auto !important; background-size: 90%;}

    /*
    ******************** 오시는길 ********************
    */
    .location .topTxt .title {font-size: 65px; margin-bottom: 55px;}
    .location .subTxt {font-size: 23px; margin-bottom: 35px; line-height: 40px;}
    .location .desc {font-size: 15px; line-height: 28px;}
    .location .mapImg {height: auto;}

    .location .bottomTxt .title {font-size: 35px;}
    .location .bottomTxt .desc {font-size: 14px;}
    .location .bottomTxt .number .desc { font-size: 23px; }
    .location .time .desc span {font-size: 13px;}

    /*
    ******************** 쁘띠양악 ********************
    */
    .petitSurgery .ifNecessary .subTxt {font-size: 23px;}
    .petitSurgery .ifNecessary .contents li .bigTxt {font-size: 31px;}
    .petitSurgery .ifNecessary .contents li .smallTxt {font-size: 16px;}

    /*
    ******************** 머핀주사 ********************
    */
    .muffin .cl_special .cl_subContentsTitle .bigTxt {margin-bottom: 90px;}
    .muffin .cl_special .cl_subContentsTitle .titleTxt::after {height: 350px;}
    .muffin .cl_special .cl_subContentsTitle.type2 .mainTxt .main1 {white-space: nowrap;}
    .muffin .cl_special .img {position: relative; top: -200px; z-index: -1;}



    /*
        ******************** 가슴골필러 ********************
    */

    .ChestGolFiller .cl_filler .layOutImg2 {position: absolute; right: 30px; top: 25px;}

    /*
       ******************** 바프솔루션 ********************
       */
    .baopSolution .solutionEffect .effectTxt {font-size: 15px; padding: 30px;}
    .baopSolution .solutionEffect table th {font-size: 16px;}
    .baopSolution .solutionEffect table td {font-size: 18px;}

    /*
      ******************** 골반힙딥필러 ********************
    */
    .hipFiller .cl_GowoonmomTv {padding: 320px 30px 1px;}
    .hipFiller .variousTypes .swiper-slide .swiperDesc {font-size: 16px; padding: 12vw 15px 2vw; min-height: 415px;}

    /*
        *** what is
    */
    .whatIsHipDip { margin-top: 100px; }
    .whatIsHipDip .chartImgArea > div {width:85%; margin:0 auto;}
    .whatIsHipDip .chartImgArea > div img {width:100%;}

    .whatIsHipDip .swiperArea {max-width:1100px; margin: 0 auto;}
    .whatIsHipDip .swiperArea .swiper-container {min-height:500px; padding:30px; padding-top:0;}
    .whatIsHipDip .swiperArea .swiper-slide .box { box-shadow:0 0 30px rgba(0,0,0,0.1);}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell {height:auto; padding-top:80px;}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .titleBar {
        width: 98%;
        height: 40px;
        font-size: 15px;
        margin-bottom:15px;
    }
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText {font-size:15px;}

    .HipDipZoom .textBoxWrap {flex-wrap: wrap; justify-content: center;}
    .HipDipZoom .textBoxWrap .textBox {min-width: auto;}
    .HipDipZoom .textBoxWrap .textBox1 {width: 60%; justify-content: center;}
    .HipDipZoom .textBoxWrap .textBox2,
    .HipDipZoom .textBoxWrap .textBox3 {width: 60%;}

    /*
        *** afterFat
    */
    .afterFat .cl_filler .layOutImg2 { right: 100px; }
    .afterFat .cl_since .contentsArea .sinceBox { align-items: center; }
    .afterFat .cl_since .contentsArea .sinceBox .left { width: 740px; }
    .afterFat .cl_since .contentsArea .sinceBox .left .textArea { padding: 20px 0; box-sizing: border-box; }
    .afterFat .cl_since .contentsArea .sinceBox .left .textArea .subText { font-size: 14px; margin-bottom: 10px; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea { bottom: 20px; display: flex; justify-content: flex-end; align-items: center; margin-right: -0px; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon { display: flex; flex-direction: column; align-items: center; justify-content: center;  width: 220px; height: 150px;
        margin-right: 20px;}
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon p { font-size: 14px; }

    .afterFat .cl_subContentsTitle.type1 .mainTxt .main2 {font-size: 50px;}

    .afterFat .contentsArea .bnaImg .imgArea .topTxt {font-size: 20px;}
    .afterFat .contentsArea .bnaImg .imgArea .bottomTxt {font-size: 30px; line-height: 70px; height: 70px;}

    .afterFat .bodyCase .desc {font-size: 20px;}
    .afterFat .subTitle {font-size: 25px;}


    /*
        *** HipDipZoom
    */


    .HipDipZoom .cl_subContentsTitle .mainTxt { margin-bottom: 30px; }
    .HipDipZoom .cl_subContentsTitle.type1 .subTxt { font-size: 18px; }
    .HipDipZoom .textBoxWrap .textBox { padding: 40px 20px; letter-spacing: -0.8px; }
    .HipDipZoom .textBoxWrap .textBox .title { font-size: 42px; margin-bottom: 40px;}

    .HipDipZoom .textBoxWrap .textBox .boxText { font-size: 16px; padding: 10px 0px; margin-bottom: 20px;}

    .HipDipZoom .textBoxWrap .textBox .subText { font-size: 14px; color: #666666; font-family:NotoSansR; }
    .HipDipZoom .textBoxWrap .textBox .subText .bold{ font-family:NotoSansB; }

    .HipDipZoom .textBoxWrap .textBox .imgWrap { width: 25vw; margin: 0 auto;
        height: auto; }

    /*
      ******************** 고운빛주사 ********************
    */
    .bodyWhitening .cl_Column {padding: 320px 0 0 !important;}


    /*
      ******************** 골반힙딥필러 ********************
    */
    .hipFiller .variousTypes .swiper-button-prev {
        left: auto!important;
        right: 7vw;
    }
    .HipDipZoom .textBoxWrap .textBox .textBoxTitle {padding: 0 100px;}
    .HipDipZoom .textBoxWrap .textBox .textBoxTitle2 {width: 50%;padding: 0 10px;}


    /*
        ******************** 브랜드 story ********************
    */
    .historyArea .historyChartArea {zoom:0.7;}


    /*
        ************************************ 뱃살핏 ********************************************
    */
    /*
        *** 뱃살핏 솔루션
    */
    .bellyFit .bellyFitSolution {margin-top:240px;}
    .bellyFit .bellyFitSolution .solutionTextWrap {margin-bottom:60px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType1 {font-size:18px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType2 {font-size:24px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType3 {font-size:38px;}

    .bellyFit .diagramArea .gridWrapper {overflow:hidden;}
    .bellyFit .diagramArea .grid {display:flex; flex-wrap:wrap; padding:30px 0 0 30px; margin:-30px}
    .bellyFit .diagramArea .grid .gridCell {
        position:relative;
        height:0;
        padding-bottom:calc((100% / 4) - 30px);
        box-sizing:border-box;
        width:calc(100% / 4);
        border:0 solid transparent;
        border-width:0 30px 30px 0;
    }

    .bellyFit .diagramArea .circle .num {font-size:22px;}
    .bellyFit .diagramArea .circle .subText {font-size:14px;}
    .bellyFit .diagramArea .circle .titleText {font-size:24px;}


    .bellyFit .threeLayerLifting {height:350px;}
    .bellyFit .threeLayerLifting .boxTitle {font-size:40px; padding:0 30px;}
    .bellyFit .threeLayerLifting .boxContent {padding:0 30px;}
    .bellyFit .threeLayerLifting .boxContent .textCell { margin-right:40px;}
    .bellyFit .threeLayerLifting .boxContent .textCell .num {
        width: 28px;
        height: 28px;
        font-size: 16px;
        margin-bottom: 20px;
    }
    .bellyFit .threeLayerLifting .boxContent .textCell .detailText {font-size:17px;}


    .bellyFit .iconCircle .grid {display:flex; flex-wrap:wrap; padding:30px 0 0 30px; margin:-30px}
    .bellyFit .iconCircle .grid .gridCell {
        padding-bottom:calc((100% / 4) - 30px);
        width:calc(100% / 4);
        border:0 solid transparent;
        border-width:0 30px 30px 0;
    }
    .bellyFit .iconCircle .circle .iconCell {margin-bottom:15px;}
    .bellyFit .iconCircle .circle .iconCell img {zoom:0.8;}
    .bellyFit .iconCircle .circle .textCell {font-size:16px;}


    /* 골반필러 한뼘주사 */
    .oneSpanInjection.pageContentWrap { padding: 0 30px; box-sizing: border-box;}
    .oneSpanInjection .cl_choiceTip { padding-top: 210px;}

    .oneSpanInjection .cl_subContentsTitle { margin-bottom: 60px !important;;}

    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox { margin-bottom: 75px;}


    .oneSpanInjection .injectionArea .imgArea {  margin-right: 25px; }

    .oneSpanInjection .injectionArea .imgArea .text { font-size: 18px; padding: 30px 0;}

    .oneSpanInjection .injectionArea .imgArea .posText { font-size: 15px; ;}
    .oneSpanInjection .injectionArea .imgArea .posText1 { left: -10px;}
    .oneSpanInjection .injectionArea .imgArea .posText2 { right: -20px;}


    /*    한뼘튼살    */

    .stretchMark .cl_specialist .cl_choiceTipBox {  width: 100%;  padding: 0px 40px; }
    .stretchMark .cl_specialist .cl_choiceTipBox .subTxt {  font-size: 18px; }
    .stretchMark .cl_specialist .cl_choiceTipBox .quotes { font-size: 50px; }
    .stretchMark .cl_specialist { padding-left: 15px !important; padding-right: 15px !important;}
    .stretchMark .cl_specialist .textArea li { margin-left: 30px; text-align: left}

    .stretchMark .solenoidWrap {  margin-bottom: 60px;}
    .stretchMark .solenoidWrap .leftArea { margin-right: 10px;}
    .stretchMark .solenoidWrap .leftArea .title { font-size: 35px;  margin-bottom: 30px;}
    .stretchMark .solenoidWrap .leftArea .subTit { font-size: 22px; margin-bottom: 15px;}
    .stretchMark .solenoidWrap .leftArea .subTit .icon {font-size: 20px; }
    .stretchMark .solenoidWrap .leftArea .subText { font-size: 20px; }






}

@media (max-width: 1100px) {
    /*
        ******************************************* leg Line Filter ****************************
    */
    .leglineFiller .forPc {display:none;}
    .leglineFiller .forM {display:inline;}

    .HipDipZoom .popWrap {width: 90%;}

    .afterFat .contentsArea .bnaImg .imgArea .topTxt {font-size: 15px;}
    .afterFat .contentsArea .bnaImg .imgArea .bottomTxt {font-size: 25px; line-height: 60px; height: 60px;}

    .afterFat .bodyCase .desc {font-size: 16px;}
    .afterFat .subTitle {font-size: 21px;}


    /*    한뼘튼살    */

    .stretchMark .advantageWrap { margin-top: 150px;}
    .stretchMark .advantageWrap .advantage {  padding-left: 15px; padding-right: 15px; box-sizing: border-box}
    .stretchMark .advantageWrap .flexBox {  margin-bottom: 80px;}

    .stretchMark .advantageWrap .flexBox .imgArea { margin-bottom: 20px;}

    .stretchMark .advantageWrap .flexBox .textArea .title { font-size: 20px; margin-bottom: 10px;}
    .stretchMark .advantageWrap .flexBox .textArea .text { font-size: 16px; }
    .stretchMark .advantageWrap .flexBox .leftArea { margin-right: 40px;}
    .stretchMark .advantageWrap .cl_pageLayout.type1 { padding-top: 20px;}

    /*  힙딥필러    */
    .hipFiller .variousTypes .swiper-slide .swiperDesc {font-size: 15px; padding: 13vw 15px 0; min-height: 405px;}

}

@media(max-width:1024px) {
    /*리뷰 list*/
    .pageOutWrap.review .tblList .titleCell .contentsTxt {font-size: 16px;}
    .pageOutWrap.review .tblList .contentsCell .contentsTxt {font-size: 14px;}

    /*리뷰 view*/
    .pageOutWrap.reviewView .cl_boardViewContent {padding: 0;}

    /*BNA */
    .pageOutWrap.bna .bnaImg .imgZone.on{gap: 0;}
    .pageOutWrap.bna .bnaImg .photoCell .loginCover span {font-size: 15px;}
    .pageOutWrap.bna .bnaImg .photoCell .volumeLayer {height:40px; font-size:18px;}
    .pageOutWrap.bna .bnaImg .bnaTab li {font-size: 40px;}

    .pageOutWrap.bna .bottomTitle.cl_subVisual .mainText {font-size: 55px;}
    .pageOutWrap.bna .bottomTitle.cl_subVisual .subText {font-size: 16px;}

    /*
     ***가슴필러
    */
    .bodyVolumeNew .volumeSelfie .cl_subContentsTitle {padding: 0 70px 0 80px;}
    .bodyVolumeNew .cl_filler .layOutImg2 img {width: 60%;}
    .bodyVolumeNew .cl_filler .layOutImg2 .subTxt { font-size: 15px; }
    .bodyVolumeNew .cl_filler .layOutImg2 {
        position: absolute;
        right: 100px;
        top: 78px;
        text-align: center;
    }
    /*
     ***의료진 소개
    */

    .doctorPage .txtArea {margin-left: 30px;}
    .doctorPage .title {font-size: 25px; margin-bottom: 20px;}
    .doctorPage .subTitle {font-size: 20px; margin-left: 23px; margin-bottom: 20px;}
    .doctorPage .desc {margin-left: 23px; font-size: 12px; line-height: 1.7;}
    .doctorPage .swiper-slide .doctorTitle {font-size: 20px;}
    .doctorPage .swiper-button-prev {right: 8vw;}
    .doctorPage .swiper-button-prev, .doctorPage .swiper-button-next {background-size: 80%;}


    /*
        ******************** 오시는길 ********************
     */
    .location .topTxt .title {font-size: 60px; margin-bottom: 55px;}
    .location .subTxt {font-size: 20px; margin-bottom: 35px; line-height: 40px;}
    .location .desc {font-size: 14px; line-height: 1.8;}

    .location .bottomTxt .title {font-size: 30px;}
    .location .bottomTxt .desc {font-size: 13px;}
    .location .bottomTxt .number .desc { font-size: 20px; }
    .location .time .desc span {font-size: 13px;}

    /*
   ******************** 쁘띠양악 ********************
   */
    .petitSurgery .ifNecessary .subTxt {font-size: 20px;}
    .petitSurgery .ifNecessary .contents li {width: calc((100% - 100px) /3); margin-right: 50px;}
    .petitSurgery .ifNecessary .contents li .bigTxt {font-size: 25px;}
    .petitSurgery .ifNecessary .contents li .smallTxt {font-size: 13px;}

    /*
   ******************** 머핀주사 ********************
   */
    .muffin .cl_special .cl_subContentsTitle .bigTxt {margin-bottom: 80px;}
    .muffin .cl_special .cl_subContentsTitle .titleTxt::after {height: 270px;}



    /*
        ******************** 가슴골필러 ********************
    */

    .ChestGolFiller .cl_filler .layOutImg2 {position: absolute; right: 0px; top: 25px;}
    .ChestGolFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 100px;}


    .chestFiller .cl_filler .layOutImg2 img { width: 80%; }
    .chestFiller .cl_filler .layOutImg2 {
        position: absolute;
        right: 38px;
        top: 00px;
        text-align: center;}
    /*
   ******************** 고운몸 story ********************
   */
    .brandStory .cl_subVisualTitle .subPageSub {font-size: 22px;}
    .brandStory .cl_subVisualTitle .subPageMain {font-size: 55px;}
    .brandStory .why .subTitle {font-size: 18px;}
    .brandStory .why .title {font-size: 35px;}
    .brandStory .why .topArea {margin-bottom: 130px;}
    .brandStory .why .bottomTxt {font-size: 15px;}
    .brandStory .why .question {font-size: 80px;}
    .brandStory .why .bottomArea .title {font-size: 20px;}
    .brandStory .why .bottomArea .desc {font-size: 14px;}
    .brandStory .cl_drKim .subTitle {font-size: 18px;}
    .brandStory .cl_drKim .subTitle span {font-size: 18px;}

    .brandStory .why2 .bottomArea .title {font-size: 13px; white-space: nowrap;}

    /*
    ******************** 바프솔루션 ********************
    */
    .baopSolution .solutionEffect .effectTxt {font-size: 13px; padding: 20px;}
    .baopSolution .solutionEffect table th {font-size: 14px;}
    .baopSolution .solutionEffect table td {font-size: 16px;}

    /*
       ******************** 고운빛주사 ********************
   */
    .bodyWhitening .cl_solutionContents .thumbnailImg li {font-size: 15px;}

    /*
       ******************** 골반힙딥필러 ********************
   */
    .hipFiller .variousTypes .swiper-button-prev {
        right: 6vw;
    }
    .hipFiller .variousTypes .swiper-button-next {
        right: 0 !important;
    }
    .hipFiller .youtubeList { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; position: relative; padding: 0 0px; padding-bottom: 50px;}
    .hipFiller .cl_filler .layOutImg2 {position: absolute; right: 0px; top: 25px;}
    .hipFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 100px;}

    .hipFiller .variousTypes .swiper-slide .swiperDesc {font-size: 14px; padding: 18vw 15px 0; min-height: 430px;}
    .whatIsHipDip {padding: 0 30px; box-sizing: border-box;}
    .whatIsHipDip .swiperArea {margin: 0 !important;}
    /*
        *** what is
    */
    /*.whatIsHipDip .chartImgArea > div {width:85%; margin:0 auto;}
    .whatIsHipDip .chartImgArea > div img {width:100%;}

    .whatIsHipDip .swiperArea {margin-left:-20px; margin-right:-20px;}
    .whatIsHipDip .swiperArea .swiper-container {min-height:500px; padding:20px; padding-top:0;}
    .whatIsHipDip .swiperArea .swiper-slide .box { box-shadow:0 0 20px rgba(0,0,0,0.1);}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell {height:100%; padding-top:30px;}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .titleBar {
        width: 100%;
        height: 35px;
        font-size: 15px;
        margin-bottom:15px;
        letter-spacing: -1px;
    }
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText {font-size:14px;}

    .whatIsHipDip .swiperArea .swiper-slide:nth-of-type(3) .box .textCell {padding-top:20%;}*/


    /*
        *** afterFat
    */

    .afterFat .cl_since .showBlockM { display: none; }
    .afterFat .cl_since .showBlockPc { display: block; }
    .afterFat .cl_since .contentsArea .sinceBox { align-items: center; flex-direction: column; }
    .afterFat .cl_since .contentsArea .sinceBox .left { width: 100%; margin-left: 0; margin-top: -50px;}
    .afterFat .cl_since .contentsArea .sinceBox .left .textArea { padding: 10px 0; box-sizing: border-box; }
    .afterFat .cl_since .contentsArea .sinceBox .left .textArea .subText { font-size: 14px; margin-bottom: 10px; letter-spacing: -1px;}
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea { bottom: 20px; display: flex; justify-content: space-between; align-items: center; margin-right: -0px; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon { display: flex; flex-direction: column; align-items: center; justify-content: center;  width: calc(100% /3); margin-right: 20px;
        height: 150px;box-sizing: border-box; padding: 0 10px;}
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon.type2 { margin-right: 0; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon p { font-size: 14px; }
    .afterFat .cl_subContentsTitle.type1 .mainTxt .main2 {font-size: 40px; line-height: 50px;}

    /*.afterFat .contentsArea .bnaImg .imgArea:first-child {margin-right: 0;}*/

    .afterFat .cl_subContentsTitle.type1 .mainTxt .main1 {line-height: 1.3;}
    .afterFat .bodyCase {margin-top: 100px;}
    .afterFat .bodyCase .desc {font-size: 13px;letter-spacing: -1px;}

    /*
       *** what is
   */
    .whatIsHipDip .chartImgArea .chartImgPc {display:none;}
    .whatIsHipDip .chartImgArea .chartImgM {display:block; margin-bottom: 50px;}
    .whatIsHipDip .chartImgArea .chartImgM img {display:none;}
    .whatIsHipDip .chartImgArea .chartImgM img:first-child {display:block;}

    .whatIsHipDip .swiperArea {margin-left:-50px; margin-right:-50px;}
    .whatIsHipDip .swiperArea .swiper-container {min-height:500px; height:auto; padding:0; padding-top:0;box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.1);}
    .whatIsHipDip .swiperArea .swiper-slide .box {border-radius:10px; overflow:hidden;}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell {height:180px; padding:20px 20px 60px 20px; padding-top:20%;}
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .titleBar {
        display:inline-block;
        width: auto;
        height: 35px;
        line-height:35px;
        font-size: 15px;
        margin-bottom:15px;
        letter-spacing: 0;
        padding:0 15px;
        vertical-align: middle;
        margin-top:-20%;
    }
    .whatIsHipDip .swiperArea .swiper-slide .box .textCell .contentText {font-size:14px; text-align:left; margin-top:-5%;}

    .whatIsHipDip .swiperArea .swiper-slide:nth-of-type(1) .box .textCell {padding-top:20%;}
    .whatIsHipDip .swiperArea .swiper-slide:nth-of-type(1) .box .textCell .titleBar {margin-top:0;}
    .whatIsHipDip .swiperArea .swiper-slide:nth-of-type(1) .box .textCell .contentText {margin-top:0;}

    .whatIsHipDip .swiperArea .cardNavigation {display:block; bottom: 30px; right: 20px;}



    /*
    *** HipDipZoom
*/

    .HipDipZoom { margin-top: 100px; }
    .HipDipZoom .cl_subContentsTitle .mainTxt { margin-bottom: 20px; }
    .HipDipZoom .cl_subContentsTitle.type1 .subTxt { font-size: 14px;font-family:NotoSansR; }
    .HipDipZoom .textBoxWrap { display: flex; justify-content: space-between; text-align: center; flex-direction: column; }
    .HipDipZoom .textBoxWrap img { width: 100%; margin-bottom: 20px; }
    .HipDipZoom .textBoxWrap .textBox { width: 100%; padding: 30px 20px; letter-spacing: -0.8px; margin-bottom: 30px; }
    .HipDipZoom .textBoxWrap .textBox .title { font-size: 31px; margin-bottom: 20px;}

    .HipDipZoom .textBoxWrap .textBox .boxText { font-size: 16px; border-radius: 30px; padding: 5px 6px; width: auto; display: inline-block; margin-bottom: 20px;}
    .HipDipZoom .textBoxWrap .textBox .boxText .grey { color: #aaaaaa;}
    .HipDipZoom .textBoxWrap .textBox .boxText .blue { color: #75a3b5;}
    .HipDipZoom .textBoxWrap .textBox .boxText .beige { color: #bfa05e;}

    .HipDipZoom .textBoxWrap img {margin-bottom: 12px;}

    .HipDipZoom .textBoxWrap .textBox .subText { font-size: 12px; color: #666666; font-family:NotoSansR; }
    .HipDipZoom .textBoxWrap .textBox .subText .bold{ font-family:NotoSansB; }


    /*
    *** voluimeHipFiller
*/
    .voluimeHipFiller .cl_realSelfie .imgArea .rightArea { margin-top: 100px; }



    .bellyFit .iconCircle .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
    .bellyFit .iconCircle .grid .gridCell {
        padding-bottom:calc((100% / 4) - 20px);
        width:calc(100% / 4);
        border:0 solid transparent;
        border-width:0 20px 20px 0;
    }
    .bellyFit .iconCircle .circle .iconCell {margin-bottom:15px;}
    .bellyFit .iconCircle .circle .iconCell img {zoom:0.6;}
    .bellyFit .iconCircle .circle .textCell {font-size:16px;}



    /* 골반필러 한뼘주사 */

    .oneSpanInjection .cl_choiceTip { padding-top: 150px;}

    .oneSpanInjection .cl_subContentsTitle { margin-bottom: 40px !important;;}
    .oneSpanInjection .subTitle { font-size: 18px; margin-bottom: 15px;}
    .oneSpanInjection .cl_subContentsTitle.oneLine .mainTxt .main1 { font-size: 50px;}
    .oneSpanInjection .cl_subContentsTitle.oneLine .mainTxt .main2 { font-size: 50px;}
    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt { font-size: 16px;}

    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox { margin-bottom: 55px;}


    .oneSpanInjection .injectionArea .imgArea {  margin-right: 15px; }

    .oneSpanInjection .injectionArea .imgArea .text { font-size: 16px; padding: 20px 0;}

    .oneSpanInjection .injectionArea .imgArea .posText { font-size: 13px; ;}
    .oneSpanInjection .injectionArea .imgArea .posText1 { left: -10px; margin-top: -35px;}
    .oneSpanInjection .injectionArea .imgArea .posText2 { right: -20px; margin-top: 65px;}


    /*    한뼘튼살    */
    .stretchMark  .cl_specialist .cl_choiceTipBox .quotes { font-size: 40px; }
    .stretchMark .solenoidWrap {  margin-bottom: 40px;}
    .stretchMark .solenoidWrap .leftArea { width: 80%}
    .stretchMark .solenoidWrap .leftArea .title { font-size: 30px;  margin-bottom: 30px;}
    .stretchMark .solenoidWrap .leftArea .subTit { font-size: 20px; margin-bottom: 15px;}
    .stretchMark .solenoidWrap .leftArea .subTit .icon {font-size: 18px; }
    .stretchMark .solenoidWrap .leftArea .subText { font-size: 16px; }


}

@media(max-width:768px) {
    /*이벤트 페이지*/
    .pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell .mainText {padding: 10px 0;}
    .pageOutWrap.event .eventList .cl_commonBoardGrid .grid .gridCell .subText {font-size: 12px;}
    .pageOutWrap.event .eventList .eventBtn {margin-top: 10px;}

    /*이벤트 뷰페이지*/
    .pageOutWrap.eventView .cl_boardViewContent.type2 .boardViewFlex {flex-direction: column;}
    .pageOutWrap.eventView .cl_boardViewContent.type2 .boardViewFlex .boardDateSection .boardViewText {border-bottom: 0;}
    .pageOutWrap.eventView .cl_boardViewContent.type2 .boardViewImg {border-bottom: 1px solid #eeeeee;}
    .pageOutWrap.eventView .cl_boardViewContent.type2 .boardViewTitle {text-align: left;}
    .pageOutWrap.eventView .cl_boardTitle {text-align: left;}

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

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

        /*리뷰 뷰페이지*/
    .pageOutWrap.reviewView .reviewViewContent {display: block;}
    .pageOutWrap.reviewView .thumbnailImg {width: 25%; margin-top: 0;}
    .pageOutWrap.reviewView .reviewViewimg {width: 75%;}
    .pageOutWrap.reviewView .reviewViewContent .thumbnailImg li img {width: 60px;}
    .pageOutWrap.reviewView .reviewViewContent .reviewViewContentImg {align-items: flex-end; width: 100%;}
    .pageOutWrap.reviewView .cl_boardViewContent {width: 100%; margin-top: 20px; margin-left: 0;}


    /*BNA 페이지*/
    .pageOutWrap.bna .bnaImg .bnaTab li {font-size: 26px;}

    .pageOutWrap.bna .bnaImg {display: block;}
    .pageOutWrap.bna .bnaImg .bnaTab {margin-top: 10px; margin-left: 0;}
    .pageOutWrap.bna .bnaImg .bnaTab ul {display: flex; justify-content: space-evenly; width: 100%;}
    .pageOutWrap.bna .bnaImg .photoCell .loginCover span {font-family: 'NotoSansM'; font-size: 12px;}
    .pageOutWrap.bna .bnaImg .photoCell .volumeLayer {height:35px; font-size:14px;}

    .pageOutWrap.bna .bottomTitle.cl_subVisual .mainText {font-size: 26px;}
    .pageOutWrap.bna .bottomTitle.cl_subVisual .subText {font-family: 'NotoSansM'; font-size: 12px;}
    .pageOutWrap.bna .bottomTitle.cl_subVisual {height: 213px;}
    
    .pageOutWrap.bna .cl_commonBoardGrid .gridCell {border-width: 0 10px 70px 0;}
    .pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .loginBtn .cl_lineButton {font-size: 10px; padding: 9px 11px;}
    .pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .volumeLayer {height: 30px;}
    .pageOutWrap.bna .cl_commonBoardGrid .gridCell .rightImg .volumeLayer span {line-height:30px; font-size:13px;}

    .pageOutWrap.bna .bnaBtn {margin-top: 20px;}
    .pageOutWrap.bna .cl_commonBoardGrid .grid .gridCell {justify-content: center; width: 100%; }

    /* 제시라인 */
    .xessieline .cl_subVisualTitle .subPageMain img {width: 60%;}

    /*
       ******************************************* leg Line Filter ****************************
   */

    .leglineFiller .sectionTitle {letter-spacing: 0; margin-bottom:60px;}
    .leglineFiller .sectionTitle .subText {font-size:22px;}
    .leglineFiller .sectionTitle .mainText {font-size:30px;}

    .leglineFiller .caseTabArea {padding-top:60px; padding-bottom:60px;}

    .leglineFiller .caseTabArea .tabButtons {margin-bottom:60px;}
    .leglineFiller .caseTabArea .tabButtons .btnTab {font-size:15px; padding:10px 0;}

    .leglineFiller .caseTabArea .tabContent img {width:100%;}


    .leglineFiller .keepArea {padding-top:60px; padding-bottom:60px;}
    .leglineFiller .keepArea .videoContent {flex-direction:column; margin-bottom:40px;}
    .leglineFiller .keepArea .videoCell {width:100%; margin-right:0; margin-bottom:15px;}

    .leglineFiller .thumbnailCon .titleImg img {width:250px;}

    /*
    ******************** 가슴성형보정필러 ********************
    */
    .bodyVolumeNew .volumeSelfie {display: flex; align-items: flex-start; width: 100%; max-width: 1920px; margin: 0 auto; padding-top: 100px; flex-direction: column; }
    .bodyVolumeNew .volumeSelfie .cl_subContentsTitle {padding-left: 15px; width: 100%; text-align: center;}
    .bodyVolumeNew .volumeSelfie .swiperArea {width: 100%; padding-left: 15px; box-sizing: border-box;}
    .bodyVolumeNew .volumeSelfie .swiperArea .selfieSLide {width: auto;}
    .bodyVolumeNew .cl_solutionContents .txtArea .bottomArea .featureContents li {padding: 10px; }
    .bodyVolumeNew .cl_filler .layOutImg2 {right: 0; top: 220px; width: 50%;}
    .bodyVolumeNew .cl_filler .layOutImg2 img {width: 60%;}
    .bodyVolumeNew .cl_filler .layOutImg2 .subTxt { font-size: 12px; }
    .bodyVolumeNew .cl_subContentsTitle.oneLine .mainTxt .main1 { line-height: 44px; }
    .bodyVolumeNew .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 50px;}


    /*
     ******************** 뼈가슴필러 ********************
     */
    .chestFiller .cl_pageLayout.type1 .layOutImg .imgArea ul {top: 5%; bottom: auto;}
    .chestFiller .cl_pageLayout.type1 .layOutImg .imgArea li {margin: 5px 5px 5px 0; padding: 8px 18px;}
    .chestFiller .cl_filler .layOutImg2 img { width: 60%; }
    .chestFiller .cl_filler .layOutImg2 {
        position: absolute;
        right: 18px !important;
        top: 250px;
        text-align: center;}
    .chestFiller .cl_subContentsTitle.oneLine .mainTxt .main1 { line-height: 44px; }
    .chestFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 50px;}

    /*
     ******************** 의료진 소개 ********************
    */
    .doctorPage {display: block; padding: 0 15px; height: auto;}
    .doctorPage .imgAreaPc {/*display: none;*/ width: 100%; margin-top: 15px; margin-left: 0;}
    .doctorPage .title {font-size: 34px; line-height: 1.2;}
    .doctorPage .subTitle {font-size: 24px; margin-left: 0;}
    .doctorPage .desc {margin-left: 0; line-height: 1.8;}
    .doctorPage .txtArea {width: 100%; margin-left: 0; margin-top: 130px;}
    .doctorPage .imgAreaM .doctorName {margin-top: 5px;}
    .doctorPage .imgAreaM li .doctorTitle {font-family: 'NotoSansR'; font-size: 14px; color: #666; margin-bottom: 10px;}
    .doctorPage .imgAreaM li .doctorName {display: block; font-family: 'NotoSerifB'; font-size: 17px;}
    .doctorPage .swiper-pagination-bullet {background: #eee; opacity: 1;}
    .doctorPage .swiper-pagination-bullet-active {width: 16px; border-radius: 20px; background: #bfa05e;}


    /*
       ******************** 오시는길 ********************
    */
    .location .topTxt {position: relative; top: -50px;}
    .location .topTxt .title {font-size: 36px; margin-bottom: 30px;}
    .location .subTxt {font-size: 17px; margin-bottom: 35px; line-height: 1.6}
    .location .desc {font-size: 14px; line-height: 1.6;}
    .location .mapImg {padding: 0;}

    .location .address, .location .number, .location .time, .location .parking {margin-bottom: 52px;}
    .location .bottomTxt .title {font-size: 17px; margin-bottom: 14px;}
    .location .bottomTxt .desc {font-size: 14px;}
    .location .bottomTxt .number .desc { font-size: 17px; }
    .location .time .desc span {font-size: 14px;}
    .location .mapImgWrap { display: block;  margin-bottom: 30px;padding: 0 15px;  }
    .location .mapImg { width: 100%; margin-bottom: 10px; }
    .location .mapVideo { width: 100%; }

    /*
       ******************** 바프솔루션 ********************
    */
    .baopSolution .cl_pageLayout.type1 .layOutImg .imgArea ul.top {top: auto; bottom: 20%;}
    .baopSolution .cl_subContentsTitle.oneLine .mainTxt .main2 {display: block;}
    .baopSolution .solutionEffect {padding-top: 100px;}
    .baopSolution .solutionEffect table {display: none;}
    .baopSolution .solutionEffect .tableTab {width: 100%;}
    .baopSolution .solutionEffect .tableTab ul {display: flex;}
    .baopSolution .solutionEffect .tableTab li {width: calc(100% / 3); height: 40px; line-height: 40px; font-family: 'NotoSansB'; font-size: 12px; color: #91733c; text-align: center; cursor: pointer; border: 1px solid #91733c; box-sizing: border-box;}
    .baopSolution .solutionEffect .tableTab li.on {color: #fff; background: #91733c;}
    .baopSolution .solutionEffect .tableTab li:first-child,.baopSolution .solutionEffect .tableTab li:nth-child(2) {border-right: 0;}
    .baopSolution .solutionEffect .tableTab p {display: none; font-family: 'NotoSansB'; font-size: 12px; color: #444; padding: 20px 15px; border-bottom: 1px solid #91733c; }
    .baopSolution .solutionEffect .tableTab p.on {display: block;}
    .baopSolution .solutionEffect .effectTxt {font-size: 12px; padding: 10px;}

    /*
          ******************** 볼륨힙필러 ********************
    */
    .voluimeHipFiller .cl_subPageMain {background-image: url("/app/layout/web/images/renewal/volumehipMain_m.jpg");}
    .voluimeHipFiller .cl_solutionContents .txtArea .bottomArea .featureContents li {padding: 10px; }
    .voluimeHipFiller .cl_realSelfie .imgArea .rightArea { margin-top: 50px; }

    /*
             ********************골반힙딥 ********************
    */
    .hipFiller .cl_gowoonmomSays .contentsArea .txtArea {margin-bottom: -115px;}
    .hipFiller .variousTypes {padding-top: 100px;}
    .hipFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 50px;}

    .hipFiller .cl_realSelfie .cl_subContentsTitle.topArea {width: 100%; text-align: center;}
    .hipFiller .cl_realSelfie .cl_subContentsTitle.topArea .mainTxt { display: flex; align-items: center; justify-content: center; }
    .hipFiller .cl_realSelfie {display: block; margin-top: 100px !important;}
    .hipFiller .cl_realSelfie .realSelfieWrap { flex-direction: column; }
    .hipFiller .cl_realSelfie .bottomArea { width: 100%; text-align: right;}
    .hipFiller .cl_realSelfie .cl_subContentsTitle.topArea .mainTxt { display: flex; align-items: center; justify-content: center; flex-direction: column; }


    .hipFiller .cl_gowoonmomSays .contentsArea .txtArea .txtWrap .rightTxt .questionTitle { margin-bottom: 30px; }
    .hipFiller .cl_gowoonmomSays .contentsArea .txtArea { overflow: hidden; }
    .hipFiller .cl_gowoonmomSays .contentsArea .imgArea { flex-direction: column; }
    .hipFiller .cl_gowoonmomSays .contentsArea .imgArea.bottomArea .iframeWrap { padding-top: 56.25% !important; margin-bottom: 10px;}
    .hipFiller .cl_gowoonmomSays .youtubeIframeWrap { width: 100%; height: 0; padding-top: 56.25%; position: relative; }
    .hipFiller .cl_gowoonmomSays .youtubeIframeWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .hipFiller .cl_gowoonmomSays .swiper-pagination { top: 300px; }

    .hipFiller .youtubeSwiper {position:relative; padding-bottom:30px;}
    .hipFiller .youtubeSwiper .youtubeIframeWrap {position:relative;}
    .hipFiller .youtubeSwiper .youtubeIframeWrap:before {content:""; position:absolute; top:0; left:0; width:100%; height:40%; z-index:10;}
    .hipFiller .youtubeSwiper .youtubeIframeWrap:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:40%;}
    .hipFiller .youtubeSwiper .swiper-pagination {bottom:0; top:auto;}

    .hipFiller .youtubeSwiper .swiper-pagination-bullet-active {background: #bfa05e !important;}
    .hipFiller .cl_medicalProcess .contentsArea { top: 300px; }
    .hipFiller .cl_subContentsTitle.type1 .mainTxt .main1 { display: block; line-height: 40px;}
    .hipFiller .cl_realSelfie .imgArea .leftArea { width: 37%; flex: none; margin-top: -140px;}
    .hipFiller .cl_realSelfie .imgArea .rightArea { margin-top: 0; }
    .hipFiller .cl_subContentsTitle.type1 .subTxt { letter-spacing: -0.8px; }
    .hipFiller .cl_realSelfie .bottomArea .mainTxt { margin-bottom: 10px; }

    .hipFiller .variousTypes .swiper-slide .swiperDesc {padding: 42vw 15px 0; min-height: 410px;}
    /*
         ******************** 고운빛주사 ********************
    */
    .bodyWhitening .cl_pageLayout.type1 .layOutImg .imgArea ul {top: auto;}
    .bodyWhitening .cl_solutionContents .thumbnailImg li {width: calc(100% / 2);}
    .bodyWhitening .cl_solutionContents .thumbnailImg li:nth-child(1),
    .bodyWhitening .cl_solutionContents .thumbnailImg li:nth-child(2) {border-bottom: 1px solid #000;}
    .bodyWhitening .cl_solutionContents .thumbnailImg li:last-child {width: 100%;}
    .bodyWhitening .cl_Column {padding: 100px 15px 0 !important;}
    .bodyWhitening .cl_cardSwiper .swiper-slide .swiperTxt { height: 80px; }
    .bodyWhitening .cl_cardSwiper .swiper-slide .cardSlide { height: 100%; }
    .bodyWhitening .cl_cardSwiper .swiper-wrapper { height: 100%; }

    .bodyWhitening .cl_subContentsTitle.oneLine .mainTxt .main1 { line-height: 44px;}
    .bodyWhitening .cl_specialist .textArea ul { flex-wrap: wrap; flex-direction: row; }
    .bodyWhitening .cl_specialist .textArea ul li { width: 49%; margin-bottom: 20px;}
    .bodyWhitening .cl_specialist .textArea ul li .desc { color: #666666; }
    .bodyWhitening .cl_specialist .subTitle { margin-bottom: 40px; }
    .bodyWhitening .cl_specialist .mainTxt { margin-bottom: 10px; }
    .bodyWhitening .cl_specialist .textArea li .desc { font-size: 12px; }
    .bodyWhitening .cl_drKimColumnCard .swiperWrap2 .swiper-slide:nth-last-child(1) { background-color: #f0f0f0;width: 100%; max-width: 345px; height: auto; margin-bottom: 4px; box-sizing: border-box; }
    .bodyWhitening .cl_gowoonmomShorts { padding-top: 90px; padding-bottom: 0; margin-top: 100px !important; }

    /*
        ******************** 쁘띠양악 ********************
   */
    .petitSurgery .cl_pageLayout.type1 {background-position: center 50%;}
    .petitSurgery .cl_pageLayout.type1 .layOutImg .imgArea ul {top: auto;}
    .petitSurgery .cl_solutionContents .txtArea .solutionDesc .smallTitle {text-align: center; margin-top: 20px;}

    .petitSurgery .ifNecessary {margin-top:100px;}
    .petitSurgery .ifNecessary .cl_subContentsTitle {margin-bottom: 40px !important;}
    .petitSurgery .ifNecessary .mainTxt {margin-bottom: 0;}
    .petitSurgery .ifNecessary .subTxt {font-size: 14px;}
    .petitSurgery .ifNecessary .contents {background: #bfa05e; border-radius: 250px; }
    .petitSurgery .ifNecessary .contents ul {padding: 65px 0;}
    .petitSurgery .ifNecessary .contents li {background: transparent; width: 100%; height: 75px; margin-right: 0; margin-bottom: 0; padding: 20px;}
    .petitSurgery .ifNecessary .contents li .bigTxt {font-size: 22px; width: 100%; margin-bottom: 10px;}
    .petitSurgery .ifNecessary .contents li .bigTxt span {font-size: 16px; color: #bfa05e; }
    .petitSurgery .ifNecessary .contents li .smallTxt {font-size: 12px;}
    .petitSurgery .ifNecessary .contents li .circle {padding-bottom: 0;}
    .petitSurgery .ifNecessary .contents li:nth-child(4), .petitSurgery .contents li:nth-child(5), .petitSurgery .contents li:nth-child(6) {margin-bottom: 10px;}
    .petitSurgery .ifNecessary .contents li .circle .wrap {height: auto;}
    .petitSurgery .cl_solutionContents .thumbnailImg li:last-child {border-left: 1px solid #000;}

    /*
        ******************** 가슴골필러 ********************
    */

    .ChestGolFiller .cl_filler .cl_subContentsTitle.type2 { z-index: 1;}
    .ChestGolFiller .cl_filler .layOutImg2 {position: absolute; right: 0px; top: 85px; }
    .ChestGolFiller .cl_filler .layOutImg2 img {width: 80%; }
    .ChestGolFiller .cl_realSelfie .imgArea .rightArea {flex: 1; margin-left: 15px; margin-top: 50px;}

    /*
           ******************** 머핀주사 ********************
      */
    .muffin .cl_special {margin-bottom: -130px;}
    .muffin .cl_special .contents .img {top: -95px;}
    .muffin .cl_special .cl_subContentsTitle.after {top: -130px;}
    .muffin .cl_special .cl_subContentsTitle .bigTxt {margin-bottom: 20px;}
    .muffin .cl_special .cl_subContentsTitle .titleTxt {padding: 0 20px; letter-spacing: -0.8px; }
    .muffin .cl_special .cl_subContentsTitle.type2.after::before {left: auto;}


    /*
        ******************** 바디재건 ********************
    */
    .afterFat .cl_subPageMain { height: 450px; background-position: center center;}
    .afterFat .cl_subVisualTitle { color: #191919; z-index: 9;}
    .afterFat .cl_subVisualTitle .subPageMain {     line-height: 1.3; }
    .afterFat .cl_filler .layOutImg2 { right: 0px; }
    .afterFat .cl_filler .layOutImg2 img { width: 60%; }
    .afterFat .cl_pageLayout.type1 .layOutImg .imgArea ul { top: auto; bottom: 22%; }
    .afterFat .cl_subContentsTitle.type1 .mainTxt .main2 {font-size: 28px; }
    /*.afterFat .cl_solutionContents .txtArea .solutionDesc .smallDesc span:first-child {width: 60%;}*/
    /*.afterFat .cl_solutionContents .txtArea .solutionDesc .smallDesc:last-child span:first-child {width: 40%;}*/
    .afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li {width: calc((100% /2) - 10px);}
    .afterFat .cl_solutionContents .txtArea .bottomArea .featureContents li p {font-size: 13px; letter-spacing: -2px;}
    .afterFat .cl_solutionContents .txtArea .bottomArea .featureContents.type2 li:nth-child(4) {
        margin-bottom: 20px;
    }
    .afterFat .cl_solutionContents .txtArea .solutionTitle .mainTxt.lt {letter-spacing: 0;}

    .afterFat .cl_since .showBlockM { display: block; }
    .afterFat .cl_since .showBlockPc { display: none; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea { display: block; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .topArea { display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .bottomArea { display: flex; justify-content: center; align-items: center;}
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon:nth-last-child(1) { margin-right: 0; }
    .afterFat .cl_since .contentsArea .sinceBox .left .iconArea .icon { display: flex; flex-direction: column; align-items: center; justify-content: center;  width: calc(100% /2);}
    .afterFat .cl_since .contentsArea .sinceBox .left .leftTitle { font-family: 'NotoSerifB'; font-size: 40px; }
    .afterFat .cl_since .contentsArea .sinceBox .leftTitle {font-family: 'NotoSerifB';font-size: 28px;text-align: center; margin-top: 20px; margin-bottom: 90px;}
    .afterFat .cl_since .contentsArea .sinceBox {margin-bottom: 50px;}

    .afterFat .contentsArea .bnaImg img {width: 100%;}
    .afterFat .cl_subContentsTitle {margin-bottom: 50px !important;}
    .afterFat .bodyCase .cl_subContentsTitle {margin-bottom: 0px !important;}
    .afterFat .case .subTitle {font-size: 17px; margin-top: 5px; margin-bottom: 30px;}
    .afterFat .case .caseTxt {font-family: 'NotoSansL'; font-size: 13px; margin-top: 25px; margin-bottom: 35px; letter-spacing: -1px;}
    .afterFat .case a {margin-top: 30px;}
    .afterFat .ps {font-size: 12px;}



    /*
        ******************** 한뼘튼살 ********************
    */
    .stretchMark .cl_subPageMain {  background: url(/app/layout/web/images/renewal/stretchBgM1.png) no-repeat;background-size: cover;background-position: bottom center;}
    .stretchMark .cl_cardSwiper .cl_subContentsTitle .subText { font-size: 14px; padding: 0 10px; box-sizing: border-box}
    .stretchMark .cl_cardSwiper .swiper-slide .swiperTxt { padding: 20px 20px 80px 20px;}
    .stretchMark .cl_cardSwiper .swiper-slide .swiperTxt.swiperTxt3 { padding: 20px 20px 80px 20px;}

    .stretchMark .cl_filler .layOutImg img { width: 100%;}
    .stretchMark .cl_filler .layOutTxt .subImgArea { width: 90%; margin-top: -60px;}
    .stretchMark .cl_filler .subText {font-size: 13px; margin-top: 20px;}
    .stretchMark .cl_filler .layOutTxt .imgWrap.imgWrap2 { margin-top: 10px;}
    .stretchMark .cl_filler .subImgArea .imgArea li { bottom: 3%;}

    .stretchMark .cl_pageLayout.type1 .layOutImg.stretchImg .imgArea ul { bottom: 12%}
    .stretchMark .cl_pageLayout.type1 .layOutImg.stretchImg .imgArea .bottomTxt { font-size: 14px;}

    .stretchMark .cl_solutionContents .txtArea .solutionTitle .mainTxt.letter { letter-spacing: 0;}
    .stretchMark .cl_solutionContents .rightArea .flexBox .box.marginR{ margin-right: 0;}
    .stretchMark .cl_solutionContents .rightArea .flexBox .box .imgArea.last { margin-bottom: 14px;}

    .stretchMark .cl_specialist { padding-left: 0 !important; padding-right: 0 !important}
   .stretchMark .cl_specialist .sayTextWrap { padding: 0 15px; box-sizing: border-box;}
   .stretchMark .cl_specialist .cl_choiceTipBox { display: block; height: auto;  padding: 20px 20px; margin-bottom: 48px; }
   .stretchMark .cl_specialist .cl_choiceTipBox { height: auto; }
   .stretchMark .cl_specialist .cl_choiceTipBox .subTxt { text-align: center; font-size: 14px; }
   .stretchMark .cl_specialist .cl_choiceTipBox .quotes {  font-size: 30px; display: flex; align-items: center; justify-content: center; }

    .stretchMark .cl_specialist .cl_subContentsTitle .subText { font-size: 15px; margin-top: 10px;}
    .stretchMark .cl_specialist .textArea li { margin-left: 0;}
    .stretchMark .cl_specialist .textArea ul li { width: 100%;}
    .stretchMark .cl_specialist .textArea li .img { margin-top: 15px;}
    .stretchMark .cl_specialist .textArea li .desc.long { letter-spacing: 0;}




    .stretchMark .solenoidWrap {  justify-content: center;  align-items: center; flex-direction: column; margin-bottom: 45px; padding: 0 15px; box-sizing: border-box;}
    .stretchMark .solenoidWrap .leftArea { margin-right: 0; width: 100%; margin-top: 50px;}
    .stretchMark .solenoidWrap .leftArea .title { font-size: 25px; color: #000; margin-bottom: 35px;}
    .stretchMark .solenoidWrap .leftArea .subTit { display: flex; align-items:center; font-size: 20px; margin-bottom: 18px;}
    .stretchMark .solenoidWrap .leftArea .subTit .icon { width: 18px; height: 18px; ;font-size: 13px; margin-right: 5px;}
    .stretchMark .solenoidWrap .leftArea .subTit .bold { margin-right: 5px;}
    .stretchMark .solenoidWrap .leftArea .subText {font-size: 14px; }


    .stretchMark .advantageWrap { margin-top: 100px;}
    .stretchMark .advantageWrap .cl_subContentsTitle.oneLine .mainTxt .main2 { display: block;margin-bottom: 10px;}
    .stretchMark .advantageWrap .flexBox { flex-direction: column;  margin-bottom: 40px;}

    .stretchMark .advantageWrap .flexBox .leftArea,
    .stretchMark .advantageWrap .flexBox .rightArea { width: 100%;}

    .stretchMark .advantageWrap .flexBox .textArea .title { font-size: 18px; margin-bottom: 10px;}
    .stretchMark .advantageWrap .flexBox .textArea .text { font-size: 14px; }
    .stretchMark .advantageWrap .flexBox .leftArea { margin-right: 0; margin-bottom: 40px;}
    .stretchMark .advantageWrap .cl_pageLayout.type1 { padding-top: 30px !important;}

    .stretchMark .technology .mainTxt { flex-direction: column;}



    /*
       ******************** 고운몸story ********************
    */
    .brandStory .cl_subContentsTitle.oneLine .mainTxt .main1 {font-size: 45px;}
    .brandStory .cl_subContentsTitle.oneLine .mainTxt .main2 {display: block;}
    .brandStory .cl_drKim .subTitle {font-size: 14px; line-height: 1.1; margin-bottom: 20px;}
    .brandStory .cl_drKim .subTitle span {font-size: 14px;}
    .brandStory .cl_subVisualTitle .subPageMain {font-size: 36px; line-height: 1;}
    .brandStory .cl_subVisualTitle .subPageSub {font-size: 14px; margin-bottom: 15px;}
    .brandStory .cl_subVisualTitle .subPageMain span {font-size: 24px;}
    .brandStory .cl_swiperLayout .swiperContents {width: 90%;}
    .brandStory .contentArea {margin-bottom: 0px;}

    .brandStory .why {margin-top: 100px;}
    .brandStory .why .topArea {flex-direction: column; margin-bottom: 0;}
    .brandStory .why .question {font-size: 36px; margin-bottom: 35px;}
    .brandStory .why .subTitle {font-size: 14px; margin-bottom: 10px;}
    .brandStory .why .title { font-family: 'NotoSerifB'; font-size: 22px; margin-bottom: 15px;}
    .brandStory .why .bottomTxt {font-size: 12px; margin-bottom: 20px;}
    .brandStory .why .rightArea {margin-left: 0; margin-bottom: 30px;}
    .brandStory .why .bottomArea ul {flex-direction: column; align-items: flex-start;}
    .brandStory .why .bottomArea li {width: 100%; font-size: 14px; text-align: left; margin-bottom: 40px;}
    .brandStory .why .bottomArea li img {height: auto; width: 15%; margin-bottom: 10px;}
    .brandStory .why .bottomArea li:last-child {margin-bottom: 0;}
    .brandStory .why .bottomArea .title {font-size: 16px;}
    .brandStory .why .bottomArea .desc {font-size: 14px;}


    .brandStory .why2 .rightArea {margin-bottom: 0px;}
    .brandStory .why2 .topArea {margin-bottom: 40px;}
    .brandStory .why2 .title {margin-bottom: 15px;}
    .brandStory .why2 .bottomTxt {margin-bottom: 20px;}
    .brandStory .why2 .bottomArea ul {position: relative;}
    .brandStory .why2 .bottomArea ul::before {content: ""; position: absolute; left: 4px; top: 13px; width: 1px; height: 97%; background: #eaeaea;}
    .brandStory .why2 .bottomArea li .topImg img {width: auto; margin-bottom: 10px;}
    .brandStory .why2 .bottomArea li .dotArea {display: inline-block;}
    .brandStory .why2 .bottomArea li .years {display: inline-block; font-family: 'NotoSerifL'; color: #444; margin-left: 12px;}
    .brandStory .why2 .bottomArea li .dotArea::after {display: none;}
    .brandStory .why2 .bottomArea li img {height: auto; width: auto;}
    .brandStory .why2 li .bottomTxt {display: inline-block; vertical-align: middle; box-sizing: border-box;  margin-bottom: 0px;}
    .brandStory .why2 .bottomArea .title {text-align: center; font-size: 14px; margin-bottom: 0;  }
    .brandStory .why2 .bottomArea li .topImg {display: inline-block; height: auto; vertical-align: middle; margin-bottom: 0; margin-left: 15px;}



    /*
        *** 히스토리
    */
    .historyArea {padding-top:100px;}
    .historyArea .cl_subContentsTitle .mainTxt > div {display:block !important;}

    .historyArea .historyChartArea {zoom:1; margin-top:0;}
    .historyArea .historyChartArea .emptyCell {display:none;}

    .historyArea .historyChartArea .chartCell {padding-top:50px; padding-bottom:0px;}
    .historyArea .historyChartArea .historyUnit {margin-bottom:50px; padding-left:60px;}
    .historyArea .historyChartArea .historyUnit .yearCell {font-size:30px; margin-bottom:10px;}
    .historyArea .historyChartArea .historyUnit .yearCell:before {top:16px; left:-60px; width:50px; height:1px;}
    .historyArea .historyChartArea .historyUnit .yearCell:after {top:11px; left:-67px; width:12px; height:12px;}
    .historyArea .historyChartArea .historyUnit .textCell {font-size:14px; line-height:1.2; margin-bottom:10px;}
    .historyArea .historyChartArea .historyUnit .textCell .headText {font-size:18px; line-height:1.6;}
    .historyArea .historyChartArea .historyUnit .imgCell img {width:70%;}
    .historyArea .historyChartArea .historyUnit .imgCell .imgPc {display:none;}
    .historyArea .historyChartArea .historyUnit .imgCell .imgM {display:block;}

    .historyArea .historyChartArea .historyUnit.leftType {position:static; text-align:left; transform:translateX(0); padding-left:60px; padding-right:0;}
    .historyArea .historyChartArea .historyUnit.leftType .yearCell:before {top:16px; left:-60px; right:auto;}
    .historyArea .historyChartArea .historyUnit.leftType .yearCell:after {top:11px; left:-67px; right:auto;}

    /*
       *** 골반힙딥
   */

    .whatIsHipDip .chartImgArea > div {width: 100%;}
    .whatIsHipDip .cl_subContentsTitle .subTxt {line-height: 1.3;}
    .whatIsHipDip .cl_subContentsTitle .subTxt .bold {display: inline-block; font-size:15px; margin-bottom: 5px;}
    .whatIsHipDip .cl_subContentsTitle {margin-bottom: 50px !important;}
    .whatIsHipDip .cl_subContentsTitle .subTxt .underline {text-decoration: none;}
    .HipDipZoom .textBoxWrap .textBox {box-shadow: none;margin-bottom: 0;}
    .HipDipZoom .textBoxWrap .textBox .textBoxTitle {padding: 0 30px;width: 30%;font-size: 16px; line-height: 2;}
    .HipDipZoom .cl_subContentsTitle {margin-bottom: 50px !important;}
    .HipDipZoom .textBoxWrap .textBox1 {display: block;}
    .HipDipZoom .textBoxWrap .textBox1 .box{width: 100%;}
    .HipDipZoom .cl_subContentsTitle.type1 .subTxt .underline {
        border-bottom: 0;
        text-decoration: underline;
    }
    .hipFiller .cl_solutionContents .thumbnailImg li {width: calc(100% / 2);}
    .hipFiller .cl_solutionContents .thumbnailImg li:nth-child(1),
    .hipFiller .cl_solutionContents .thumbnailImg li:nth-child(2) {border-bottom: 1px solid #000;}

    /*.hipFiller .cl_solutionContents .thumbnailImg li:nth-child(1),*/
    /*.hipFiller .cl_solutionContents .thumbnailImg li:nth-child(2) {width: 50%;}*/
    /*.hipFiller .cl_solutionContents .thumbnailImg li:nth-child(3) {width: 100%; border-top: 1px solid}*/

    .hipFiller .cl_solutionContents .txtArea .bottomArea .AdvantagesContents ul li {width: calc(100% / 4); box-sizing: border-box; padding: 5px 13px;}

    .hipFiller .variousTypes .cl_subContentsTitle .mainTxt {margin-bottom: 10px;}
    .hipFiller .cl_subContentsTitle.oneLine .mainTxt .main1 {line-height: 40px;}

    .HipDipZoom > .buttonCell {margin-top: 0;}
    .HipDipZoom .hipDeepPop img {width: 80%;}
    .HipDipZoom .hipDeepPop .popTitle {font-size: 40px;}
    .HipDipZoom .hipDeepPop .boxText {font-size: 16px;}
    .HipDipZoom .hipDeepPop .subText {font-size: 12px;}
    .HipDipZoom .textBoxWrap .textBox .imgWrap { width: 70vw; margin: 0 auto;
        height: auto; }


    .hipFiller .cl_medicalProcess .subMain { position: relative;  background: url("/app/layout/web/images/renewal/medicalProcessMain_2_m.png") no-repeat;
        background-size: cover; background-position: center center; }



    /*
        ******************** 뱃살핏 ********************
    */
    .bellyFit .cl_pageLayout.type1 .layOutImg .imgArea ul.top {top:auto; bottom: 22%;}

    /*
        *** 뱃살핏 솔루션
    */
    .bellyFit .bellyFitSolution {margin:100px 0;}
    .bellyFit .bellyFitSolution .solutionTextWrap {margin-bottom:45px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType1 {font-size:14px; letter-spacing: -1px; line-height:15px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType2 {font-size:16px;}
    .bellyFit .bellyFitSolution .solutionTextWrap .textType3 {font-size:24px;}

    .bellyFit .diagramArea .gridWrapper {overflow:hidden;}
    .bellyFit .diagramArea .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
    .bellyFit .diagramArea .grid .gridCell {
        padding-bottom:calc((100% / 2) - 20px);
        width:calc(100% / 2);
        border:0 solid transparent;
        border-width:0 20px 20px 0;
    }

    .bellyFit .diagramArea .circle .num {font-size:16px;}
    .bellyFit .diagramArea .circle .subText {font-size:12px;}
    .bellyFit .diagramArea .circle .titleText {font-size:20px;}


    /*
        *** 성공케이스
    */
    .bellyFit .successCase {}
    .bellyFit .successCase .slideArea {width:100%; margin-bottom:30px;}
    .bellyFit .successCase .slideArea .swiperArrow {display:none;}

    .bellyFit .successCase .slideInfoArea .boxTitle .titleCell {
        height: 40px;
        font-size: 15px;
    }
    .bellyFit .successCase .slideInfoArea .boxTitle .titleCell.title2 {margin:0 -5px;}
    .bellyFit .successCase .slideInfoArea .boxContent .textCell {
        height: 40px;
        font-size: 11px;
    }
    .bellyFit .successCase .slideInfoArea .boxContent .textCell.text2 {color:#ae9059; margin:0 -5px;}
    .bellyFit .successCase .slideInfoArea .boxContent .textCell i {font-size:20px; right:-7px;}

    .bellyFit .successCase .slidePagination {display:block;}

    .bellyFit .successCase .boxInfo {
        height:140px;
        font-size: 16px;
        margin-bottom:20px;
    }
    .bellyFit .successCase .boxNotice {font-size:12px;}


    /*
        *** 진료정보
    */
    .bellyFit .cl_treatmentInfo .treatmentImg .sideImg {top:auto; bottom:-40%; left:auto; right:-15px; width:45%;}

    .bellyFit .threeLayerLifting {height:auto;}
    .bellyFit .threeLayerLifting .boxTitle {font-size:25px; padding:0 20px;}
    .bellyFit .threeLayerLifting .boxContent {flex-direction:column; align-items: center; padding:50px 20px;}
    .bellyFit .threeLayerLifting .boxContent .textCell { margin-right:0; margin-bottom:35px;}
    .bellyFit .threeLayerLifting .boxContent .textCell:last-child {margin-bottom:0;}
    .bellyFit .threeLayerLifting .boxContent .textCell .num {
        width: 22px;
        height: 22px;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .bellyFit .threeLayerLifting .boxContent .textCell .detailText {font-size:16px;}


    .bellyFit .iconCircle .grid {display:flex; flex-wrap:wrap; padding:20px 0 0 20px; margin:-20px}
    .bellyFit .iconCircle .grid .gridCell {
        padding-bottom:calc((100% / 2) - 20px);
        width:calc(100% / 2);
        border:0 solid transparent;
        border-width:0 20px 20px 0;
    }
    .bellyFit .iconCircle .circle .iconCell {margin-bottom:10px;}
    .bellyFit .iconCircle .circle .iconCell img {zoom:0.7;}
    .bellyFit .iconCircle .circle .textCell {font-size:14px;}


    /* 골반필러 한뼘주사 */
    .oneSpanInjection.pageContentWrap { padding: 0 15px;}
    .oneSpanInjection .cl_choiceTip { padding-top: 100px;}
    .oneSpanInjection .subTitle { font-size: 14px; margin-bottom: 10px;  font-family:NotoSansR; color: #666666;}
    .oneSpanInjection .subTitle .bold { font-family:NotoSansR;}

    .oneSpanInjection .cl_subContentsTitle { margin-bottom: 45px !important;;}
    .oneSpanInjection .cl_choiceTip .cl_subContentsTitle.oneLine { padding: 0;}
    .oneSpanInjection .cl_subContentsTitle.oneLine .mainTxt .main1 { font-size: 36px; }
    .oneSpanInjection .cl_subContentsTitle.oneLine .mainTxt .main2 { font-size: 36px;margin-bottom: 10px; display: inline-block;}
    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt { font-size: 14px;}
    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox .subTxt .block { margin-bottom: 10px;}

    .oneSpanInjection .cl_choiceTip .tipBoxWrap .sayTextWrap .cl_choiceTipBox { margin-bottom: 50px; padding: 20px 10px;}

    .oneSpanInjection .injectionArea .injectionPc { display: none;}

    .oneSpanInjection .injectionArea .injectionM { display: block;}

    .oneSpanInjection .injectionArea .imgArea { margin-right: 0; box-shadow: 2px 2px 14px rgba(0,0,0,0.1)}
    .oneSpanInjection .injectionArea .imgArea .img { width: 100%}
    .oneSpanInjection .injectionArea .injectionM .imgArea .text { padding: 20px 0 60px;}
    .oneSpanInjection .injectionArea .injectionM .swiper-slide { padding: 10px; box-sizing: border-box;}
    .oneSpanInjection .injectionArea .injectionM .imgArea .posText { font-size: 12px;}
    .oneSpanInjection .injectionArea .injectionM .imgArea .posText1 { left: 5px;}
    .oneSpanInjection .injectionArea .injectionM .imgArea .posText2 { right: 5px; margin-top: 0;}

    .oneSpanInjection .swiper-button-prev,
    .oneSpanInjection .swiper-button-next { top: auto; bottom: 20px; width: 35px; height: 35px; border-radius: 100%; background-color: #fdfdfd;}
    .oneSpanInjection .swiper-button-prev { left: auto !important; right: 65px !important;}
    .oneSpanInjection .swiper-button-next { right: 20px !important;}
    .oneSpanInjection .swiper-button-prev:after,
    .oneSpanInjection .swiper-button-next:after { display: block; font-size: 16px; color:#444; font-weight: bold;}

    /* ******************** caution ******************** */
    .cautionPage .ctrTitle .mainText {font-size: 32px;}
    .cautionPage .btnWrap {flex-wrap: wrap;}
    .cautionPage .btnWrap a {width: 100%;}
    .cautionPage .imgArea { padding-bottom: 20px;}
    .cautionPage .imgArea img {width: 120px; /*height: 135px;*/}
}