@charset "utf-8";

@media screen and (max-width: 2000px) {
    :root {
        --in:1440px;
    }
}

.pin-spacer {max-width: 100%;}

.main .fixed_form {opacity: 1; pointer-events: inherit;}



.kv_basic99 {position: relative; }
.kv_basic99 .swiper-slide {height: 100svh; }
.kv_basic99 .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.kv_basic99 .bg iframe,
.kv_basic99 .bg video,
.kv_basic99 .bg img {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; object-position: center; transition: transform 1s ease-in-out;}
.kv_basic99 .bg::before {content: ""; position: absolute; inset: 0; background: rgba(4, 11, 32, 0.20); z-index: 2;}
.kv_basic99 .bg.spe::before { background: rgba(4, 11, 32, 0.10); }

.kv_basic99 .bg iframe {
    pointer-events: none;
}

.kv_basic99.active .bg.basic img{transform: translate(-50%, -50%) scale(1.1);}
.kv_basic99.active .swiper-slide-active .bg.basic img,
.kv_basic99.active .swiper-slide-duplicate-active .bg.basic img{transform: translate(-50%, -50%) scale(1);}

.kv_basic99 .tit_box {position: absolute; bottom: 22rem; left: 50%; transform: translate(-50%, 0%); width: 100%; z-index: 5; color: #fff;}
.kv_basic99 .tit_box .in {width: 100%; padding: 0 10rem;}
.kv_basic99 .tit_box .tit {font-size: 7.5rem; font-weight: 700; line-height: 1.3; opacity: 0; transform: translateY(10rem); transition: 0.6s ease-in-out 0.2s;}
.kv_basic99 .tit_box .tit.flex {display: flex;}
.kv_basic99 .tit_box .txt {font-size: var(--h8); margin-top: 2rem; line-height: 1.5;}
.kv_basic99 .tit_box .desc {font-size: var(--h8); font-weight: 400; margin-top: 1.5rem; opacity: 0; transform: translateY(10rem); transition:0.6s ease-in-out 0.4s;}
/* .kv_basic99 .link_btn_box {position: absolute; left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd)); top: 50%; z-index: 3; margin-top: 14rem; display: none;} */
.kv_basic99 .link_btn_box { margin-top: 4rem; opacity: 0; transform: translateY(10rem); transition:0.6s ease-in-out 0.6s;}
.kv_basic99 .link_btn_box .link_btn {background: rgba(255, 255, 255, 0.35);backdrop-filter: blur(20px);}

.kv_basic99.active .swiper-slide-active .tit_box .tit,
.kv_basic99.active .swiper-slide-active .tit_box .desc,
.kv_basic99.active .swiper-slide-active .tit_box .link_btn_box {opacity: 1; transform: unset;}

/* 기본 텍스트 (첫번째 슬라이드 제외 기본으로 들어감) */
.kv_basic99 .bg.basic::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.10); z-index: 2;}
.kv_basic99 .bg.basic.filter40::before {background: rgba(0, 0, 0, 0.40);}
.kv_basic99 .tit_box.sm .tit{font-size: 5rem; font-weight: 600;}

.kv_basic99 .tit_box .tit .float_txt {height: 1.3em; margin: 0 0.2em; display: inline-flex; align-items: center; transform: translateY(-0.1em);}
.kv_basic99 .tit_box .tit .float_txt .swiper-container {height: 100%; width:2.5em; text-align: center; height: 1.2em; pointer-events: none;}
.kv_basic99 .tit_box .tit .float_txt .swiper-slide {transition: opacity 0.4s ease-in-out;}
.kv_basic99 .tit_box .tit .float_txt .swiper-slide-prev {opacity: 0;}

