#subtop .flexList{--x-gap: 0rem; --y-gap: 0rem} #subtop .flexList .box:first-child .title{position: absolute; bottom: 5rem; right: 5rem;} #subtop .flexList .box:last-child{ padding-left: 5rem;} #subtop.liftingfit .flexList .box:first-child{background: url(/img/sub/BespokeLifting/liftingfit/subtop.jpg) no-repeat center / cover;} #subtop.ultherapyPrime .flexList .box:first-child{background: url(/img/sub/BespokeLifting/ultherapyPrime/subtop.jpg) no-repeat center / cover;} #subtop.shurink .flexList .box:first-child{background: url(/img/sub/BespokeLifting/shurink/subtop.jpg) no-repeat center / cover;} #subtop.oligioX .flexList .box:first-child{background: url(/img/sub/BespokeLifting/oligioX/subtop.jpg) no-repeat right center / cover;} #subtop.threadLifting .flexList .box:first-child{background: url(/img/sub/BespokeLifting/threadLifting/subtop.jpg) no-repeat right center / cover;} #subtop.customLaser .flexList .box:first-child{background: url(/img/sub/CustomPigment/customLaser/subtop.jpg) no-repeat right center / cover;} #subtop.thermageFLX .flexList .box:first-child{background: url(/img/sub/BespokeLifting/thermageFLX/subtop_bg.jpg) no-repeat center / cover;} #subtop.pigmentation .flexList .box:first-child{background: url(/img/sub/CustomPigment/pigmentation/subtop_bg.jpg) no-repeat center / cover;} #subtop.otaTreatment .flexList .box:first-child{background: url(/img/sub/CustomPigment/otaTreatment/subtop_bg.jpg) no-repeat center / cover;} #subtop.refractoryPigmentation .flexList .box:first-child{background: url(/img/sub/CustomPigment/refractoryPigmentation/subtop_bg.jpg) no-repeat center / cover;} #subtop.acne .flexList .box:first-child{background: url(/img/sub/AllinoneAcne/acne/subtop_bg.jpg) no-repeat center / cover;} #subtop.collagenBooster .flexList .box:first-child{background: url(/img/sub/PetitClinic/collagenBooster/subtop_bg.jpg) no-repeat center / cover;} #subtop.fullfaceFiller .flexList .box:first-child{background: url(/img/sub/PetitClinic/fullfaceFiller/subtop_bg.jpg) no-repeat center / cover;} #subtop.skinBooster .flexList .box:first-child{background: url(/img/sub/PetitClinic/skinBooster/subtop_bg.jpg) no-repeat center / cover;} #subtop.botox .flexList .box:first-child{background: url(/img/sub/PetitClinic/botox/subtop_bg.jpg) no-repeat center / cover;} #subtop.tattooRemoval .flexList .box:first-child{background: url(/img/sub/PerfectTattooRemoval/tattooRemoval/subtop_bg.jpg) no-repeat center / cover;} #subtop.facialRedness .flexList .box:first-child{background: url(/img/sub/SkinConcernSolutions/facialRedness/subtop_bg.jpg) no-repeat center / cover;} #subtop.pores .flexList .box:first-child{background: url(/img/sub/SkinConcernSolutions/pores/subtop_bg.jpg) no-repeat center / cover;} #subtop.recalcitrantScars .flexList .box:first-child{background: url(/img/sub/SkinConcernSolutions/recalcitrantScars/subtop_bg.jpg) no-repeat center / cover;} #subtop .flexList .box:last-child{background: url(/img/sub/BespokeLifting/liftingfit/subtop_bg.jpg) no-repeat center / cover;} #subtop00 .width98 .line{width: 100%; height: 1px; background-color: #f7f5f2; opacity: .3;} #subtop00 .width98 .container{position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); width: var(--layoutwidth); } #subtop00.story .width98{width: 98%; background: url(/img/sub/AllAboutOlive/story/subtop_bg.jpg) no-repeat center / cover; height: 85vh; color: #f7f5f2;} #subtop00.doctor .width98{width: 98%; background: url(/img/sub/AllAboutOlive/doctor/subtop_bg.jpg) no-repeat center / cover; height: 85vh; color: #f7f5f2;} #subtop00.equipment .width98{width: 98%; background: url(/img/sub/AllAboutOlive/equipment/subtop_bg.jpg) no-repeat center / cover; height: 85vh; color: #f7f5f2;} #subtop00.info .width98{width: 98%; background: url(/img/sub/AllAboutOlive/info/subtop_bg.jpg) no-repeat center / cover; height: 85vh; color: #f7f5f2;} #liftingClinic .flexList.content .box .img-box{padding: 3rem 3rem 12rem 3rem;} #liftingClinic .flexList.content .box:first-child .img-box{background: url(/img/sub/BespokeLifting/liftingfit/liftingClinic01.jpg) no-repeat right center / cover;} #liftingClinic .flexList.content .box:last-child .img-box{background: url(/img/sub/BespokeLifting/liftingfit/liftingClinic02.jpg) no-repeat right center / cover;} #liftingClinic .flexList.content .box .point-font{color: #b2a89b;} #liftingClinic .flexList.content .box .text-box .line{width: 100%; height: 1px; background-color: #c8c3bc;} #liftingClinic ul li{position: relative; padding-left: 15px;} #liftingClinic ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 10px; left: 0;} #acneClinic ul li{position: relative; padding-left: 15px;} #acneClinic ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 10px; left: 0;} #acneClinic .flexList.content .box .text-box .line{width: 100%; height: 1px; background-color: #c8c3bc; margin: 1rem 0} #acneClinic.pores .text-box .line{width: 100%; height: 1px; background-color: #c8c3bc; margin: 1rem 0} #acneClinic.pores ul .box{padding-left: 0} #acneClinic.collagenBooster ul .box{padding-left: 0} #acneClinic.collagenBooster ul .box p, #acneClinic.pores ul .box p{padding-left: 15px} #acneClinic.collagenBooster ul.flexList{--y-gap: 0rem} #customLaser .flexList.content .box .img-box{padding: 3rem 3rem 12rem 3rem;} #customLaser .flexList.content .box:first-child .img-box{background: url(/img/sub/CustomPigment/customLaser/customLaser01.jpg) no-repeat right center / cover;} #customLaser .flexList.content .box:last-child .img-box{background: url(/img/sub/CustomPigment/customLaser/customLaser02.jpg) no-repeat right center / cover; padding: 3rem 3rem 8.5rem 3rem;} #customLaser .flexList.content .box .point-font{color: #b2a89b;} #customLaser ul li{position: relative; padding-left: 15px;} #customLaser ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 10px; left: 0;} #customLaser .flexList.content .box .text-box .line{width: 100%; height: 1px; background-color: #c8c3bc;} #sub_point.liftingfit{background: url(/img/sub/BespokeLifting/liftingfit/point_bg.jpg) no-repeat right center / cover;} #sub_point.ultherapyPrime{background: url(/img/sub/BespokeLifting/ultherapyPrime/point_bg.jpg) no-repeat right center / cover;} #sub_point.shurink{background: url(/img/sub/BespokeLifting/shurink/point_bg.jpg) no-repeat right center / cover;} #sub_point.oligioX{background: url(/img/sub/BespokeLifting/oligioX/point_bg.jpg) no-repeat right center / cover;} #sub_point.thermageFLX{background: url(/img/sub/BespokeLifting/thermageFLX/point_bg.jpg) no-repeat right center / cover;} #sub_point.threadLifting{background: url(/img/sub/BespokeLifting/threadLifting/point_bg.jpg) no-repeat right center / cover;} #sub_point.customLaser{background: url(/img/sub/CustomPigment/customLaser/point_bg.jpg) no-repeat right center / cover;} #sub_point.pigmentation{background: url(/img/sub/CustomPigment/pigmentation/point_bg.jpg) no-repeat right center / cover;} #sub_point.otaTreatment{background: url(/img/sub/CustomPigment/otaTreatment/point_bg.jpg) no-repeat right center / cover;} #sub_point.refractoryPigmentation{background: url(/img/sub/CustomPigment/refractoryPigmentation/point_bg.jpg) no-repeat right center / cover;} #sub_point.collagenBooster{background: url(/img/sub/PetitClinic/collagenBooster/point_bg.jpg) no-repeat right center / cover;} #sub_point.acne{background: url(/img/sub/AllinoneAcne/acne/point_bg.jpg) no-repeat right center / cover;} #sub_point.fullfaceFiller{background: url(/img/sub/PetitClinic/fullfaceFiller/point_bg.jpg) no-repeat right center / cover;} #sub_point.skinBooster{background: url(/img/sub/PetitClinic/skinBooster/point_bg.jpg) no-repeat right center / cover;} #sub_point.botox{background: url(/img/sub/PetitClinic/botox/point_bg.jpg) no-repeat right center / cover;} #sub_point.tattooRemoval{background: url(/img/sub/PerfectTattooRemoval/tattooRemoval/point_bg.jpg) no-repeat right center / cover;} #sub_point.facialRedness{background: url(/img/sub/SkinConcernSolutions/facialRedness/point_bg.jpg) no-repeat right center / cover;} #sub_point.pores{background: url(/img/sub/SkinConcernSolutions/pores/point_bg.jpg) no-repeat right center / cover;} #sub_point.recalcitrantScars{background: url(/img/sub/SkinConcernSolutions/recalcitrantScars/point_bg.jpg) no-repeat right center / cover;} #sub_point.story{background: url(/img/sub/AllAboutOlive/story/point_bg.jpg) no-repeat right center / cover;} #reason .box{background-color: #e8e4df; padding: 2rem 1.5rem 3rem 1.5rem;} #reason .box .point-font{color: #b2a89b;} #system .width45{background-color: #e8e4df; border-radius: 0 60px 0 0;} #system .width45 .point-font{color: #b2a89b;} #system .width45 .text-box{padding: 3rem 3rem 0 3rem;} #system .width55{background-color: #e8e4df; border-radius: 60px 0 0 0; padding: 5rem 3rem 5rem 4rem;} #system.customLaser .width55{padding: 3rem 3rem 3rem 4rem;} #system .width55 .line{background-color: #c8c3bc; width: 100%; height: 1px;} #system .width55 .text-info p{padding-left: 20px; position: relative;;} #system .width55 .text-info p:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 8px; left: 0;} #system .solution-menu .active{color: var(--pointcolor); font-weight: 600; position: relative;} #system .solution-menu .active:after{display: block; content:''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--pointcolor); position: absolute; top: 0; left: -10px;} #progress{background-color: #e8e4df;} #progress.liftingfit .img-box.width45{background: url(/img/sub/BespokeLifting/liftingfit/progress.jpg) no-repeat center / cover; position: relative;} #progress.ultherapyPrime .img-box.width45{background: url(/img/sub/BespokeLifting/ultherapyPrime/progress.jpg) no-repeat center / cover; position: relative;} #progress.thermageFLX .img-box.width45{background: url(/img/sub/BespokeLifting/thermageFLX/progress.jpg) no-repeat center / cover; position: relative;} #progress.shurink .img-box.width45{background: url(/img/sub/BespokeLifting/shurink/progress.jpg) no-repeat center / cover; position: relative;} #progress.oligioX .img-box.width45{background: url(/img/sub/BespokeLifting/oligioX/progress.jpg) no-repeat center / cover; position: relative;} #progress.threadLifting .img-box.width45{background: url(/img/sub/BespokeLifting/threadLifting/progress.jpg) no-repeat center / cover; position: relative;} #progress.customLaser .img-box.width45{background: url(/img/sub/CustomPigment/customLaser/progress.jpg) no-repeat center / cover; position: relative;} #progress.pigmentation .img-box.width45{background: url(/img/sub/CustomPigment/pigmentation/progress.jpg) no-repeat center / cover; position: relative;} #progress.otaTreatment .img-box.width45{background: url(/img/sub/CustomPigment/otaTreatment/progress.jpg) no-repeat center / cover; position: relative;} #progress.refractoryPigmentation .img-box.width45{background: url(/img/sub/CustomPigment/refractoryPigmentation/progress.jpg) no-repeat center / cover; position: relative;} #progress.acne .img-box.width45{background: url(/img/sub/AllinoneAcne/acne/progress.jpg) no-repeat center / cover; position: relative;} #progress.collagenBooster .img-box.width45{background: url(/img/sub/PetitClinic/collagenBooster/progress.jpg) no-repeat center / cover; position: relative;} #progress.fullfaceFiller .img-box.width45{background: url(/img/sub/PetitClinic/fullfaceFiller/progress.jpg) no-repeat center / cover; position: relative;} #progress.botox .img-box.width45{background: url(/img/sub/PetitClinic/botox/progress.jpg) no-repeat center / cover; position: relative;} #progress.tattooRemoval .img-box.width45{background: url(/img/sub/PerfectTattooRemoval/tattooRemoval/progress.jpg) no-repeat center / cover; position: relative;} #progress.facialRedness .img-box.width45{background: url(/img/sub/SkinConcernSolutions/facialRedness/progress.jpg) no-repeat center / cover; position: relative;} #progress.pores .img-box.width45{background: url(/img/sub/SkinConcernSolutions/pores/progress.jpg) no-repeat center / cover; position: relative;} #progress.recalcitrantScars .img-box.width45{background: url(/img/sub/SkinConcernSolutions/recalcitrantScars/progress.jpg) no-repeat center / cover; position: relative;} #progress .img-box.width45 img{position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%);} #progress ul li{background-color: #f7f5f2; padding: 1.5rem;} #progress .point-font{color: #b2a89b;} #sub_bottom .width98{background: url(/img/sub/sub_bottom_bg.jpg) no-repeat center / cover; width: 98%;} #sub_bottom .width98 h2{color: #f7f5f2;} #sub_bottom .width98 a{color: var(--pointcolor); background-color: #f7f5f2; padding: 1rem 3rem;} #ultherapy .width98{background: url(/img/sub/BespokeLifting/ultherapyPrime/ultherapy_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #ultherapy .box p{padding-left: 18px; position: relative;} #ultherapy .box p::before{position: absolute; top: 0; left: 0;} #ultherapy .box:first-child p::before{content: '1.';} #ultherapy .box:nth-child(2) p::before{content: '2.';} #ultherapy .box:last-child p::before{content: '3.';} #ultherapy .site_btn{background: url(/img/sub/BespokeLifting/ultherapyPrime/btn_bg.jpg) no-repeat center / cover; color: #333; padding: 1rem 3rem;} #shurink .width98{background: url(/img/sub/BespokeLifting/shurink/shurink_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #oligioX .width98{background: url(/img/sub/BespokeLifting/oligioX/oligioX_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #threadLifting .width98{background: url(/img/sub/BespokeLifting/threadLifting/threadLifting_bg.jpg) no-repeat center / cover; width: 98%; color: #46423a;} #oligioX ul li{padding: .8rem 1rem; color: #46423a; position: relative;} #oligioX ul li:after{display: block; width: 13px; height: 7px; content: ''; background-image: url(/img/sub/BespokeLifting/oligioX/oligioX_bottom.png); position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%);} #oligioX ul li:last-child:after{display: none;} #oligioX.collagenBooster .width98{background: url(/img/sub/PetitClinic/collagenBooster/collagenBooster_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #oligioX.collagenBooster ul li{padding: .8rem 1rem; color: #46423a; position: relative;} #oligioX.collagenBooster ul li:after{display: none} #thermageFLX .width98{background: url(/img/sub/BespokeLifting/thermageFLX/thermageFLX_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #pigmentation .width98{background: url(/img/sub/CustomPigment/pigmentation/pigmentation_bg.jpg) no-repeat center / cover; width: 98%; color: #46423a;} #otaTreatment .width98{background: url(/img/sub/CustomPigment/otaTreatment/otaTreatment_bg.jpg) no-repeat center / cover; width: 98%; color: #46423a;} #refractoryPigmentation .width98{background: url(/img/sub/CustomPigment/refractoryPigmentation/refractoryPigmentation_bg.jpg) no-repeat center / cover; width: 98%; color: #46423a;} #acne .width98{background: url(/img/sub/AllinoneAcne/acne/acne_bg.jpg) no-repeat center / cover; width: 98%; color: #f7f5f2;} #effect .point-font{color: #b2a89b;} #effect .container>.flexList>.box{background-color: #e8e4df; padding: 2rem;} #effect.facialRedness ul li{position: relative; padding-left: 15px;} #effect.facialRedness ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 10px; left: 0;} #eyeUlthera .flexList.content .box{background-color: #e8e4df; padding: 2rem 1.5rem 3rem 1.5rem;} #eyeUlthera .flexList.content .box .point-font{color: #b2a89b;} #three h3.point-font{color: #b2a89b;} #three .content{background-color: #e8e4df; padding: 3rem;} #three ul{--y-gap: 0rem} #three ul li{margin-bottom: 5px; position: relative; padding-left: 15px;} #three ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 8px; left: 0;} #three ul li:last-child{margin-bottom: 0;} #three.shurink .content{padding: 3rem 0 0 0;} #three.thermageFLX .bg-white, #three.threadLifting .bg-white{padding: 1.5rem} #three.pigmentation .bg-white{background: #f7f5f2;} #three.refractoryPigmentation .bg-white{background: #f7f5f2; padding: 1rem} #three.facialRedness .bg-white{background: #f7f5f2; padding: .8rem} #VS .content{background-color: #e8e4df; padding: 4rem 5rem;} #VS.thermagFLX .content{padding: 4rem 5rem 0rem 5rem;} #VS.threadLifting .content{padding: 0rem 5rem 0rem 0rem;} #VS.threadLifting .content ul{padding: 4rem 0rem 4rem 3.125rem;} #VS.thermagFLX .content ul{padding-bottom: 3rem;} #VS .content li{background-color: #f7f5f2; padding: 1rem 2rem;} #VS .comparison-table {background: linear-gradient(to right,#e8e8e8 0% 43%, transparent 43% 57%, #e8e4df 57% 100%); padding: 40px 0 10px 0; width: 100%;} #VS .row {display: flex; align-items: center; width: 92%; margin: 0 auto; border-bottom: 1px solid #DCDCDC;} #VS .row:last-child {border-bottom: none;} #VS .row .col{padding: 1.5rem 0; position: relative;} #VS .row .col.left, #VS .row .col.right{padding-left: 15px;} #VS.facialRedness .row .col.right, #VS.facialRedness .row .col.center{margin-left: -100px} #VS .row .col.left:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top:50%; left: 0; transform: translateY(-50%);} #VS .row .col.right:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} #VS .header-row .col , #VS .header-row .col.left, #VS .header-row .col.right{padding: 0;} #VS .header-row .col.left:after, #VS .header-row .col.right:after{display: none;} #VS .col {flex: 1;} #VS .col.center {text-align: center;} #VS.recalcitrantScars .content li{background: none; padding: 0; position: relative;} #VS.recalcitrantScars .bg-white{background-color: #f7f5f2;} #VS.recalcitrantScars ul li:after{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #b2a89b; position: absolute; top: 10px; left: 0;} #VS.recalcitrantScars .line{width: 100%; height: 1px; background-color: #c8c3bc; margin: 1.5rem 0} #VS.recalcitrantScars .content ul{padding: 3rem 3.125rem 3rem 3.125rem;} #acneClinic.pores ul .box{padding-left: 0} #VS.recalcitrantScars .content li p{padding-left: 15px;} #VS.recalcitrantScars .content .box.pl-50{padding-top: 3rem; padding-bottom: 3rem;} #d_bottom .width98{width: 98%;} #d_bottom .flexList{--x-gap: 0rem; --y-gap: 0rem;} #d_bottom .box.doc{background: url(/img/sub/b_doctor.jpg) no-repeat center / cover; position: relative;} #d_bottom .box.doc img{position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%);} #d_bottom .box.section_mini{background: url(/img/sub/b_bg.jpg) no-repeat center / cover; color: #f7f5f2;} #d_bottom .num{width: 8%; opacity: .3;} #d_bottom ul li{border-bottom: 1px solid rgba(255,255,255,.3);} #d_bottom ul li:last-child{border-bottom: 0;} #special_reason{position: relative;} #special_reason .width95{border-right: 1px solid rgba(255,255,255,.3); border-left: 1px solid rgba(255,255,255,.3); position: relative;} #special_reason .width95:after{display: block; content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; top: 0; left: 33.333%;} #special_reason .width95::before{display: block; content: ''; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; top: 0; left: 66.666%;} #special_reason .width95 .title{padding-left: 3%;} #special_reason .clinic_wrap .flexList{--x-gap: 0rem; --y-gap: 0rem} #special_reason .clinic_wrap .flexList .box{padding-left: 3%; padding-right: 3%; transition: all 0.3s; margin-top: 20px; position: relative;} #special_reason .clinic_wrap .flexList .box:hover{margin-top: 0;} #special_reason .clinic_wrap>ul>li{position: relative;} #special_reason .clinic_wrap .more{padding: 8px 20px; border-radius: 30px;} #special_reason .clinic_bg_wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: -1; background: rgba(0, 0, 0, 0.4);} #special_reason .clinic_bg_wrapper .clinic_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s cubic-bezier(0.5, 1, 0.89, 1), transform 1s cubic-bezier(0.5, 1, 0.89, 1); } #special_reason .clinic_bg_wrapper .bg01 {background-image: url(/img/sub/AllAboutOlive/story/need_bg01.jpg);} #special_reason .clinic_bg_wrapper .bg02 {background-image: url(/img/sub/AllAboutOlive/story/need_bg02.jpg);} #special_reason .clinic_bg_wrapper .bg03 {background-image: url(/img/sub/AllAboutOlive/story/need_bg03.jpg);} #special_reason .clinic_bg_wrapper .clinic_bg.visible {opacity: 1; transform: scale(1.1);} #special_reason .line{background-color: #fff; width: 32px; height: 1px;} #special_reason .img-txt{position: absolute; bottom: 0; right: 0;} #special_reason .box02, #special_reason .box04{overflow: hidden;} #special_reason .box04 .img-txt{right: -28px;} #doctor_info .flexList{background-color: #e8e4df;} #doctor_info .flexList .info{padding: 4rem;} #equipment_info .flexList .box>.flexList{background-color: #e8e4df; --x-gap: 0rem;} #equipment_info .flexList .box.info{padding: 2rem;} #equipment_info .btn00 .active{background-color: #be875f; color: #fff;} #equipment_info .btn00 .box{padding: 1rem; border-bottom: 1px solid #be875f; display: block;} #information_sub h2{padding: 0 2rem;} #information_sub .i_info>.flex{padding: 0 2rem;} #information_sub .i_info>.flex.i04{background-color: #eeebe7; padding: 2rem;} #information_sub .root_daum_roughmap .wrap_map{height: 720px;} #information_sub .root_daum_roughmap_landing{width: 100%;} #information_sub .container>.flexList{--x-gap: 5rem} @media(max-width: 1850px){ #d_bottom .box.section_mini ul{width: 80%;} #doc .img-box02{display: none;} #doc .img-box01{width: 50%} #doc .text-box{width: 50%} } @media(max-width: 1550px){ #subtop00 .width98 .container{width: 90%; } #reason .flexList{margin-top: 3rem;} #progress .width55{width: 65%;} #progress .img-box.width45{width: 35%;} #d_bottom .box.section_mini ul{width: 90%;} } @media(max-width: 1240px){ #ultherapy .pl-50{padding-left: 0; margin-top: 5rem;} #progress .width55 .width55{padding-left: 10%; margin-top: 10px; width: 100%; } #progress .width55 .width90{padding-left: 0;} #system .width55{background: none; padding: 0;} #system.customLaser .width55{ padding: 0;} #system .solution-menu{padding: 5rem 3rem 0rem 3rem} #system .width55 .swiper{background-color: #e8e4df; border-radius: 60px 0 0 0; padding: 5rem 3rem;} #oligioX .width60, #oligioX .width55{margin-top: 3rem;} #acneClinic.pores .pl-20{padding-left: 0; margin-bottom: 2rem;} } @media(max-width:990px){ #subtop .flexList .box:first-child{height: 60vh;} #subtop .flexList .box:first-child .title{right: 5%;} #subtop .flexList .box:last-child{padding-left: 5%; padding-right: 5%;} #VS .t_wrap{width: 100%; overflow-x: scroll;} #VS .flexList .pl-50{padding-left: 0;} #VS .comparison-table{width: 1400px;} #sub_bottom .width98{background: url(/img/sub/sub_bottom_bgm.jpg) no-repeat bottom center / cover; width: 98%; height: 100vh;} #progress .section-left{padding-left: 0;} #progress .width55{width: 100%; padding-right: 5%; padding-left: 5%;} #progress .img-box.width45{width: 100%; height: 500px;} #VS .content{padding: 3rem;} #system .s_wrap{width: 100%; overflow-x: scroll;} #system .solution-menu{width: 800px;} #d_bottom .box.doc{height: 80vh;} #d_bottom .box.section_mini{padding-left: 5%; padding-right: 5%;} #d_bottom .box.section_mini ul{width: 100%;} #d_bottom .box.section_mini .text-box{padding-left: 0;} #oligioX .width60 .pl-30{padding-left: 0;} #VS.thermagFLX .content ul{padding-bottom: 0;} #VS.thermagFLX .content .flexList{--y-gap: 0rem;} #VS.thermagFLX .content {padding: 3rem 2rem;} #VS.threadLifting .content{padding: 0rem;} #VS.threadLifting .content ul{padding: 3rem 2rem;} #VS.recalcitrantScars .content ul{padding: 3rem 2rem;} #VS.threadLifting .content img{width: 100%} #VS.recalcitrantScars .content .box.pl-50{padding: 3rem 2rem;} #three .content{padding: 3rem 2rem;} #special_reason .flexList{--y-gap: 0rem;} #special_reason .box{padding-top: 200px; background-position: 70%; padding-right: 5%; padding-left: 5%; padding-bottom: 100px; position: relative;} #special_reason .box:nth-child(1) {background-image: url(/img/sub/AllAboutOlive/story/need_bg01.jpg); padding-top: 100px;} #special_reason .box:nth-child(2) {background-image: url(/img/sub/AllAboutOlive/story/need_bg02.jpg);} #special_reason .box:nth-child(3) {background-image: url(/img/sub/AllAboutOlive/story/need_bg03.jpg);} #special_reason .box .pb-50{padding-bottom: 0;} #special_reason .img-txt{right: 5%;} #special_reason .box04 .img-txt{right: 3.8%;} #special_reason .txt{padding-left: 2rem;} #special_reason .box::before{display: block; content:''; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; top: 0; left: 5%;} #special_reason .box::after{display: block; content:''; width: 1px; height: 100%; background-color: rgba(255,255,255,.3); position: absolute; top: 0; right: 5%;} #information_sub .root_daum_roughmap .wrap_map{height: 500px;} #doc .img-box01{width: 100%} #doc .img-box01 img{width: 100%;} #doc .text-box{width: 100%; margin-top: 3rem;} #oligioX .sm-w100 img{margin-top: 3rem;} #subtop00.doctor .width98{width: 98%; background: url(/img/sub/AllAboutOlive/doctor/subtop_bgm.jpg) no-repeat center / cover;} #ultherapy .site_btn .pr-20{padding-right: 0; margin-bottom: 1rem; text-align: center;} } @media(max-width:768px){ #sub_bottom .width98{height: 80vh;} #system .solution-menu{width: 700px;} #subtop .font-60{font-size: 3.125rem;} #subtop .flexList .box:first-child{height: 50vh;} h2.font-40{font-size: 2.250rem;} #d_bottom .box.doc{height: 60vh;} #d_bottom .box .text{width: 90%;} #three.thermageFLX .text-box{margin-top: 3rem;} #acneClinic ul{margin-top: 2rem;} #doctor_info .flexList .info{padding: 3rem;} #information_sub .root_daum_roughmap .wrap_map{height: 400px;} #system .font-60{font-size: 2.8125rem;} #sub_point.liftingfit{background: url(/img/sub/BespokeLifting/liftingfit/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.ultherapyPrime{background: url(/img/sub/BespokeLifting/ultherapyPrime/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.shurink{background: url(/img/sub/BespokeLifting/shurink/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.threadLifting{background: url(/img/sub/BespokeLifting/threadLifting/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.pigmentation{background: url(/img/sub/CustomPigment/pigmentation/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.otaTreatment{background: url(/img/sub/CustomPigment/otaTreatment/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.refractoryPigmentation{background: url(/img/sub/CustomPigment/refractoryPigmentation/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.story{background: url(/img/sub/AllAboutOlive/story/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.thermageFLX{background: url(/img/sub/BespokeLifting/thermageFLX/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.oligioX{background: url(/img/sub/BespokeLifting/oligioX/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.customLaser{background: url(/img/sub/CustomPigment/customLaser/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.acne{background: url(/img/sub/AllinoneAcne/acne/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.collagenBooster{background: url(/img/sub/PetitClinic/collagenBooster/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.fullfaceFiller{background: url(/img/sub/PetitClinic/fullfaceFiller/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.skinBooster{background: url(/img/sub/PetitClinic/skinBooster/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.botox{background: url(/img/sub/PetitClinic/botox/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.tattooRemoval{background: url(/img/sub/PerfectTattooRemoval/tattooRemoval/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.facialRedness{background: url(/img/sub/SkinConcernSolutions/facialRedness/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.pores{background: url(/img/sub/SkinConcernSolutions/pores/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.tattooRemoval{background: url(/img/sub/SkinConcernSolutions/facialRedness/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #sub_point.recalcitrantScars{background: url(/img/sub/SkinConcernSolutions/recalcitrantScars/point_bgm.jpg) no-repeat bottom center / cover; height: 100vh;} #threadLifting .width98{background: url(/img/sub/BespokeLifting/threadLifting/threadLifting_bgm.jpg) no-repeat center / cover; height: 100vh} #pigmentation .width98{background: url(/img/sub/CustomPigment/pigmentation/pigmentation_bgm.jpg) no-repeat center / cover; height: 100vh} #otaTreatment .width98{background: url(/img/sub/CustomPigment/otaTreatment/otaTreatment_bgm.jpg) no-repeat center / cover; height: 100vh} #refractoryPigmentation .width98{background: url(/img/sub/CustomPigment/refractoryPigmentation/refractoryPigmentation_bgm.jpg) no-repeat center / cover; height: 100vh} } @media(max-width: 600px){ h2.font-40{font-size: 2.000rem;} #liftingClinic .flexList.content .box .img-box { padding: 3rem 3rem 8rem 3rem; } } @media(max-width: 500px){ #liftingClinic .flexList.content .box .img-box { padding: 2rem 2rem 6rem 2rem; } #doctor_info .flexList .info{padding: 2rem;} #information_sub .pl-15{padding-left: 0; margin-top: 10px;} }