@charset "utf-8";

#treatment-page .page-tit h2::before{content:'Treatment';}
#treatment-page .sec-com{padding:var(--gap-lg) 0;}
#treatment-page .con-tit p{margin-top:20px;color:#666;line-height:1.5;}

#treatment-page .sec01 {position:relative;}
#treatment-page .sec01 .con-tit p{margin-top:20px;color:#6f6f6f;line-height:1.5;}
#treatment-page .sec01-swip .swiper-slide{width:450px;border-radius: 20px;overflow:hidden;background:#fff;}
#treatment-page .sec01 .con-l{position:relative;white-space: nowrap;padding-right:60px;}
#treatment-page .sec01 .con-l::before{content:'';display:block;position:absolute;top:-50px;right:-150px;z-index:0;width:488px;aspect-ratio:1/1;border-radius: 50%;background:#C2E6FF;filter:blur(200px);}
#treatment-page .sec01::before{content:'';display:block;position:absolute;bottom:-30%;left:-150px;z-index:0;width:488px;aspect-ratio:1/1;border-radius: 50%;background:#C2E6FF;filter:blur(200px);}
#treatment-page .sec01::after{content:'';display:block;position:absolute;bottom:-100px;right:-100px;width:532px;aspect-ratio:1/1;border-radius: 50%;background:#C2D5FF;filter:blur(200px);}
#treatment-page .sec01 .con-l .con-txt,
#treatment-page .sec01 .con-l .swip-nav{position:relative;z-index:1;}
#treatment-page .sec01 .con-r{position:relative;width:100%;}
#treatment-page .sec01 .swip-img{width:100%;aspect-ratio:450/285;object-fit: cover;}
#treatment-page .sec01 .swip-img img{width:100%;}
#treatment-page .sec01 .swip-nav{margin-top:60px;gap:20px;}
#treatment-page .sec01-swip-page{display:block;width:fit-content;font-size:var(--font20);color:#ccc;}
#treatment-page .sec01 .swiper-pagination-current{color:var(--bk);font-weight: 700;}
#treatment-page .sec01 .sec01-swip-prv,
#treatment-page .sec01 .sec01-swip-nxt{width:50px;height:50px;border-radius: 50%;background:#fff;display:flex;align-items: center;justify-content: center;border:1px solid #ccc;cursor: pointer;}
#treatment-page .sec01 .sec01-swip-prv:hover,
#treatment-page .sec01 .sec01-swip-nxt:hover{border-color:var(--bk);}

#treatment-page .sec01 .sec01-swip-prv:hover svg path,
#treatment-page .sec01 .sec01-swip-nxt:hover svg path{stroke:var(--bk);}
#treatment-page .sec01 .swip-txt{padding:40px;}

#treatment-page .sec01 .week{display:flex;width:79px;height:35px;border-radius: 999px;background:var(--main);color:#fff;font-size:var(--font18);font-weight: 700;align-items: center;justify-content: center;}
#treatment-page .sec01 h4{margin:20px 0;font-size:30px;font-weight: 700;}
#treatment-page .sec01 li{position:relative;padding-left:16px;line-height:1.5;font-size:var(--font16);color:#666;letter-spacing: -0.26px;}
#treatment-page .sec01 li:not(:last-child){margin-bottom:6px;}
#treatment-page .sec01 li::before{content:'';display:block;position:absolute;top:8px;left:0;width:6px;height:6px;border-radius: 50%;background:#DCE3EB;}


