@charset "utf-8";

#sv_wrap {width: 170vw;overflow: hidden;transform: translateX(-35vw);}
#sv {width: 100vw; position: relative; transform:translateX(35vw);}
#sv .sv_visual {width: 100%; height: 100vh; background-size:cover; background-position: 50% 50%; transform:scale(1.2); animation: sv-bg-change 5s infinite;}

#sv .sv_tit_wrap {position: absolute; top: 50%; text-align:center; width:100%; transform:translateY(-50%); color: #fff;  }
/* #sv .sv_tit_wrap > div {opacity: 0; animation:svTxt 0.7s 0.3s forwards;} 
#sv .sv_tit_wrap span {opacity: 0; animation:svTxt 0.7s 0.3s forwards; display: inline-block; padding: 8px 25px; background-color: #c5a887; border-radius:50px; letter-spacing:1px;}*/
#sv .sv_tit_wrap h3 {opacity: 0; animation:svTxt 0.7s 0.5s forwards; }
#sv .sv_tit_wrap p {opacity: 0; animation:svTxt 0.7s 0.7s forwards; }


@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

@keyframes svTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

/* .s_nav_wrap .icon {display: inline-block; transform:translateY(-5px); margin-right: 10px;} */
.s_nav_wrap {width: 350px; margin:0 auto; margin-top:70px;}
.s_nav_wrap .wrap {display: flex; align-items:center;}
.s_nav_wrap .wrap .home {display: flex;align-items:center;width: 15px;height: 30px;}
.s_nav_wrap .wrap .home a {display: block;}
.s_nav_wrap .wrap .home img {transform:translateY(-2px);}
.s_nav_wrap .wrap .route {width: calc(100% - 15px);display: flex;align-items:center;}
.s_nav_wrap .wrap .route .nav_con {width: calc(50% - 25px);margin-right: 25px;position: relative;padding: 0 0 0 5px;color: #d6d6d6;transition:.25s;border-bottom: 1px solid #999;margin-left: 5px; font-size:15px; letter-spacing:-1.5px;}
.s_nav_wrap .wrap .route .nav_con:before {content:'▼';display: block;width: 20px;line-height: 30px;position: absolute;top: 0;right: -10px;font-size: 11px;}
.s_nav_wrap .wrap .route .nav_con:first-child:after {content:'>';display: block;width: auto;line-height: 30px;position: absolute;top: 0;right: -35px;font-size: 15px;color: #d6d6d6;font-family: cursive;font-weight: 600;}
.s_nav_wrap .wrap .route .nav_con .link {display: block; width: 100%; height: 30px; line-height: 30px; color:#fff}
.s_nav_wrap .wrap .route .nav_con ul { display: none; position: absolute; top: 100%; left: 0; width: 100%;  border: 1px solid #ddd; background-color: rgba(255,255,255,.7); border-radius:10px; overflow: hidden; z-index: 1;}
.s_nav_wrap .wrap .route .nav_con ul li {/* border-bottom: 1px solid #eee; */}
.s_nav_wrap .wrap .route .nav_con ul li a {display: block; padding: 5px 10px; color: #222; font-size: 13px; line-height: 1.5; transition:.25s;}
.s_nav_wrap .wrap .route .nav_con:hover,
.s_nav_wrap .wrap .route .nav_con.active {color: #fff;}
.s_nav_wrap .wrap .route .nav_con ul li a:hover {background-color: #d4ae85; color: #fff;}


.bg_gray{background:#f8f8f8}
.w50{width:50%}

.en {font-family: 'Italiana', serif; text-transform:uppercase;}
.iv {font-family: 'IvyMode', serif; text-transform:uppercase;}
.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl30 { padding-left:30px;}

.con1 {padding: 160px 0 0;}
.s_tit_wrap {margin:0 0 60px 0;}
.s_tit_wrap .txt { text-transform:uppercase; letter-spacing:3px;}
.s_tit_wrap h4 {margin-bottom:20px;}
.s_tit_wrap .arrow{left: 1%; position: absolute;  z-index: 2;}


.img_list { position:relative;}
.img_list li {display: flex;justify-content:space-between; align-items: center;}
.img_list li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list li > div {width: 50%; }
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.img_list li .img_box .img  {position: relative; overflow:hidden;}
.img_list li .img_box .img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.img_list li .img_box .img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

.img_list li .img_box .img{transition:.25s;}
.img_list li .img_box .img:hover{border-radius:70px 0 70px 0;}
.img_list li .img_box:hover img {transform:scale(1.15);}
.img_list li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list li .txt_box:hover  img {transform:scale(1);}
.img_list li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -21%;top: -5%;}
.img_list li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#b79480;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}


.icon_wrap { margin-top:70px;}
.icon_list {font-size: 0; text-align:center;}
.icon_list:before {width: 300%;height: 33%;content: "";background: #1e3763;position: absolute;bottom: -1px;left: -60%;z-index:-1;}
.icon_list li {display: inline-block;  width: calc(25% - 16px); margin: 0 8px 180px; vertical-align: top; text-align:center;}
.icon_list li .txt { background-color:#127864; color:#fff; padding:15px 0; border-radius:0 0 10px 10px; }

.icon_wrap {
  margin-top: 70px;

}

.icon_list:before {
  width: 300%;
  height: 25%;
  content: "";
  background: #1e3763;
  position: absolute;
  border-radius: 100% 100% 0 0;
  bottom: -1px;
  left: -100%;
  z-index: -1;
}


.icon_list li .icon {
  width: 80%;
  height: 260px;
  background: #f7f1ea;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  overflow: hidden;
  transition: border-radius 1s ease;
  border-radius: 0;
}

/* 라운드 스타일 (스크롤 시 추가될 클래스) */
.icon_list li.type1 .icon.rounded { border-radius: 0 50% 0 0; }
.icon_list li.type2 .icon.rounded { border-radius: 0 50% 0 50%; }
.icon_list li.type3 .icon.rounded { border-radius: 50%; }
.icon_list li.type4 .icon.rounded { border-radius: 0 0 50% 0; }
.icon_list li.type5 .icon.rounded { border-radius: 50% 0 50% 0;}
.icon_list li.type6 .icon.rounded { border-radius: 50% 0 0 0; }

.diamond_list {
  background: #f9efe6;
  padding: 40px 20px;
  border-radius: 10px;
  list-style: none;
  margin: 0;
  position: relative;
}


.diamond_list p{color:#b57d4a}
.diamond_list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 30px; /* 공간 확보 */
  color: #b57d4a;

  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease;
}

.diamond_list li:last-child{margin-bottom:0}
.diamond_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #b57d4a;
  transform: rotate(45deg);
  border-radius: 2px;
  z-index: 2;
}

/* 세로 선 추가 */
.diamond_list li::after {
  content: "";
  position: absolute;
  left: 3px; /* 다이아몬드 중앙 맞추기 */
  top: 18px;
  width: 2px;
  height: calc(100% - -28px);
  background: #b57d4a;
  opacity: 0.4;
}
/* 마지막 li는 선 없애기 */
.diamond_list li:last-child::after {
  display: none;
}

/* 모션 들어올 때 */
.diamond_list li.visible {
  opacity: 1;
  transform: translateY(0);
}



.con1 .tt-scrolling-text-inner {color: #fff;}

.con2 {padding: 160px 0; background-color:#edf4f9;}
.con2 .slide_tab_wrap {max-width: 980px; margin: 0 auto 50px; }
.con2 .slide_tab_wrap .slide_tab {}
.con2 .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
.con2 .slide_tab_wrap .slide_tab .list {text-align: center;}
.con2 .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
.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;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
.con2 .con2_slide_box {}
.con2 .con2_slide_list { }
.con2 .con2_slide_list .list {opacity: .5; margin: 0 50px; position: relative; transition:.25s;   background: #fff;padding:70px 50px;  border-radius: 50px;  width:1160px}
.con2 .con2_slide_list .list.slick-current {opacity: 1;}
.con2 .con2_slide_list .list .img {}
.con2 .con2_slide_list .list .img1 { background-color:#fff; padding: 0 50px 0px 50px;}
.con2 .slick-prev,
.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;}
.con2 .slick-prev {margin-left: -660px;}
.con2 .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 50%; margin-right: -660px;}

.con2 .slick-dots {bottom: -50px; text-align: center;}
.con2 .slick-dots li { width:auto !important}
.con2 .slick-dots li button {width: 12px; height: 12px; background-color: #b5aea9; border-radius:50%; margin: 0 auto; transition:.25s;}
.con2 .slick-dots li.slick-active button {width:30px; height: 12px;  border-radius:10px; background-color: #1e3763;}



.img_ma img{margin:0 auto}
.slick-dots li button:before{display:none}

.con2 .s_title{padding-bottom:30px;}
.con2 .s_title .lt {width: 13%;}
.con2 .s_title .rt {width: 87%;}

.con2 .s_title1{display:flex; padding-bottom:30px;}
.con2 .s_title1 .lt {width: 27%;}
.con2 .s_title1 .rt {width: 73%;}

.con2 .s_title2{display:flex; padding-bottom:30px;}
.con2 .s_title2 .lt {width: 22%;}
.con2 .s_title2 .rt {width: 78%;}



.sistem_wrap { padding:0 0 250px; background-color: #fff;}
.sistem_wrap .sistem_box {display: flex; }
.sistem_wrap .sistem_box > div {width: 50%; }
.sistem_wrap .sistem_box .lt {text-align: left; position: relative;}
.sistem_wrap .sistem_box .lt .txt_box {position: relative; top: 0 !important;}
.sistem_wrap .sistem_box .lt .tit_wrap {width: 100%; position: absolute; top:47%; left: 0; transform:translateY(-50%);}
.sistem_wrap .sistem_box ul {}
.sistem_wrap .sistem_box .sistem_list { margin-left: 75px; position: relative; min-height:195px; background-color:#f9f9f9; border-radius:30px; transition:.25s}
.sistem_wrap .sistem_box .sistem_list:hover {background-color:#f6f2e9;}

.sistem_wrap .sistem_box .sistem_list .txt_box_in{ padding: 70px 30px 30px 70px;}
.sistem_wrap .sistem_box .sistem_list + .sistem_list {margin-top: 95px;}
.sistem_wrap .sistem_box .sistem_list .txt_box { position: relative;  z-index: 1;}

.sistem_wrap .sistem_box .sistem_list .txt_box h4 {position: relative; z-index: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box .txt {padding-left: 5px;}
.sistem_wrap .sistem_box .sistem_list .img_box {position: absolute; top: 0;right: 0;}
.sistem_wrap .sistem_box .sistem_list .img_box img {}
.sistem_wrap .slick_nav{display: none;}

.sistem_wrap .sistem_box .sistem_list .img_box img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); border-radius: 20px 0 20px 0;}
.sistem_wrap .sistem_box .sistem_list.on .img_box img {opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.sistem_wrap .sistem_box .sistem_list .arrow { transform: rotate(-90deg);position: absolute; margin-left: -23%; top: -11%;}
.sistem_wrap .sistem_box .sistem_list .img {position: relative; text-align: end; padding-top: 30px;}


.sistem_wrap .sistem_box .sistem_list .num {
  position: absolute;
  top: 70px;
  left: -25px;
  width: 50px;
  height: 50px;
  background: #002060; /* 진한 네이비 느낌 */
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius:0 25px 0 25px;
  text-align: center;
  line-height: 50px;
  z-index: 2;
}

.bg_beige{background:#f6e8da}

.con3 {padding: 160px 0;  }
.check_wrap {}
.check_wrap {font-size: 0; margin: 0 auto;}
.check_wrap li {display: inline-block; width: calc(50% - 20px);  margin: 0 10px 15px;  vertical-align: top; background-color:#fff;  border: 1px solid #ddd; padding:25px 20px 30px 30px; border-radius:10px;}


.check_wrap li :before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 1;
    border-radius:10px; 
	border :1px solid rgba(76,90,106,0);
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}

.check_wrap li :hover:before {
	border-width :8px; /* Change this line */
	border-color :rgba(212,174,133,0.7);/* Change this line */
	-webkit-transition:border-width .5s ease,border-color .5s ease; 
	-moz-transition:border-width .5s ease,border-color .5s ease; 
	-o-transition:border-width .5s ease,border-color .5s ease; 
	transition:border-width .5s ease,border-color .5s ease
}


 img{max-width: 100%;}


.check_wrap li .square_img {position: absolute ; }
.check_wrap li .num {display: inline-block; width: 110px; height: 40px; background-color: #00aeb2; text-align: center; line-height: 40px; font-weight:500; border-radius:30px;  color: #fff; font-size: 18px; letter-spacing: 0; position: absolute; bottom: -20px; left: 50%; margin-left: -45px; z-index: 1; font-family: 'IvyMode';}
.check_wrap li .square_img img { }
.check_wrap li .text01 { font-size:20px;  font-weight: 400; padding-top: 2px; vertical-align:middle; line-height:150%;}


.check_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.check_list li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.check_icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  position: relative;
}

.svg_check {
  width: 100%;
  height: 100%;
}


.signature_05_04 {
  background: url('/assets/images/sub/signature_05_img04bg.jpg') center center no-repeat;
  background-attachment: fixed;
  background-size: cover; /* 👈 배경 꽉 채우기 */
  position: relative;
  min-height: 50vh; /* 👈 최소 높이를 화면 가득으로 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.signature_05_04 .blue_tit{font-size:98px;color:#fff;opacity:0.6;font-style: italic;}


.anti_0202 {
  background: url('/assets/images/sub/anti_02_img02bg.jpg') center center no-repeat;
  background-attachment: fixed;
  background-size: cover; /* 👈 배경 꽉 채우기 */
  position: relative;
  min-height: 50vh; /* 👈 최소 높이를 화면 가득으로 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.anti_0202 .blue_tit{font-size:98px;color:#fff;opacity:0.6;font-style: italic;}

.body_0102 {
  background: url('/assets/images/sub/body_01_img02bg.jpg') center center no-repeat;
  background-attachment: fixed;
  background-size: cover; /* 👈 배경 꽉 채우기 */
  position: relative;
  min-height: 50vh; /* 👈 최소 높이를 화면 가득으로 */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.body_0102 .blue_tit{font-size:98px;color:#fff;opacity:0.6;font-style: italic;}

.w100{width:100%}

.link_btn {width:100%; margin:0 auto;justify-content:center;}
.link_btn div{ padding:10px}

.signature_05_05{background: url('/assets/images/sub/signature_05_img05bg.jpg') 50% 50% no-repeat;}
.con4 {}

.square_img_wrap3 {}
.square_img_list3 {font-size: 0; text-align:center;}
.square_img_list3 li {display: inline-block;  width: calc(33.33% - 30px); margin: 0 15px; vertical-align: top; text-align:center; background-color:#d3a67a; color:#fff; border-radius:25px 25px; transition:.25s;}
.square_img_list3 li .square_img {position: relative; overflow:hidden; border-radius:20px 20px;}
/*.square_img_list3 li .num  {display: block;vertical-align: middle;font-family: 'Futura Std', sans-serif;width: 40px;height: 40px;font-size:22px;text-align: center;line-height: 40px;background-color: #127864;border-radius:50%;color: #fff;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0;margin: 0 auto 20px;}*/
.square_img_list3 li .num  {display: block;vertical-align: middle;font-family: 'IvyMode', sans-serif; text-align: center; font-weight:600; text-transform: uppercase; }
.square_img_list3 li .square_img img {width: 100%; transition:.5s}

.square_img_list3 li .square_img  {position: relative;}
.square_img_list3 li .square_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
.square_img_list3 li .square_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}



.youtube_wrap{background:#fafafa}
.f_title_wrap{background:none !important}

.custom_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  transition: color 0.3s ease;
}

.custom_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 0;
  transition: all 0.4s ease;
}

.custom_btn:hover::before {
  left: 0;
}

.custom_btn span,
.custom_btn svg {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}

.custom_btn:hover span,
.custom_btn:hover svg {
  color: #fff;
}

.custom_btn .arrow {
  animation: arrowMove 1.4s infinite ease-in-out;
}

@keyframes arrowMove {
  0% { transform: translateX(0); }
  50% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
.arr {

  color: #c7c7c7;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 50%;
  cursor: pointer;

}

/* ���콺 ���� �� */
.arr:hover {

  color: #000;

}


.square_img_list3 li:hover .square_img img {transform:scale(1.15);}
.square_img_list3 li .txt { padding:35px 0 25px; border-radius:0 0 10px 10px; transition:.25s }
.square_img_list3 li  .plus {position: absolute;margin: -25px auto 0; display: flex; justify-content: center; width: -webkit-fill-available;}
.square_img_list3 li:hover { background-color:#1e3763; color:#fff; } 


.square_img_wrap4 {}
.square_img_list4 {font-size: 0; display:block;  }
.square_img_list4 li {display: inline-block;  width: calc(25% - 40px); margin: 0 20px 50px;  vertical-align: top; text-align:center;}
.square_img_list4 li .square_img {position: relative; overflow:hidden; border-radius:20px;}
/*.square_img_list2 li .num  {display: block;vertical-align: middle; 55px;font-size:26px;text-align: center; color: #127864 ;font-weight: 500; text-align:center; margin-bottom:30px;}*/
.square_img_list4 li .num  {display: block;vertical-align: middle; width: 200px;height: 55px;font-size:20px;text-align: center;line-height: 53px; border-radius:50px; background-color: #fff; border:2px solid  #9e7e66;  color: #9e7e66 ;font-weight: 500;-webkit-transform:translateY(-2px);transform:translateY(-2px);top: 0;left: 0; margin: 0 auto -30px; z-index: 1; position: relative;}
.square_img_list4 li .square_img img {width: 100%; transition:.5s}
.square_img_list4 li:hover .square_img img {transform:scale(1.15);}
.square_img_list4 li .txt {background-color:#9e7e66; color:#fff; padding:10px 0; border-radius:10px 10px; }


.bf {padding: 160px 0; background-color:#f9f9f9;}

.chk_txt p {position: relative; padding-left: 30px; line-height: 1.5; word-break:keep-all; margin-bottom: 5px;}
.chk_txt p:after {content:'';display: block;width: 7px;height: 7px;background-color: #a18360;position: absolute;top: 12px;left:5px;opacity: .5;}

.chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #a18360; color:#fff;padding: 10px 10px; text-align:center; justify-content: center}



.bg1 {padding: 160px 0 0;    background:#eae6e1 url('/assets/images/sub/bg1.jpg') 50% 50% no-repeat fixed; /* 배경 이미지 설정 */
      background-size: 0% 100%; /* 처음에는 이미지 크기를 0%로 설정 */
      background-position: left center; /* 배경 이미지의 시작 위치를 왼쪽으로 설정 */
      background-repeat: no-repeat; /* 반복되지 않도록 설정 */
      animation: growBackground 5s forwards; /* 5초 동안 애니메이션 효과 적용 */}

 @keyframes growBackground {
      0% {
        background-size: 0% 100%; /* 처음에는 이미지가 0% 크기로 시작 */
      }
      100% {
        background-size: 100% 100%; /* 끝날 때는 이미지가 100% 크기로 */
      }
    }


.slide {display: flex; align-items:center;     width: -webkit-fill-available;position: relative;}
.slide .lt {width: 60%;}
.slide .rt {width: 48%;}
.slide .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 0 30px 30px 30px;background-color: #1e3763; color:#fff;padding: 20px 10px; text-align:center;}

.slide1 {display: flex; align-items:center;     width: -webkit-fill-available;position: relative;}
.slide1 .lt {width: 50%;}
.slide1 .rt {width: 50%; padding-left: 3%;}
.slide1 .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide1 .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #a18360; color:#fff;padding: 10px 10px; text-align:center;}






.video-container { position: relative;  padding-bottom: 56.25%; /* 16:9 */   overflow: hidden;  width: 600px;}
.video-container .video { position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}


.round {position: relative; text-align:center;}
.round  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.round  li {display: inline-block; vertical-align: top; width: calc(25% - 20px); margin: 0 10px 30px; /* padding:70px 15px 0; */  position: relative;}
.round  li:nth-child(2n)  .txt_wrap{background-color: #a18360;}
.round  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: flex;padding:30px 0; border-radius:100px;background-color: #a18360;  color:#fff; height:120px; justify-content: center; align-items: center;}


.skincare_01 .con1 { padding:160px 0 200px;}
.skincare_01 .con1 .tt-scrolling-text-inner {color: #999;}

.s_tab {width: 100%;margin: 0 auto;text-align: center;font-size: 0;margin-left:0; z-index:1;}
.s_tab li {display: inline-block; vertical-align: top; margin:0 -1px;}
.s_tab li a {display: block;  text-align: center; line-height: 60px; font-size: 18px; font-weight: 400; color: #91aabe;  border-left: none;  transition: .25s;  border-bottom: 5px solid transparent;}
.s_tab li a::after {content: ''; background: #d9e4ed; position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 5px;  display: block;  z-index: -1;}
.s_tab li a.active,
.s_tab li a:hover{ color: #151515; border-bottom: 5px solid #151515; }
.s_tab_con > .con {display: none;}
.s_tab_con > .con.active {display: block;}
.s_tab_con > .con  h4{ position:relative;}

.s_tab .col-1 li{width:calc(50% - 2px);}
.s_tab .col-2 li{width:calc(50% - 2px);}
.s_tab .col-3 li{width:calc(33.33% - 2px);}
.s_tab .col-4 li{width:calc(25% - 2px);}
.s_tab .col-5 li{width:calc(20% - 2px);}
.s_tab .col-6 li{width:calc(16.8%);}
.s_tab .col-7 li{width:calc(14% - 2px);}
.s_tab .col-8 li{width:calc(12.5% - 2px);}



.img_list1 { position:relative;}
.img_list1 li {display: flex;justify-content:space-between; align-items: center;}
.img_list1 li:nth-child(even) {/*flex-direction: row-reverse;*/}
.img_list1 li > div {width: 50%; }
.img_list1 li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%;}
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list1 li .img_box .img img{ width:-webkit-fill-available;  transition:.5s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }
.img_list1 li .img_box:hover  img {transform:scale(1.05);}
.img_list1 li .txt_box .img {width: 100%;background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;}
.img_list1 li .txt_box .img img{width:-webkit-fill-available;transition:.5s;}
.img_list1 li .txt_box:hover  img {transform:scale(1);}
.img_list1 li .txt_box .num4 {width: 80px;height: 60px;line-height:60px;text-align: center;background-color:#a18360;color:#fff;border-radius:50px;font-weight:500;font-size:22px;font-family: 'IvyMode', sans-serif;position: absolute;margin-left: -19%;top: -5%;}
.img_list1 li .txt_box .num5 {width: 120px;height: 45px;line-height:45px;text-align: center;background-color:#a18360;color:#fff;border-radius:50px;font-weight:500;font-size:18px;font-family: 'IvyMode', sans-serif;}






section.sec04 {padding: 0;position: relative;overflow: hidden; background:#fff}
section.sec04 .line{display: inline-block;
      content: '';
      width: 0;
      height: 1px;
      background: #CAB194;
      position: absolute;
      left: 0;top:0}
section.sec04.aos-animate .topline{
        animation: linewidth 0.9s forwards;
      }
section.sec04 .container{padding: 140px 0;overflow: visible;}
section.sec04 .container>span.line{
        width: 1px;
        height: 0;
}
section.sec04 .rightline{right:0;left:auto}
section.sec04.aos-animate .container>span.line{
        animation: lineheight 0.9s forwards;
      }
section.sec04 .sec04_bt{margin-top: 80px}
section.sec04 .sec04_bt .cont_wrap{display: flex;gap:10px;justify-content: center}
section.sec04 .sec04_bt .cont_wrap .cont_box{background: #183e66;cursor: pointer;width:60px;border-radius: 60px;height: 438px;padding: 10px;position: relative;overflow: hidden;}
section.sec04 .sec04_bt .cont_wrap .cont_box>.tit{font-size: 18px;color:rgba(255,255,255,0.7); transform: rotate(90deg) translateX(-50%);
    width: max-content; position: absolute;transform-origin: left bottom;top: 40%;margin-left: 7px}
section.sec04 .sec04_bt .cont_wrap .cont_box .num{position: absolute;bottom:10px;display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 100%;
  color:#183e66;background: #fff;font-size: 14px;line-height: 40px;}
section.sec04 .sec04_bt .cont_wrap .cont_box .hover_wrap{display: none}
section.sec04 .sec04_bt .cont_wrap .cont_box .hover_wrap>div{opacity: 0}
section.sec04 .sec04_bt .cont_wrap .cont_box.on {width:927px;transition: all 0.5s;cursor: default;border-radius: 40px;background: #fff;transition: all 0.5s}
section.sec04 .sec04_bt .cont_wrap .cont_box::after{opacity: 0;content:'';width:970px;height: 438px;position: absolute;right:0;top:0;
background: url('/assets/images/sub/sub_tail_img0101.jpg') center center no-repeat;background-size: cover;}
section.sec04 .sec04_bt .cont_wrap .cont_box.on::after{z-index: 1;opacity: 1;width: 100%}
section.sec04 .sec04_bt .cont_wrap .cont_box:nth-child(2).on::after{background-image:  url('/assets/images/sub/sub_tail_img0102.jpg');}
section.sec04 .sec04_bt .cont_wrap .cont_box:nth-child(3).on::after{background-image:  url('/assets/images/sub/sub_tail_img0103.jpg');}
section.sec04 .sec04_bt .cont_wrap .cont_box:nth-child(4).on::after{background-image:  url('/assets/images/sub/sub_tail_img0104.jpg');}

section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap{display: block;position: relative;z-index: 2}
section.sec04 .sec04_bt .cont_wrap .cont_box.on>.tit,section.sec04 .sec04_bt .cont_wrap .cont_box.on>.num{display: none}
section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap{display: flex;align-items: center;height: 100%;}
section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap>div{padding-left: 75px;animation: slideup 0.7s .2s forwards;}
section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap .num{background: var(--blue);color:#fff;position: absolute;right:10px;bottom: 0;padding: 1px 2px 0 0;}
section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap .tit{font-size: 34px;margin-top: 20px}

section.sec04 .sec04_bt .cont_wrap .cont_box.on .hover_wrap .view_more{margin-top: 100px}
section.sec04 .container::before{display: inline-block;content: '';border:solid 1px #CAB194;border-radius: 100%;
width: 580px;height: 580px;margin-bottom: -290px;background-size: cover;background-position: left top;position: absolute;left: -581px;bottom:0;z-index: 2}
/* 오른쪽 아래 원 */
section.sec04 .container::after {
  content: '';
  position: absolute;
  top: -150px;
  right: -300px;
  width: 460px;
  height: 460px;
  border: 1px solid #CAB194;
  border-radius: 50%;
  z-index: 2;
  opacity: 0.3;
}

@keyframes slideup {
  from {
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.checklist_section {
  padding: 50px 0px;
  text-align: center;
}
.check_title {

  margin-bottom: 40px;
}
.check_list_line {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.check_list_line::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.check_list_line li {
  list-style: none;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
  text-align: center;
  flex: 1;
}
.check_list_line li.show {
  opacity: 1;
  transform: translateY(0);
}
.check_list_line .dot {
  width: 12px;
  height: 12px;
  background: #a97c50;
  border:2px solid #fff;
  border-radius: 50%;
  bottom: -9px;
  margin: 0 auto 10px;
  display: inline-block;
  position: relative;
}

.anti_0202 .w1400{width:100%}

.pill_button_wrap {
  display: flex;
  gap: 20px;
  justify-content:left;
  margin: 30px 0;
}

.pill_button {
  display: inline-block;
  padding: 15px 30px;
  background-color: #fdf3e8; /* 연한 베이지 */
  color: #9e704c; /* 갈색 계열 텍스트 */
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.pill_button:hover {
  background-color: #f1e0ce;
  transform: translateY(-2px);
}

.treatment_box_wrap2 {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.treatment_box2 {
  background: #fff;
  border-radius: 8px;
  width:23%;
 
}

.treatment_box2 {
  opacity: 0;
  transform: translateY(30px);
}

.treatment_box2.active {
  animation: fadeUp 0.6s ease-out forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.treatment_box2 img{border-radius:20px}

.signature_0603_list ul{overflow:hidden;}
.signature_0603_list li{float:left; width:33.33333%; text-align:center;}

.signature_0603_list_02 ul{overflow:hidden;}
.signature_0603_list_02 li{float:left; width:25%; text-align:center;}

.signature_0603_list_03 ul{overflow:hidden;}
.signature_0603_list_03 li{float:left; width:50%; text-align:center;}


.info-banner {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 60px 20px;
  
}

.info-box {
  flex: 1;
  max-width: 33%;


  padding: 40px 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
   border-radius:20px;
}


.info-box2 {
  flex: 1;
  max-width: 100%;


  padding: 40px 20px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.1);
  border-radius:20px;
}

.icon .img_l{width:100%}
.icon_list .img_l_con{width:calc(19% - 50px); margin:0 8px 200px}
.icon_list .img_l_con .icon{height:172px}

.light-info {
  display: flex;
  gap: 60px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 20px;
}

.light-item {
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.light-label {
  background: #a6774c;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
}

.light-desc {
  color: #333;
  font-size: 16px;
}

.img_box_small{background:#faf5ed; border:1px solid #e2ceb5; padding:50px 0; border-radius:40px}


.skin_score_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: left;
  padding: 20px 0;
}

.skin_score {
  background: #173163; /* 진한 네이비 배경 */
  color: #fff;
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 30px;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  min-width: 120px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
}

.youtube_wrap .video .icon_wrap{top:35% !important;}
/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.al_fs{display: flex; align-items: flex-start;}
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.jc_fe{justify-content: flex-end;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}
.flex_row.se{justify-content:space-evenly;}

.main_content02{position:relative; width:100%; overflow:hidden; background:#fefbf6}
.main_cont02_wrap{position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
.main_cont02_wrap > div{width:33%;}

.main_cont02_img{position:relative; overflow:hidden;}
.main_cont02_img_box{width: 68%; overflow: hidden; z-index: 0;}
.main_cont02_img_box > .main_cont02_img_01{border-radius:0 150px 0 0; overflow: hidden;}
.main_cont02_img_box > .main_cont02_img_02{border-radius:150px 0 0 0;}
.main_cont02_img_box.on > .main_cont02_img_01{transform: scale(1); transition: transform 8s 0.3s ease-in-out; -webkit-transition: transform 8s 0.3s ease-in-out; -moz-transition: transform 8s 0.3s ease-in-out; -ms-transition: transform 8s 0.3s ease-in-out; -o-transition: transform 8s 0.3s ease-in-out; overflow: hidden;}
.main_cont02_img_text_wrap01{margin-top:-9.6%; z-index: 1;}
.main_cont02_img_text_wrap02{margin-top:-10.5%; z-index: 1;}
.main_cont02_img_text_wrap > p{padding:2% 0;}
.main_cont02_img_text_wrap01 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 55%, #fff 45%); -webkit-background-clip: text;}
.main_cont02_img_text_wrap02 .main_cont02_img_text01{-webkit-text-fill-color: transparent; background: linear-gradient(-0deg, #333 50%, #fff 50%); -webkit-background-clip: text;}

.main_cont02_text_wrap{padding:4% 0 0;}

.main_cont02_img02{padding:4% 0 0;}

.main_cont02_btn{position:relative; width:200px; height:50px; margin:0 auto; border:2px solid #c2b093; border-radius:50px; overflow:hidden;}
.main_cont02_btn:hover{background:#c2b093; transition:background 0.4s 0.1s ease-in-out; -webkit-transition:background 0.4s 0.1s ease-in-out; -moz-transition:background 0.4s 0.1s ease-in-out; -ms-transition:background 0.4s 0.1s ease-in-out; -o-transition:background 0.4s 0.1s ease-in-out;}
.main_cont02_btn > a{display:block;}
.main_cont02_btn > a > p{color:#c2b093; line-height:45px; letter-spacing:0.02em;}
.main_cont02_btn > a > p::after{content:''; position:absolute; top:0; left:0; width:0; height:100%; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; z-index:-1;}
.main_cont02_btn:hover > a > p{color:#fff;}
.main_cont02_btn:hover > a > p::after{width:100%; background:#c2b093; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out;}
span.arrow_right{display:inline-block; width:20px; height:11px; background: url(../img/arrow.svg) 50% 50%/100% no-repeat;}
.main_cont02_btn:hover span.arrow_right{background: url(../img/arrow_w.svg) 50% 50%/100% no-repeat;}

.pc_cont{display:block; opacity:1; visibility:visible;}
.m_cont{display:none; opacity:0; visibility:hidden;}


@media all and (max-width:1800px){

}

@media all and (max-width:1430px){

}
@media all and (max-width:1230px){


}



@media all and (max-width:980px){
}


@media all and (max-width:820px){
	.youtube_wrap .video .icon_wrap{top:7% !important}

	#sv .sv_visual {height: 580px;}
	#sv .sv_tit_wrap .ff_felix { letter-spacing:1px !important;}
	/*#sv .sv_tit_wrap img { width:12% !important;}*/
    #sv .sv_tit_wrap .mb30 { margin-bottom:15px !important;}



#sv .sv_tit_wrap {top: 45%;}
.s_nav_wrap {width: 80%;margin:0 auto;margin-top:60px;}
.s_nav_wrap .wrap .route .nav_con ul li a {padding: 2px 10px;}	
.s_tit_wrap .arrow{left: 5%;position: absolute;z-index: 2;top: 100%;}
.s_tit_wrap .arrow img	{width: 75%;}
.s_nav_wrap .wrap .route .nav_con .link { height: 25px;line-height: 25px; font-size:11px}
	
.s_nav_wrap .wrap .route .nav_con:first-child:after{right:-25px}
.con1 { padding: 70px 0 0;}
.img_list { position:relative;}
.img_list li {display: block;}
.img_list li > div {width: -webkit-fill-available; margin-bottom:30px;}
.img_list li .img_box .img {width: 100%; /*height: 100%;*/ background-size:auto; background-repeat:no-repeat; background-position: 50% 50%; z-index:1; }
.img_list li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative; z-index:1}
.img_list li .img_box .img img{ width:-webkit-fill-available;  transition:.25s;  /*box-shadow: 0px 1px 20px 10px rgba(0, 0, 0, 0.1);  border-radius: 20px;*/ }

.pl70 {padding-left: 0;}	
.pl30 {padding-left: 0;}
.pr70 {padding-right: 0;}
	
.icon_wrap { margin-top:70px;}
.icon_list {font-size: 0;text-align:center;padding-bottom: 50px;}
.icon_list:before {width: 300%;height: 38%;content: "";background: #1e3763;position: absolute;bottom: -1px;left: -100%;z-index:-1;}
.icon_list li {display: inline-block;width: calc(50% - 16px);margin: 0 8px 30px;vertical-align: top;text-align:center;}
.icon_list li .icon img { width:55%;}
.icon_list li .icon{height:134px; width:134px}

.link_btn div{padding:5px}
	
.con2 { padding: 70px 0;}	
.con2 .slide_tab_wrap {max-width: -webkit-fill-available;margin: 0 auto 50px;}
.con2 .slide_tab_wrap .slide_tab {}
.con2 .slide_tab_wrap .slick-track:after {content:''; display: block; width: 100%; height: 1px; background-color: #c3c3c3; position: absolute; top: 12px; left: 0;}
.con2 .slide_tab_wrap .slide_tab .list {text-align: center;}
.con2 .slide_tab_wrap .slide_tab .list p {padding-top: 40px; position: relative; cursor: pointer; word-break:keep-all;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p {color: #cf9d6d; z-index: 1;}
.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;}
.con2 .slide_tab_wrap .slide_tab .list.slick-current p:after {background-image: url('/assets/images/main/icon_dia_active.png');}
.con2 .con2_slide_box { margin-top:50px;}
.con2 .con2_slide_list { }
.con2 .con2_slide_list .list {opacity: .5;margin: 0 15px;position: relative;transition:.25s;background: #fff;padding: 30px 30px;border-radius: 20px;width: 350px;}
.con2 .con2_slide_list .list.slick-current {opacity: 1;}
.con2 .con2_slide_list .list .img {}
.con2 .con2_slide_list .list .img1 { padding:0px 0;}
.con2 .slick-prev,
.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: 0; z-index: 1; background-size:65%; top:0;  filter: brightness(0.8);}
.con2 .slick-prev {margin-left: 0;}
.con2 .slick-next {background-image: url('/assets/images/main/circle_next.png'); left: auto; right: 0; margin-right: 0; top:0}
.con2 .slick-dots {text-align: center; text-align: center; position: relative; bottom: 0; }

.s_tit_wrap {margin: 0 0px 15px 0px !important;}
.con2  .s_title{display: block;padding-bottom:30px;}
.con2  .s_title .lt {width: -webkit-fill-available;}
.con2  .s_title .rt {width: -webkit-fill-available;}

.con2  .s_title1{display:block; padding-bottom:30px;} 
.con2  .s_title1 .lt {width: -webkit-fill-available;}
.con2  .s_title1 .rt {width: -webkit-fill-available;}

.con2  .s_title2{display:block; padding-bottom:30px;}
.con2  .s_title2 .lt {width: -webkit-fill-available;}
.con2  .s_title2 .rt{width: -webkit-fill-available;}



.sistem_wrap {padding: 30px 0 70px;background-color: #fff;}
.sistem_wrap .sistem_box {display: block;}
.sistem_wrap .sistem_box > div {width: -webkit-fill-available;}
.sistem_wrap .sistem_box .lt {text-align: left; position: relative;}
.sistem_wrap .sistem_box .lt .txt_box {position: relative;top: 0 !important;height: 100% !important;margin-bottom: 0;}
.sistem_wrap .sistem_box .lt .tit_wrap {width: -webkit-fill-available;position: relative;top: 0;left: 0;transform: translateY(0);}
.sistem_wrap .sistem_box .lt .tit_wrap .img {text-align: end;}
.sistem_wrap .sistem_box ul {}
.sistem_wrap .sistem_box .sistem_list {padding: 30px 20px 0px 20px;margin-left: 0;position: relative;min-height:195px;background-color:#f9f9f9;border-radius:30px;transition:.25s}
.sistem_wrap .sistem_box .sistem_list:hover {background-color:#f6f2e9;}

.sistem_wrap .sistem_box .sistem_list + .sistem_list {}
.sistem_wrap .sistem_box .sistem_list .txt_box { position: relative;  z-index: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box .num {position: absolute; top: -28px; left: -70px; }
.sistem_wrap .sistem_box .sistem_list .txt_box h4 {position: relative; z-index: 1;}
.sistem_wrap .sistem_box .sistem_list .txt_box .txt {padding-left: 5px;}
.sistem_wrap .sistem_box .sistem_list .img_box {position: absolute; top: 0;right: 0;}
.sistem_wrap .sistem_box .sistem_list .img_box img {}
.sistem_wrap .slick_nav{display: none;}

.sistem_wrap .sistem_box .sistem_list .img_box img { opacity:0; -webkit-clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); clip-path:polygon(0 0, 0 0, 0 100%, 0 100%); -webkit-transition:clip-path 1.1s cubic-bezier(.19, 1, .22, 1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); transition:clip-path 1.1s cubic-bezier(.19, 1,.22,1), opacity 1.1s ease 167ms, -webkit-clip-path 1.1s cubic-bezier(.19, 1, .22, 1); border-radius: 20px 0 20px 0;}
.sistem_wrap .sistem_box .sistem_list.on .img_box img {opacity:1; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.sistem_wrap .sistem_box .sistem_list .arrow { transform: rotate(0deg);position: absolute; margin-left: -23%; top: -100px;}
.sistem_wrap .sistem_box .sistem_list .img {float: inline-start;}

.con3 { padding: 70px 0;}	

.check_wrap {}
.check_wrap {font-size: 0; margin: 0 auto;}
.check_wrap li {display: inline-block;width: -webkit-fill-available;margin: 0 10px 10px;vertical-align: top;background-color:#fff;border: 1px solid #ddd;padding: 15px 10px 15px 20px;border-radius:10px;}
.check_wrap li .square_img {position: absolute;}
.check_wrap li .square_img img { width:25px;}
.check_wrap li .num {display: inline-block; width: 110px; height: 40px; background-color: #00aeb2; text-align: center; line-height: 40px; font-weight:500; border-radius:30px;  color: #fff; font-size: 18px; letter-spacing: 0; position: absolute; bottom: -20px; left: 50%; margin-left: -45px; z-index: 1; font-family: 'IvyMode';}
.check_wrap li .square_img img { }
.check_wrap li .text01 {font-size: 15px;font-weight: 400;padding:5px 0 0 0px;vertical-align:middle;line-height:150%; width:100%}

.con4 { padding: 70px 0;}	
.square_img_wrap3 {}
.square_img_list3 {font-size: 0; text-align:center;}
.square_img_list3 li {display: inline-block;width: -webkit-fill-available;margin: 0 20px 20px;vertical-align: top;text-align:center;background-color:#1e3763;color:#fff;border-radius:25px 25px;transition:.25s;}
.square_img_list3 li .square_img {position: relative; overflow:hidden; border-radius:20px 20px;}
.square_img_list3 li .num  {display: block;vertical-align: middle;font-family: 'IvyMode', sans-serif; text-align: center; font-weight:600; text-transform: uppercase; }
.square_img_list3 li .square_img img {width: 100%; transition:.5s}

.bf {padding: 70px 0;}

.slide {display: block; align-items:center;  width: -webkit-fill-available;position: relative;}
.slide .lt {width: -webkit-fill-available;margin-bottom: 20px;}
.slide .rt {width: -webkit-fill-available; padding-left:0;}
.slide .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;color:#fff;padding: 10px 10px; text-align:center;}

.slide1 {display: block;align-items:center;width: -webkit-fill-available;position: relative;}
.slide1 .lt {width: -webkit-fill-available;margin-bottom: 20px;}
.slide1 .rt {width: -webkit-fill-available;padding-left: 0;}
.slide1 .chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.slide1 .chk_list li {font-weight: 500;position: relative;word-break:keep-all;border-radius: 80px;background-color: #a18360; color:#fff;padding: 10px 10px; text-align:center;}

.square_img_list4 li {display: inline-block;width: calc(50% - 20px);margin: 0 10px 50px;vertical-align: top;text-align:center;}

.bg1 { padding: 80px 0 0;}
.round  li {display: inline-block;vertical-align: top;width: calc(50% - 10px);margin: 0 5px 30px;/* padding:70px 15px 0; */position: relative;}
.round  li .txt_wrap {position: relative;left: 0;width: 100%;z-index: 1;display: block;padding:30px 0 10px;border-radius:100px;background-color: #a18360;color:#fff;height: 95px;}

.video-container {width: -webkit-fill-available;}
.skincare_01 .con1 {padding: 80px 0 100px;}


.s_tab .col-8 li{width: calc(33.33% - 2px);}
.s_tab li a {display: block;text-align: center;line-height: 40px;font-size: 11px;font-weight: 400;color: #787878;border-left: none;transition: .25s;border-bottom: 5px solid transparent;}



.img_list1 { position:relative;}
.img_list1 li {display: block;justify-content:space-between;align-items: center;}
.img_list1 li > div {width: -webkit-fill-available;}
.img_list1 li .img_box .img {width: 100%;/*height: 100%;*/background-size:auto;background-repeat:no-repeat;background-position: 50% 50%;margin-bottom: 30px;}
.img_list1 li .txt_box {/* padding: 0 40px 0; */background-color: transparent;position: relative;}
.img_list1 li .txt_box .num4 {width: 80px;height: 45px;line-height:45px;text-align: center;background-color:#a18360;color:#fff;border-radius:50px;font-weight:500;font-size:18px;position: absolute;margin-left: 5%;top: -45%;}



section.sec04_m{border-top: solid 1px #CAB194;padding: 0;position: relative;overflow: hidden;}
section.sec04_m .container{border-left: solid 1px #CAB194;border-right: solid 1px #CAB194;padding: 50px 15px;overflow: visible;}
section.sec04_m .sec04_bt{margin-top: 24px}
section.sec04_m .sec04_bt .cont_wrap{display: flex;gap:10px;justify-content: right;flex-direction: column;}
section.sec04_m .sec04_bt .cont_wrap .cont_box{box-shadow: 0px 2px 4px 0px #B69E8380;background: #F9E8D4;text-align: center;cursor: pointer;width:100%;border-radius: 12px;padding: 15px;position: relative;overflow: hidden;}
section.sec04_m .sec04_bt .cont_wrap .cont_box>.icon{display: inline-block;margin-right: 10px;vertical-align: bottom;filter: invert(15%) sepia(61%) saturate(2423%) hue-rotate(199deg) brightness(98%) contrast(92%);}
section.sec04_m .sec04_bt .cont_wrap .cont_box>.tit{font-size: 16px;display: inline-block;}
section.sec04_m .sec04_bt .cont_wrap .cont_box>.tit:after{display: inline-block;content: '';width:18px;height: 10px;
background: url('/bvclinic/mo/img/main/sec04_list_arrow.svg') center center no-repeat;filter: invert(15%) sepia(61%) saturate(2423%) hue-rotate(199deg) brightness(98%) contrast(92%);opacity: 0.5;
position: absolute;right:16px;top:25px}
section.sec04_m .sec04_bt .cont_wrap .cont_box .hover_wrap{display: none}
section.sec04_m .sec04_bt .cont_wrap .cont_box .hover_wrap>div{opacity: 0}

section.sec04_m .sec04_bt .cont_wrap .cont_box.on {width:100%;height:auto;transition: all 0.5s;
  cursor: default;border-radius: 12px;background:#183e66;padding: 0}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap{display: block;position: relative;z-index: 2}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on>.tit,section.sec04_m .sec04_bt .cont_wrap .cont_box.on>.icon{display: none}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap>div{animation: slideup 0.7s .2s forwards;}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .tit_wrap{align-items: center;justify-content: center; margin-top:20px;gap:9px}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .tit{color:var(--yellow);font-size: 22px}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .tit:after{display: inline-block;content: '';width:18px;height: 10px;
background: url('/bvclinic/mo/img/main/sec04_list_arrow.svg') center center no-repeat;filter: invert(90%) sepia(94%) saturate(285%) hue-rotate(314deg) brightness(103%) contrast(97%);opacity: 0.5;
position: absolute;right:16px;top:25px;transform: scaleY(-1);}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .icon{filter: invert(90%) sepia(94%) saturate(285%) hue-rotate(314deg) brightness(103%) contrast(97%);}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .img{width:100%;height: 160px;object-fit: cover}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap p.font18{color:#fff;margin-top: 24px}
section.sec04_m .sec04_bt .cont_wrap .cont_box.on .hover_wrap .view_more{margin:24px auto 30px}


.skin_score{min-width:20%}
.skin_score_wrap{gap:8px}
.mt160{margin-top:80px !important}
.treatment_box2{width:45%}

.signature_05_04 .blue_tit{font-size:48px}

.sistem_wrap .sistem_box .sistem_list .txt_box_in{padding:0}

.pill_button{padding:15px 10px ;font-size:14px;margin-bottom:5px }
.pill_button_wrap{gap:5px;display:contents; margin:10px}
.signature_0602 .flex_con{display:block}
.w50{width:100%}
.flex_con .img{margin-top:30px}
.signature_0603_list_02 li{width:50%; padding:10px}

.info-banner{display:block; padding:20px 0}
.info-box{max-width:100%; padding:20px 0; margin-bottom:10px}

.s_tab .col-6 li{width: calc(33.8%);}
.s_tab .col-4 li{width: calc(50% - 2px);}

.check_list_line{padding:0}
.check_title{margin-bottom:20px}

.icon_list .img_l_con{width: calc(55% - 50px);margin: 0 8px 20px;}
.icon_list .img_l_con .icon{height:105px}
.icon_list .img_l_con img{width:100% !important}
.light-desc{font-size:14px}
.light-label{font-size:14px;padding: 6px 14px;}
.light-info{gap:15px;justify-content:left;padding:20px 0}
.light-item {gap:5px}

.signature_0603_list li{float:initial; width:70%; margin:0 auto; margin-bottom:20px}
.signature_0603_list_03 li{width:100%; margin-bottom:20px}
.page_top_wrap .img_bg{transform:initial !important}

.s_nav_wrap .wrap .route .nav_con ul li a{font-size:11px}

.main_cont02_wrap.flex_row.jc_center {
	flex-wrap: wrap;
	justify-content: center;
}

    
.main_cont02_wrap.flex_row.jc_center{justify-content:space-around;}
.main_cont02_wrap > div{width:100%;}
.main_cont02_wrap > div:nth-child(3){width:40%;}

.main_cont02_img_text_wrap01{margin-top:-48px;}
.main_cont02_img_text_wrap02{margin-top:-52px;}
.main_cont02_wrap>div:first-child {
	width: 100%;
}


.main_cont02_img_box {
	width: 100%;
}

.pc_cont{display:none; opacity:0; visibility:hidden;}
.m_cont{display:block; opacity:1; visibility:visible;}

.main_cont02_img_01{margin-top:85px}

}

@media all and (max-width:520px){

}

@media all and (max-width:412px){

}
@media all and (max-width:390px){

}
@media all and (max-width:360px){


}

@media all and (max-width:320px){
	
}



.info_02 .con1 { padding:160px 0 200px;}
.info_02 .con1 .tt-scrolling-text-inner {color: #999;}
 .doctors_view_list_wrap {height: 100%;}
 .doctors_view_list_wrap .doctors_view_list {}
 .doctors_view {display: flex; width: 100%; align-items: center;}
 .doctors_view > div {width: 50%; }
 .doctors_view .doctors_view_img {height: 680px; overflow:hidden;  }
 .doctors_view .doctors_view_img .doctor_img {width: 100%; height: 100%; background-position:50% 0;background-size:cover; background-repeat: no-repeat;display: inline-block; transition: .45s; }
 .doctors_view .doctors_view_img:hover .doctor_img {transform:scale(1.1);}
 
 .doctors_view .doctors_view_img  {position: relative;}
 .doctors_view .doctors_view_img::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg); opacity: 0;}
 .doctors_view .doctors_view_img:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
 
 .reason_wrap {background-color: #f9f9f9 !important;}
 
@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

 
 .doctors_view .doctors_view_txt {padding: 30px 0 0 5%;}
 .doctors_tit {padding-bottom:10px; margin-bottom: 20px; border-bottom: 1px solid #d7d9d3;}
 .doctors_view_tab {justify-content:space-between; padding: 0;}
 .doctors_view_tab li {}
 .doctors_view_tab li a {height: 45px !important; line-height: 45px !important; background-color: #f9f9f9 !important; color: #666 !important; border-radius:0 !important;}
 .doctors_view_tab li.active a {background-color: #ca9a67 !important; color: #fff !important;}
 .doctors_con {padding: 15px 10px 15px; /*overflow: hidden; overflow-y:auto;*/ height:auto;}
 .doctors_con .dot_list p {font-weight: 300; color: #666; line-height: 1.7; margin-bottom: 5px; padding-left: 12px; word-break:keep-all; position: relative;}

 .doctors_con .dot_list .txt {font-weight: 300; color: #666; line-height: 1.7; margin-bottom: 5px; padding-left: 12px; word-break:keep-all; position: relative;}
 .doctors_con .dot_list .txt:after {content:'';display: block; width: 4px; height: 4px; background-color: #666; border-radius:50%; position: absolute; top: 11px; left: 0;}*/
 
.off {display:block;*display:inline;  text-align:center;}
.off:after {content: "\00d7"; font-size:38px; color:#7c94c4; vertical-align:middle; line-height:0;}

.tab_con > div { display: block !important;    align-items: center;   background-color: #fff !important;   padding-left: 0 !important;}
.tab_container { z-index:3 !important;    position: relative;    max-width: 100%;    margin: 0 0 !important;}
.tab_container .tab_menu:after {    display: none;}

 
@media all and (max-width:1230px){
#sv .sv_visual {background-position: 45% 50%;}

}
@media all and (max-width:820px){
.info_02 .con1 { padding:80px 0 100px;}
 .doctors_view {display: block ; width: 100%;}
 .doctors_view > div {width: -webkit-fill-available; }
 .doctors_view .doctors_view_img {height: auto;}	
 .doctors_view .doctors_view_txt {padding: 50px 5px 0; height:auto;} 
 .tab_container .tab_menu {justify-content:center;padding: 15px 0;}
 .tab_container .tab_menu.col-3 li {width: calc(33.33% - 2px);}
 .tab_con > div {display: block !important; align-items: center;  background-color: #fff !important; padding-left: 2%!important;}
 .doctors_view .doctors_view_img .doctor_img {width: 100%; height: 100%; background-position:50% 0;background-size:cover; background-repeat: no-repeat; height:420px;}
 
 .doctors_con {padding: 10px 10px 25px 0; /*overflow: hidden; overflow-y:auto;*/ height: auto;}
 
.tit_wrap {  padding: 0 0;}	
.doctor_wrap { width:-webkit-fill-available;}



}