@charset "utf-8";

#main_wrap {}
#mv_wrap {
  width: 100%;
  height: 65vh; /* 브라우저 높이 전체 */
  position: relative;
  overflow: hidden;
}

#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .slick-dots {bottom: 40%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
#mv_wrap .mv_list_wrap .mv_list {position: relative; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;/*transform: scale(1.15);*/}
/* #mv_wrap .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; } */
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left:50%;top:35%;transform:translate(-50%, -50%); width: 100%; font-weight: 400!important; color: #fbf4d4; text-align: center; letter-spacing: -2px; overflow: hidden;}
#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(50px); }
#mv_wrap .slick-slide img { display: inline-block; transition:.25s;}
/* @keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}*/
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
} 


.flex_con2{display:flex;}
.flex_con2 .w25{width:25%; padding-right:10px}
.pt140{padding-top:140px}
.pb140{padding-bottom:140px}
#main > div {}
#main .con1 {position: relative;}
#main .con1 .con1_inner {position: relative;max-width:2600px; margin: 0 auto;}
#main .con1 .tit_box {max-width:1430px; padding: 0 15px; margin: 0 auto; position: relative;}
#main .con1 .tit_box .tit_wrap {position: absolute; top: 0; left: 15px;}
#main .con1 .tit_box .tit_wrap h3 {letter-spacing: -0.2rem;}
#main .con1 .circle_logo_box { position: absolute; top: 50%; right: 31%;transform:translateY(-50%);}
#main .con1 .circle_logo_box .tit_wrap { animation: rotate_circle 20s linear infinite;}

#main .con1 .con1_slide_list {}
#main .con1 .con1_slide_list .list {min-height:680px;}
#main .con1 .con1_slide_list .list_in {max-width:1430px; padding: 150px 15px; margin: 0 auto;}
#main .con1 .con1_slide_list .list .img {position: absolute; top: 0;right: 0; width: 43%;}
#main .con1 .con1_slide_list .list .img img {display: inline-block;}
#main .con1 .con1_slide_list .list.slick-active .tit_wrap h4,
#main .con1 .con1_slide_list .list.slick-active .tit_wrap p { animation:fadeInUp 2s forwards; opacity: 0; transform:translateY(20px); }
#main .con1 .con1_slide_list .list.slick-active .tit_wrap p {animation-delay: 0.6s;}


#main .con2 {background-color: #f0e8df;}
#main .con2 .slide_tab_wrap {max-width: 980px; margin: 0 auto 50px; }
#main .con2 .slide_tab_wrap .slide_tab {}
#main .con2 .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
#main .con2 .slide_tab_wrap .slide_tab .list {text-align: center;}
#main .con2 .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
#main .con2 .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
#main .con2 .slide_tab_wrap .slide_tab .list p:after {content:''; display: block; width: 25px; height: 25px; position: absolute; top: 13px; left: 50%; margin: -12.5px; background-image: url('/assets/images/main/icon_dia.png'); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1;}
#main .con2 .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
#main .con2 .con2_slide_box {}
#main .con2 .con2_slide_list {}
#main .con2 .con2_slide_list .list {opacity: .5; margin: 0 50px; position: relative; transition:.25s;}
#main .con2 .con2_slide_list .list.slick-current {opacity: 1;}
#main .con2 .con2_slide_list .list .img {}
#main .con2 .con2_slide_list .list .txt_wrap { position: absolute; top: 50%; left: 55%; transform:translateY(-50%); z-index: 1;}
#main .con2 .slick-prev,
#main .con2 .slick-next {width: 60px; height: 60px; background-image: url('/assets/images/main/circle_prev.png'); background-position: 50% 50%; background-repeat: no-repeat; left: 50%; z-index: 1;}
#main .con2 .slick-prev {margin-left: -685px;}
#main .con2 .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 50%; margin-right: -685px;}



/* 하이엔드 메인배너 */
.banner_slide_wrap {padding: 40px 0 0 0; position: relative; overflow: hidden;}
.banner_slide_wrap .inner {position: relative;}
.banner_slide_wrap .banner_slide {max-width:2600px; margin: 0 auto;  position: relative;}
.banner_slide_wrap .banner_slide .banner_list {display: inline-block; width: 100%; }
.banner_slide_wrap .banner_slide .list {text-align: center; margin: 0 20px;}
.banner_slide_wrap .banner_slide .list_in {}
.banner_slide_wrap .banner_slide .list .img {margin-bottom: 25px; overflow: hidden; }
.banner_slide_wrap .banner_slide .list .img img {max-width:100%;transition:.5s; }