#treatment-page .sec02{position:relative;background:#13A5F7;overflow:hidden;}
#treatment-page .sec02::before{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:92%;aspect-ratio:1220/1062;background:url('../../img/sub/treatment/sec02_bg.png') no-repeat bottom center / contain}
#treatment-page .sec02 .marquee-wrap {position:relative;width: 100%;margin:200px 0 130px;white-space: nowrap;position: relative;}
#treatment-page .sec02 .marquee-track {display: inline-flex;gap: 24px;animation: marquee 50s linear infinite;}
#treatment-page .sec02 .marquee-item{width:250px;}
#treatment-page .sec02 .marquee-item img{width:100%;}
#treatment-page .sec02 .sec02-phone{width:320px;z-index:2;}
#treatment-page .sec02 .sec02-con{position:relative;z-index:2;}
#treatment-page .sec02 .con-tit{position:relative;z-index:2}
#treatment-page .sec02 .con-tit h3{margin-bottom:20px;}
#treatment-page .sec02 .deco-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1440px;}
#treatment-page .sec02 .deco-wrap .deco-com{position:absolute;width:80px;aspect-ratio:1/1;border-radius: 50%;will-change: transform;
  animation: float 4s ease-in-out infinite;}
#treatment-page .sec02 .phone-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;}
#treatment-page .sec02 .phone-img::after{content:'';display:block;position:absolute;bottom:30px;right:30px;width:90px;height:90px;background:url('../../img/sub/treatment/sec02_phone_deco.png') no-repeat center center / contain;z-index:5;animation:blink 3s ease-in-out infinite;}

@keyframes blink {
  0% { opacity: 1; scale: 1.3;}
  50% { opacity: 0.7; scale: 1; }
  100% { opacity: 1; scale: 1.3; }
}



  
  #treatment-page .sec02 .deco-wrap .deco1{top:150px;left:50px;background:url('../../img/sub/treatment/sec02_deco_ico1.svg') no-repeat center center / contain;}
  #treatment-page .sec02 .deco-wrap .deco2{top:300px;left:200px;background:url('../../img/sub/treatment/sec02_deco_ico2.svg') no-repeat center center / contain;}
  #treatment-page .sec02 .deco-wrap .deco3{top:200px;left:400px;background:url('../../img/sub/treatment/sec02_deco_ico3.svg') no-repeat center center / contain;}
  #treatment-page .sec02 .deco-wrap .deco4{top:300px;right:300px;background:url('../../img/sub/treatment/sec02_deco_ico4.svg') no-repeat center center / contain;}
  #treatment-page .sec02 .deco-wrap .deco5{top:150px;right:140px;background:url('../../img/sub/treatment/sec02_deco_ico5.svg') no-repeat center center / contain;}
  #treatment-page .sec02 .deco-wrap .deco6{top:250px;right:-20px;background:url('../../img/sub/treatment/sec02_deco_ico6.svg') no-repeat center center / contain;}
  
/* 
  #treatment-page .sec02 .deco-wrap .deco1{--dx:2;--dy:-3;--rot:0.4;}
#treatment-page .sec02 .deco-wrap .deco2{--dx:-3;--dy:2;--rot:-0.3;}
#treatment-page .sec02 .deco-wrap .deco3{--dx:4;--dy:-2;--rot:0.5;}
#treatment-page .sec02 .deco-wrap .deco4{--dx:-2;--dy:3;--rot:-0.4;}
#treatment-page .sec02 .deco-wrap .deco5{--dx:3;--dy:1;--rot:0.35;}
#treatment-page .sec02 .deco-wrap .deco6{--dx:-1;--dy:-3;--rot:-0.45;} */

#treatment-page .sec02 .deco-wrap .deco1{--dx:3;--dy:-4;--rot:0.55;}
#treatment-page .sec02 .deco-wrap .deco2{--dx:-4;--dy:3;--rot:-0.45;}
#treatment-page .sec02 .deco-wrap .deco3{--dx:5;--dy:-3;--rot:0.65;}
#treatment-page .sec02 .deco-wrap .deco4{--dx:-3;--dy:4;--rot:-0.55;}
#treatment-page .sec02 .deco-wrap .deco5{--dx:4;--dy:2;--rot:0.5;}
#treatment-page .sec02 .deco-wrap .deco6{--dx:-2;--dy:-4;--rot:-0.6;}

  @keyframes float {
    0%   { transform: translate3d(0,0,0) rotate(0deg); }
    33%  { transform: translate3d(calc(var(--dx) * 1px), calc(var(--dy) * 1px), 0) rotate(calc(var(--rot) * 1deg)); }
    66%  { transform: translate3d(calc(var(--dx) * -0.6px), calc(var(--dy) * -0.6px), 0) rotate(calc(var(--rot) * -0.6deg)); }
    100% { transform: translate3d(0,0,0) rotate(0deg); }
  }