.kv_basic99 .bot_box {position: absolute; bottom: 14rem; bottom:15rem; left: 0; width: 100%; height: auto; z-index: 3;} 
.kv_basic99 .bot_box .in {width: 100%; padding: 0 10rem; }
.kv_basic99 .bot_box .swiper_box {display: flex; align-items: center; opacity: 0; transform: translateY(100px); transition:0.6s ease-in-out 0.6s;}
.kv_basic99.active .bot_box .swiper_box {opacity: 1; transform: unset;}
.kv_basic99 .bot_box .swiper_box .swiper-paging { display: flex;}
.kv_basic99 .bot_box .swiper_box .swiper-paging .swiper-pagination-bullet {width: 3rem;height: 3rem; background-color: transparent; border: 1px solid transparent; position: relative; opacity: 1; transition: 0.3s ease-in-out;}
.kv_basic99 .bot_box .swiper_box .swiper-paging .swiper-pagination-bullet-active {border-color: #fff; }
.kv_basic99 .bot_box .swiper_box .swiper-paging .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 2rem;}
.kv_basic99 .bot_box .swiper_box .swiper-paging .swiper-pagination-bullet::before {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 30%; height: 30%; background-color: #fff; border-radius: 50%; }

.kv_basic99 .bot_box .swiper_box .arr_box {background: rgba(255, 255, 255, 0.30); border-radius: 10em; display: flex; align-items: center; padding:0 2rem; height: 1.6em ;border-radius: 10em; width: auto; margin-left: 2rem; display: none;}
.kv_basic99 .bot_box .swiper_box .arr_box .swiper_btn {height: auto; display: flex; align-items: center; cursor: pointer;}
.kv_basic99 .bot_box .swiper_box .arr_box .swiper_btn svg {width: 0.8rem; height: auto;}
.kv_basic99 .bot_box .swiper_box .arr_box .swiper_btn + .swiper_btn {margin-left: 1.5rem;}

.kv_basic99 .bot_box .progress_bar {background: rgba(255, 255, 255, 0.20); border-radius: 10em; height: 4px; width: 20rem; min-width: 0;}
.kv_basic99 .bot_box .progress_bar .bar {display: block;width: 0;height: 100%;background: #fff;transition: width 0.3s ease-in-out;}
.kv_basic99 .bot_box .progress_bar .bar.no_transition {transition: none;}


.kv_basic99 .bot_box .play_btn {position: relative; width: 1.2em; height: 1.2em; flex-shrink: 0; margin-left: 20px;}
.kv_basic99 .bot_box .play_btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; align-items: center; justify-content: center; width: 100%; height: auto; }
.kv_basic99 .bot_box .play_btn .ico.play {display: none;}
/* .kv_basic99 .bot_box .play_btn .ico.stop svg{width: 1rem;} */
.kv_basic99 .bot_box .play_btn.stop .ico.stop {display: none;}
.kv_basic99 .bot_box .play_btn.stop .ico.play {display: flex; padding-left: 10%;}
.kv_basic99 .bot_box .play_btn .ico svg{width: 1rem; display: flex;}



/* 타이틀 */
.main_tit_box .sm_tit {font-size: var(--p2); font-weight: 500; opacity: 0; transform: translateY(var(--contMt4)); transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.main_tit_box .tit {font-size: var(--mainTit); font-weight: 700; line-height: 1.5; margin-top: 1.5rem; opacity: 0; transform: translateY(var(--contMt4)); transition: opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s;}
.main_tit_box .txt {font-size: var(--p3); font-weight: 500; margin-top: 1.25rem; opacity: 0; transform: translateY(var(--contMt4)); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.main_tit_box.active > * {opacity: 1; transform: unset;}


/* 여백 */
.tab_rolling09{padding-top: var(--pd1);}

.main_media_mixed01,
.rhino_ba_sect,
.cont_number1,
.main_medical_team05 {padding-top: var(--pd2);}




.cont_number1 .cont_box .cont .ico {display: none;}
.full_img_slide07 {color: #fff; margin-top: var(--pd1);}
.sticky_sect_wrap .full_img_slide07 {position: sticky; top: 0;}
.sticky_sect_wrap  .intro_branding_12 {margin-top: 50svh;}


/* ----- 삼성드림 TV (main_tv_sect) — 유튜브 메인노출 최대 20건: 대표 외 목록(.aside)은
       PC 는 대표 영역 높이에 맞춘 세로 스와이퍼, 모바일(≤600px)은 가로 스와이퍼 (_Skin/1.php initMainTvYoutubeSwiper) ----- */

.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box {position: relative;}
.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside {position: absolute; top: 0; right: 0; bottom: 0; width: calc(30% - 3rem); overflow: hidden;}
.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .swiper-container {height: 100%;}
.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .swiper-slide {height: auto;}
.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .item + .item {margin-top: 0;} /* landing-common 3rem → spaceBetween 으로 대체 */
.main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .item img {width: 100%; display: block;}

@media screen and (max-width: 600px) {
    /* 모바일은 가로 스와이퍼 — landing-common 의 .aside display:flex / item 마진 무효화 */
    .main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside {position: static; width: auto; overflow: hidden;}
    .main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .swiper-container {width: 100%; height: auto;}
    .main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .swiper-slide {width: 40%;}
    .main_media_mixed01.main_tv_sect .cont_box .cont.youtube .thumd_box .aside .item + .item {margin-left: 0;}
}

.main_directions01 { margin-top: var(--pd2);}

.footer_mixed_08 .guide_sect { margin-top: var(--pd2);}
.main .footer_mixed_08 .guide_sect{display: none;}




/* ----- 전후사진 ----- */
.main .rhino_ba_sect .main_tit_box {text-align: center;}
.main .rhino_ba_sect .sub_cont_ba01 .slide{margin: var(--contMt3) auto 0;}
.main .rhino_ba_sect .sub_cont_ba01 .control_box .btn{background-color: var(--grayBg1);}
.main .rhino_ba_sect .link_btn_box{justify-content: center; margin-top: 3rem; }


/* ----- 수술후기 ----- */
.review_sect .main_media_mixed01 > .in > .cont_box{align-items: stretch;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review {padding: 5rem 0 5rem 4rem; width: 60%; background-color: var(--pointBg);}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .top_box{padding-right: 4rem}
.review_sect .main_media_mixed01 .cont_box .cont.review {padding: 5rem 4rem 4rem 4rem; display: flex; flex-direction: column; align-self: stretch; overflow: hidden; background-color: var(--grayBg2);  flex: 1; min-width: 0; min-height: 0; margin-left: 3rem;}

.review_sect .main_media_mixed01 .cont_box .cont .top_box .tit{font-size: var(--h6);}
.review_sect .main_media_mixed01 .cont_box .cont .top_box .tit_box .desc{font-size: var(--p3); font-weight: 600; margin-bottom: 0.3rem; color: var(--point01);}

.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .cont_box{display: block; overflow: hidden; margin-top: var(--contMt4); padding: 1.2rem; opacity: 1; transform: none; transition: none;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .selfie_review_slide{overflow: visible;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide{box-sizing: border-box; height: auto; display: block; padding: 2.5rem 2.5rem 3rem; border-radius: 2rem; background-color: #fff;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .top_box{display: flex; align-items: center; justify-content: center; gap: 0.8rem; margin-bottom: 0; padding: 1rem 1.5rem; border-radius: 1.2rem; background-color: var(--grayBg1); display: none;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .top_box .tag{height: 2.3em; display: flex; align-items: center; padding: 0 1.4em; border-radius: 10em; background-color: #fff; font-size: var(--p6); font-weight: 700;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .img{position: relative; overflow: hidden; margin-top: 0; padding-top: 100%; border-radius: 1.2rem; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .date{display: flex; align-items: center; margin-top: 2rem; font-size: var(--p6); font-weight: 500;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .date .type{margin-right: 1rem; color: var(--point01); font-weight: 700;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .date .num{color: var(--gray40);}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .txt{margin-top: 0.8rem; font-size: var(--p2); font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .selfie_review_progress{position: relative; inset: auto; width: 30rem; max-width: 60%; height: 0.4rem; margin: 5rem auto 0; border-radius: 10em; overflow: hidden; background-color: rgba(5, 61, 216, 0.16);}
.review_sect .main_media_mixed01 .cont_box .cont.selfie_review .selfie_review_progress .swiper-pagination-progressbar-fill{border-radius: inherit; background-color: var(--point01);}

.review_sect .main_media_mixed01 .cont_box .cont.review .cont_box{display: flex; flex-direction: column; flex: 1 1 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 1; transform: none; transition: none;}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_slide{height: 100%; min-height: 0; overflow: hidden;}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_slide .swiper-wrapper{align-items: stretch;}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_slide .swiper-slide{height: auto;}

.review_sect .main_media_mixed01 .cont_box .cont.review .review_card{display: flex; flex-direction: column; min-height: 0; height: 100%; padding: 1.7rem 2.5rem; border-radius: 1.5rem; background-color: #fff; color: var(--gray90);}
.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .top_box {margin-bottom: 0.5rem; flex-wrap: wrap;}
.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .top_box .branch{margin-right: 1rem; font-size: var(--p6); color: var(--point01); font-weight: 700;}
.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .top_box .txt{display: block; margin-top: 1.6rem; font-size: var(--p3); font-weight: 700; line-height: 1.6; color: var(--gray90); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .top_box .info{display: flex; align-items: center; justify-content: space-between; white-space: nowrap; height: 2.3em; font-size: var(--p6); font-weight: 500; color: var(--gray40); line-height: 1;}
.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .top_box .info .name{margin-right: 0.8rem;}

.review_sect .main_media_mixed01 .cont_box .cont.review .review_card .txt{font-size: var(--p3); font-weight: 600; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}

/* best */
.review_sect .main_media_mixed01 .badge.best {background-color:#DDE9FF; color: var(--point01); font-size: var(--p6); font-weight: 700; border: none; height:2.3em; border-radius: 0.4rem; padding:0 0.6em;display: inline-flex; align-items: center;line-height: 1;}
.review_sect .main_media_mixed01 .badge.best .ico {flex-shrink: 0; width: 1.1em; height: 1.1em; margin-right: 5px; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M10.4454 0.630108C10.1138 0.0800266 9.42248 -0.158834 8.82112 0.111943L8.694 0.177577L7.41793 0.926499L6.12597 0.211431L5.99678 0.149251C5.38848 -0.105831 4.70453 0.151865 4.38701 0.708869L4.32483 0.833229L3.70579 2.24057L2.24871 2.45612C1.48706 2.56844 1.02451 3.30568 1.16264 4.0196L1.46041 5.55682L0.38401 6.6429C-0.136907 7.16864 -0.126883 8.03124 0.408191 8.54422L1.50877 9.59989L1.24969 11.1454C1.12912 11.8625 1.60914 12.5883 2.37445 12.6806L3.83568 12.856L4.48719 14.2475C4.80487 14.9254 5.63441 15.216 6.30422 14.8223L7.5796 14.0727L8.87225 14.7885C9.55254 15.1649 10.3731 14.851 10.6734 14.1667L11.2917 12.7579L12.7495 12.5438C13.5111 12.4314 13.973 11.6942 13.8349 10.9803L13.5371 9.44237L14.6135 8.35699C15.1347 7.83128 15.1252 6.96875 14.59 6.45567L13.4881 5.39861L13.7485 3.85448C13.8692 3.13734 13.389 2.41167 12.6238 2.31933L11.1618 2.14315L10.5103 0.752395L10.4454 0.630108Z" fill="%232F6BF0"/><path d="M9.76304 6.2265L6.68555 9.19787L5.09375 7.6543" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
/* tag */
.review_sect .main_media_mixed01 .tag_box {display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto;}
.review_sect .main_media_mixed01 .tag_box .tag  {font-size: var(--p8); font-weight: 500; border: 1px solid  var(--gray20); border-radius: 4px; padding: 0.2em 0.45em; color: var(--gray60); background-color: #fff;}
.review_sect .main_media_mixed01 .tag_box .tag.is_tag_hidden {display: none;}
/* 통합검색 이동 태그 — 클릭 가능 표시 (자필후기 카드, docs/conventions/tag-keyword-search.md) */
.review_sect .main_media_mixed01 .tag_box .tag_search {cursor: pointer; transition: color 0.2s ease, border-color 0.2s ease;}
.review_sect .main_media_mixed01 .tag_box .tag_search:hover {border-color: var(--gray60); color: var(--black);}
.review_sect .main_media_mixed01 .tag_box .tag_more {cursor: pointer; display:flex; align-items: center;} 
.review_sect .main_media_mixed01 .tag_box .tag_more::after {content: ""; display: inline-block; width: 0.9em; height: 0.9em; margin-left: 3px; transform: rotate(180deg) ;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M2.22363 4.86084L7.50244 10.1396L12.7812 4.86084" stroke="%23696969" stroke-width="1.25"/></svg>') no-repeat center / contain }
.review_sect .main_media_mixed01 .tag_box .tag.is_tag_hidden + .tag_more::after { transform: rotate(0deg);}
/* 하단 total */
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count{display: flex; align-items: center; gap: 2rem; flex: 0 0 auto; margin-top: 3rem;}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count .label{margin-right: auto; font-size: var(--p3); font-weight: 700; color: var(--gray90);}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count .num_box{display: flex; align-items: flex-end; gap: 0.5rem;}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count .num{font-size: var(--h3); font-weight: 700; line-height: 1; color: var(--point01);}
.review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count .unit{font-size: var(--h8); font-weight: 700; line-height: 1.2; color: var(--gray90);}



/* ----- 커뮤니티 ----- */
.main .community_sect {margin-bottom: var(--pd2); padding-top: var(--pd2);}

.community_sect .main_tit_box {text-align: center;}
.community_sect .tab_wrap {margin-top: var(--contMt1); display: flex; justify-content: center; }
.community_sect .tab_wrap,
.community_sect .slide_wrap{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.community_sect.active .tab_wrap,
.community_sect.active .slide_wrap{opacity: 1; transform: unset;}
.community_sect .tab_wrap .tab_box {display: flex;}
.community_sect .tab_wrap .tab {font-size: var(--h8); font-weight: 700; position: relative; color: rgba(28, 28, 28, 0.20); width: 9em; padding-bottom: 0.7em; transition: 0.3s ease-in-out;}
.community_sect .tab_wrap .tab::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.3rem; display: block; background-color: rgba(28, 28, 28, 0.10); transition: 0.3s ease-in-out;}  
.community_sect .tab_wrap .tab.active {color: var(--gray90);}
.community_sect .tab_wrap .tab.active::before {background-color: var(--gray90);;}


.community_sect .tab_cont {display: none; margin-top: var(--contMt1); overflow: hidden;}
.community_sect .tab_cont.active {display: block;}

.community_sect .tab_cont.slide.active {display: flex;}
.community_sect .slide {padding-left: max(calc((100% - var(--in2))/2 + var(--inPd)) , var(--inPd)); align-items: center;}
.community_sect .slide .txt_slide {width: 50%;}
.community_sect .slide .txt_slide .item {background: rgba(240, 240, 240, 0.38); height: 63rem; padding: 12rem 6rem 10rem 6rem; border-radius: 4rem;}
.community_sect .slide .txt_slide .slide_box {height: 100%;}
.community_sect .slide .txt_slide .slide_box .txt_wrap {height: 100%; display: flex; flex-direction: column;}
.community_sect .slide .txt_slide .slide_box .txt_box {width: 62%; margin-bottom: 6rem;}
.community_sect .slide .txt_slide .slide_box .txt_box .badge {font-size: var(--p2); font-weight: 700; border: 1px solid #AFAFAF; padding: 0.5em 1em; border-radius: 0.5rem; background-color: #fff;}
.community_sect .slide .txt_slide .slide_box .txt_box .tit {font-size: var(--h5); font-weight: 700; margin-top: 2rem; line-height: 1.5;}
.community_sect .slide .txt_slide .slide_box .txt_box .date {margin-top: 2rem; color: var(--gray40); margin-top: 2rem;}
.community_sect .slide .txt_slide .slide_box .ico {width: 8rem; height: 8rem; border-radius: 50%; border: 1px solid #053DD8; display: flex; align-items: center; justify-content: center; margin-top: auto; transition: 0.3s ease-in-out; flex-shrink: 0;}
.community_sect .slide .txt_slide .slide_box .ico svg {width: 30%; height: auto;}
.community_sect .slide .txt_slide .slide_box .ico svg path {transition: 0.3s ease-in-out;}


.community_sect .slide .tumb_slide {width: 65%; margin-left: -15%; flex-shrink: 0; opacity: 0; transition: 0.3s ease-in-out 0.3s;}
.community_sect .slide .tumb_slide.active {opacity: 1;}
.community_sect .slide .tumb_slide .item { width:calc(40% - 80px / 3); transform: scale(0.8); transform-origin:left center; transition: 0.3s ease-in-out;}

.community_sect .slide .tumb_slide .item.swiper-slide-prev,
.community_sect .slide .tumb_slide .item.swiper-slide-duplicate-active,
.community_sect .slide .tumb_slide .item.swiper-slide-active {transform: scale(1); }
.community_sect .slide .tumb_slide .item.swiper-slide-duplicate-active + .item + .item,
.community_sect .slide .tumb_slide .item.swiper-slide-active + .item + .item {transform: scale(0.8) translateX(calc(-20% - 20px));}
.community_sect .slide .tumb_slide .item.swiper-slide-active + .item + .item + .item {transform: scale(0.8) translateX(-40%);}

.community_sect .slide .tumb_slide .img {position: relative; padding-top: 100%; border-radius: 2rem; overflow: hidden; display: block; }
.community_sect .slide .tumb_slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.community_sect .event {}
.community_sect .event .event_slide {overflow: hidden;}
.community_sect .event .item .img {position: relative; padding-top: 100%; border-radius: 2rem; overflow: hidden;}
.community_sect .event .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: .3s ease-in-out;}
.community_sect .event .item .txt_box {margin-top: 2rem;}
.community_sect .event .item .txt_box .tit {font-size: var(--p2); font-weight: 700; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; line-height: 1.5;}
.community_sect .event .event_progress {position: relative; width: 30rem;height: 0.4rem; margin: 4rem auto 0; border-radius: 10em; overflow: hidden; background-color: rgba(5, 61, 216, 0.16);}
.community_sect .event .event_progress .swiper-pagination-progressbar-fill {background-color: var(--point01); border-radius: inherit;}
.community_sect .event .event_slide.locked {cursor: default;}

.community_sect .report .list li + li {margin-top: 2rem;} 
.community_sect .report .list li a {display: block; background-color: var(--grayBg1); padding: 4rem 5rem; border-radius: 1.5rem; border: 1px solid var(--grayBg1); transition: 0.3s ease;}
.community_sect .report .list li a .top_txt {display: flex; align-items: center;}
.community_sect .report .list li a .top_txt .type_txt {display: flex; align-items: center; font-size: var(--p4); font-weight: 600; color: var(--gray50);}
.community_sect .report .list li a .top_txt .type_txt span {position: relative;}
.community_sect .report .list li a .top_txt .type_txt span + span {margin-left: 0.5em; padding-left: 0.5em;}
.community_sect .report .list li a .top_txt .type_txt span + span::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%) ;display: block; width: 0.2em; height: 0.2em; border-radius: 50%; background-color: var(--gray50); }
.community_sect .report .list li a .top_txt .tag_txt {margin-left: 1.5rem;}
.community_sect .report .list li a .top_txt .tag_txt span {font-size: var(--p5); font-weight: 600; background-color: #fff; padding: 0.3em 0.5em; border-radius: 0.4rem;}
.community_sect .report .list li a .top_txt .tag_txt span + span {margin-left: 0.5rem;}
.community_sect .report .list li a .top_txt .tag_txt span svg {width: 1.2em; height: auto; margin-right: 0.3em;}

.community_sect .report .list li a .tit_box {display: flex; align-items: center; margin-top: 1.5rem;}
.community_sect .report .list li a .tit_box .tit {font-size: var(--p2);font-weight: 700;padding-left: 0;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;max-width: 80%;}
.community_sect .report .list li a .tit_box .tit .best {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: var(--p8); color: #fff; background-color: var(--gray90) ;padding: 0.4em 0.5em; border-radius: 4px; line-height: 1.1;}
.community_sect .report .list li a .tit_box .date {font-size: var(--p5); color: var(--gray40); font-weight: 500; margin-left: auto; flex-shrink: 0;}





/* 호버스타일 */
@media screen and (min-width: 1241px){
    .main .link_com_btn.bk:hover{background-color: var(--point03);}
    .main .link_com_btn.bk:hover .ico{transform: translateX(5px);}


    .main_review_img06 .cont_wrap .slide .swiper-slide:hover  {position: relative; z-index: 3; transform: translateY(-3rem);}
    .main_review_img06 .cont_wrap .slide .swiper-slide:hover .top_box{background-color: #fff;}
    .main_review_img06 .cont_wrap .slide .swiper-slide:hover .top_box .tag{background-color: #f3f3f3;}
    .main .main_review_img06 .cont_wrap .tit_flex .right_box .swiper_btn_box .swiper_btn:hover{background-color: var(--black); border-color: var(--black);}

    .kv_basic99 .link_btn_box .link_btn:hover {background-color: var(--gray90); color: #fff;}
    .kv_basic99 .link_btn_box .link_btn:hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  width="21" height= "21" viewBox="0 0 21 21" fill="none"><path d="M4.375 10.5H16.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.5 4.375L16.625 10.5L10.5 16.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}

    .community_sect .tab_wrap .tab:hover {color: var(--gray90);}
    .community_sect .tab_wrap .tab:hover::before {background-color: var(--gray90)}

    .community_sect .slide .txt_slide .slide_box .ico:hover {background-color: #053DD8;} 
    .community_sect .slide .txt_slide .slide_box .ico:hover svg path {stroke: #fff;}

    .main .rhino_ba_sect .sub_cont_ba01 .control_box .btn:hover{background-color: var(--black);}

    .community_sect .event .item:hover .img img{transform: scale(1.1);}
    .community_sect .report .list li:hover a{border:1px solid var(--point01); background-color: #fff;}


}



/* 반응형 */
@media screen and (max-width: 2140px){
    .kv_basic99 .tit_box .tit {font-size: 6.5rem;}
}



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

    .kv_basic99 .bot_box .in,
    .kv_basic99 .tit_box .in {padding: 0 var(--inPd);}

    .review_sect .main_media_mixed01 .badge.best{height: 2em;}

}

@media screen and (max-width: 1440px){
    
    .kv_basic99 .tit_box .tit {font-size: var(--h1);}

    .community_sect .slide .txt_slide .slide_box .ico {width: 6.5rem; height: 6.5rem;}
    .community_sect .tab_cont.event {margin-left: calc(var(--inPd) * -1); padding-left: var(--inPd); overflow: hidden;}
    .community_sect .tab_cont.event .swiper-container {overflow: visible;}

    /* 14401 */

}

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

    .kv_basic99 .swiper-slide{height: max(60svh, 600px);}
    .kv_basic99 .tit_box{bottom: 11rem;}
    .kv_basic99 .bot_box{bottom: 3rem;}


    .main .main_review_img06 .cont_wrap .slide .swiper-slide{width: 30%;}

    .community_sect .tab_wrap,
    .community_sect .tab_cont{margin-top: var(--contMt3);}
    .community_sect .slide .txt_slide .item {height: 50rem;padding: 8rem 4rem 6rem 4rem;} 
    .community_sect .slide .txt_slide .slide_box .txt_box {width: 72%;}
    .community_sect .slide .tumb_slide {margin-left: -10%;}
    .community_sect .slide .tumb_slide {width: 60%;}

    
    /* 12401 */

}

@media screen and (max-width: 1040px){
    .main .contact_modal {transform: unset; opacity: 0; pointer-events: none;}

    .kv_basic99 .tit_box.basic .tit {font-size: var(--h2);}
    .kv_basic99 .tit_box .desc{font-size: var(--p2);}

    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review {width: 100%;}
    .main .main_review_img06 .cont_wrap .slide .swiper-container{padding: 0 var(--inPd);}
    .review_sect .main_media_mixed01 .cont_box .cont.review{flex: unset;}
    .review_sect .main_media_mixed01 .cont_box .cont.review {margin-left: 0; margin-top: var(--contMt4);}
    .review_sect .main_media_mixed01 .cont_box .cont.review .cont_box{padding-right: 0; flex: unset;}
    .review_sect .main_media_mixed01 .cont_box .cont.review .message_review_slide{ width: 100%; height: 300px; min-height: 0;}
    .review_sect .main_media_mixed01 .cont_box .cont.review .review_card{min-height: 0;}


    .community_sect .slide .txt_slide .slide_box .txt_box .badge {font-size: var(--p3);}

    


    /* 10401 */
}

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

    :root {
        --mainTit: 28px;
    }

    .main_tit_box .tit {margin-top: 1rem;}
    .link_com_btn {font-size: var(--p5); padding: 1em 1.4em;}
    .link_com_btn.sm {padding: 0.7em 1.1em;}

    .kv_basic99 .bot_box {bottom: 25px;}



    /* 전후사진 */
    .main .main_review_img06 .cont_wrap .slide .swiper-slide{width: 50%;}

    /* 수술후기 */
    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .top_box{gap: 0.5rem; padding: 0.8rem 1rem;}
    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review .swiper-slide .top_box .tag{font-size: var(--p7); padding: 0 1em;}
    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review .selfie_review_progress{max-width: 70%; margin-top: 2.5rem;}

    .review_sect .main_media_mixed01 .cont_box .cont.review{padding: 5rem 0 5rem 4rem;}
    .review_sect .main_media_mixed01 .badge.best{height: 2em; font-size: 11px; padding: 0 0.4em;}
    .review_sect .main_media_mixed01 .badge.best .ico{margin-right: 3px;}

    .review_sect .main_media_mixed01 .cont_box .cont.review > .top_box,
    .review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count {padding-right: 4rem;}
    
    .review_sect .main_media_mixed01 .cont_box .cont.review .review_card{padding: 2.4rem;}
    .review_sect .main_media_mixed01 .cont_box .cont.review .review_card .branch{font-size: var(--p7);}

    .review_sect .main_media_mixed01 .cont_box .cont.review .message_review_slide{height: 160px;}

    


    /* 커뮤니티 */
    .community_sect .slide .txt_slide .slide_box .ico {width: 5rem; height: 5rem;}

    .community_sect .tab_wrap .tab {width: 8.5em; font-size: var(--p1); flex-shrink: 0;}
    .community_sect .report .list li a {padding: 3rem}
    .community_sect .slide .txt_slide .item {padding: 6rem 3rem 5rem 3rem; height: 46rem;}
    .community_sect .report .list li a .tit_box .tit {padding-right: 3.5em;}


    /* 7681 */

}


@media screen and (max-width: 700px){
    .kv_basic99 .swiper-slide{height: calc(100svh - 60px);}
}


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

    :root{
        --mainTit: 24px;
    }

    .main_tit_box .sm_tit {font-size:14px;}
    .main_tit_box .tit { margin-top: 3px;}

    .kv_basic99 .tit_box { bottom:160px; bottom: 65px;}
    .kv_basic99 .bot_box{ bottom:120px; bottom: 25px;}
    .kv_basic99 .tit_box .tit {font-size: 26px; max-width: 85%;}
    .kv_basic99 .tit_box .desc {font-size: 14px; max-width: 85%;}
    .kv_basic99 .tit_box .tit br,
    .kv_basic99 .tit_box.basic .tit br {display: none;}
    .kv_basic99 .link_btn_box {margin-top: 20px; top: 36rem;}
    .kv_basic99 .bot_box .progress_bar {flex: 1;}
    .kv_basic99 .bg.spe video {bottom: 0; top: auto; transform: translate(-50%,0); object-position: bottom center;}

    .cont_number1 {margin-top: 0; padding-top: var(--pd4);}

    .main .main_review_img06 .marquee_cont{margin-bottom: var(--pd4); }
    

    /* 전후사진*/
    .main .main_review_img06 .cont_wrap .slide .swiper-slide{width: 85%;}

    /* 수술후기 */
    .main .main_review_img06 .cont_wrap .tit_flex{display: block;}
    .main .main_review_img06 .cont_wrap .tit_flex .link_btn_box{margin-top: 3rem;}

    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review,
    .review_sect .main_media_mixed01 .cont_box .cont.review {padding: 25px 0 25px 15px;}
    .review_sect .main_media_mixed01 .cont_box .cont.selfie_review .top_box,
    .review_sect .main_media_mixed01 .cont_box .cont.review > .top_box,
    .review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count{padding-right: 15px;}
    .review_sect .main_media_mixed01 .cont_box .cont .top_box .tit { font-size: var(--h8);}
    .review_sect .main_media_mixed01 .cont_box .cont.review .message_review_count{ margin-top: 25px;}


    /* 커뮤니티 */
    .community_sect .tab_wrap {overflow-x: auto; display: block; margin-left:calc(var(--inPd) * -1); width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd);}
    .community_sect .tab_wrap::-webkit-scrollbar {display: none;}

    .community_sect .slide .txt_slide .slide_box .ico {width: 4rem; height:4rem;}

    .community_sect .tab_cont.slide.active {display: block;}
    .community_sect .slide .txt_slide {width: 100%;}
    .community_sect .slide .txt_slide .item {padding: 5rem 2.5rem 5rem 2.5rem; height: auto;}
    .community_sect .slide .tumb_slide {width: 100%; margin-left: 2.5rem; margin-top: -85%;}

    .community_sect .slide .txt_slide .item {height: auto; border-radius: 2rem; overflow: hidden;}
    .community_sect .slide .txt_slide .slide_box .txt_box {width: 100%; margin-bottom: 76vw;}
    .community_sect .slide .txt_slide .slide_box .txt_box .tit {font-size: var(--p1); overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
    .community_sect .slide .txt_slide .slide_box .txt_box .date {font-size: var(--p5); margin-top: 1rem;}
    .community_sect .slide .txt_slide .slide_box .txt_box .badge {font-size: var(--p6);}

    
    .community_sect .slide .tumb_slide .item.swiper-slide-prev,
    .community_sect .slide .tumb_slide .item.swiper-slide-duplicate-active,
    .community_sect .slide .tumb_slide .item.swiper-slide-active {transform: scale(1); }
    .community_sect .slide .tumb_slide .item.swiper-slide-duplicate-active + .item + .item,
    .community_sect .slide .tumb_slide .item.swiper-slide-active + .item + .item {transform:scale(1);}
    .community_sect .slide .tumb_slide .item.swiper-slide-active + .item + .item + .item {transform:scale(1);}
    .community_sect .slide .tumb_slide .item {transform:scale(1);}
    .community_sect .slide .txt_slide .slide_box .ico {position: absolute; right: 2.5rem; top: 10rem; display: none;}
    .community_sect .slide .tumb_slide .img::before {content: ""; position: absolute; top: 2rem; right: 2rem; width:5rem; height: 5rem; border-radius: 50%; background-color: var(--point01); z-index: 3;}
    .community_sect .slide .tumb_slide .img::after {content: ""; position: absolute; top: 2rem; right: 2rem; width:5rem; height: 5rem; z-index: 4; background: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.20703 12.5H19.7904" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.5 5.20898L19.7917 12.5007L12.5 19.7923" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>') no-repeat center / 2rem;}
    
    .community_sect .event .item .txt_box {margin-top: 1.5rem;}

    .community_sect .report .list li a {padding: 15px;}
    .community_sect .report .list li a .tit_box {flex-wrap: wrap; margin-top: 3px;}
    .community_sect .report .list li a .tit_box .tit {padding-right: 0; max-width: 100%;}
    .community_sect .report .list li a .tit_box .tit .best {right: auto; left: 0;}
    .community_sect .report .list li a .tit_box .date {width: 100%; margin-top: 1rem;}
    .community_sect .report .list li a .tit_box .tit .best {font-size: var(--p7);}
    .community_sect .report .list li a .top_txt .type_txt{font-size: var(--p6);}
    .community_sect .report .list li a .top_txt .tag_txt span{font-size: var(--p7);}



    /* 6001 */
}