/* 하이엔드 치료케이스 */
.maintitle {font-size: 40px; font-weight: 600; text-align: center; margin-bottom: 40px;}
.maintitle span {color: #bc8a3a;}

.case_wrap {padding: 40px 0 0 20px; position: relative; overflow: hidden;}
.case_wrap .inner {position: relative;}
.case_wrap .case_list .list {display: flex; flex-wrap: wrap; position: relative; padding-bottom: 100px;}
.case_wrap .case_list .list .list_in:nth-child(2n) {border-bottom: 1px solid #bababa; }
.case_wrap .case_list .list .list_in:nth-child(2n-1) {border-bottom: 1px solid #bababa;}
.case_wrap .case_list .list .list_in:last-child,
.case_wrap .case_list .list .list_in:nth-last-child(2) {border-bottom: none;}
.case_wrap .case_list .list .list_in { flex: 0 0 calc((100% - 0px) / 2); padding: 40px 0; opacity: 1;
    transition: opacity .3s;}
.case_wrap .case_list .list .list_in.hidden {opacity: 0; height: 0; overflow: hidden;}
.case_wrap .case_list .list .list_in .list_txt {display: flex; gap:0px;}
.case_wrap .case_list .list .list_in:nth-child(2n) .left {padding-left: 40px; }
.case_wrap .case_list .list .list_in .list_txt .left {max-width: 540px; margin-right: 40px;}
.case_wrap .case_list .list .list_in .list_txt h4{font-size: 24px; font-weight: 400; line-height: 1.2; 
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;}
.case_wrap .case_list .list .list_in .list_txt p{font-size: 19px; font-weight: 200; line-height: 1.5; padding-top: 40px; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;
    overflow: hidden; }
.case_wrap .case_list .list .list_in .list_txt .img { width: 424px; height: 238px; overflow: hidden; border-radius: 0px;}
.case_wrap .case_list .list .list_in .list_txt .img img { width: auto; height: 100%;  object-fit: cover; object-position: left top; }
    
.case_wrap .more {position: absolute; left:50%; bottom:0px; transform: translateX(-50%); width:180px; font-size: 19px; border:0; background-color: #f5ce4f; color: #111; padding: 15px 20px; text-align: center; margin: 0 auto;}

/* 하이엔드 강점 */
.merit_slide_wrap {padding: 40px 0 0 0; position: relative; overflow: hidden;}
.merit_slide_wrap .inner {position: relative;}
.merit_slide_wrap .merit_slide {max-width:2600px; margin: 0 auto;  position: relative;}
.merit_slide_wrap .merit_slide .merit_list {display: inline-block; width: 100%; }
.merit_slide_wrap .merit_slide .list {text-align: center; margin: 0 20px;}
.merit_slide_wrap .merit_slide .list_in {}
.merit_slide_wrap .merit_slide .list p {font-size:22px;}
.merit_slide_wrap .merit_slide .list .img {margin-bottom: 25px; overflow: hidden; }
.merit_slide_wrap .merit_slide .list .img img {max-width:100%; transition:.5s; }

/* 유튜브 */
.maintitle2 {font-size: 40px; font-weight: 600; text-align:left; padding:160px 0 40px 160px;}
.maintitle2 span {color: #bc8a3a;}
.youtube_wrap {padding:0 20px;}
.youtube_wrap .inner {background-color: #000; padding-bottom: 160px; }
.youtube_wrap .inner .box {display: flex;}
.youtube_wrap .inner .box .left {display: flex; position: relative; width: 27%; margin-left: 160px;}
.youtube_wrap .inner .box .left img {width: 60px; position: absolute; top:0; left: 0;}
.youtube_wrap .inner .box .left p {position: absolute; top:10px; left:70px; line-height: 1.5;}
.youtube_wrap .inner .box .left p span {display: block; margin-top: 10px;}
.youtube_wrap .inner .box .right {width: 73%;}
.youtube_wrap .inner .box .right .video_wrap img {position: relative; width:860px; margin-bottom:140px;}
.youtube_wrap .inner .box .right .video_wrap iframe {width:860px; height: 484px; margin-bottom:140px;}
.youtube_wrap .inner .box .right .video_list {display: flex; flex-wrap: wrap; gap:60px;}
.youtube_wrap .inner .box .right .video_list .list {flex: 0 0 calc((100% - 230px) / 2);}
.youtube_wrap .inner .box .right .video_list .list img {width: 100%;}
.video_wrap {position: relative; width: 852px; cursor: pointer;}
.video_wrap img.main_video_thumbnail {width: 100%; display: block;}
.youtube_wrap .video_list .list {cursor: pointer;}
.youtube_wrap .play_icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 70px; color: white; opacity: 1;}
.youtube_wrap .play_icon svg {width: 90px; height: 90px;}
.youtube_wrap .img_wrap {position: relative;}
.youtube_wrap .img_wrap .play_icon2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 70px; color: white; opacity: 1;}
.youtube_wrap .img_wrap .play_icon2 svg {width: 45px; height: 45px;}
.youtube_wrap .video_modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.youtube_wrap .video_modal_bg { position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.5);}
.youtube_wrap .video_modal_content { position: absolute; top: 50%; left: 50%; width: 80%; max-width: 900px; transform: translate(-50%, -50%); background: #000; padding: 20px; border-radius: 10px;}
.youtube_wrap .video_close { position:absolute; top:15px; right:15px; background: none; border: none; color:#fff; font-size: 32px;
cursor:pointer; }
.youtube_wrap .video_modal_content iframe {width:100%; height:500px;}


@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	
	#main .con1 .con1_slide_list .list .img img {max-width:none;}
	#main .con1 .circle_logo_box img {width: 350px;}
	#main .con2 .con2_slide_box {}
	#main .con2 .con2_slide_list .list {margin: 0 10px;}
	#main .con2 .slick-prev {left: 15px; margin-left: 0; z-index: 1;}
	#main .con2 .slick-next {right: 15px; margin-right: 0;}
}
@media all and (max-width:1230px){
	#main .con2 .con2_slide_list .list .txt_wrap {left: 50%;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 40px; height: 40px; background-size:cover;}
}
@media all and (max-width:820px){
	.pt140{padding-top:70px}
	.pb140{padding-bottom:70px}
	.mt50{margin-top:40px !important;}
	.rt_slid{position:relative; width:100%;left:initial}
	.flex_con2{display:block}
	.flex_con2 .w25{width:100%}
	.flex_con2 .w25{padding-bottom:20px}
	
	#mv_wrap{height:45vh;}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position: 50% 50%;}
	#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position: 50% 50%;}
	#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.jpg'); background-position: 50% 50%;}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top: 25%;}
	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 38%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}
	#main .con1 .tit_box {z-index: 1;}
	#main .con1 .con1_slide_list .list_in {padding: 140px 15px 0;}
	#main .con1 .con1_slide_list .list {min-height:auto;}
	#main .con1 .con1_slide_list .list .tit_wrap {min-height: 250px;}
	#main .con1 .con1_slide_list .list .img {position: static; width: 100%;}
	#main .con1 .con1_slide_list .list .img img {max-width:100%;}
	#main .con1 .circle_logo_box {top: 45%; right: 5px;}
	#main .con1 .circle_logo_box img {width: 200px;}
	#main .con2 .con2_slide_list .list .txt_wrap {left: 40%; width: calc(60% - 15px);}
	#main .con2 .con2_slide_list .list .txt_wrap .ff_felix {margin-bottom: 15px !important;}
	

    /* 하이엔드 메인배너 */
    .banner_slide_wrap {padding: 20px 0 0 0;}
    .banner_slide_wrap .banner_slide {}
    .banner_slide_wrap .banner_slide .banner_list {}
    .banner_slide_wrap .banner_slide .banner_list {display:block; width: 100%; }
    .banner_slide_wrap .banner_slide .list {margin: 0;}
    .banner_slide_wrap .banner_slide .list_in {}
    .banner_slide_wrap .banner_slide .list .img {margin-bottom: 0px;}

    

    /* 하이엔드 치료케이스 */
    .maintitle {font-size: 22px; margin-bottom: 20px; text-align: left;}

    .case_wrap {max-width: 370px;padding: 0;}
    .case_wrap .inner {}
    .case_wrap .case_list .list {display: block; padding-bottom: 40px;}
    .case_wrap .case_list .list .list_in { padding: 20px 0;}
    .case_wrap .case_list .list .list_in:nth-child(2n) {padding-left: 0px;}
    .case_wrap .case_list .list .list_in:nth-child(2n),
    .case_wrap .case_list .list .list_in:nth-child(2n-1),
    .case_wrap .case_list .list .list_in:last-child,
    .case_wrap .case_list .list .list_in:nth-last-child(2) {border-bottom: none;}
    .case_wrap .case_list .list .list_in:nth-child(2n) .left {padding-left: 0px; }
    .case_wrap .case_list .list .list_in .list_txt .left {max-width:62%; margin-right: 10px;}
    .case_wrap .case_list .list .list_in .list_txt {display: flex; gap:10px;}
    .case_wrap .case_list .list .list_in .list_txt h4{font-size: 19px; line-height: 1.3; letter-spacing: -1.2px; padding-top: 8px; width:210px;  -webkit-line-clamp: 2; }
    .case_wrap .case_list .list .list_in .list_txt p{font-size: 14px; padding-top: 10px; -webkit-line-clamp: 3;}
    .case_wrap .case_list .list .list_in .list_txt .img {  width: 135px; height: 135px;  overflow: hidden; }
    .case_wrap .more {width:150px; padding: 10px 20px; font-size: 16px; }



    /* 하이엔드 강점 */
    .merit_slide_wrap {padding:0;}
    .merit_slide_wrap .merit_slide {}
    .merit_slide_wrap .merit_slide .merit_list {width: 100%; display: block; padding-left: 0px; }
    .merit_slide_wrap .merit_slide .list {text-align: center; margin:0 10px 0 0;}
    .merit_slide_wrap .merit_slide .list:first-child {padding-left: 10px;}
    .merit_slide_wrap .merit_slide .list_in { height:110px;}
    .merit_slide_wrap .merit_slide .list p {font-size: 14px;}
    .merit_slide_wrap .merit_slide .list .img {margin-bottom: 20px;}
    .merit_slide .slick-track,
    .merit_slide .slick-slide {
        height: auto !important;
    }


    /* 유튜브 */
    .maintitle2 {font-size: 22px; text-align:center; padding:80px 0 10px 0;}
    .youtube_wrap {padding:0px;}
    .youtube_wrap .inner {margin-bottom: 70px; padding-bottom: 80px; }
    .youtube_wrap .inner .box {display: block;}
    .youtube_wrap .inner .box .left {display: block; position: relative; width: 100%; margin-left:0px;}
    .youtube_wrap .inner .box .left img {width: 40px; top:-40px; left: 50%; transform: translateX(-50%);}
    .youtube_wrap .inner .box .left p {position: inherit; text-align: center; font-size:13px; top:10px; left: 50%; transform: translateX(-50%); line-height: 1.3;}
    .youtube_wrap .inner .box .left p span {display: block; margin-top: 0px;}
    .youtube_wrap .inner .box .right {width:100%;}
    .youtube_wrap .inner .box .right .video_wrap img {width:100%; padding: 40px 10px 0 10px; margin-bottom:70px;}
    .youtube_wrap .inner .box .right .video_wrap iframe {width:100%; height: auto; margin-bottom:40px;}
    .youtube_wrap .inner .box .right .video_list {display: flex; flex-wrap: wrap; gap:10px; padding-left: 10px;}
    .youtube_wrap .inner .box .right .video_list .list {flex: 0 0 calc((100% - 20px) / 2); margin-bottom: 20px;}
    .youtube_wrap .inner .box .right .video_list .list img {width: 100%;}
    .video_wrap {position: relative; width: 100%; cursor: pointer;}
    .video_wrap img.main_video_thumbnail {width: 100%; display: block;}
    .youtube_wrap .video_list .list {cursor: pointer;}
    .youtube_wrap .play_icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); font-size: 30px; color: white; opacity: 1;}
    .youtube_wrap .play_icon svg {width: 45px; height: 45px;}
    .youtube_wrap .img_wrap {position: relative;}
    .youtube_wrap .img_wrap .play_icon2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; color: white; opacity: 1;}
    .youtube_wrap .img_wrap .play_icon2 svg {width: 25px; height: 25px;}



}
@media all and (max-width:680px){
	#main .con2 .slide_tab_wrap {margin-bottom: 0;}
	#main .con2 .con2_slide_list .list {max-width: 500px;}
	#main .con2 .con2_slide_list .list .txt_wrap {width: 100%; position: static; padding: 30px 20px 80px; background-color: rgba(207,157,109,0.3); border-radius:15px 15px 0 0; transform:translateY(40px); margin-bottom: 25px; min-height:300px;}
	#main .con2 .con2_slide_list .list .img {position: relative; z-index: 2; border-radius:0 0 15px 15px; overflow: hidden;}
	/* #main .con2 .con2_slide_list .list .txt_wrap .beige1 {color: #ffeede;} */
	#main .con2 .con2_slide_list .list .txt_wrap h4,
	#main .con2 .con2_slide_list .list .txt_wrap .txt {color: #000;}
}
@media all and (max-width:520px){
	#main .con1 .circle_logo_box {top: 55%;}
	#main .con1 .circle_logo_box img {width: 150px;}
	#main .con1 .con1_slide_list .list_in {padding: 100px 15px 0;}
	#main .con1 .con1_slide_list .list .tit_wrap {min-height: 200px;}
	#main .con2 .slide_tab_wrap .slide_tab .list p:after {width: 16px; height: 16px;  margin: -8px; background-size:cover;}
	#main .con2 .slide_tab_wrap .slide_tab .list p {padding-top: 30px; font-size: 11px;}
	#main .con2 .con2_slide_list .list {max-width: 340px; }
	#main .con2 .con2_slide_list .list .txt_wrap {min-height:230px;}
	#main .con2 .con2_slide_list .list .txt_wrap h4 {font-size: 21px;}
	#main .con2 .con2_slide_list .list .txt_wrap p {font-size: 16px;}
	#main .con2 .con2_slide_list .list .txt_wrap .txt {font-size: 12px;}
	#main .con2 .slick-prev,
	#main .con2 .slick-next {width: 30px; height: 30px;}
	
}