/* 메인 슬라이드 */

/* 바비라인 클리닉 */

/* 셀카사진 */

/* 리얼영상후기 */

/* 원장님유튜브 */

/* 전후사진 */

/* sns */

li{list-style: none;}



/* 메인 슬라이드 */

.slider-banner-space {
    position: relative;
    width: 100%;
}
.slider-banner {
    position: absolute;
    width: 100%;
}

header.fixed + .slider-banner-space {
padding-top: 120px;}

.slider-banner .animation-wrap {
    position:relative;
    width:1286px;
    height:100%;
    margin:0 auto;
}
#main_banner_slide .carousel-indicators {
    bottom: 25px !important;
}
/*
#main_banner_slide .carousel.carousel-fade .carousel-item a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
}*/

#main_banner_slide .carousel.carousel-fade .carousel-item  .img-wrap {
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
}

#main_banner_slide .carousel.carousel-fade .carousel-item.active .img-wrap {
    opacity: 1 !important;
}

.clinic-banner-wrap {
    margin-top: 95px;
    width: 100%;
    max-width: 1704px;
}
.clinic-banner-wrap > h1 {
    margin-bottom: 40px;
}
.clinic-banner-wrap > ul > li img {
    width: 100% !important;
}
.real-story-wrap {
    margin-top: 50px;
}
.parallax-wrap {
    height: 600px;
    background: url("/image/index/index_parallax_bg.png") no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 60px;
    padding-top: 110px;
}
.info-box-wrap {
    margin-top: 60px;
}
.info-box-wrap ul {
    margin-top: 55px;
}
.info-box-wrap ul > li {
    border: 1px solid #b2b2b2; width: 32.4%;
}
.info-box-wrap ul > li:nth-child(2) {
    margin: 0 17px;
}
.info-box-wrap ul > li img{width: 100%;}

.location-map-wrap {
    position: relative;
    margin-top: 200px;
}
.location-map-checker {
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 2;
}