#treatment-page .sec03 .con-tit p span{display:block;margin-top:10px;}
#treatment-page .sec03 .img-wrap{margin-top:var(--gap-lg);overflow:hidden;}
#treatment-page .sec03 .img-wrap .inner{position:relative;text-align: center;}
#treatment-page .sec03 .img-wrap .sec03-main-img{width:600px;}
#treatment-page .sec03 .img-wrap .sec03-deco1{position:absolute;bottom:0;left:20px;}
#treatment-page .sec03 .img-wrap .sec03-deco2{position:absolute;bottom:0;right:50px;}


@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

#treatment-page .sec04{display:flex;align-items: center;justify-content: center;position:relative;overflow:hidden;width:100%;background: linear-gradient(98deg, #0EAFF9 1.91%, #2B69E6 100.35%);text-align: center;overflow:hidden;}
#treatment-page .sec04::before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:0;width:1056px;aspect-ratio:1/1;background:url('../../img/main/inquiry_bg_circle.png') no-repeat center center / contain;transform:translate(-50%,-50%);}
#treatment-page .sec04 .inner{position:relative;z-index:1;}
#treatment-page .sec04 .more-btn{margin:80px auto 0;color:#fff;border:1px solid #fff;}
#treatment-page .sec04 .more-btn::after{display:none;}
#treatment-page .sec04 .con-txt p{margin-top:20px;}
#treatment-page .sec04 .con-tit h3{font-size:70px;}


/* ===============================
반응형
================================ */

@media screen and (max-width:1400px){
  #treatment-page .sec02 .deco-wrap{width:100%;}
}


@media screen and (max-width:1024px){

  #treatment-page .sec01 .inner{flex-wrap: wrap;padding:0;}
  #treatment-page .sec01 .con-l{width:100%;padding:0 30px;white-space: normal;}
  #treatment-page .sec01 .con-r{width:100%;margin-top:80px;}
  #treatment-page .sec01-swip .swiper-slide{width:80vw;max-width:400px;}
  #treatment-page .sec01 .swip-txt{padding:24px;}
  #treatment-page .sec01 .con-tit p br.m-only{display:block !important;}
  #treatment-page .sec01 .con-tit p br.pc-only{display:none !important;}
  

  #treatment-page .sec03 .img-wrap .sec03-main-img.pc-only{display:none;}
  #treatment-page .sec03 .img-wrap .sec03-main-img.m-only{display:block !important;width:50vw;max-width:450px;margin:auto;}
  #treatment-page .sec03 .img-wrap .sec03-deco1{width:32vw;left:-15px;}
  #treatment-page .sec03 .img-wrap .sec03-deco2{width:14vw;right:25px;}
  
  #treatment-page .sec04 .con-tit h3{font-size:55px;}

  #treatment-page {overflow-x:hidden;}
  


  
}


