.sub {background-color: #e4dcd4;}

.sub .more_btn {color: #111;  border: 1px solid #111; }
.sub .more_btn.bg_btn {border: 1px solid #fff; background-color: #fff;}
.sub .more_btn:hover {color: #fff;  border: 1px solid  var(--pointcolor);}
.sub .more_btn:after {background-color: var(--pointcolor)  ;} 

.flex-row-reverse {display: flex; flex-direction: row-reverse;}

.line01 {width: 1px; height: 100px; margin: 0 auto; background-color: var(--pointcolor);}
.line02 {width: 50px; height: 5px; background-color:  var(--pointcolor);}
.line03 {width: 1px; height: 50px; background-color: #c2b5a8; margin: 0 auto;}
.line04 {width: 1px; height: 50px; margin: 0 auto; background-color: var(--pointcolor);}

.op5 {opacity: .5;}
.color-hidden {background-color: transparent;}
.bold {font-weight: bold;}

.sub .tit>p.point-font {color: #c2b5a8;}
.sub .tit h3 {text-wrap: nowrap; text-align: left;}

@media (max-width: 990px){
  .font-20 {font-size: 1.750rem;}
  .font-30 {font-size: 2.500rem;}

  .line02 {width: 35px; height: 3px;}
  .line04 {height: 40px;}
}
@media (max-width: 430px){
  .font-20 {font-size: 1.5rem;}
  .font-30 {font-size: 2rem;}
  .font-40 {font-size: 2.25rem;}
  .font-60 {font-size: 3rem;}
}
@media (max-width: 360px){
  .font-30 {font-size: 1.75rem;}
  .font-40 {font-size: 2rem;}
  .font-60 {font-size: 2.75rem;}
}

.visible-430,.visible-400,.visible-360 {display:none!important}

@media (max-width: 430px){
  .visible-430 {display: flex !important;}
  .hidden-430 {display:none!important}
}
@media (max-width: 400px){
  .visible-400 {display: flex !important;}
  .hidden-400 {display:none!important}
}
@media (max-width: 360px){
  .visible-360 {display: flex !important;}
  .hidden-360 {display:none!important}
}

/* subtitle */
.subtitle.sub .container {position: absolute; top: 47.5% ; transform: translate(-50%,-50%); left: 50%; overflow: hidden;}
.subtitle.sub .subtitle_bg {height: 700px;}
.subtitle.sub .subtitle_bg img {width: 100%; height: 100%; object-fit: cover; object-position: bottom;}
.subtitle.sub span {font-weight: 400;}
.subtitle.sub .point-font {opacity: .15; letter-spacing: 0;}

@media (max-width: 990px){   
  .subtitle.sub .container {top:45%}
}
@media (max-width: 375px){   
  .subtitle.sub .point-font {font-size: 2.25rem;}
}

/* tab */
.tab {margin-top: -73px; z-index: 1; position: relative; overflow: hidden;}
.tab::before {content: ''; top: 0; width: 100%; position: absolute; height: 3px; background-color: rgba(255,255,255,.1); z-index: 2; } 
.tab::after {content: ''; background-color: rgba(0,0,0,.2); width: 100%; height: 100%; z-index: 1; position: absolute; top: 3px; left: 0; pointer-events: none;}
.tab .container { height: 73px; z-index: 2; position: relative;}
.tab ul {height: 100%; display: flex; align-items: center; justify-content: space-between; }

.tab ul[boxCount="3"] {width: 60%; max-width: 550px;}
.tab ul.max_count3,
.tab ul[boxCount="4"] {width: 70%; max-width: 700px;}
.tab ul[boxCount="5"] {width: 80%; max-width: 850px;}
.tab ul[boxCount="6"] {width: 90%; max-width: 1000px;}

.tab .box {height: 100%; display: flex; justify-content: center; width: fit-content;}
.tab .box a {color: #fff; height: 100%; display: flex; align-items: center;    justify-content: center; letter-spacing: -.3px;}
.tab .box.on a {color: var(--subcolor); font-weight: 600;  position: relative; width: fit-content;}
.tab .box.on a::before {content: ''; top: 0; left: 50%; transform: translateX(-50%); position: 
absolute; height: 3px; background-color: var(--subcolor); width: 110%; }
.tab .tab_bg {position: absolute; bottom: 0; z-index: 1; width: 100%;}
.tab .tab_bg img {height: 700px; object-fit: cover; object-position: bottom; filter: blur(3px); width: 100%;}

.tab_slide {display: none;}
.tab_slide.on {display: none !important;}

@media (max-width: 990px){
  .tab::before {background-color: var(--subcolor); height: 2px;}
  .tab .container {justify-content: flex-start;}
  .tab .tab_btn {position: relative; width: 100%; cursor: pointer; max-width: 990px;}
  .tab .tab_btn::after {content: ''; background-image: url(/img/sub/tab_on.png); width: 18px; height: 11px; background-position: center; background-repeat: no-repeat; background-size: cover; right: 0; position: absolute; top: 50%; transform: translateY(-50%);}
  .tab .tab_btn.on::after {background-image: url(/img/sub/tab_off.png);}
  .tab ul.mo li a {color: var(--subcolor); }
  .tab_slide.on {display: block !important;}
  .tab_slide li a {color: #111;}
  .tab_slide li.on a {color: var(--pointcolor); font-weight: 700;}
}


/* 병원소개 */
/* intro */
.intro.sec01 {background-image: url(/img/sub/intro_top.png); max-height: 630px;}
.intro.sec04 .swiper-pagination {position: relative; flex-wrap: nowrap; max-width: 800px; margin: 0 auto; padding: 0 6.5%; }
.intro.sec04 .swiper-pagination::before {content: ''; position: absolute; top: 0; height: 5px; width: 100%; background: linear-gradient(to right,transparent,#927352 40%, #927352 60%,transparent) ; left: 0; opacity: .5;}
.intro.sec04 .swiper-pagination-bullet {background-color: transparent; border-radius: 0;  font-size: 1.250rem; height: auto; position: relative;flex-direction: column;    align-items: center; display: flex; opacity: 1; font-weight: 400; color: var(--pointcolor); }
.intro.sec04 .swiper-pagination-bullet .circle {background-color: #fff; width: 16px; height: 16px; border-radius: 50%; margin-top: -5px; position: relative; }
.intro.sec04 .swiper-pagination-bullet .circle::before,
.intro.sec04 .swiper-pagination-bullet .circle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: -1; display: none; opacity: 0;}
.intro.sec04 .swiper-pagination-bullet .circle::before {background-color: #927352; width: 30px; height: 30px; animation: rounder1 .6s linear .6s infinite alternate; }
.intro.sec04 .swiper-pagination-bullet .circle::after {background-color: #927352; width: 40px; height: 40px; animation: rounder2 .6s linear .6s infinite alternate; }
.intro.sec04 .swiper-pagination-bullet p:nth-child(2) {padding-top: 40px;}
.intro.sec04 .swiper-pagination-bullet-active .circle::before,
.intro.sec04 .swiper-pagination-bullet-active .circle::after {display: block;}

@keyframes rounder1 {
  from {transform:translate(-50%,-50%) scale(0.75); opacity: 0;}
  to {transform:translate(-50%,-50%) scale(1); opacity: .5;}
}
@keyframes rounder2 {
  from {transform:translate(-50%,-50%) scale(0.75); opacity: 0;}
  to {transform:translate(-50%,-50%) scale(1); opacity: .3;}
}

.intro.sec04 .swiper-pagination-bullet-active  p:nth-child(2) {color:#000; font-weight: 600;}
.intro.sec04 .swiper-wrapper {align-items: center;}
.intro.sec04 .swiper-slide .on {display: none;}
.intro.sec04 .swiper-slide .off {display: block;}
.intro.sec04 .swiper-slide.swiper-slide-active .on {display: block;}
.intro.sec04 .swiper-slide.swiper-slide-active .off {display: none;}
.intro.sec04 .swiper-slide .on .txt {left: 50%;  top: 50%;  transform: translate(-50%,-50%);     width: 100%;}
.intro.sec04 .swiper-slide .on .txt p:last-child {color: #e4dcd4; }
.intro.sec05 {background-image: url(/img/sub/intro_03.png); height: 520px; background-attachment: fixed;}
.intro.sec05 .sp {opacity: .5; mix-blend-mode: overlay;}
.intro.sec06 .swiper-container .swiper-slide {  width: auto !important;}
.intro.sec06 img {height: 630px}
.intro.sec06 .swiper-horizontal>.swiper-scrollbar {position: relative;     background: rgba(255,255,255,.5); width: 90%;}
.intro.sec06 .swiper-scrollbar-drag {  border-radius: 0;  background:var(--pointcolor);}
.intro.sec06 .swiper-wrapper {transition-timing-function: linear;}

@media (max-width: 990px){  
  .intro.sec02 .width55, .intro.sec02 .width45 {width: 100%;}
  .intro.sec02 .width45 {justify-content: flex-start; padding-top: 2.5rem;}
  .intro.sec03 .width55, .intro.sec03 .width45 {width: 100%;}
  .intro.sec03 .width55 { justify-content: flex-end; padding-bottom: 2.5rem;}
  .intro.sec03 .cont_wrap {flex-direction: column-reverse;}
  .intro.sec03 h3.font-30 {font-size: 2.1875rem;}
  .intro.sec04 .swiper-container {width: 90%; margin: 0 auto;}
  .intro.sec04 .swiper-slide .on .txt {padding: 0 5%}
  .intro.sec05 {height: fit-content;}
  .intro.sec06 img {height: 500px;}
} 

/* doctor */
.doctor.sec01 .en {opacity: .5;}
.doctor.sec01 .line {opacity: .3;}
.doctor.sec01 .width50 {position: absolute; right: 0; z-index: 2;}
.doctor.sec01 .txt_wrap {position: relative; z-index: 1;}
.doctor.sec01 .txt_wrap::after {content: '';position: absolute; top: 0; background-image: url(/img/sub/doctor_bg.png); height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center;     background-size: cover;  max-height: 955px;  z-index: -1;  left: -25%;  max-width: 1335px;     height: 110%;  width: 135.5%;}
.doctor.sec02 {background-image: url(/img/sub/doctor_sp.png); max-height: 630px;}

@media (max-width: 990px){  
  .doctor.sec01 .width50 { position: relative; margin: 0 auto; width: 90%;}
} 
@media (max-width: 768px){  
  .doctor.sec01 .width70 {width: 100%; padding-top: 3.25rem;}
} 
@media (max-width: 500px){  
  .doctor.sec01 .width70 .font-30 { font-size: 1.75rem;}
  .doctor.sec01 .line {padding: 0 1rem;}
  .doctor.sec01 .txt_wrap::after {max-height: unset;}
  .doctor.sec01 .font-20 {font-size: 1.5rem;}
} 

/* safecare */
.safecare.sec01 .container {width: 60%;}
.safecare.sec01 .flexList {  --x-gap: 0;}
.safecare.sec01 .box:nth-child(1),.safecare.sec01 .box:nth-child(3) {width: 30%;}
.safecare.sec01 .box:nth-child(2) {width: 37.5%;}
.safecare.sec01 .box:nth-child(2) .img_wrap .plus01 {left: 0;}
.safecare.sec01 .box:nth-child(2) .img_wrap .plus02 {right: 0;}
.safecare.sec02 {background-color: rgba(194,181,168,.3)}
.safecare.sec02 ul li .img,
.safecare.sec03 ul li .img {position: relative; z-index: 1;}
.safecare.sec02 ul li .img::before,
.safecare.sec03 ul li .img::before  {content: ''; position: absolute; font-family: var(--pointfont);  font-size: 3.750rem;  color: rgba(194,181,168,.75); font-weight: 600; font-style: italic; top: -40px;  right: -45px;  z-index: -1;  letter-spacing: 1.5px;  text-align: left;  width: 80px;}
.safecare.sec02 ul li:nth-child(1) .img::before,
.safecare.sec03 ul li:nth-child(1) .img::before {content: '01';}
.safecare.sec02 ul li:nth-child(2) .img::before,
.safecare.sec03 ul li:nth-child(2) .img::before {content: '02';}
.safecare.sec02 ul li:nth-child(3) .img::before {content: '03';}
.safecare.sec02 ul li:nth-child(4) .img::before {content: '04';}  
.safecare.sec04 {background-image: url(/img/sub/safecare_bg.png); max-height: 945px;}
.safecare.sec04 .flexList { --x-gap: 3.5rem;}
.safecare.sec04 .box {width: 200px; height: 200px; border-radius: 50%; background-color: rgba(0,0,0,.3);  border: 1px solid var(--subcolor);}  
.safecare h3.dot {position: relative;}
.safecare h3.dot::before {content: '';  width: 5px;  height: 5px;  background-color: var(--pointcolor);  display: inline-block;  vertical-align: middle;  margin-right: 1.875rem; margin-bottom: 2.5px;}

@media (max-width:1240px) {
  .safecare.sec01 .container {width: 90%;}
}
@media (max-width: 990px){   
  .safecare.sec01 .flexList  {align-items: flex-start;}
  .safecare.sec01 .box {width: 32% !important;}
  .safecare.sec01 .box .font-30 {font-size: 1.4rem; text-align: center;}  
  .safecare .sm-direction>.width60, .safecare .sm-direction>.width40 {width: 100%;}
  .safecare .sm-direction>.width40 {padding-bottom: 6.500rem;}
  .safecare ul.inner>li.flex {justify-content: space-between;}
  .safecare.sec03 .pt-120 {padding-top: 0;}
  .safecare.sec04 .box { width: 145px; height: 145px;}
  .safecare.sec04 .flexList { --x-gap: 1.5rem; justify-content: center;}
}
@media (max-width: 768px){  
  .safecare ul.inner>li.flex>.width40 {width: 35%;}
} 
@media (max-width: 500px){   
  .safecare ul.inner>li.flex>.width40,
  .safecare ul.inner>li.flex>.width60 {width: 100%;}
  .safecare .sm-direction>.width40 {padding-bottom: 3.500rem;}
  .safecare ul.inner>li.flex>.width60 { justify-content: flex-start;}  
  .safecare .sm-direction>.width60 li.pt-120 {padding-top: 4.5rem;}
  .safecare .xxs-direction>.width60>.txt_wrap>p.pb-30 {padding: 1.5rem 0 1rem;}
  .safecare .xxs-direction .img-responsive {width: 100%;}
  .safecare.sec02 ul li .img::before,
  .safecare.sec03 ul li .img::before  {top: 0;  right: auto; position: relative;}
  .safecare.sec04 {max-height: unset;}
  .safecare.sec04 .flexList { font-size: 1.875rem; --x-gap: 1rem; }
  .safecare.sec04 .box { width: 100px; height: 100px;}
}
@media (max-width: 375px){   
  .safecare.sec01 .box .font-30 {font-size: 1.125rem; white-space: nowrap;}
  .safecare.sec04 .flexList { font-size: 1.5rem; --x-gap: 1rem; }
  .safecare.sec04 .box { width: 90px; height: 90px;}
}
@media (max-width: 300px){   
  .safecare.sec01 .box .font-30 {white-space: normal;}
}

/*info*/
.info.sec01 p.sp {color: #777;}
.info.sec01 #map .root_daum_roughmap_landing {height: 580px !important;}
.info.sec01 .flexList {width: 87.5%;}

@media (max-width: 990px){   
  .info.sec01 .font-18 {font-size: 1.4rem;}
  .info.sec01 #map .root_daum_roughmap_landing { height: 275px !important; }
  .info.sec01 .list_wrap {display: flex;    flex-direction: column;}
  .info.sec01 .inner.width50 {width: 100%; display: flex; flex-direction: column; }
  .info.sec01 h3.width30, .info.sec01 .width70,.info.sec01 .flexList {width: 100%}
  .info.sec01 .inner.width50 .time,.info.sec01 .flexList {padding-top: 3.125rem;}
  .info.sec01 .inner.width50 .tel {padding-bottom: 1.875rem;}  
}
@media (max-width: 500px){  
  .info.sec01 .list_wrap .font-20 {font-size: 1.5rem;}
}
/* 병원소개 끝 */


/* sub */
/* philosophy */
.philosophy.sub .box {padding: 1rem 0; max-width: 350px;  min-height: 135px;}
.philosophy.sub .box .inner {gap: 1.25rem; max-width: 240px; width: 82.5%; letter-spacing: -.3px;}
.philosophy.sub .circle {width: 70px; height: 70px; min-width: 70px; min-height: 70px; background-color: #e4e0d7; border-radius: 50%;}

.philosophy.sub .progress_wrap {position: relative;}
.philosophy.sub .progress_wrap::before {content: '';  position: absolute;  top: 50%; height: 4px;  width: 100%;  background: linear-gradient(to right, transparent, #927352 40%, #927352 60%, transparent); opacity: .5;  transform: translateY(-50%); }
.philosophy.sub .progress_wrap .progress {min-height: auto; position: relative;}
.philosophy.sub .progress_wrap .progress::before,
.philosophy.sub .progress_wrap .progress::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; }
.philosophy.sub .progress_wrap .progress::before {background-color: #927352; width: 30px; height: 30px; opacity: 0;}
.philosophy.sub .progress_wrap .progress::after {background-color: #927352; width: 40px; height: 40px; opacity: 0;}
.philosophy.sub .progress_wrap .progress.on::before {animation: progress1 .6s linear .6s infinite alternate; }
.philosophy.sub .progress_wrap .progress.on::after {animation: progress2 .6s linear .6s infinite alternate;}
.philosophy.sub .progress_wrap .progress span {width: 15px; height: 15px; border-radius: 50%; background-color: #fff;  z-index: 1;}

@keyframes progress1 {
  from {transform:translate(-50%,-50%) scale(0.75); opacity: 0;}
  to {transform:translate(-50%,-50%) scale(1); opacity: .5;}
}
@keyframes progress2 {
  from {transform:translate(-50%,-50%) scale(0.75); opacity: 0;}
  to {transform:translate(-50%,-50%) scale(1); opacity: .3;}
}

@media (max-width:1550px) {
  .philosophy.sub .circle {width: 60px; height: 60px; min-width: 60px; min-height: 60px;}
  .philosophy.sub .circle .img-responsive {max-width: 50%;}
  .philosophy.sub .h3_wrap h3.visible-lg {display: flex !important;}
  .philosophy.sub .h3_wrap h3:nth-child(2) .line02 {background-color: transparent;}
}
@media (max-width:990px) {
  .philosophy.sub .pl-30 {padding: 0; padding-top: 3.750rem;}
  .philosophy.sub .box .inner { max-width: none; width: 85%}
  .philosophy.sub .circle { width: 50px; height: 50px; min-width: 50px; min-height: 50px; }
  .philosophy.sub .h3_wrap h3.visible-sm {display: flex !important;}
  .philosophy.sub .h3_wrap h3.hidden-sm {display: none !important;}
}
@media (max-width:500px) {
  .philosophy.sub .box .inner {gap:1rem;}
  .philosophy.sub .box .inner .text {width: calc(100% - 50px - 1rem); text-wrap: balance;}
  .philosophy.sub .circle {width: 45px; height: 45px; min-width: 45px; min-height: 45px;}
}
@media (max-width:430px) {
  .philosophy.sub .h3_wrap h3.hidden-430 {display: none !important;}
  .philosophy.sub .h3_wrap h3:nth-child(2) .line02 {background-color: transparent;}
  .philosophy.sub .h3_wrap h3:nth-child(5) .line02 {background-color: transparent;}
}
@media (max-width:320px) {
  .philosophy.sub .box .inner {flex-direction: column; width: 100%; text-align: center;}
  .philosophy.sub .box .inner .text {width: 100%;}
}

/* point */
.point.sub {height: 695px;}
.point.sub h1 {position: relative;}
.point.sub h1::after {position: absolute; font-family: var(--pointfont);color: rgba(255,255,255,.15); font-size: 2.500rem;  top: .825rem;  left: 50%;  transform: translateX(-50%);  font-weight: 500;  text-wrap: nowrap;  letter-spacing: 0; width: 200%;} 

@media (max-width:1550px) {
  .point.sub {height: 600px;}
}
@media (max-width:990px) {
  .point.sub .pt-30 {padding-top: 2.875rem;}
  .point.sub .pb-30 {padding-bottom: 2.875rem;}
  .point.sub h1::after {font-size: 3.125rem; text-wrap: balance;}
}
@media (max-width:500px) {
  .point.sub {height: 500px;}
  .point.sub h1::after {font-size: 3rem;}
  .point.sub h1.break::after {top: .5rem; white-space: pre; line-height: 1;}  
  .point.sub h1.break {padding-top: 5rem;}  
}
@media (max-width:430px) {
  .point.sub {height: 600px;}
  .point.sub h1::after {font-size: 2.25rem; top: 1.5rem;}
  .point.sub h1.break::after {top: 1rem;}
  .point.sub h1.break {padding-top: 4rem;} 
}

/* option */
.option.sub .cont_wrap { justify-content: space-evenly; }
.option.sub .option_nav {gap: 3rem; position: relative; width: 24%;}
.option.sub .option_nav::before {content: '';  position: absolute;  top: 50%;  height: 150%;  width: 5px;  background: linear-gradient(to bottom, transparent, #927352 40%, #927352 60%, transparent);  left: 18px; opacity: .5;  transform: translateY(-50%);}
.option.sub .option_nav li {color:#a99f94;  cursor: pointer; transition: .3s; display: flex;  flex-wrap: nowrap; text-transform: capitalize;  letter-spacing: 0;}
.option.sub .option_nav li.on {font-size: 1.875rem; color: var(--textcolor);}
.option.sub .option_nav li .inner {gap: 2rem; height: 40px;}
.option.sub .circle {width: 40px; height: 40px; position: relative; }
.option.sub .circle::before,
.option.sub .circle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: none; opacity: 0;}
.option.sub .circle::before {background-color: #927352; width: 30px; height: 30px; animation: rounder1 .6s linear .6s infinite alternate; }
.option.sub .circle::after {background-color: #927352; width: 40px; height: 40px; animation: rounder2 .6s linear .6s infinite alternate; }
.option.sub .on .circle::before,
.option.sub .on .circle::after {display: block;}
.option.sub .circle span {width: 15px; height: 15px; border-radius: 50%; background-color: #fff;  z-index: 1;}
.option.sub .cont {height: 570px; width: 76%;}
.option.sub .option_cont {position: absolute; top: 50%; transform: translateY(-50%); transition: .6s ease-out ; opacity: 0; z-index: 0; pointer-events: none; filter: blur(10px); width: 100%;}
.option.sub .option_cont .width40 {max-width: 420px;}
.option.sub .option_cont .width50 {width: 52.5%}
.option.sub .option_cont.visible {z-index: 1; pointer-events: auto; opacity: 1;  filter: blur(0);}

@media (max-width:990px) {
  .option.sub .cont_wrap {align-items: flex-start;}
  .option.sub .option_nav {max-width: 180px; width: 40%; margin-top: 2rem;}
  .option.sub .option_nav::before {left: 13px; width: 3px;}
  .option.sub .option_nav li {font-size: 1.5rem;}
  .option.sub .option_nav li.on {font-size: 2rem;}
  .option.sub .option_nav li .inner {gap: 1rem;}
  .option.sub .cont {width: 60%; height: 800px;}
  .option.sub .circle {width: 30px; height: 30px; }
  .option.sub .circle::before {width: 20px; height: 20px; }
  .option.sub .circle::after {width: 30px; height: 30px; }
  .option.sub .circle span {width: 10px; height: 10px;}
  .option.sub .option_cont {top: 0; transform: none; align-items: flex-start;}
  .option.sub .option_cont .width40, 
  .option.sub .option_cont .width50 {width: 100%}
}
@media (max-width:786px) {
  .option.sub .cont {height: 750px;}
}
@media (max-width:500px) {
  .option.sub .cont {height: 600px;}
  .option.sub .option_nav {width: calc(40% + 10px); margin-left: -10px; padding-right: 1rem; }
  .option.sub .option_nav li .inner {gap: .5rem;}
  .option.sub .option_nav li.on {font-size: 1.75rem;}
}

/* case */
.case.sub .cont_wrap { justify-content: space-evenly;}
.case.sub .case_nav {gap: 3rem; position: relative; width: 24%;}
.case.sub .case_nav::before {content: '';  position: absolute;  top: 50%;  height: 150%;  width: 5px;  background: linear-gradient(to bottom, transparent, #927352 40%, #927352 60%, transparent);  left: 18px; opacity: .5;  transform: translateY(-50%); min-height: 150px;}
.case.sub .case_nav.max_list::before {max-height: 125%;}
.case.sub .case_nav.min_list::before {height: 200%;}
.case.sub .case_nav li {color: #a99f94; cursor: pointer; transition: .3s; display: flex;
  flex-wrap: nowrap; text-transform: capitalize;  letter-spacing: 0;}
.case.sub .case_nav li.on {font-size: 1.875rem; color: var(--textcolor);}
.case.sub .case_nav li .inner {gap: 2rem; height: 40px;}
.case.sub .circle {width: 40px; height: 40px; position: relative; }
.case.sub .circle::before,
.case.sub .circle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: none; opacity: 0;}
.case.sub .circle::before {background-color: #927352; width: 30px; height: 30px; animation: rounder1 .6s linear .6s infinite alternate; }
.case.sub .circle::after {background-color: #927352; width: 40px; height: 40px; animation: rounder2 .6s linear .6s infinite alternate; }
.case.sub .on .circle::before,
.case.sub .on .circle::after {display: block;}
.case.sub .circle span {width: 15px; height: 15px; border-radius: 50%; background-color: #fff;  z-index: 1;}
.case.sub .cont {height: 570px; width: 76%;}
.case.sub .case_cont {position: absolute; top: 50%; transform: translateY(-50%); transition: .6s ease-out ; opacity: 0; z-index: 0; pointer-events: none; filter: blur(10px); width: 100%;}
.case.sub .case_cont .width40 {max-width: 420px;}
.case.sub .case_cont .width50 {width: 52.5%}
.case.sub .case_cont.visible {z-index: 1; pointer-events: auto; opacity: 1;  filter: blur(0);}
.case.sub .tag_wrap {position: absolute; width: 100%;  height: 100%;}
.case.sub .tag_wrap [class^="tag-"] {gap: .5rem; height: 35px; padding: 0 .75rem; width: fit-content; position: absolute; letter-spacing: -.3px; font-weight: 500;}
.case.sub .tag_wrap .tag-left {background: linear-gradient(to right, transparent, rgba(255,255,255,.5) 35px); }
.case.sub .tag_wrap .tag-right {background: linear-gradient(to left, transparent, rgba(255,255,255,.5) 35px); }
.case.sub .tag_wrap .circle {width: 25px; height: 25px }
.case.sub .tag_wrap .circle::before { width: 18px; height: 18px;}
.case.sub .tag_wrap .circle::after {width: 25px; height: 25px;}
.case.sub .tag_wrap .circle span {width: 10px; height: 10px;}
.case.sub .tag_wrap .circle::before,
.case.sub .tag_wrap .circle::after {display: block; opacity: 1;}
.case.sub .case_tag ul {gap: .5rem; flex-wrap: wrap; width: 80%;}
.case.sub .case_tag li {background-color: #d1c4b7;  padding: .5rem .75rem;}

@media (max-width:1550px) {
  .case.sub .tag_wrap [class^="tag-"] {height: 30px;}
  .case.sub .case_tag ul {width: 100%;}
}
@media (max-width:990px) {
  .case.sub .cont_wrap {align-items: flex-start;}
  .case.sub .case_nav {max-width: 180px; width: 40%; margin-top: 2rem;}
  .case.sub .case_nav::before {left: 13px; width: 3px; min-height: 100px;}
  .case.sub .case_nav li {font-size: 1.5rem;}
  .case.sub .case_nav li.on {font-size: 2rem;}
  .case.sub .case_nav li .inner {gap: 1rem;}
  .case.sub .cont {width: 60%; height: 800px;}
  .case.sub .circle {width: 30px; height: 30px; }
  .case.sub .circle::before {width: 20px; height: 20px; }
  .case.sub .circle::after {width: 30px; height: 30px; }
  .case.sub .circle span {width: 10px; height: 10px;}
  .case.sub .case_cont {top: 0; transform: none;  align-items: flex-start;}
  .case.sub .case_cont .width40, 
  .case.sub .case_cont .width50 {width: 100%}
  .case.sub .tag_wrap .font-20 {font-size: 1.5rem;}
  .case.sub .case_tag ul {width: 80%;}
}
@media (max-width:786px) {
  .case.sub .cont {height: 750px;}
  .case.sub .case_tag ul {width: 100%;}
}
@media (max-width:500px) {
  .case.sub .cont {height: 670px;}
  .case.sub .case_nav {width: calc(40% + 10px); margin-left: -10px; padding-right: 1rem; }
  .case.sub .case_nav li .inner {gap: .5rem;}
  .case.sub .case_nav li.on {font-size: 1.75rem;}
  .case.sub .tag_wrap [class^="tag-"] {height: 25px; padding: 0 .5rem; gap: .25rem;}
  .case.sub .tag_wrap .font-20 {font-size: 1.5rem;}
  .case.sub .tag_wrap .circle {width: 20px; height: 20px }
  .case.sub .tag_wrap .circle::before { width: 13px; height: 13px;}
  .case.sub .tag_wrap .circle::after {width: 20px; height: 20px;}
  .case.sub .tag_wrap .circle span {width: 8px; height: 8px;}
}
@media (max-width:430px) {
  .case.sub .tag_wrap [class^="tag-"] {height: 20px;}
  .case.sub .tag_wrap .font-20 {font-size: 1rem;}
  .case.sub .tag_wrap .circle {width: 18px; height: 18px }
  .case.sub .tag_wrap .circle::after {width: 18px; height: 18px;}
}

/* step */
.step.sub .cont_wrap { justify-content: space-evenly; }
.step.sub .step_nav {gap: 3rem; position: relative; width: 24%;}
.step.sub .step_nav::before {content: '';  position: absolute;  top: 50%;  height: 150%;  width: 5px;  background: linear-gradient(to bottom, transparent, #927352 40%, #927352 60%, transparent);  left: 18px; opacity: .5;  transform: translateY(-50%);}
.step.sub .step_nav li {color:#a99f94;  cursor: pointer; transition: .3s; display: flex;  flex-wrap: nowrap; text-transform: capitalize;  letter-spacing: 0;}
.step.sub .step_nav li.on {font-size: 1.875rem; color: var(--textcolor);}
.step.sub .step_nav li .inner {gap: 2rem; height: 40px;}
.step.sub .circle {width: 40px; height: 40px; position: relative; }
.step.sub .circle::before,
.step.sub .circle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: none; opacity: 0;}
.step.sub .circle::before {background-color: #927352; width: 30px; height: 30px; animation: rounder1 .6s linear .6s infinite alternate; }
.step.sub .circle::after {background-color: #927352; width: 40px; height: 40px; animation: rounder2 .6s linear .6s infinite alternate; }
.step.sub .on .circle::before,
.step.sub .on .circle::after {display: block;}
.step.sub .circle span {width: 15px; height: 15px; border-radius: 50%; background-color: #fff;  z-index: 1;}
.step.sub .cont {height: 465px; width: 76%;}
.step.sub .step_cont {position: absolute; top:7.5%; transition: .6s ease-out ; opacity: 0; z-index: 0; pointer-events: none; filter: blur(10px); width: 100%;}
.step.sub .step_cont.visible {z-index: 1; pointer-events: auto; opacity: 1;  filter: blur(0);}
.step.sub .step_cont h1 {position: relative;}
.step.sub .step_cont h1::after {content: ''; position: absolute; bottom: 15px; height: 1px; width: 100%; background-color: var(--pointcolor); left: 0;}

@media (max-width:990px) {
  .step.sub .cont_wrap {align-items: flex-start;}
  .step.sub .step_nav {max-width: 180px; width: 35%; margin-top: 2rem;}
  .step.sub .step_nav::before {left: 13px; width: 3px;}
  .step.sub .step_nav li {font-size: 1.5rem;}
  .step.sub .step_nav li.on {font-size: 2rem;}
  .step.sub .step_nav li .inner {gap: 1rem;}
  .step.sub .cont {width: 75%; height: 400px;}
  .step.sub .step_cont {top: 15%;}
  .step.sub .circle {width: 30px; height: 30px; }
  .step.sub .circle::before {width: 20px; height: 20px; }
  .step.sub .circle::after {width: 30px; height: 30px; }
  .step.sub .circle span {width: 10px; height: 10px;}
}
@media (max-width:500px) {
  .step.sub .cont {height: 350px;}
  .step.sub .step_nav {width: calc(40% + 10px); margin-left: -10px; padding-right: 1rem; }
  .step.sub .step_nav li .inner {gap: .5rem;}
  .step.sub .step_nav li.on {font-size: 1.75rem;}
}

/* area */
.area.sub .cont_wrap {position: absolute; width: 100%;  height: 100%;}
.area.sub .tag_box {background-color: var(--pointcolor); width: 110px; height: 110px;}
.area.sub [class^="tag-"] {gap: .5rem; height: 40px; padding: 0 .75rem; width: fit-content; position: absolute; letter-spacing: -.3px; font-weight: 500;}
.area.sub .tag-left {background: linear-gradient(to right, transparent, rgba(255,255,255,.5) 35px); }
.area.sub .tag-right {background: linear-gradient(to left, transparent, rgba(255,255,255,.5) 35px); }
.area.sub .circle {width: 24px; height: 24px;; position: relative; }
.area.sub .circle::before,
.area.sub .circle::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; opacity: 0;}
.area.sub .circle::before {background-color: #927352; width: 18px; height: 18px; animation: rounder1 .9s linear .9s infinite alternate; }
.area.sub .circle::after {background-color: #927352; width: 24px; height: 24px; animation: rounder2 .9s linear .9s infinite alternate; }
.area.sub .circle span {width: 10px; height: 10px; border-radius: 50%; background-color: #fff;  z-index: 1;}

@media (max-width:1550px) {
  .area.sub .tag_box {width: 90px; height: 90px;}
  .area.sub [class^="tag-"] {height: 30px;}
}
@media (max-width:990px) {
  .area.sub .cont_wrap {max-width: 525px;}
}
@media (max-width:430px) {
  .area.sub .tag_box {width: 80px; height: 80px;}
  .area.sub .font-20 {font-size: 1.25rem;}
  .area.sub [class^="tag-"] {height: 25px; padding: 0 .5rem;}
}
@media (max-width:360px) {
  .area.sub .font-20 {font-size: 1rem;}
}

/* special */
.special.sub .flexList {gap: 0;}
.special.sub .flexList .box {width: 50%; padding: 6% 7.5%;}
.special.sub .flexList .box:nth-child(1) {border-right: 1px solid rgba(var(--pointcolor-rgb), 0.5); border-bottom: 1px solid rgba(var(--pointcolor-rgb), 0.5);}
.special.sub .flexList .box:nth-child(2) {border-bottom: 1px solid rgba(var(--pointcolor-rgb), 0.5);}
.special.sub .flexList .box:nth-child(3) {border-right: 1px solid rgba(var(--pointcolor-rgb), 0.5); }
.special.sub .flexList .box .img {gap: 1rem; text-align: center;}
.special.sub .flexList .box ul {gap: .75rem; width: 65%;}
.special.sub .flexList .box li {position: relative;}
.special.sub .flexList .box li::before {content: ''; position: relative; display: inline-block; width: 14px; height: 12px; background-image: url(/img/sub/check_mark.png);     background-position: center;  background-repeat: no-repeat; margin-right: .5rem;     background-size: cover;}

@media (max-width:1550px) {
  .special.sub .flexList .box {padding: 5%;}
}
@media (max-width:1240px) {
  .special.sub .flexList .box ul {padding-left: 3rem;}
}
@media (max-width:990px) {
  .special.sub .flexList .box .img {width: 80px; height: auto;}
  .special.sub .flexList .box ul {font-size: 1.5rem; width: 75%; padding-left: 2.5rem;}
}
@media (max-width:768px) {
  .special.sub .flexList .box {padding: 20px 5% 30px;}
  .special.sub .flexList .box ul {width: 100%; padding: 0; text-wrap: wrap; text-align: center; margin-top: 2.5rem;}
  .special.sub .flexList .box .inner {justify-content: center;}
}
@media (max-width:430px) {
  .special.sub .flexList .box li::before {width: 12px; height: 10px;}
  .special.sub .h3_wrap h3:nth-child(2) .line02 {background-color: transparent;}
}

/* design */
@media (max-width:990px) {
  .design.sub .pb-30 {padding-bottom: 3.750rem;}
  .design.sub .img {margin-top: 4.68rem; justify-content: flex-start;}
}

/* effect */
.effect.sub .flexList {gap: 0;}
.effect.sub .effect_img {max-width: 508px; width: 40%;}
.effect.sub .effect_list_wrap {width: 30%;  max-width: 397px ; position: relative; }
.effect.sub .effect_list_wrap>ul {position: relative;  width: 100%; position: relative;}
.effect.sub .effect_list_wrap>ul.wrap2 {height: 50%;}
.effect.sub .effect_list_wrap>ul.wrap3 {height: 75%;}
.effect.sub .effect_list_wrap>ul.left {right: -9%;}
.effect.sub .effect_list_wrap>ul.right {left: -9%; flex-direction: row-reverse;}
.effect.sub .effect_list {position: absolute; z-index: 1; text-align: center;}
.effect.sub .effect_list.left_top {top: 0;;}
.effect.sub .effect_list.left_center,
.effect.sub .effect_list.right_center {top: 50%;  transform: translateY(-50%);}
.effect.sub .effect_list.left_bottom {bottom: 0;}
.effect.sub .effect_list.right_top {top: 0;}
.effect.sub .effect_list.right_bottom {bottom: 0;}
.effect.sub .effect_list>.inner {height: 95px; width: 275px; background-color: #f9f4ee; border-radius: 50px; position: relative; outline: 2px solid #f9f4ee;}

@media (max-width:1550px) {
  .effect.sub .effect_list>.inner {height: 80px;}
}
@media (max-width:1240px) {
  .effect.sub .effect_list>.inner {height: 70px;}
}
@media (max-width:990px) {
  .effect.sub .tit {padding-bottom: 3.5rem;}
  .effect.sub .effect_list {position: relative;}
  .effect.sub .flexList { --x-gap:1.500rem; --y-gap:1.500rem;   display:flex;  flex-wrap:wrap;  gap:var(--y-gap) var(--x-gap);}
  .effect.sub .flexList > .box{width:calc(100% / var(--count) - (var(--x-gap) * (var(--count) - 1)) / var(--count)); }
  .effect.sub .effect_list>.inner {width: 100%; min-width: auto;}
}
@media (max-width:500px) {
  .effect.sub h3 {padding-right: 18px;}
  .effect.sub h3.visible-xxs {display: flex !important;}
  .effect.sub .h3_wrap h3:nth-child(2) .line02 {background-color: transparent;}
  .effect.sub .effect_list>.inner {outline: none;} 
}
@media (max-width:320px) {
  .effect.sub .effect_list .font-20 {font-size: 1.5rem;}
}

/* target */
.target.sub ul {gap: 2rem;}
.target.sub li {gap: 1.25rem;  padding: 3.75rem 1rem; max-height: 325px; min-height: 275px;}
.target.sub li img {width: auto; height: 63px;}
.target.sub ul[boxCount="3"] {width: 85%;}
.target.sub ul[boxCount="3"] li { max-width: 370px;}
.target.sub ul[boxCount="4"] {width: 100%;}
.target.sub ul[boxCount="4"] li { max-width: 325px;}

@media (max-width:1550px) {
  .target.sub ul {width: 100% !important; gap: 1.5rem;}
}
@media (max-width:768px) {
  .target.sub li img { height: 55px;}
}
@media (max-width:430px) {
  .target.sub .h3_wrap h3:nth-child(2) .line02 {background-color: transparent;}
  .target.sub li img {height: 50px;}
}
@media (max-width:360px) {
  .target.sub li {width: 100%;}
}

/* promise */
@media (max-width:990px) {
  .promise.sub .box {display: flex; flex-direction: column; align-items: center;}
}
@media (max-width:500px) {
  .promise.sub img {max-height: 235px; height: auto; width: 100%; object-fit: cover;}
}
@media (max-width:430px) {
  .promise.sub img {max-height: 200px;}
}
@media (max-width:375px) {
  .promise.sub img {max-height: 175px;}
}

/* beaf */
.beaf.sub {height: 650px;}
.beaf.sub h1 {position: relative;}
.beaf.sub h1::after {position: absolute; font-family: var(--pointfont);color: rgba(255,255,255,.15); font-size: 1.875rem; top: 1rem;  left: 50%;  transform: translateX(-50%);  font-weight: 500;  text-wrap: nowrap;  letter-spacing: 0;} 
@media (max-width:990px) { 
  .beaf.sub {height: 500px;}  
}
@media (max-width:500px) { 
  .beaf.sub h1 {padding-top: 3.750rem;}
  .beaf.sub h1::after {white-space: pre; font-size: 2.5rem; top: .5rem; line-height: 1;}
}
@media (max-width:430px) {
  .beaf.sub {height: 600px;}
  .beaf.sub h1::after {font-size: 1.75rem; top: 1rem;}
}
@media (max-width:360px) {
  .beaf.sub h1::after {font-size: 1.5rem;}
}

/* 하단공통 */
.sub_bottom {height: 675px;}
.sub_bottom .sb_list_wrap {gap: 3rem; width: 250px;}
.sub_bottom .sb_list {transition: .3s; height: 40px; cursor: pointer; }
.sub_bottom .sb_list span {position: relative; text-wrap: nowrap; }
.sub_bottom .sb_list span::after {content: ''; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(/img/sub/sub_bottom/arrow.png); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 0; transition: .3s ease-out;}
.sub_bottom .sb_list.on {font-size: 1.875rem; color: var(--textcolor); font-weight: 600;}
.sub_bottom .sb_list.on span::after {opacity: 1;}
.sub_bottom .sb_cont_wrap {position: relative;}
.sub_bottom .sb_cont {position: absolute; top: 50%; transform: translateY(-50%); transition: .6s ease-out; opacity: 0; z-index: 0; pointer-events: none; filter: blur(10px);}
.sub_bottom .sb_cont.visible {z-index: 1; pointer-events: auto; opacity: 1;  filter: blur(0);}
.sub_bottom .sb_cont h3 {text-wrap: balance;}

@media (max-width:1550px) {
  .sub_bottom {height: 600px;}
}
@media (max-width:990px) {
  .sub_bottom  {align-items: flex-start; height: 550px;}
  .sub_bottom .container {margin: 0;}
  .sub_bottom .width35 { justify-content: flex-start; width: 37.5%;}
  .sub_bottom .sb_list_wrap {gap: 1rem;}
  .sub_bottom .sb_list {font-size: 1.5rem; height: 30px;}
  .sub_bottom .sb_list.on {font-size: 2.25rem;}
  .sub_bottom .sb_list span::after {right: -30px; width: 15px; height: 15px;}
  .sub_bottom .sb_cont {top: auto; transform: none;}
}
@media (max-width:430px) {
  .sub_bottom {height: 500px;}
  .sub_bottom .sb_list.on, .sub_bottom  .font-30 {font-size: 2rem; padding-bottom: 1.25rem;}
  .sub_bottom .sb_list span::after {right: -25px;}
}
@media (max-width:360px) { 
  .sub_bottom .sb_list.on, .sub_bottom  .font-30 {font-size: 1.75rem;}
}
@media (max-width:320px) {
  .sub_bottom  {align-items: flex-start; height: 600px;}
  .sub_bottom .container {flex-direction: column;}
  .sub_bottom .width35,  .sub_bottom .width50 {width: 100%;}
  .sub_bottom .width50 {padding-left: 2rem;}
  .sub_bottom .width50 {margin-top: 4.68rem;}
}
.sub_bottom.surgery {background-image: url(/img/sub/sub_bottom/surgery.jpg);}
.sub_bottom.skin {background-image: url(/img/sub/sub_bottom/skin.jpg);}
.sub_bottom.lifting {background-image: url(/img/sub/sub_bottom/lifting.jpg);}
.sub_bottom.program {background-image: url(/img/sub/sub_bottom/program.jpg);}
.sub_bottom.stem_cell {background-image: url(/img/sub/sub_bottom/stem_cell.jpg);}
/* sub 끝 */


/* simulation */
.point.simulation {background-image: url(/img/sub/simulation/point.jpg);}
.point.simulation h1::after {content:'centum core 3D Simulation system';}
.area.simulation .box:nth-child(1) .tag-left:nth-child(1) {right: 10%; top: 25%;}
.area.simulation .box:nth-child(1) .tag-left:nth-child(2) {right: 3%; bottom: 39%;}
.area.simulation .box:nth-child(1) .tag-left:nth-child(3) {right: 15%; bottom: 21%;}
.area.simulation .box:nth-child(2) .tag-right:nth-child(1) {right: 46%; top: 16.5%;}
.area.simulation .box:nth-child(2) .tag-left:nth-child(2) {left: 27%; top: 40%;}
.area.simulation .box:nth-child(2) .tag-left:nth-child(3) {right: 22%;  bottom: 40%;}
.area.simulation .box:nth-child(2) .tag-right:nth-child(4) {left: 6%; bottom: 27%;}
.area.simulation .box:nth-child(2) .tag-left:nth-child(5) {right: 37%;  bottom: 20%;}
@media (max-width:500px) {
  .point.simulation {background-position: 30%;}
}

/* eye */
.point.eye {background-image: url(/img/sub/eye/point.jpg);}
.point.eye h1::after {content:'centum core eye surgery';}
.beaf.eye {background-image: url(/img/sub/eye/beaf.jpg);}
.beaf.eye h1::after {content:'Centum Core Eye Surgery Before & After';}
@media (max-width:990px) {
  .point.eye {background-image: url(/img/sub/eye/point_m.jpg);}
  .beaf.eye {background-image: url(/img/sub/eye/beaf_m.jpg);}
}
@media (max-width:500px) {
  .beaf.eye h1::after {content:'Centum Core \A Eye Surgery Before & After';}
}

/* nose */
.point.nose {background-image: url(/img/sub/nose/point.jpg);}
.point.nose h1::after {content:'Centum Core Nose Plastic Surgery';}
.beaf.nose {background-image: url(/img/sub/nose/beaf.jpg);}
.beaf.nose h1::after {content:'Centum Core Nose Surgery Before & After';}
@media (max-width:500px) {
  .point.nose h1::after {content:'Centum Core \A Nose Plastic Surgery';}
  .beaf.nose {background-position: 30%;}
  .beaf.nose h1::after {content:'Centum Core \A Nose Surgery Before & After';}
}

/* ear */
.point.ear {background-image: url(/img/sub/ear/point.jpg);}
.point.ear h1::after {content:'Centum Core Ear Surgery';}
.beaf.ear {background-image: url(/img/sub/ear/beaf.jpg);}
.beaf.ear h1::after {content:'Centum Core Ear Surgery Before & After';}
@media (max-width:500px) {
  .beaf.ear h1::after {content:'Centum Core \A Ear Surgery Before & After';}
}

/* lip */
.point.lip {background-image: url(/img/sub/lip/point.jpg);}
.point.lip h1::after {content:'Centum Core Lip Surgery';}
.beaf.lip {background-image: url(/img/sub/lip/beaf.jpg);}
.beaf.lip h1::after {content:'Centum Core Lip Surgery Before & After';}
@media (max-width:500px) {  
  .beaf.lip  {background-position: 80%;}
  .beaf.lip h1::after {content:'Centum Core \A lip Surgery Before & After';}
}

/* face */
.point.face {background-image: url(/img/sub/face/point.jpg);}
.point.face h1::after {content:'Centum Core Face Fat Surgery';}
.beaf.face {background-image: url(/img/sub/face/beaf.jpg);}
.beaf.face h1::after {content:'Centum Core Face Fat Surgery Before & After';}
@media (max-width:500px) {
  .point.face h1::after {content:'Centum Core \A Face Fat Surgery';}
  .beaf.face h1::after {content:'Centum Core \A Face Fat Surgery Before & After';}
}

/* breast */
.point.breast {background-image: url(/img/sub/breast/point.jpg);}
.point.breast h1::after {content:'Centum Core Breast Surgery';}
.beaf.breast {background-image: url(/img/sub/breast/beaf.jpg);}
.beaf.breast h1::after {content:'Centum Core Breast Surgery Before & After';}
@media (max-width:500px) {
  .point.breast h1::after {content:'Centum Core \A Breast Surgery';}
  .beaf.breast h1::after {content:'Centum Core \A Breast Surgery Before & After';}
}

/* hip */
.point.hip {background-image: url(/img/sub/hip/point.jpg);}
.point.hip h1::after {content:'Centum Core Hip Surgery';}
.beaf.hip {background-image: url(/img/sub/hip/beaf.jpg);}
.beaf.hip h1::after {content:'Centum Core Hip Surgery Before & After';}
@media (max-width:500px) {
  .beaf.hip h1::after {content:'Centum Core \A Hip Surgery Before & After';}
}

/* body */
.point.body {background-image: url(/img/sub/body/point.jpg);}
.point.body h1::after {content:'Centum Core Body Line Surgery';}
.beaf.body {background-image: url(/img/sub/body/beaf.jpg);}
.beaf.body h1::after {content:'Centum Core Body Line Surgery Before & After';}
@media (max-width:500px) {
  .point.body h1::after {content:'Centum Core  \A Body Line Surgery';}
  .beaf.body h1::after {content:'Centum Core \A Body Line Surgery Before & After';}
}

/* female */
.point.female {background-image: url(/img/sub/female/point.jpg);}
.point.female h1::after {content:'Centum Core Female Surgery';}
.beaf.female {background-image: url(/img/sub/female/beaf.jpg);}
.beaf.female h1::after {content:'Centum Core Female Surgery Before & After';}
@media (max-width:500px) {
  .point.female h1::after {content:'Centum Core \A Female Surgery';}
  .beaf.female h1::after {content:'Centum Core \A Female Surgery Before & After';}
}

/* scar */
.point.scar {background-image: url(/img/sub/scar/point.jpg);}
.point.scar h1::after {content:'Centum Core Scar Surgery';}
.beaf.scar {background-image: url(/img/sub/scar/beaf.jpg);}
.beaf.scar h1::after {content:'Centum Core Scar Surgery Before & After';}
@media (max-width:500px) {
  .beaf.scar h1::after {content:'Centum Core \A Scar Surgery Before & After';}
}

/* petit */
.case.petit .img_area {position: absolute;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(1) {left: 33%;  top: 12%;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(2) {left: 34%;  top: 24%;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(3) {right: 17%; top: 37%;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(4) {right: 43%; top: 47%;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(5) {right: 30%; bottom: 35%;}
.case.petit .case_cont:nth-child(1) .tag-left:nth-child(6) {left: 26%; bottom: 17%;}
.case.petit .case_cont:nth-child(2) .tag-left:nth-child(1) {left: 40%; top: 20%;}
.case.petit .case_cont:nth-child(2) .tag-right:nth-child(2) {left: 11%; top: 41%;}
.case.petit .case_cont:nth-child(2) .tag-left:nth-child(3) {left: 46%;  top: 39%;}
.case.petit .case_cont:nth-child(2) .tag-right:nth-child(4) {left: 35%; top: 49%; }
.case.petit .case_cont:nth-child(2) .tag-left:nth-child(5) {right: 11%; top: 44%;}
.case.petit .case_cont:nth-child(2) .tag-left:nth-child(6) {right: 14%; bottom: 41%;}
.case.petit .case_cont:nth-child(2) .tag-left:nth-child(7) {right: 25%; bottom: 29%;}
.case.petit .case_cont:nth-child(2) .tag-right:nth-child(8) {left: 36%; bottom: 21%;}
.case.petit .case_cont:nth-child(3) .tag-right:nth-child(1) {right: 3%; top: 36%;}
.case.petit .case_cont:nth-child(3) .tag-right:nth-child(2) {left: 36%; top: 44%;}
.case.petit .case_cont:nth-child(3) .tag-left:nth-child(3) {left: 23%; bottom: 39%;}
.case.petit .case_cont:nth-child(3) .tag-left:nth-child(4) {left: 55%; bottom: 32%;}
.case.petit .case_cont:nth-child(3) .tag-right:nth-child(5) {left: 31%; bottom: 23%;}
.point.petit {background-image: url(/img/sub/petit/point.jpg);}
.point.petit h1::after {content:'Centum Core Petit Surgery';}
.beaf.petit {background-image: url(/img/sub/petit/beaf.jpg);}
.beaf.petit h1::after {content:'Centum Core Petit Surgery Before & After';}
@media (max-width:500px) {
  .beaf.petit h1::after {content:'Centum Core \A Petit Surgery Before & After';}
}

/* skin 공통 */
.beaf.skin {background-image: url(/img/sub/skin/beaf.jpg);}
.beaf.skin h1::after {content:'Centum Core SKIN CLINIC Before & After';}
@media (max-width:500px) {
  .beaf.skin h1::after {content:'Centum Core \A SKIN CLINIC Before & After';}
}

/* whitening */
.point.whitening {background-image: url(/img/sub/whitening/point.jpg);}
.point.whitening h1::after {content:'Whitening Skin Clinic';}

/* pore */
.point.pore {background-image: url(/img/sub/pore/point.jpg);}
.point.pore h1::after {content:'Centum Core Pore Clinic';}

/* acne */
.point.acne {background-image: url(/img/sub/acne/point.jpg);}
.point.acne h1::after {content:'Centum Core Acne Clinic';}

/* antiAging */
.philosophy.antiAging h3:nth-child(3) .line02 {background-color: transparent;} 
.point.antiAging {background-image: url(/img/sub/antiAging/point.jpg);}
.point.antiAging h1::after {content:'Anti-aging Clinic';}

/* tattoo */
.point.tattoo {background-image: url(/img/sub/tattoo/point.jpg);}
.point.tattoo h1::after {content:'Tattoo Removal Clinic';}
@media (max-width:430px) {
  .design.tattoo h3:nth-child(3) .line02 {background-color: transparent;} 
}

/* lifting 공통 */
.beaf.lifting {background-image: url(/img/sub/lifting/beaf.jpg);}
.beaf.lifting h1::after {content:'Centum Core Lifting Before & After';}
@media (max-width:500px) {
  .beaf.lifting h1::after {content:'Centum Core \A Lifting Before & After';}
}

/* belody */
.point.belody {background-image: url(/img/sub/belody/point.jpg);}
.point.belody h1::after {content:'Centum Core Belody Lifting';}
.area.belody .box:nth-child(1) .tag-left:nth-child(1) {right: 33%; top: 2%;}
.area.belody .box:nth-child(1) .tag-left:nth-child(2) {right: 31%; top: 46%;}
.area.belody .box:nth-child(1) .tag-left:nth-child(3) {left: 17%; bottom: 13%;}
.area.belody .box:nth-child(1) .tag-left:nth-child(4) {right: 39%; bottom: 9%;}
.area.belody .box:nth-child(2) .tag-left:nth-child(1) {right: 18%; top: 7%;}
.area.belody .box:nth-child(2) .tag-left:nth-child(2) {left: 28%; top: 18%;}
.area.belody .box:nth-child(2) .tag-left:nth-child(3) {left: 36%; bottom: 44%;}
.area.belody .box:nth-child(2) .tag-left:nth-child(4) {right: 27%; bottom: 12%;}

/* thread */
.point.thread {background-image: url(/img/sub/thread/point.jpg);}
.point.thread h1::after {content:'centum core thread lifting';}
.area.thread .box:nth-child(1) .tag-left:nth-child(1) {left: 25%; top: 19%;}
.area.thread .box:nth-child(1) .tag-left:nth-child(2) {right: 38%; top: 43%;}
.area.thread .box:nth-child(1) .tag-left:nth-child(3) {right: 34%; bottom: 31%;}
.area.thread .box:nth-child(2) .tag-left:nth-child(1) {right: 33%; top: 6%;}
.area.thread .box:nth-child(2) .tag-left:nth-child(2) {right: 47%; top: 38%;}
.area.thread .box:nth-child(2) .tag-left:nth-child(3) {right: 25%; top: 46%;}

/* hifu */
.point.hifu {background-image: url(/img/sub/hifu/point.jpg);}
.point.hifu h1::after {content:'Centum Core Hi Fu Lifting';}
.area.hifu .box:nth-child(1) .tag-left:nth-child(1) {left: 48%; top: 13%;}
.area.hifu .box:nth-child(1) .tag-left:nth-child(2) {right: 6%; top: 27%;}
.area.hifu .box:nth-child(1) .tag-left:nth-child(3) {right: 4%; top: 39%;}
.area.hifu .box:nth-child(1) .tag-left:nth-child(4) {right: 3%; bottom: 40%;}
.area.hifu .box:nth-child(1) .tag-right:nth-child(5) {left: 19%; top: 45%;}
.area.hifu .box:nth-child(1) .tag-right:nth-child(6) {left: 30%; bottom: 35%;}
.area.hifu .box:nth-child(2) .tag-left:nth-child(1) {right: 2%; top: 5%;}
.area.hifu .box:nth-child(2) .tag-left:nth-child(2) {right: 12%; bottom: 40%;}
.area.hifu .box:nth-child(2) .tag-right:nth-child(3) {right: 22%; top: 40%;}
.area.hifu .box:nth-child(2) .tag-right:nth-child(4) {left: 23%; top: 33%;}

/* immune */
.point.immune {background-image: url(/img/sub/immune/point.jpg);}
.point.immune h1::after {content:'Immune Enhancement Program';}
@media (max-width: 990px) {
  .case.immune .cont {height: 1000px;}
}
@media (max-width: 768px) {
  .case.immune .cont {height: 800px;}
}
@media (max-width: 500px) {
  .point.immune h1::after {content:'Immune Enhancement \A Program';}
}
@media (max-width: 430px) {
  .case.immune .cont {height: 700px;}
}
@media (max-width: 320px) {
  .case.immune .cont {height: 900px;}
}

/* vitality */
.point.vitality {background-image: url(/img/sub/vitality/point.jpg);}
.point.vitality h1::after {content:"Men's Vitality Program";}

/* care */
.point.care {background-image: url(/img/sub/care/point.jpg);}
.point.care h1::after {content:"Centum Core Women's Care Program";}
@media (max-width:500px) {
  .point.care h1::after {content:"Centum Core \A Women's Care Program";}
}

/* injection */
.point.injection {background-image: url(/img/sub/injection/point.jpg);}
.point.injection h1::after {content:"Centum Core Anti-Aging VIP Injection";}
@media (max-width:500px) {
  .point.injection h1::after {content:"Centum Core \A Anti-Aging VIP Injection";}
}

/* hair */
.philosophy.hair h3:nth-child(3) .line02 {
  background-color: transparent;
}
.point.hair {background-image: url(/img/sub/hair/point.jpg);}
.point.hair h1::after {content:"Centum Core Hair Loss Stem Cell Treatment";}
@media (max-width:500px) {
  .point.hair h1::after {content:"Centum Core \A Hair Loss Stem Cell Treatment";}
}

/* joint */
.point.joint {background-image: url(/img/sub/joint/point.jpg);}
.point.joint h1::after {content:"Centum Core Joint Stem Cell Therapy";}
@media (max-width:500px) {
  .point.joint h1::after {content:"Centum Core \A Joint Stem Cell Therapy";}
}

/* medical */
.point.medical {background-image: url(/img/sub/medical/point.jpg);}
.point.medical h1::after {content:"Centum Core Medithetics Therapy";}
@media (max-width:500px) {
  .point.medical h1::after {content:"Centum Core \A Medithetics Therapy";}
}