.title-section,
.article-section {
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.title-section-wrap {width: 100%;}

.page-suction-wrap .title-section-wrap {
    background-image: linear-gradient(to right, #f4b4d9 50%, #f8bfe0 50%);
}
.page-transplant-wrap .title-section-wrap {
    background-image: linear-gradient(to right, #b2ddff 50%, #c2e4ff 50%);
}
.page-premium-wrap.vip .title-section-wrap {
    background-image: linear-gradient(to right, #a28291 50%, #be9ead 50%);
}
.page-premium-wrap.safety .title-section-wrap {
    background-image: linear-gradient(to right, #876b79 50%, #876d7a 50%);
}
.page-premium-wrap.after .title-section-wrap {
    background-image: linear-gradient(to right, #b08a9f 50%, #d1a6ba 50%);
}

.page-category-area .lnb-menu-wrap {
    position: relative;
    width: 1920px;
    height: 541px;
    overflow: hidden;
}

.page-category-area .lnb-menu-section {
    width: 740px;
    margin: 230px auto 0 auto;
}

.page-category-area .lnb-menu-section ul > li {
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    text-align: center;
    padding: 0;
    background: #ffffff;
}
.page-category-area .lnb-menu-section ul > li.on {
    background: #ffd9f0;
}
.page-category-area .lnb-menu-section ul > li:nth-child(4n+1){
    border-left:1px solid #000;
}
.page-category-area .lnb-menu-section ul > li:nth-child(-n+4){
    border-top:1px solid #000;
}
.page-category-area .lnb-menu-section ul > li > a {
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.page-review-wrap .lnb-menu-wrap.selfie {
    background: url("/image/page/review/lnb_selfie.jpg") no-repeat center center;
}
.page-review-wrap .lnb-menu-wrap.story {
    background: url("/image/page/review/lnb_story.jpg") no-repeat center center;
}
.page-review-wrap .lnb-menu-wrap.realstory {
    background: url("/image/page/review/lnb_realstory.jpg") no-repeat center center;
}
.page-review-wrap .lnb-menu-wrap.handwriting {
    background: url("/image/page/review/lnb_handwriting.jpg") no-repeat center center;
}
.page-review-wrap .lnb-menu-wrap.photo {
    background: url("/image/page/review/lnb_photo.jpg") no-repeat center center;
}
.page-review-wrap .lnb-menu-wrap.event {
    background: url("/image/page/community/lnb_event.jpg") no-repeat center center;
}
.page-community-wrap .lnb-menu-wrap.news {
    background: url("/image/page/community/lnb_news.jpg") no-repeat center center;
}
.page-community-wrap .lnb-menu-wrap.broadcast {
    background: url("/image/page/community/lnb_broadcast.jpg") no-repeat center center;
}
.page-community-wrap .lnb-menu-section,
.page-review-wrap .lnb-menu-section {
    /*width: 400px !important;*/
}

.page-reservation-wrap .lnb-menu-wrap.consultation {
    background: url("/image/page/reservation/lnb_consultation.jpg") no-repeat center center;
}
.page-reservation-wrap .lnb-menu-wrap.reservation {
    background: url("/image/page/reservation/lnb_reservation.jpg") no-repeat center center;
}
.page-reservation-wrap .lnb-menu-wrap.check {
    background: url("/image/page/reservation/lnb_check.jpg") no-repeat center center;
}

.page-introduce-wrap .title {
    text-align: center;
    margin: 70px 0 60px 0;
}
.page-introduce-wrap .lnb-menu-wrap {
    position: relative;
}
.page-introduce-wrap .lnb-menu {
    position: absolute;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
}
.page-introduce-wrap .lnb-menu > ul {
    width: 1100px;
    margin: 0 auto;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: 0px;
}
.page-introduce-wrap .lnb-menu > ul.nav > li {
    padding: 0;
}
.page-introduce-wrap .lnb-menu > ul.nav > li:not(:first-child):not(:last-child){
    background: #fff;
}
.page-introduce-wrap .lnb-menu > ul.nav > li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
    color: #919191;
    line-height: 58px;
    overflow: hidden;
    border-right: 1px solid #ccc;
    padding-bottom: 1px;
}
.page-introduce-wrap .lnb-menu > ul.nav > li:nth-last-child(2) {
    /*padding-right: 30px;*/

}
.page-introduce-wrap .lnb-menu > ul.nav > li:nth-last-child(2) > a {
    border-right: 0px solid #ccc;
    width: 170px;
}
.page-introduce-wrap .lnb-menu .lnb-menu-text {
    position: absolute;
    width: 100%;
    text-align: center;
    border-bottom: 10px solid #f991cc;
}
.page-introduce-wrap .lnb-menu .lnb-menu-text.on {
    top: -57px;
}
.page-introduce-wrap .lnb-menu .lnb-menu-text .on {
    height: 47px;
    color: #f991cc;
}

.article-section .common-box.doctor {
    background: url("/image/page/introduce/tail_common_color.png");
    width: 1920px;
    height: 862px;
}
.article-section .common-box.introduce,
.article-section .common-box.promise,
.article-section .common-box.view {
    background: url("/image/page/introduce/tail_common_trans.png");
    width: 1920px;
    height: 862px;
}


.info-wrapper {
    width: 1188px;
    margin: 0 auto;
}
.info-wrapper .title {
    margin: 15px 0;
    background: #f5f5f5;
    border: 1px solid #c5c5c5;
    padding: 10px;
    font-size: 1.2rem;
}
.info-scroll-box {
    height: 500px;
    padding: 10px;
    margin: 20px auto;
    overflow-y: scroll;
    text-align: justify;
    line-height: 1.5rem;
    font-size: 0.9rem;
    border: 1px solid #ebebeb;
}

.mainTitle{text-align: center; margin-bottom: 40px;}
.mainTitle h3{font-size: 34px; color: #111; margin:0 auto 15px; line-height: 1;font-weight: 400;}
.mainTitle h3 span{font-weight: 500;}
.mainTitle p{font-size: 14px; color: #999; margin-bottom: 0; line-height: 1; font-weight: 400;}


/* 바비라인 클리닉 */

.clinicSlide{padding: 80px 20px 100px;}
.clinicSlide .clinic_slider{margin: 0 auto; text-align: center; max-width: 1240px; position: relative;}
.clinicSlide .clinic_slider .slick-list{width: 1262px;}
.clinicSlide .clinic_slider li{display: inline-block; height: 100%; border: 1px solid #ddd; margin-right: 24px;}
.clinicSlide .clinic_slider li:hover{border: 1px solid #bbb;}
.clinicSlide .clinic_slider li .imgArea{height: 324px;  line-height:1;}
.clinicSlide .clinic_slider li .imgArea img{width: 100%;}
.clinicSlide .clinic_slider li .textArea{border-top: 1px solid #ddd; padding: 24px 5px;}
.clinicSlide .clinic_slider li .textArea .title{font-size: 20px; color: #111; margin: 0 auto 10px; line-height:1;}
.clinicSlide .clinic_slider li .textArea .ex{font-size: 14px; color: #555; margin: 0; line-height:1.2;}
.clinicSlide .slick-arrow{position: absolute; z-index: 100; transform: translateY(-50%); top: 50%; width: 24px; height: 43px; color: #fff0; border: 0; cursor: pointer;}
.clinicSlide .slick-arrow.slick-prev{left: -60px; background:url(/image/arrowL.svg) center center no-repeat; background-size: 24px; }
.clinicSlide .slick-arrow.slick-next{right: -60px; background:url(/image/arrowR.svg) center center no-repeat; background-size: 24px;}
.clinicSlide .slick-arrow:active, .clinicSlide .slick-arrow:focus{outline: 0;}





/* 셀카사진 */

.selfieBox{background: url(/image/index/selfieBg.jpg) no-repeat center center; background-size: cover; padding: 100px 0;}
.selfieBox .selfieImg{max-width: 1240px; margin: 0 auto; text-align: center; padding: 0 20px;}
.selfieBox .selfieImg ul{}
.selfieBox .selfieImg ul li{display: inline-block; width: 25%; margin-left: -4px;}
.selfieBox .selfieImg ul li img{width: 100%; height: 100%;}
.selfieBox .selfieImg ul li.titleImg{width: 50%;}



/* 리얼사진후기 */

/* .rvVideoSlide2 전체 스타일 */
.rvVideoSlide2 {
    padding: 160px 40px;
    background: url(/upload/editor/bg5.jpg) no-repeat center center;
    background-size: cover;
}

/* .mainTitle 스타일 */
.rvVideoSlide2 .mainTitle {
    margin-bottom: 80px;
}

/* 슬라이드 컨테이너 */
.rvVideoSlide2 .rvVideo_slider2 {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

/* 각 슬라이드 항목 */
.rvVideoSlide2 .rvVideo_slider2 li {
    position: relative;
}

/* 기본 슬라이드 이미지 스타일 */
.rvVideo_slider2 .owl-item .item img {
    width: 90%;
    transition: 0.3s;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: 15px;  /* 둥글게 처리 */
}

/* 플레이 버튼 */
.rvVideoSlide2 .rvVideo_slider2 li .playButton {
    z-index: 100;
    background: url(/image/index/playButton.svg) no-repeat center center;
    background-size: cover;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* OwlCarousel 내 스타일 조정 */
.rvVideoSlide2 .owl-carousel .owl-stage-outer {
    overflow: inherit;
}

/* 확대된 이미지 스타일 */
.rvVideo_slider2 .owl-item.center .item img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    border-radius: 15px;  /* 둥글게 처리 */

    /* 하얀색 그라데이션 효과 */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2), 0 0 20px 5px rgba(255, 255, 255, 0.7); /* 하얀색 그라데이션 그림자 */
    border: 2px solid transparent; /* 투명한 기본 테두리 */
    outline: 4px solid; /* 테두리 라인 */
    outline-color: rgba(255, 255, 255, 1); /* 하얀색 그라데이션 느낌의 라인 */
}

/* 활성화된 항목에 z-index 설정 */
.rvVideo_slider2 .owl-item.center {
    z-index: 99;
}

/* 네비게이션 버튼 숨김 */
.rvVideo_slider2 .owl-nav {
    display: none;
}








/* 리얼영상후기 */

.rvVideoSlide{padding: 140px 40px;}
.rvVideoSlide .mainTitle{margin-bottom: 80px;}
.rvVideoSlide .rvVideo_slider{margin: 0 auto; text-align: center; position: relative;}
.rvVideoSlide .rvVideo_slider li{position: relative;}
.rvVideoSlide .rvVideo_slider li img{width: 101%;}
.rvVideoSlide .rvVideo_slider li .playButton{
  z-index: 100; background: url(/image/index/playButton.svg) no-repeat center center;
  background-size: cover; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.rvVideoSlide .owl-carousel .owl-stage-outer{overflow: inherit;}

.rvVideoSlide .rvVideo_slider .owl-item .item {
   transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
  // transform: scale(0.8);
  // transition: all .25s ease-in-out;
 }

.rvVideo_slider .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    border-radius: 5px;
    }

.rvVideo_slider .owl-item.center{
  z-index: 99;
}
/*.rvVideo_slider .owl-item.center .item img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    border: 3px solid var(--subcolor_1);
    box-shadow: 7px 7px 7px 1px rgb(0 0 0 / 15%);
}*/
.rvVideo_slider .owl-item.center .item img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);

    border: 3px solid transparent;
    border-image: linear-gradient(
        135deg,
        #f9e784,
        #e6b65c,
        #c9972b,
        #f9e784
    ) 1;

    box-shadow: 7px 7px 7px 1px rgb(0 0 0 / 15%);
}

.rvVideo_slider .owl-nav {display: none;}


/* 원장님유튜브 */

/*
#tv .movie .btn_movie_play {}
#tv .movie .btn_movie_play img {width:100%;}
#tv .movie {position:relative;}
#tv .movie video {width:100%;}

#tv .movie.v2 {
	height: 0;
	padding-bottom: 32.4755%;
}
#tv .main_tv_cover {
	width: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	cursor:pointer;
}
#tv iframe {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	left: 0;
	right: 0;
} */

#TvYoutube{background: url(/image/index/TvBg.gif) no-repeat center center; background-size: cover; padding: 80px 20px 0;}
#TvYoutube .TvBox{max-width: 1200px; margin: 0 auto; text-align: center;}
#TvYoutube .leftArea{display: inline-block;vertical-align: text-top; margin-top: 40px; margin-right: 25px;text-align: left;}
#TvYoutube .leftArea li{font-family: 'GmarketSansLight' !important; line-height: 1;}
#TvYoutube .leftArea li:nth-child(1){font-size: 30px; color: #111; margin-bottom: 10px;}
#TvYoutube .leftArea li:nth-child(2){font-size: 60px; color:#bd7b3b; margin-bottom: 20px; font-family: 'GmarketSansBold' !important; letter-spacing: -5.5px; margin-left: -4px;}
#TvYoutube .leftArea li:nth-child(4){font-size: 30px; color: #111; margin-top: 18px; text-align: center;}
#TvYoutube .leftArea li span{font-family: 'GmarketSansBold' !important; display: inline-block;}
#TvYoutube .leftArea li span.line{width: 70px; height: 1px; background: #111;}
#TvYoutube .rightArea{display: inline-block;}
#youtube_video {display:none; width: 517px; height: 291px;}






/* .youtube_thum{clear:both;height:929px;background-color:#fb4760;}
.video-button{padding:6px 7px 6px 0;}  */
.video-button {-webkit-appearance:button;border-radius:0;outline:none;border:none;}
.video-button:focus{outline:none;border:none;-webkit-appearance:button;border-radius:0;}
.youtube_thum{clear:both;background-color:#fb4760; margin:0 0 80px 0; text-align:center}
.youtube_thum li {display:inline-block; margin:0 -2px 0 -2px; padding:0 6px 12px 6px; list-style:none}
.youtube_thum li img {width:100%}



/* 전후사진 */


.beforeAfter{position: relative; max-width: 1240px; padding: 100px 20px; margin: 0 auto; display: none;}
.beforeAfter:after{
  content: ''; background: url(/image/index/befAfBg01.png) no-repeat center center;
  width:695px; height: 116px; background-size: 100%;
  position: absolute; left: -290px; top: 90px;
}
.beforeAfter:before{
  content: ''; background: url(/image/index/befAfBg02.png) no-repeat center center;
  width:536px; height: 127px; background-size: 100%;
  position: absolute; right:-260px; bottom: 77px;
}
.beforeAfter .sliderBox{width: 832px; margin: 0 auto; border: 2px solid #777; padding: 16px; background: #fff;}
.beforeAfter .bfSlider{display: none;}
.beforeAfter .bfSlider.on{display: block;}
.beforeAfter .bfSlider li{margin: 0 auto;}
.beforeAfter .bfSlider li img{display: inline-block; float: left;}

.beforeAfter .bfSlider .slick-arrow{position: absolute; z-index: 100; transform: translateY(-50%); top: 50%; width: 24px; height: 43px; color: #fff0; border: 0; cursor: pointer;}
.beforeAfter .bfSlider .slick-arrow.slick-prev{left: -100px; background:url(/image/arrowL.svg) center center no-repeat; background-size: 24px; }
.beforeAfter .bfSlider .slick-arrow.slick-next{right: -100px; background:url(/image/arrowR.svg) center center no-repeat; background-size: 24px;}
.beforeAfter .bfSlider .slick-dots{margin: 25px auto 10px; text-align: center;}
.beforeAfter .bfSlider .slick-dots li{display: inline-block; margin: 0 6px;}
.beforeAfter .bfSlider .slick-dots button{width: 14px; height: 14px; background: #ccc; color: #fff0; border: 0; border-radius: 50px;}
.beforeAfter .bfSlider .slick-dots .slick-active button{background: var(--subcolor_1);}
.beforeAfter .bfSlider .slick-arrow:active,
.beforeAfter .bfSlider .slick-arrow:focus,
.beforeAfter .bfSlider .slick-dots button:active,
.beforeAfter .bfSlider .slick-dots button:focus{outline: 0;}
.beforeAfter .tapArea{margin: 30px auto 0;}

.ba_bg {background-color:#faf4f4; }
.ba_center {
  max-width:1240px; margin:0px auto;
  background-image:url("/image/index/after_bg.png");
  background-repeat:no-repeat;
  background-position: right bottom;
  padding:100px 20px 0; background-size: 550px;
}


.w_gif_table {margin:0 0 30px 0;padding:0}
.w_gif_table_center {width:1440px; margin:0px auto;  padding:0}
.w_gif_table_div {width:280px !important; float:left; margin:0 10px 0 0;padding:0; }
.w_gif_table_div ul li {margin:0 0 10px 0; list-style:none; width:100%; padding:0;}
.w_gif_table_div ul li img{width:280px !important; margin:0; padding:0;display:inline-block  }

@media screen and (max-width:1600px){
  /* .ba_bg{background-size: 61%} */
}



/* sns */

.snsBox{background: #fff; padding:60px 20px; text-align: center;}
.snsBox ul{margin: 0 auto;}
.snsBox ul li{display: inline-block; margin-right:60px; text-align: center;}
.snsBox ul li img{width: 60px; height: 60px; /*border-radius: 10px; overflow: hidden; */}
.snsBox ul li p{font-size: 16px; font-weight: 700; color: #111; margin: 18px auto 5px; line-height: 1;}
.snsBox ul li span{font-size: 14px; font-weight: 400; color: #777;}