@media screen and (max-width:768px){

  #treatment-page .sec01 .con-l{padding:0 20px;}
  #treatment-page .sec01 .swip-nav{margin-top:40px;}
  #treatment-page .sec01 .week{width:53px;height:23px;font-size:12px;}
  #treatment-page .sec01 h4{margin:12px 0;font-size:20px;}
  #treatment-page .sec01 li{padding-left:10px;font-size:13px;}
  #treatment-page .sec01 li::before{width:3px;height:3px;border-radius: 50%;background:#DCE3EB;}
  #treatment-page .sec01 li:not(:last-child){margin-bottom:3px;}
  #treatment-page .sec01 .con-l::before{width:307px;right:auto;top:-100px;left:-10%;filter:blur(125px);}
  #treatment-page .sec01::after{width:366px;filter:blur(150px);}

  #treatment-page .sec02{background: linear-gradient(105deg, #1BABFF 0.22%, #006FFF 115.17%);}


  #treatment-page .sec04{background: linear-gradient(99deg, #0EAFF9 2.02%, #2B69E6 113.94%);}
  #treatment-page .sec04::before{width:150%;}
  #treatment-page .sec04 .con-tit h3{font-size:40px;}

  #treatment-page .sec02 .sec02-phone{position:relative;z-index:5;margin:auto;width:50vw;max-width:280px;}
  #treatment-page .sec02 .phone-img{position:relative;top:auto;right:auto;bottom:auto;left:auto;transform:none;text-align: center;}
  #treatment-page .sec02 .sec02-con{margin-top:var(--gap-lg);}
  #treatment-page .sec02::before{display:none;}
  #treatment-page .sec02 .phone-img::before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:591px;height:560px;background:url('../../img/sub/treatment/sec02_bg_m.png') no-repeat bottom center / contain;z-index:0;}
  #treatment-page .sec02 .marquee-wrap{margin:var(--gap-lg) auto 50px;}
  #treatment-page .sec02 .marquee-item{width:30vw;max-width:200px;}
  #treatment-page .sec02 .marquee-track{gap:12px;}
  #treatment-page .sec02 .deco-wrap .deco-com{width:60px;height:60px;z-index:1;}
  #treatment-page .sec02 .deco-wrap .deco1{top:550px;left:30px;}
  #treatment-page .sec02 .deco-wrap .deco2{top:570px;left:auto;right:10px;}
  #treatment-page .sec02 .deco-wrap .deco3{top:420px;left:auto;right:70px;}
  #treatment-page .sec02 .deco-wrap .deco4{top:220px;right:auto;left:20px;}
  #treatment-page .sec02 .deco-wrap .deco5{top:400px;right:auto;left:100px;}
  #treatment-page .sec02 .deco-wrap .deco6{top:270px;right:10px;}
  
  #treatment-page .sec02 .deco-wrap{z-index:2;}
  #treatment-page .sec02 .deco-wrap .deco1{--dx:2;--dy:-3;--rot:0.4;}
#treatment-page .sec02 .deco-wrap .deco2{--dx:-3;--dy:2;--rot:-0.3;}
#treatment-page .sec02 .deco-wrap .deco3{--dx:4;--dy:-2;--rot:0.5;}
#treatment-page .sec02 .deco-wrap .deco4{--dx:-2;--dy:3;--rot:-0.4;}
#treatment-page .sec02 .deco-wrap .deco5{--dx:3;--dy:1;--rot:0.35;}
#treatment-page .sec02 .deco-wrap .deco6{--dx:-1;--dy:-3;--rot:-0.45;}

#treatment-page .sec02 .phone-img::after{width:54px;height:54px;right:auto;left:50%;transform:translateX(10vw);}

  
}

@media screen and (max-width:500px){
  #treatment-page .sec02 .deco-wrap .deco-com{width:40px;height:40px;z-index:1;}
  #treatment-page .sec02 .deco-wrap .deco1{top:550px;left:-10px;}
  #treatment-page .sec02 .deco-wrap .deco2{top:570px;left:auto;right:-5px;}
  #treatment-page .sec02 .deco-wrap .deco3{top:450px;left:auto;right:20px;}
  #treatment-page .sec02 .deco-wrap .deco4{top:220px;right:auto;left:-8px;}
  #treatment-page .sec02 .deco-wrap .deco5{top:400px;right:auto;left:20px;}
  #treatment-page .sec02 .deco-wrap .deco6{top:270px;right:-10px;}

  #treatment-page .sec02 .phone-img::after{bottom:20px;transform: translateX(6vw);}

}