/* 공통 */
.index{padding-top:143px;transition:padding-top .5s ease;}
.index.reduce{padding-top:100px;}
.main_tit_wrap{display:flex;justify-content:space-between;align-items:end;}
.main_tit{}
.main_tit h2{line-height:1.4;}
.main_tit p{color:#555;line-height: 1.7;}


/* 메인비쥬얼 */
.main_visual{position:Relative;width:95%;height:auto;overflow:hidden;margin:0 auto;border-radius:20px;overflow:hidden;background:#000}
.main_visual img{width:100%;height:100%;object-fit:cover;opacity:0.8}
.main_txt{position:absolute;width:80%;left:50%;bottom:22%;transform:translateX(-50%);}
.main_txt h1{line-height:1.3;}
.main_txt p{font-weight:600;line-height:1.7}

.youtube_wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;opacity:0.7}
.youtube_wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 약속 */
.promise{width:100%;position:relative;z-index;0;}
.pr_obj{}
.pr_obj img{position:absolute;z-index:-1;opacity:0.3;}
.pr_obj img:nth-child(1){right:0px;top:0;width:25%}
.pr_obj img:nth-child(2){bottom:-150px;left:0px;width:24%}

.promise_cont{display:flex;}
.promise_main{width:65%;position:relative;}
.promise_main_slide{}
.promise_main_slide .swiper-slide{display:flex;justify-content:space-between;}
.promise_main_slide .swiper-slide img{width:40%;border-radius:15px}
.promise_main_slide .swiper-slide div{width:55%;margin-top:60px;}
.promise_main_slide .swiper-slide div span{font-weight:bold;}
.promise_main_slide .swiper-slide div span b{font-weight:bold;}
.promise_main_slide .swiper-slide div i{width: 6px;height: 6px;border-radius: 8px;background: #17786d;display: inline-block;position: relative;top: -11px;right: -5px;}
.promise_main_slide .swiper-slide div h2{margin-top:80px;line-height:1.4;}
.promise_main_slide .swiper-slide div p{color:#555;}

.promise_btn{z-index:100;position:absolute;left:45%;bottom:20px;}

.promise_thumb{width:35%;overflow:hidden;}
.promise_thumb .swiper-slide{position:relative;}
.promise_thumb .swiper-slide p{ position: absolute;z-index: 10;bottom: 30px;right: 20px;font-weight: bold;mix-blend-mode:overlay;color: #fff;writing-mode: sideways-rl;font-size: 36px;}
.promise_thumb .swiper-slide img{width:100%;border-radius:15px}

/* 특별함 */
.special{position:relative;background:linear-gradient(0deg, #eef1dd, transparent);}
.spe_btn{display:none;}
.spe_slide{overflow:visible;}
.spe_slide .swiper-slide{flex-shrink:0;position:relative;}
.spe_slide .swiper-slide:not(:first-child){margin-left:-420px;}

.spe_slide .swiper-slide{background:#fff;padding:20px;border-radius:15px;overflow:hidden;transition:all .3s;}
.spe_slide .swiper-slide a{display:block;}
.spe_slide .swiper-slide img{border-radius:15px;width:100%}
.spe_slide .swiper-slide div{padding:30px;height:250px;position:relative;padding-bottom:0;}
.spe_slide .swiper-slide div h4{line-height:1.4;}
.spe_slide .swiper-slide div p{color:#555;}
.spe_slide .swiper-slide strong{display: flex;align-items: center;gap: 0 8px;font-size: 16px;color: #17786d;position: absolute;bottom: 20px;right: 20px;}
.spe_slide .swiper-slide strong img{width:12px;position:relative;top:-1px;transform-origin:center center;transition:all .3s;}


.spe_slide .swiper-slide:hover{background:linear-gradient(45deg, #4fb050, #17786d);}
.spe_slide .swiper-slide:hover * {color:#fff;}
.spe_slide .swiper-slide:hover strong img{filter:invert(1) brightness(10);;transform:rotate(180deg)}

.spe_let{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;filter: blur(3px);}
.spe_let p{font-size:8vw;transform:translateX(50%);white-space:nowrap;background:linear-gradient(90deg, #f5bc55, #40b149, #157c70);background-clip:text;color:transparent;width:fit-content;opacity:0.1;}

/* 통증 */
.pain{}
.pain .ctt{}
.pain .main_tit{}
.pain_btn{display:flex;align-items:center;gap:0 35px;}
.pain_button{cursor:pointer;opacity:0.1}
.pain_button img{width:10px;}
.pain-pagination{font-size: 16px;font-weight: 900;text-align: center;display: flex;gap: 0 15px;}

.pain_slide{overflow:hidden;}
.pain_slide .swiper-slide{background:#f7f7f7;border-radius:10px;padding:35px 30px;transition:all .3s;}
.pain_slide .swiper-slide:hover{background:#17786d}
.pain_slide .swiper-slide:hover *{color:#fff;}
.pain_slide .swiper-slide:hover strong b img{filter:invert(1) brightness(10)}
.pain_slide .swiper-slide:hover .pain_icon{filter:invert(1) brightness(10)}
.pain_slide .swiper-slide a{display:block;}
.pain_slide .swiper-slide h4{font-weight:300}
.pain_slide .swiper-slide h4 b{font-weight:bold}
.pain_slide .swiper-slide strong{font-size:16px;display:block;margin-top:8px;}
.pain_slide .swiper-slide strong b{}
.pain_slide .swiper-slide strong b img{width:10px;}
.pain_icon{margin-top:35px;width:60px;display:block;margin-left:auto;transition:all .3s;}



/* 리뷰 */
.review{position:relative;background:url('../index/images/review_bg.jpg')no-repeat;background-size:cover;background-position:top}
.review .main_tit_wrap{flex-direction:column;text-align:center;}

.review .main_tit{text-align:center;width:100%}
.review .main_tit_wrap a{border-radius:100px;padding:12px 30px;margin:0 auto;margin-top:25px;display:flex;align-items:center;gap:0 20px;font-weight:500;color:#fff;transition:all .3s;}
.review .main_tit_wrap a img{width:12px;filter:invert(1) brightness(10)}
.review .main_tit_wrap a:hover{background: #fff;color:#000;border:1px solid  #000}
.review .main_tit_wrap a:hover img{filter:invert(1) brightness(0)}

.review_slide{}
.review_slide .swiper-wrapper{padding-top:20px;padding-bottom:5px;transition-timing-function:linear;}
.review_slide .swiper-slide{padding:40px;box-sizing:border-box;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #157c70;transition:all .5s}

.review_slide .swiper-slide:hover{transform:translateY(-20px) !important;}
.review_slide .swiper-slide img{width:80px;height:80px;border-radius:100px;margin-bottom:40px;}
.review_slide .swiper-slide h4{font-weight:600; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.review_slide .swiper-slide p{font-weight:400;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;얻line-height: 1.7;}

@media screen and (max-width:768px){
  .index{padding-top:100px}
  .main_tit_wrap{flex-wrap:wrap;gap:25px 0}
  .main_tit{width:100%}
  .slide_btn{gap:0 8px}
  .slide_btn div{width:45px;height:45px;}

  .main_visual{}
  .main_txt {bottom: auto;top: 50%;transform: translate(-50%, -50%);}

    .promise{padding:80px 0}
    .promise_main{width:100%}
    .pr_obj img:nth-child(1){width:50%}
    .pr_obj img:nth-child(2){width:80%}
    .promise_main_slide .swiper-slide{flex-wrap:wrap;}
    .promise_main_slide .swiper-slide img{width:100%;margin-top:30px}
    .promise_main_slide .swiper-slide div{width:100%;margin-top:25px;}
    .promise_main_slide .swiper-slide div h2{margin-top:20px}
    .promise_btn {position: relative;left: 0;bottom: 0;margin-top: 0px;}
    .promise_cont{margin-top:15px;}
    .promise_thumb{display:none}

    .special {background: #eef1dd;}
    .spe_btn{display:flex;}
    .spe_slide .swiper-slide div{padding:20px 5px;padding-bottom:35px;height:auto;}
    .spe_slide .swiper-slide strong {font-size: 14px;position: relative;bottom: 0;right: 0;margin-top: 20px;justify-content: right;}
    .spe_slide .swiper-slide:not(:first-child){margin:0}

    .pain_btn {gap: 0 25px;}
    .pain_button img {width: 7px;}
    .pain-pagination {font-size: 14px;}
    .pain_slide .swiper-slide{padding:25px;}
    .pain_slide .swiper-slide strong{font-size:14px}
    .pain_icon{height:40px}

    .review .main_tit_wrap {gap: 0;}
  }

  @media screen and (max-width:499px){
    .promise, .special, .pain, .review{width:100%;overflow:hidden;}
    .main_visual{}
    .main_txt h1{font-size:16px}
    .main_txt p{font-size:12px;}
  }